@charset "UTF-8";
/*init*/
html, body,
div, span, object, iframe,
h3, h4, h5, h6,
p, blockquote, pre,
abbr, address, cite, var, code, dfn, kbd, i, q, samp, ins,
img,
small, strong, b, em, del,
sub, sup,
dl, dt, dd,
ol, ul, li,
fieldset, legend, form, input, textarea, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, summary, figcaption, figure,
footer, header, hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

li {
  list-style: none; }

img {
  vertical-align: middle; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #7f581a; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

address {
  display: inline; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

/*h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }*/

abbr {
  border: 0;
  font-variant: normal; }

sup, sub {
  line-height: -1px;
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*lib*/
/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
/**
 * easing
 */
/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #000;
  word-wrap: break-word; }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%; }

a {
  text-decoration: none;
  color: #01499d; }
  a:hover {
    text-decoration: none; }

img {
  vertical-align: bottom;
  width: 100%;
	height:auto; }
  @media print, screen and (min-width: 769px) {
    img {
      width: auto;
			height:inherit; } }

strong {
  font-weight: bold; }

input {
  padding: 0;
  border: none;
  background: none; }

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
select,
textarea {
  padding: 6px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom; }
  input[type=text]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=datetime]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  input[type=month]::-webkit-input-placeholder,
  input[type=week]::-webkit-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=datetime-local]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e2e2e2; }
  input[type=text]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=datetime]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  input[type=month]:-ms-input-placeholder,
  input[type=week]:-ms-input-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=datetime-local]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e2e2e2; }
  input[type=text]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=datetime]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  input[type=month]::-moz-placeholder,
  input[type=week]::-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=datetime-local]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #e2e2e2; }
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=url]:focus,
  input[type=datetime]:focus,
  input[type=date]:focus,
  input[type=month]:focus,
  input[type=week]:focus,
  input[type=time]:focus,
  input[type=datetime-local]:focus,
  input[type=number]:focus,
  select:focus,
  textarea:focus {
    background-color: #eef4fb; }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  vertical-align: -1px; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  vertical-align: bottom; }

textarea {
  resize: vertical;
  vertical-align: bottom; }

em {
  font-style: italic; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

blockquote {
  background-color: #EEEFFF;
  padding: 1em 1em 1em 3em;
  position: relative;
  border-left: 3px solid #666; }

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0; }

::-moz-selection {
  background: #d4dcd6;
  /* Safari */ }

::selection {
  background: #d4dcd6;
  /* Safari */ }

::-moz-selection {
  background: #d4dcd6;
  /* Firefox */ }

.pci {
  display: none !important; }
  @media print, screen and (min-width: 769px) {
    .pci {
      display: inline-block !important; } }

.spi {
  display: inline-block !important; }
  @media print, screen and (min-width: 769px) {
    .spi {
      display: none !important; } }

.pc_detail {
  display: none !important; }
  @media print, screen and (min-width: 769px) {
    .pc_detail {
      display: block !important; } }

.sp {
  display: block !important; }
  @media print, screen and (min-width: 769px) {
    .sp {
      display: none !important; } }

.cr {
  cursor: default; }

.fade {
  -webkit-transition: opacity 0.1s ease-in-out 0s;
  -o-transition: opacity 0.1s ease-in-out 0s;
  transition: opacity 0.1s ease-in-out 0s; }
  .fade:hover {
    opacity: 0.7; }

.bgcolor_none {
  background-color: transparent !important; }

.no_breadcrumbsIcon:after {
  content: "" !important;
  display: inline-block;
  margin: 0 5px; }

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* IE6 */
* html .cf {
  zoom: 1; }

/* IE7 */
*:first-child + html .cf {
  zoom: 1; }

.noBorder {
  border: none !important; }

.fadeInDown {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible !important; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.text_nomal {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/*parts*/
.line_img {
  width: 82px; }

  .title__inner {
    margin: 0 auto;
    padding-top: 5.3333333%;
    padding-bottom: 5.3333333%;
		background:#eaeaea; }
    @media print, screen and (min-width: 769px) {
      .title__inner {
        padding-top: 34px;
        padding-bottom: 34px;
        position: relative; } }
    .title__inner h1 {
      text-align: center; }
      @media print, screen and (min-width: 769px) {
        .title__inner h1 {
          text-align: center; } }
    .title__inner__pan {
      position: absolute;
      left: 0;
      top: 30px; }
      .title__inner__pan__list {
        font-size: 0; }
        .title__inner__pan__list li {
          font-size: 10px;
          display: inline-block; }
          .title__inner__pan__list li span {
            margin-left: 5px;
            margin-right: 5px; }
			.title__inner--products img {
      width: 23.466666%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--products {
          width: 100%; }
          .title__inner--products img {
            width: 106px; } }
    .title__inner--voices {
      width: 22.86689%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--voices {
          width: 100%; }
          .title__inner--voices img {
            width: 120px; } }
    .title__inner--tvcm {
      width: 16.8942%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--tvcm {
          width: 100%; }
          .title__inner--tvcm img {
            width: 99px; } }
    .title__inner--campaign {
      width: 32.76451%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--campaign {
          width: 100%; }
          .title__inner--campaign img {
            width: 192px; } }
    .title__inner--special {
      width: 47.44027%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--special {
          width: 100%; }
          .title__inner--special img {
            width: 278px; } }
    .title__inner--new {
      width: 31.39932%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--new {
          width: 100%; }
          .title__inner--new img {
            width: 184px; } }
    .title__inner--column {
      width: 26.45051%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--column {
          width: 100%; }
          .title__inner--column img {
            width: 155px; } }

/*elements*/
.footer {
  background: url(/onebykose/moisture/assets/img/footer_bg.png) no-repeat center top;
  background-size: cover;
  padding-top: 10.3125%;
  padding-bottom: 10.3125%; }
  @media print, screen and (min-width: 769px) {
    .footer {
      background: url(/onebykose/moisture/assets/img/pc/footer_bg.png) no-repeat center top;
      background-size: cover;
      padding-top: 50px;
      padding-bottom: 50px; } }
  .footer a {
    color: #fff; }
  .footer__nav {
    text-align: center; }
    .footer__nav__list {
      font-size: 0;
      display: inline-block; }
      .footer__nav__list li {
        display: inline-block;
        vertical-align: top;
        font-size: 10.5px;
        font-size: 3.28125vw;
        color: #fefefe;
        margin-left: 15px;
        line-height: 2; }
        .footer__nav__list li:first-child {
          margin-left: 0; }
        @media print, screen and (min-width: 769px) {
          .footer__nav__list li {
            font-size: 14px; } }
        .footer__nav__list li span {
          display: inline-block;
          margin-left: 15px; }
  .footer__copy {
    color: #fefefe;
    font-size: 10.5px;
    font-size: 3.28125vw;
    line-height: 2;
    text-align: center;
    margin-top: 6.25%; }
    @media print, screen and (min-width: 769px) {
      .footer__copy {
        font-size: 14px;
        margin-top: 20px; } }





.header {
  background-color: #ffffff;
  padding-top: 2.34375%;
  padding-bottom: 2.34375%;
  padding-left: 3.75%;
  padding-right: 6.40625%;
  position: relative; }
  @media print, screen and (min-width: 769px) {
    .header {
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 0;
      padding-right: 0; } }
  .header__inner {
    zoom: 1; }
    .header__inner:before, .header__inner:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .header__inner:after {
      clear: both; }
    @media print, screen and (min-width: 769px) {
      .header__inner {
        max-width: 950px;
        margin: 0 auto; } }
    .header__inner__logo {
      width: 15.3125%;
      float: left; }
      @media print, screen and (min-width: 769px) {
        .header__inner__logo {
          width: 82px; }
          .header__inner__logo img {
            width: 100%; } }
    .header__inner__btn {
      width: 9.375%;
      margin-left: auto;
      padding-top: 2.5%; }
  .header__pcmenu {
    text-align: right;
    padding-top: 22px; }
    .header__pcmenu__list {
      font-size: 0; }
    .header__pcmenu__item {
      display: inline-block;
      vertical-align: top; }
      .header__pcmenu__item--1 img {
        width: 90px; }
      .header__pcmenu__item--2 {
        margin-left: 55px; }
        .header__pcmenu__item--2 img {
          width: 60px; }
      .header__pcmenu__item--3 {
        margin-left: 54px; }
        .header__pcmenu__item--3 img {
          width: 26px; }
      .header__pcmenu__item--4 {
        margin-left: 59px; }
        .header__pcmenu__item--4 img {
          width: 162px; }
  .header__spmenu {
    display: none;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    left: 0;
    background: #fff;
    width: 100%;
    padding-bottom: 35.5%; }
    .header__spmenu__item {
      text-align: center;
      margin-top: 13.90625%; }
      .header__spmenu__item--1 {
        border-top: 1px solid #a1a1a1;
        border-bottom: 1px solid #a1a1a1;
        margin-top: 4.6875%;
        padding-top: 2.1875%;
        padding-bottom: 2.1875%; }
        .header__spmenu__item--1 img {
          width: 11.25%; }
      .header__spmenu__item--2 img {
        width: 35.15625%; }
      .header__spmenu__item--3 img {
        width: 23.4375%; }
      .header__spmenu__item--4 img {
        width: 10%; }
      .header__spmenu__item--5 img {
        width: 64.0625%; }
      .header__spmenu__item--6 img {
        width: 41.25%; }

.guide {
  padding-top: 3.125%;
  padding-bottom: 7.5%; }
  @media print, screen and (min-width: 769px) {
    .guide {
      padding-bottom: 42px;
      padding-top: 20px;
      background: url(/onebykose/moisture/assets/img/gide_bg_pc.png) no-repeat center top/cover; } }
  .guide__toTop {
    text-align: center;
    margin-bottom: 7.8125%; }
    .guide__toTop img {
      width: 15%; }
    @media print, screen and (min-width: 769px) {
      .guide__toTop {
        margin-bottom: 50px; }
        .guide__toTop img {
          width: auto; } }
  .guide__txt {
    text-align: center;
    line-height: 1.7;
    width: 90%;
    margin: 0 auto 5%;
    font-size: 10px;
    font-size: 3.125vw; }
    @media print, screen and (min-width: 769px) {
      .guide__txt {
        width: auto;
        font-size: 14px;
        margin-bottom: 15px; } }
  .guide__btn {
    width: 82.5%;
    margin: 0 auto; }
    @media print, screen and (min-width: 769px) {
      .guide__btn {
        width: 326px; }
        .guide__btn img {
          width: 100%; } }
  .guide__banner {
    width: 54.0625%;
    margin: 9.21875% auto 0; }
    @media print, screen and (min-width: 769px) {
      .guide__banner {
        width: 207px;
        margin-top: 48px; }
        .guide__banner img {
          width: 100%; } }
  .guide__sns {
    text-align: center;
    margin-top: 30px; }
    @media print, screen and (min-width: 769px) {
      .guide__sns {
        margin-top: 47px; } }
    .guide__sns__list {
      display: inline-block;
      font-size: 0; }
      .guide__sns__list li {
        display: inline-block;
        vertical-align: top;
        margin-left: 14px; }
        .guide__sns__list li:first-child {
          margin-left: 0; }

@media print, screen and (min-width: 769px) {
  a img:hover {
    opacity: 0.8; } }

.sub {
  margin: 0 1px;
  vertical-align: -.2em;
  font-size: 12px; }

@media print, screen and (min-width: 769px) {
  body {
    min-width: 997px; } }

#top .cover {
  height: 0;
  padding-top: 13.28125%; }
  @media print, screen and (min-width: 769px) {
    #top .cover {
      height: 74px;
      padding-top: 0; } }
  #top .cover--products1 {
    background: url(../img/cover1.png) no-repeat center top/cover; }
    @media print, screen and (min-width: 769px) {
      #top .cover--products1 {
        background: url(../img/pc/cover1.png) no-repeat center top/cover; } }
  #top .cover--products2 {
    background: url(../img/cover2.png) no-repeat center top/cover; }
    @media print, screen and (min-width: 769px) {
      #top .cover--products2 {
        background: url(../img/pc/cover2.png) no-repeat center top/cover; } }
  #top .cover--products3 {
    background: url(../img/cover3.png) no-repeat center top/cover; }
    @media print, screen and (min-width: 769px) {
      #top .cover--products3 {
        background: url(../img/pc/cover3.png) no-repeat center top/cover; } }

#top .conts1 {
  padding-bottom:0; }
  @media print, screen and (min-width: 769px) {
    #top .conts1 {
      padding-bottom: 150px; } }
  #top .conts1 .mainVisual {
    color: #002a54;
    padding-top: 9.84375%; }
    @media print, screen and (min-width: 769px) {
      #top .conts1 .mainVisual {
        padding-top: 100px; } }
    #top .conts1 .mainVisual__pr1 {
      font-size: 16px;
      font-size: 5vw;
      text-align: center;
      line-height: 1.5;
      font-weight: nomal; }
      @media print, screen and (min-width: 769px) {
        #top .conts1 .mainVisual__pr1 {
          font-size: 24px;
          letter-spacing: 2px;
          font-weight: normal; } }
    #top .conts1 .mainVisual__pr2 {
      font-size: 24px;
      font-size: 7.5vw;
      text-align: center;
      line-height: 1.5;
      font-weight: normal;
      margin-top: 6.25%; }
      @media print, screen and (min-width: 769px) {
        #top .conts1 .mainVisual__pr2 {
          font-size: 40px;
          margin-top: 32px;
          letter-spacing: 3px; } }
    #top .conts1 .mainVisual__notes {
      text-align: center;
      color: #505050;
      margin-top: 10px;
      font-size: 7.5px;
      font-size: 2.34375vw; }
			#top .conts1 .mainVisual__notes.ver02 {
				line-height:1.6;
				margin-top:0;
			}
					#top .conts1 .mainVisual__notes sub {
						position:relative;
						top:2px;
					}
      @media print, screen and (min-width: 769px) {
        #top .conts1 .mainVisual__notes {
          text-align: center;
          font-size: 12px;
          margin-left: -2em;
          margin-top: 10px; }
					#top .conts1 .mainVisual__notes.ver02 {
						margin-top:5px;
					}
					}
    #top .conts1 .mainVisual__box {
      width: 90.74537%;
      margin: 7.8125% auto 0;
			padding-left:10vw;
      font-size: 0; }
      @media print, screen and (min-width: 769px) {
        #top .conts1 .mainVisual__box {
          width: 457px;
          margin-top: 60px;
					padding-left:0; } }
      #top .conts1 .mainVisual__box__figure {
        width: 24.85185%;
					margin-right:2vw;
        display: inline-block; }
        @media print, screen and (min-width: 769px) {
          #top .conts1 .mainVisual__box__figure {
            width: 116px;
            margin-right: 55px; }
            #top .conts1 .mainVisual__box__figure img {
              width: 100%; } }
      #top .conts1 .mainVisual__box__list {
        display: inline-block;
        width: 68.51852%;
        vertical-align: top; }
        @media print, screen and (max-width: 640px) {
          #top .conts1 .mainVisual__box__list {
            margin-top: 2%; } }
        @media print, screen and (min-width: 769px) {
          #top .conts1 .mainVisual__box__list {
            width: 274px; } }
        #top .conts1 .mainVisual__box__list__1 {
          width: 77.2973%;
          margin: 0 auto; }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .mainVisual__box__list__1 {
              width: 274px;
              padding-top: 10px; }
              #top .conts1 .mainVisual__box__list__1 img {
                width: 100%; } }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .mainVisual__box__list__1 h2 {
              display: block;
              vertical-align: top;
              width: 240px;
              margin: 0 auto; } }
        #top .conts1 .mainVisual__box__list__2 {
          font-size: 12.5px;
          font-size: 3.90625vw;
          font-weight: bold;
          text-align: center;
          margin-top: 10.81081%; }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .mainVisual__box__list__2 {
              font-size: 18px;
              margin-top: 35px; } }
        #top .conts1 .mainVisual__box__list__3 {
          font-size: 9px;
          font-size: 2.8125vw;
          text-align: center;
          line-height: 1.8;
          margin-top: 6.75676%; }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .mainVisual__box__list__3 {
              font-size: 13px;
              margin-top: 10px; } }
        #top .conts1 .mainVisual__box__list__4 {
          margin-top: 2.7027%; }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .mainVisual__box__list__4 {
              font-size: 19px;
              line-height: 1.8;
              margin-top: 12px;
              letter-spacing: 1px; }
              #top .conts1 .mainVisual__box__list__4 img {
                width: 100px; } }
          #top .conts1 .mainVisual__box__list__4 .logos {
            width:100%;
						text-align:center;
            margin: 0 auto;
            font-size: 0; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .mainVisual__box__list__4 .logos {
                width: 230px; } }
            #top .conts1 .mainVisual__box__list__4 .logos .logo {
              display: inline-block;
              vertical-align: top; }
              #top .conts1 .mainVisual__box__list__4 .logos .logo--1 {
                width: 30.51471%;
                margin-right: 8%; }
                @media print, screen and (min-width: 769px) {
                  #top .conts1 .mainVisual__box__list__4 .logos .logo--1 {
                    width: 70px; }
                    #top .conts1 .mainVisual__box__list__4 .logos .logo--1 img {
                      width: 100%; } }
              #top .conts1 .mainVisual__box__list__4 .logos .logo--2 {
                width: 59.92647%; }
                @media print, screen and (min-width: 769px) {
                  #top .conts1 .mainVisual__box__list__4 .logos .logo--2 {
                    width: 140px; }
                    #top .conts1 .mainVisual__box__list__4 .logos .logo--2 img {
                      width: 100%; } }
        #top .conts1 .mainVisual__box__list__5 {
          font-size: 10px;
          line-height: 1.5;
          margin-top: 1em;
          color: #505050; }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .mainVisual__box__list__5 {
              font-size: 10px; } }
          #top .conts1 .mainVisual__box__list__5 a {
            text-decoration: underline;
            color: #505050; }
  #top .conts1 .outline {
    margin-top: 10px;
    margin-bottom: 30px; }
    @media print, screen and (min-width: 769px) {
      #top .conts1 .outline {
        margin-top: 0; } }
    #top .conts1 .outline__box {
      width: 90%;
      margin: 0 auto; }
      @media print, screen and (min-width: 769px) {
        #top .conts1 .outline__box {
          width: 635px; } }
      #top .conts1 .outline__box__last {
        border-bottom: 1px solid #002a54; }
      #top .conts1 .outline__box__title {
        font-size: 15px;
        font-size: 4.6875vw;
        line-height: 2;
        color: #002a54;
        border-top: 1px solid #002a54;
        position: relative; }
        @media print, screen and (min-width: 769px) {
          #top .conts1 .outline__box__title {
            font-size: 18px;
            line-height: 1.9;
            padding-left: 10px;
            cursor: pointer; } }
        #top .conts1 .outline__box__title__cursor {
          width: 5.20833%;
          position: absolute;
          top: -42%;
          right: 20px; }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .outline__box__title__cursor {
              width: 20px;
              top: -35%; }
              #top .conts1 .outline__box__title__cursor img {
                width: 100%; } }
      #top .conts1 .outline__box__conts {
        margin-top: 12px;
        font-size: 11px;
        font-size: 3.4375vw;
        line-height: 2;
        margin-bottom: 30px;
        display: none; }
        @media print, screen and (min-width: 769px) {
          #top .conts1 .outline__box__conts {
            font-size: 13px;
            margin-bottom: 0;
            padding-bottom: 10px; } }
        #top .conts1 .outline__box__conts p {
          text-indent: -1em;
          padding-left: 1em; }
        #top .conts1 .outline__box__conts--blue {
          color: #002a54; }
        #top .conts1 .outline__box__conts__1 {
          background: url(../img/outline_bg.png) no-repeat center top/cover;
          height: 0;
          padding-top: 264.0625%;
          margin-top: 5px;
          margin-bottom: 10px;
          position: relative; }
          @media print, screen and (min-width: 769px) {
            #top .conts1 .outline__box__conts__1 {
              background: url(../img/outline_bg.png) no-repeat center top;
              padding-top: 0;
              height: 643px; } }
          #top .conts1 .outline__box__conts__1__g0 {
            width: 35.24306%;
            position: absolute;
            top: 3.68179%;
            left: 60.59028%;
            -webkit-animation-name: floating1;
            animation-name: floating1;
            -webkit-animation-duration: 2.7s;
            animation-duration: 2.7s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g0 {
                width: 137px;
                top: 108px;
                left: 178px; }
                #top .conts1 .outline__box__conts__1__g0 img {
                  width: 100%; } }

@-webkit-keyframes floating1 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating1 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g1 {
            width: 41.84028%;
            position: absolute;
            top: 1.11769%;
            left: 5.55556%;
            -webkit-animation-name: floating1;
            animation-name: floating1;
            -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g1 {
                width: 160px;
                top: 18px;
                left: 22px; }
                #top .conts1 .outline__box__conts__1__g1 img {
                  width: 100%; } }

@keyframes floating1 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g2 {
            width: 39.40972%;
            position: absolute;
            top: 17.81723%;
            left: 48.09028%;
            -webkit-animation-name: floating2;
            animation-name: floating2;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g2 {
                width: 136px;
                top: 13px;
                left: 309px; }
                #top .conts1 .outline__box__conts__1__g2 img {
                  width: 100%; } }

@-webkit-keyframes floating2 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating2 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g3 {
            width: 47.39583%;
            position: absolute;
            top: 25.90401%;
            left: 1.73611%;
            -webkit-animation-name: floating3;
            animation-name: floating3;
            -webkit-animation-duration: 2.4s;
            animation-duration: 2.4s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g3 {
                width: 163px;
                top: 76px;
                left: 455px; }
                #top .conts1 .outline__box__conts__1__g3 img {
                  width: 100%; } }

@-webkit-keyframes floating3 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating3 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g4 {
            width: 42.1875%;
            position: absolute;
            top: 34.38527%;
            left: 52.95139%;
            -webkit-animation-name: floating4;
            animation-name: floating4;
            -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g4 {
                width: 146px;
                top: 259px;
                left: 63px; }
                #top .conts1 .outline__box__conts__1__g4 img {
                  width: 100%; } }

@-webkit-keyframes floating4 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating4 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g5 {
            width: 37.15278%;
            position: absolute;
            top: 44.90467%;
            left: 3.99306%;
            -webkit-animation-name: floating5;
            animation-name: floating5;
            -webkit-animation-duration: 1.9s;
            animation-duration: 1.9s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g5 {
                width: 128px;
                top: 238px;
                left: 253px; }
                #top .conts1 .outline__box__conts__1__g5 img {
                  width: 100%; } }

@-webkit-keyframes floating5 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating5 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g6 {
            width: 48.4375%;
            position: absolute;
            top: 50.95332%;
            left: 40.27778%;
            -webkit-animation-name: floating6;
            animation-name: floating6;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g6 {
                width: 167px;
                top: 260px;
                left: 402px; }
                #top .conts1 .outline__box__conts__1__g6 img {
                  width: 100%; } }

@-webkit-keyframes floating6 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating6 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g7 {
            width: 41.14583%;
            position: absolute;
            top: 61.34122%;
            left: 1.38889%;
            -webkit-animation-name: floating7;
            animation-name: floating7;
            -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g7 {
                width: 142px;
                top: 430px;
                left: 47px; }
                #top .conts1 .outline__box__conts__1__g7 img {
                  width: 100%; } }

@-webkit-keyframes floating7 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(7%);
    transform: translateY(7%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating7 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(7%);
    transform: translateY(7%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g8 {
            width: 34.89583%;
            position: absolute;
            top: 69.88823%;
            left: 61.97917%;
            -webkit-animation-name: floating8;
            animation-name: floating8;
            -webkit-animation-duration: 2.2s;
            animation-duration: 2.2s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g8 {
                width: 120px;
                top: 415px;
                left: 224px; }
                #top .conts1 .outline__box__conts__1__g8 img {
                  width: 100%; } }

@-webkit-keyframes floating8 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating8 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
          #top .conts1 .outline__box__conts__1__g9 {
            width: 56.07639%;
            position: absolute;
            top: 77.31755%;
            left: 12.67361%;
            -webkit-animation-name: floating9;
            animation-name: floating9;
            -webkit-animation-duration: 2.4s;
            animation-duration: 2.4s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
            @media print, screen and (min-width: 769px) {
              #top .conts1 .outline__box__conts__1__g9 {
                width: 176px;
                top: 448px;
                left: 355px; }
                #top .conts1 .outline__box__conts__1__g9 img {
                  width: 100%; } }

@-webkit-keyframes floating9 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes floating9 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
        #top .conts1 .outline__box__conts__2 {
          font-size: 14px; }
  #top .conts1 .bnr {
    text-align: center; }

#top .conts2 {
  text-align: center;
  padding-top: 12.03125%;
  padding-bottom: 16.5625%;
  background: url(../img/conts2_bg.png) no-repeat center top/cover; }
  @media print, screen and (min-width: 769px) {
    #top .conts2 {
      background: url(../img/pc/conts2_bg.png) no-repeat center top;
      padding-top: 68px;
      padding-bottom: 99px; } }
  #top .conts2__pr, #top .conts2__pr3 {
    font-size: 22px;
    font-size: 6.875vw;
    color: #002a54;
    line-height: 1.5; }
    @media print, screen and (min-width: 769px) {
      #top .conts2__pr, #top .conts2__pr3 {
        font-size: 32px; } }
    #top .conts2__pr h2, #top .conts2__pr3 h2 {
      font-weight: nomal; }
      @media print, screen and (min-width: 769px) {
        #top .conts2__pr h2, #top .conts2__pr3 h2 {
          font-weight: normal;
          letter-spacing: 2px; } }
  #top .conts2__pr2 {
    font-size: 15px;
    font-size: 4.6875vw;
    color: #002a54;
    line-height: 1.5;
    margin-top: 11.25%; }
    @media print, screen and (min-width: 769px) {
      #top .conts2__pr2 {
        font-size: 24px;
        margin-top: 42px;
        letter-spacing: 1px; } }
  #top .conts2__pr3 {
    margin-top: 12.1875%; }
    @media print, screen and (min-width: 769px) {
      #top .conts2__pr3 {
        margin-top: 25px;
        letter-spacing: 2px; } }
  #top .conts2__hide {
    display: none; }
  #top .conts2__text {
    font-size: 11.5px;
    font-size: 3.59375vw;
    line-height: 2;
    margin-top: 9.6875%; }
    @media print, screen and (min-width: 769px) {
      #top .conts2__text {
        font-size: 18px;
        margin-top: 50px; } }
    #top .conts2__text__blue {
      color: #002a54;
      font-weight: nomal;
      letter-spacing: 1px; }
      @media print, screen and (min-width: 769px) {
        #top .conts2__text__blue {
          font-weight: normal; } }
    #top .conts2__text .under {
      text-decoration: underline;
      color: #002a54; }
  #top .conts2__btn {
    width: 9.375%;
    margin: 12.65625% auto 0; }
    @media print, screen and (min-width: 769px) {
      #top .conts2__btn {
        width: 30px;
        margin-top: 29px;
        cursor: pointer; }
        #top .conts2__btn img {
          width: 100%; } }

#top .conts3 .nav {
  background: url(../img/conts3_nav_bg.jpg) no-repeat center top/cover;
  text-align: center;
  font-size: 0;
  padding-top: 22%;
  padding-bottom: 15%; }
  @media print, screen and (min-width: 769px) {
    #top .conts3 .nav {
      background: url(../img/pc/conts3_nav_bg.jpg) no-repeat center top/cover;
      padding-top: 70px;
      padding-bottom: 47px; } }
  #top .conts3 .nav__list {
    display: inline-block;
    font-size: 0;
    width: 100%; }

    @media print, screen and (min-width: 769px) {
      #top .conts3 .nav__list {
        width: auto;
        vertical-align: top; } }
    #top .conts3 .nav__list__item {
      display: inline-block;
      vertical-align: top; }
      #top .conts3 .nav__list__item__1 {
        width: 40.78125%;
        margin-right: 5%;
        margin-bottom: 5%; }
        #top .conts3 .nav__list__item__1 img {
          margin-right: 8%; }
        @media print, screen and (min-width: 769px) {
          #top .conts3 .nav__list__item__1 {
            width: 205px;
            margin-right: 76px; }
            #top .conts3 .nav__list__item__1 img {
              margin-right: 0;
              width: 100%; } }
      #top .conts3 .nav__list__item__2 {
        width: 37.96875%; }
        @media print, screen and (min-width: 769px) {
          #top .conts3 .nav__list__item__2 {
            width: 205px;
            margin-right: 76px;
            margin-top:0; }
            #top .conts3 .nav__list__item__2 img {
              width: 100%; } }
      #top .conts3 .nav__list__item__3 {
        width: 39.84375%;
        margin-top: -2.8%; }
        #top .conts3 .nav__list__item__3 img {
          margin-left: 12%; }
        @media print, screen and (min-width: 769px) {
          #top .conts3 .nav__list__item__3 {
            width: 205px;
            margin-top:0; }
            #top .conts3 .nav__list__item__3 img {
              width: 100%;
              margin-left: 0; } }


#top .conts3 .rice {
  background-color: #edf7ff;
  padding-bottom: 8.4375%; }
  @media print, screen and (min-width: 769px) {
    #top .conts3 .rice {
      background-color: #edf7ff;
      padding-bottom: 105px; } }
  #top .conts3 .rice__main {
    background: url(../img/rice_main_bg.png) no-repeat center top/100%;
    padding-top: 8.59375%; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .rice__main {
        background: url(../img/pc/rice_main_bg.png) no-repeat center top -324px;
        padding-top: 81px; } }
    #top .conts3 .rice__main__pr {
      font-size: 16px;
      font-size: 5vw;
      line-height: 2;
      color: #AA9145;
      text-align: center;
      font-weight: nomal; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .rice__main__pr {
          font-size: 27px;
          font-weight: normal;
          letter-spacing: 2px; } }
    #top .conts3 .rice__main h2 {
      margin: 0 auto;
			font-size:10vw;
			line-height:1.06666666;
			color:#002a54;
			text-align:center;
      padding-top: 9.375%;
      padding-bottom: 36.40625%; }
			#top .conts3 .rice__main h2 sub {
				position:relative;
				font-size:8vw;
				display:inline-block;
			}
      @media print, screen and (min-width: 769px) {
        #top .conts3 .rice__main h2 {
          font-size:70px;
					padding-top: 50px;
          padding-bottom: 207px; }
			#top .conts3 .rice__main h2 sub {
				font-size:45px;
			}
			}
    #top .conts3 .rice__main__text {
      font-size: 11.5px;
      font-size: 3.59375vw;
      text-align: center;
      line-height: 2; }
      #top .conts3 .rice__main__text--blue {
        font-size: 16px;
        font-size: 5vw;
        font-weight: nomal;
        color: #002a54; }
        @media print, screen and (min-width: 769px) {
          #top .conts3 .rice__main__text--blue {
            font-weight: normal; } }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .rice__main__text {
          font-size: 18px; }
          #top .conts3 .rice__main__text--blue {
            font-size: 24px;
            letter-spacing: 2px; } }
  #top .conts3 .rice__box1 {
    width: 87.5%;
    margin: 13.59375% auto 0; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .rice__box1 {
        width: 722px;
        margin-top: 60px; } }
    #top .conts3 .rice__box1__title {
      font-size: 15px;
      font-size: 4.6875vw;
      font-weight: nomal;
      text-align: center;
      line-height: 1.6;
      color: #ffffff;
      background: #002a54;
      padding-top: 4.46429%;
      padding-bottom: 4.46429%; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .rice__box1__title {
          font-size: 22px;
          padding-top: 0;
          padding-bottom: 0;
          line-height: 2.8; } }
    #top .conts3 .rice__box1__text {
      background: url(../img/rice_box1_bg.png) no-repeat center top/cover;
      padding-bottom: 7.85714%; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .rice__box1__text {
          background: #fcfcf2;
          padding-bottom: 31px; } }
      #top .conts3 .rice__box1__text p {
        padding-top: 62.5%;
        width: 89.46429%;
        margin: 0 auto;
        line-height: 1.8;
        font-size: 11.5px;
        font-size: 3.59375vw; }
        @media print, screen and (min-width: 769px) {
          #top .conts3 .rice__box1__text p {
            font-size: 14px;
            display: inline-block;
            width: 374px;
            padding-top: 37px; } }
      #top .conts3 .rice__box1__text__figure {
        vertical-align: top;
        padding-top: 37px;
        padding-left: 37px;
        margin-right: 26px; }
  @media print, screen and (min-width: 769px) {
    #top .conts3 .rice__box2 {
      width: 719px;
      margin: 55px auto 0;
      font-size: 0; } }
  @media print, screen and (min-width: 769px) {
    #top .conts3 .rice__box2__conts {
      display: inline-block;
      width: 357px; } }
  #top .conts3 .rice__box2__figure {
    width: 72.65625%;
    margin: 3.125% auto 0; }
    #top .conts3 .rice__box2__figure img {
      background: #fff; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .rice__box2__figure {
        width: 276px;
        display: inline-block;
        margin-right: 42px;
        margin-top: 0;
        vertical-align: top; }
        #top .conts3 .rice__box2__figure img {
          width: 100%; } }
    #top .conts3 .rice__box2__figure__caption {
      text-align: right;
      font-size: 10px;
      font-size: 3.125vw;
      margin-top: 5px; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .rice__box2__figure__caption {
          font-size: 12px; } }
  #top .conts3 .rice__box2__text {
    font-size: 11.5px;
    font-size: 3.59375vw;
    line-height: 1.8;
    width: 87.96875%;
    margin: 4.53125% auto 0; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .rice__box2__text {
        font-size: 14px;
        width: 357px;
        margin: 0;
        display: inline-block;
        vertical-align: top; } }
  #top .conts3 .rice__box2__bigtext {
    font-size: 16px;
    font-size: 5vw;
    color: #002a54;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 9.375%; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .rice__box2__bigtext {
        font-size: 16px;
        width: 302px;
        display: inline-block; } }

#top .conts3 .actirise__main {
  background: url(../img/actirise_bg.png) no-repeat center top;
  background-size: cover;
  margin-top: 10.46875%;
  padding-top: 16.71875%; }
  @media print, screen and (min-width: 769px) {
    #top .conts3 .actirise__main {
      background: url(../img/pc/actirice_bg.png) no-repeat center top;
      margin-top: 0;
      padding-top: 113px; } }
  #top .conts3 .actirise__main__pr {
    font-size: 5.46875vw;
    font-weight: nomal;
    text-align: center;
    line-height: 1.8;
    color: #AA9145; }
				#top .conts3 .actirise__main__pr sub {
					font-size:4vw;
				}
    @media print, screen and (min-width: 769px) {
      #top .conts3 .actirise__main__pr {
        font-size: 27px;
        font-weight: normal;
        letter-spacing: 2px; }
				#top .conts3 .actirise__main__pr sub {
					font-size:20px;
				}
				}
  #top .conts3 .actirise__main h2 {
    margin: 0 auto;
    padding-top: 13.75%;
		font-size:10vw;
		line-height:1.06666666;
		color:#002a54;
		text-align:center; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .actirise__main h2 {
				font-size:70px;
        padding-top: 42px; } }
  #top .conts3 .actirise__main__text {
    text-align: center;
    margin-top: 10.78125%;
    font-size: 11.5px;
    font-size: 3.59375vw;
    line-height: 2; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .actirise__main__text {
        font-size: 18px; } }
    #top .conts3 .actirise__main__text--blue {
      font-size: 16px;
      font-size: 5vw;
      line-height: 1.5;
      font-weight: nomal;
      color: #002a54; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .actirise__main__text--blue {
          font-size: 24px;
          font-weight: normal; } }

#top .conts3 .actirise__conts {
  margin-top: 8.90625%;
  padding-bottom: 12.5%; }
  @media print, screen and (min-width: 769px) {
    #top .conts3 .actirise__conts {
      margin-top: 63px;
      padding-bottom: 56px; } }
  #top .conts3 .actirise__conts__list {
    font-size: 0;
    width: 86.875%;
    margin: 0 auto; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .actirise__conts__list {
        width: 556px; } }
    #top .conts3 .actirise__conts__list li {
      display: inline-block;
      width: 47.66187%;
      font-size: 11px;
      font-size: 3.4375vw;
      line-height: 1.6;
      vertical-align: top; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .actirise__conts__list li {
          width: 265px;
          font-size: 14px; } }
      #top .conts3 .actirise__conts__list li:first-child {
        margin-right: 4.67626%; }
        @media print, screen and (min-width: 769px) {
          #top .conts3 .actirise__conts__list li:first-child {
            margin-right: 26px; } }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .actirise__conts__list li.cyousei {
          margin-right: 13px;
          margin-left: 13px; } }
  #top .conts3 .actirise__conts__figure {
    width: 92%;
    margin: 0 auto 3.125%; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .actirise__conts__figure {
        width: 570px;
        margin-bottom: 10px; } }
    #top .conts3 .actirise__conts__figure__caption {
      text-align: right;
      margin-top: -6%;
      font-size: 10px;
      font-size: 3.125vw; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .actirise__conts__figure__caption {
          font-size: 12px;
          margin-top: -45px; } }

#top .conts3 .boost {
  background-color: #edf7ff;
  padding-top: 19.53125%;
  padding-bottom: 22.8125%; }
  @media print, screen and (min-width: 769px) {
    #top .conts3 .boost {
      padding-top: 0;
      padding-bottom: 89px; } }
  #top .conts3 .boost__main {
    background: url(../img/boost_main_bg.png) no-repeat center top/contain; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .boost__main {
        background: url(../img/pc/boost_main_bg.png) no-repeat center top;
        padding-top: 110px;
        padding-bottom: 240px; } }
    #top .conts3 .boost__main__pr {
      font-size: 17.5px;
      font-size: 5.46875vw;
      font-weight: nomal;
      text-align: center;
      line-height: 1.8;
      color: #AA9145; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .boost__main__pr {
          font-size: 27px;
          font-weight: normal;
          letter-spacing: 2px; } }
    #top .conts3 .boost__main h2 {
      margin: 0 auto;
      padding-top: 17.1875%;
			font-size:10vw;
			line-height:1.06666666;
			color:#002a54;
			text-align:center; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .boost__main h2 {
          font-size:70px;
					padding-top: 39px; } }
    #top .conts3 .boost__main__text {
      text-align: center;
      font-size: 4.6875vw;
      line-height: 1.8;
      color: #002a54;
      font-weight: nomal;
      margin-top: 15.78125%; }
					#top .conts3 .boost__main__text sub {
						font-size:inherit;
						position:relative;
						top:4px;
					}
      @media print, screen and (min-width: 769px) {
        #top .conts3 .boost__main__text {
          margin-top: 101px;
          font-size: 24px;
          letter-spacing: 1px;
          font-weight: normal; }
					#top .conts3 .boost__main__text sub {
						font-size:inherit;
						position:relative;
						top:4px;
					}
					 }
  #top .conts3 .boost__list {
    width: 85.46875%;
    margin: 0 auto; }
    @media print, screen and (min-width: 769px) {
      #top .conts3 .boost__list {
        margin-top: -290px;
        width: 997px;
        font-size: 0; } }
    #top .conts3 .boost__list__item {
      margin-top: 12.79707%; }
      @media print, screen and (min-width: 769px) {
        #top .conts3 .boost__list__item {
          width: 311px;
          display: inline-block;
          vertical-align: top;
          margin-left: 32px; }
          #top .conts3 .boost__list__item:first-child {
            margin-left: 0; }
          #top .conts3 .boost__list__item img {
            width: 100%; } }
      #top .conts3 .boost__list__item__figure__caption {
        margin-top: 3.47349%;
        font-size: 11px;
        font-size: 3.4375vw;
        line-height: 1.8;
        color: #002a54; }
        @media print, screen and (min-width: 769px) {
          #top .conts3 .boost__list__item__figure__caption {
            font-size: 14px; } }
        #top .conts3 .boost__list__item__figure__caption__notes {
          font-size: 8px;
          font-size: 2.5vw; }
          @media print, screen and (min-width: 769px) {
            #top .conts3 .boost__list__item__figure__caption__notes {
              font-size: 11px; } }


.outline__box__conts .cap {
	font-size:9px;
	font-weight:300;
	margin-top:20px;
}

/*#reasonArea pcファースト*/
header .moistureNav li:nth-of-type(1) a {
	border-bottom:4px solid #bead7e;
}

#reasonArea {
	background:url(../img/pc/conts2_nav_bg.jpg) 0 0 no-repeat;
	background-size:cover;
	text-align:center;
	color:#fff;
	padding-bottom:140px;
}
#reasonArea .contsBox .ttl {
	font-size:50px;
	line-height:1.54;
	padding:128px 0 40px 0;
}
#reasonArea .contsBox.ver01 .box {
	background:url(../img/pc/reason_bg01.png) 0 0 no-repeat;
	width:1000px;
	height:806px;
	margin:0 auto;
}
#reasonArea .contsBox.ver01 .box .kindList {
	font-size:0;
	padding:46px 0 122px;
}
#reasonArea .contsBox.ver01 .box .kindList li {
	display:inline-block;
	width:108px;
	height:108px;
	font-size:15px;
	margin-left:30px;
}
#reasonArea .contsBox.ver01 .box .kindList li:first-child {
	margin-left:0;
}
#reasonArea .contsBox.ver01 .box .kindList li span {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background:#0b92df;
	width:108px;
	height:108px;
	border-radius:54px;
}
#reasonArea .contsBox.ver01 .box .txt01 {
	font-size:31px;
	margin-bottom:42px;
}

#reasonArea .contsBox.ver02 .box {
	background:url(../img/pc/reason_bg02.png) 0 0 no-repeat;
	width:1000px;
	height:601px;
	margin:0 auto;
	position:relative;
}
#reasonArea .contsBox.ver02 .box .txt01 {
	font-size:32px;
	padding:35px 0 92px;
}
#reasonArea .contsBox.ver02 .box .txt02 {
	font-size:26px;
}
#reasonArea .contsBox.ver02 .box .cap {
	font-size:11px;
	position:absolute;
	bottom:12px;
	right:12px;
}
#reasonArea .contsBox.ver03 .box {
	background:url(../img/pc/reason_bg03.png) 0 0 no-repeat;
	width:1000px;
	height:930px;
	margin:0 auto;
	position:relative;
}
#reasonArea .contsBox.ver03 .ttl .small {
	font-size:22px;
	display:inline-block;
	position:relative;
	top:17px;
}
#reasonArea .contsBox.ver03 .box .txt01 {
	font-size:32px;
	padding:35px 0 85px;
}
#reasonArea .contsBox.ver03 .box .txt02 {
	font-size:20px;
	line-height:1.9;
}
#reasonArea .contsBox.ver03 .box .txt02 .line {
	background:url(../img/bg_line01.gif) 0 bottom repeat-x;
	display:inline-block;
}
#reasonArea .contsBox.ver03 .box .txt03 {
	font-size:48px;
	padding:37px 0 30px;
}
#reasonArea .contsBox.ver03 .box .txt03 sub {
	font-size:30px;
}
#reasonArea .contsBox.ver03 .box .txt03 .small {
	font-size:30px;
}
#reasonArea .contsBox.ver03 .box .txt04 {
	font-size:20px;
	line-height:1.9;
	padding-bottom:50px;
}
#reasonArea .contsBox.ver03 .box .movieBox {
	width:640px;
	margin:0 auto;
}
#reasonArea .contsBox.ver03 .box .movieBox .capTxt {
	font-size:20px;
	margin-top:25px;
	text-align:left;
}
#reasonArea .contsBox.ver03 .cap {
	font-size:11px;
	position:absolute;
	bottom:12px;
	right:12px;
}

#top .conts3 .nav .ttlTxt {
	font-size:50px;
	color:#fff;
	margin-bottom:49px;
}
#top .conts3 .nav .ttlTxt .font02 {
	font-size:38px;
}
#top .conts3 .nav .ttlTxt strong {
	font-size:60px;
	background:url(../img/bg_line03.gif) 0 bottom repeat-x;
	display:inline-block;
	padding-bottom:3px;
	font-weight:normal;
	padding-bottom:8px;
}

@media screen and (max-width:768px){
	header .moistureNav li:nth-of-type(1) a {
		border-bottom:none;
	}

	#reasonArea {
		background:url(../img/conts2_nav_bg.jpg) 0 0 no-repeat;
		background-size:cover;
		padding-bottom:18.666666vw;
	}
	#reasonArea .contsBox .ttl {
		font-size:5.066666666vw;
		line-height:2.02631;
		padding:17.3333333vw 0 6.6666666vw;
	}
	#reasonArea .contsBox.ver01 .box {
			background:url(../img/reason_bg01.png) 0 0 no-repeat;
			background-size:contain;
			width:81.33333333%;
			height:245vw;
			margin:0 auto;
	}
	#reasonArea .contsBox.ver01 .box .kindList {
		padding:6.66666666vw 0 15.3333333vw;
		margin:0 auto;
		width:61.8666665vw;
	}
	#reasonArea .contsBox.ver01 .box .kindList li {
		display:inline-block;
		width:16.5333333vw;
		height:16.5333333vw;
		font-size:2.4vw;
		margin-left:6.1333333vw;
		margin-top:3.0666666vw;
	}
	#reasonArea .contsBox.ver01 .box .kindList li:first-child,
	#reasonArea .contsBox.ver01 .box .kindList li:nth-of-type(4) {
		margin-left:0;
	}
	#reasonArea .contsBox.ver01 .box .kindList li:nth-of-type(1),
	#reasonArea .contsBox.ver01 .box .kindList li:nth-of-type(2),
	#reasonArea .contsBox.ver01 .box .kindList li:nth-of-type(3) {
		margin-top:0;
	}
	#reasonArea .contsBox.ver01 .box .kindList li span {
		width:16.5333333vw;
		height:16.5333333vw;
		border-radius:8.26666665vw;
	}
	#reasonArea .contsBox.ver01 .box .txt01 {
		font-size:4vw;
		line-height:1.666;
		margin-bottom:5.3333333vw;
	}

	#reasonArea .contsBox.ver02 .box {
		background:url(../img/reason_bg02.png) 0 0 no-repeat;
		background-size:contain;
		width:81.33333333%;
		height:66vw;
	}
	#reasonArea .contsBox.ver02 .box .txt01 {
		font-size:4vw;
		padding:4.6666666vw 0 12vw;
	}
	#reasonArea .contsBox.ver02 .box .txt02 {
		font-size:2.9333333vw;
		text-align:left;
		margin-left:8.2666666vw;
	}
	#reasonArea .contsBox.ver02 .box .img {
		position:relative;
		top:-2.9333333vw;
	}
	#reasonArea .contsBox.ver02 .box .cap {
		font-size:2.1333333vw;
		bottom:2.4666666vw;
		right:1.4666666vw;
	}
	#reasonArea .contsBox.ver03 .box {
		background:url(../img/reason_bg03.png) 0 0 no-repeat;
		background-size:contain;
		width:81.33333333%;
		height:auto;
		margin:0 auto;
		padding-bottom:10vw;
	}
	#reasonArea .contsBox.ver03 .ttl {
		line-height:1.6;
	}
	#reasonArea .contsBox.ver03 .ttl .small {
		font-size:2.6666666vw;
		display:inline-block;
		position:relative;
		top:auto;
	}
	#reasonArea .contsBox.ver03 .box .txt01 {
		font-size:4.26666666vw;
		padding:4.666666vw 0 10.3333333vw 0;
	}
	#reasonArea .contsBox.ver03 .box .txt02 {
		font-size:2.9333333vw;
		line-height:1.818181818;
	}
	#reasonArea .contsBox.ver03 .box .txt02 .line {
		background:none;
		display:inline-block;
	}
	#reasonArea .contsBox.ver03 .box .txt03 {
		font-size:6.4vw;
		padding:6.666666vw 0 5.333333vw 0;
	}
	#reasonArea .contsBox.ver03 .box .txt03 sub {
		font-size:5vw;
	}
	#reasonArea .contsBox.ver03 .box .txt03 .small {
		font-size:4vw;
	}
	#reasonArea .contsBox.ver03 .box .txt04 {
		font-size:2.9333333vw;
		line-height:1.818181818;
		padding-bottom:7.333333vw;
	}
	#reasonArea .contsBox.ver03 .box .movieBox {
		width:61.3333333vw;
		margin:0 auto;
	}
	#reasonArea .contsBox.ver03 .box .movieBox .capTxt {
		font-size:2.6666666vw;
		margin-top:2.4vw;
		text-align:left;
	}
	#reasonArea .contsBox.ver03 .cap {
		font-size:2.1333333vw;
		position:absolute;
		bottom:1.6vw;
		right:2.6vw;
	}

	#top .conts3 .nav .ttlTxt {
		font-size:7.733333vw;
		margin-bottom:9.3333333vw;
		line-height:10.666666vw;
	}
	#top .conts3 .nav .ttlTxt .font02 {
		font-size:5.0666666vw;
	}
	#top .conts3 .nav .ttlTxt strong {
		font-size:10vw;
		background:url(../img/bg_line03.gif) 0 bottom repeat-x;
		background-size:auto 1.5px;
		padding-bottom:1.866666vw;
	}
}


/*append by mis*/

.boxer-meta{
	display:none;
}

.boxer-video-wrapper{
/*	height:50%!important;
	position:absolute;
	left:0;
	top:0;*/
	background:#000!important;
}

.boxer-container{
	background:#000!important;
}