@charset "utf-8";

/* BASE CSS RESET and NEW SETTING */

.body_aqua_solita #page {overflow-x: visible;}
#contents_as_top #main_inner.aqua_solita article * {
box-sizing: border-box;
}
#contents_as_top #main_inner.aqua_solita article *:focus { outline: none; }
#contents_as_top #main_inner.aqua_solita article {
font-family: "YakuHanRP", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "メイリオ", "Meiryo", sans-serif;
}

#main_inner.aqua_solita {
width: 100%;
}
#main_inner.aqua_solita a:hover {
text-decoration: none;
}
#main_inner.aqua_solita .pankuzu {
margin: 0 auto 20px;
max-width: 960px;
}
#main_inner.aqua_solita article {
font-size: var(--font-size-sp);
line-height: 1.7;
color: #333;
}
#main_inner.aqua_solita object {
width:100%;
}

#main_inner.aqua_solita .wrap_container,
#main_inner.aqua_solita #fv {
overflow-x: hidden;
}


@media screen and (min-width:768px) {
#main_inner.aqua_solita article {
font-size: var(--font-size-tb);
line-height: 1.8;
}

}/* min-width:768px */


@media screen and (min-width:960px) {
#main_inner.aqua_solita article {
font-size: var(--font-size-pc);
}

}/* min-width:960px */





/* COMMON */
:root {
--navy:#1256a0;
--blue:#54aecc;
--blue_75:#53bcec;
--paleblue:#bce3f6;
--black:#333;
}

/* bg */
.bg_blue {background-color: var(--paleblue);}

/* parts */
.box_round {
border-radius: 14px;
box-sizing: border-box;
}
.anchor {
display: block;
margin-top:-50px;
padding-top:50px;
}
.wrap_movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wrap_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}


/* text */
.t_gothic {
font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.t_navy {color: var(--navy);}
.t13 {font-size: var(--14px);}
.t14 {font-size: var(--14px);}
.t15 {font-size: var(--15px);}
.t16 {font-size: var(--16px);}
.t18 {font-size: var(--18px);}
.t20 {font-size: var(--20px);}
.t22 {font-size: var(--22px);}
.ls01 {letter-spacing: 0.1em;}

.title_24 {
font-weight: 600;
font-size: var(--19px);
}
.title_main {
padding: 15px 20%;
text-align: center;
background:url(../img/title_main_bg_light.svg) no-repeat center center;
background-size: 90%;
}
.bg_blue .title_main {
background-image:url(../img/title_main_bg_white.svg) ;
}
#scene .title_main {
background-image:url(../img/title_main_bg_dark.svg) ;
}
.title_main + p {
padding-top: 0;
margin-bottom: 1rem;
text-align: center;
color: var(--navy);
font-size: var(--16px);
letter-spacing: 0.1em;
}



@media screen and (max-width:768px) {
.t12_sp {font-size: var(--12px);}
.t13_sp {font-size: var(--13px);}
.t14_sp {font-size: var(--14px);}
.t15_sp {font-size: var(--15px);}
.t16_sp {font-size: var(--16px);}
.t17_sp {font-size: var(--17px);}
.t18_sp {font-size: var(--18px);}
.t19_sp {font-size: var(--19px);}
.t20_sp {font-size: var(--20px);}
.text-left_sp {text-align: left;}
.text-center_sp {text-align: center;}
}/* max-width:768px */

#product .aqua-solita h3{/* #product h3 reset */
background: none;
color: var(--font-color);
font-size: 100%;
font-weight: normal;
line-height: 1.7;
padding: 0;
border-radius: 0;
max-height: initial;
max-height: auto;
text-align: left;
}

/* link */
a.other {
position: relative;
display: block;
padding: 5px 20px;
background-color:var(--navy);
border-radius: 20px;
box-sizing: border-box;
font-size: var(--16px);
font-weight: 600;
color: #FFF!important;
}
a.other:after {
position: absolute;
right:20px;
top:50%;
transform: translateY(-50%);
content: "";
display: block;
width: 17px;
height: 17px;
background:url(../img/icon_other.svg) no-repeat 0 0;
background-size: 100%;
}
.flex .other {
width: calc(50% - 5px);
}
.btn_navy_round {
position: relative;
display: inline-block;
background: var(--navy);
text-align: center;
padding: 10px 40px 10px 20px;
border-radius: 8px;
line-height: 1.4;
font-weight: 600;
color: #FFF!important;
}
.btn_navy_round:after {
position: absolute;
right:20px;
top:50%;
content: "";
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
transform:translateY(-50%) rotate(45deg);
}
.btn_navy_round.retry {
padding: 8px 40px 8px 20px;
cursor: pointer;
}
.btn_navy_round.retry::after {
right:15px;
width: 15px;
height: 15px;
border:none;
background:url(../img/check_icon_retry.svg) no-repeat 0 0;
background-size: 100%;
}




@media screen and (min-width:768px) {

.title_main {
padding: 30px;
background-size: 560px;
}
.title_main + p {
margin-bottom: 3rem;
font-size: var(--20px);
}
.title_24 {
font-size: var(--24px);
}
a.other {
padding: 5px 20px 3px;
}
.btn_navy_round {
padding: 15px 40px 15px 20px;
}
.btn_navy_round.retry {
padding: 10px 50px 10px 40px;
cursor: pointer;
letter-spacing: 0.1em;
}


}/* COMMON min-width:768px */




















/* fv */
.aqua_solita #fv {
padding: 2rem 0 4rem;
background: #bee8ff url(../img/fv_bg.jpg) no-repeat center bottom;
background-size: 100%;
}
#contents_as_top #main_inner.aqua_solita #fv h1 {
text-align: left;
margin: 0;
padding: 0;
width: auto;
}
.aqua_solita #fv figure.col2 + .col5 {
text-align: center;
}
#fv{
  position: relative;
}
#fv span {
  bottom: 3%;
  display: block;
  right: 0;
  position: absolute;
  width: 500px;
}


@media screen and (min-width:768px) {
.aqua_solita #fv {
padding: 6rem 0 10rem;
}
.aqua_solita #fv .col5 {
width: 40%;
}
.aqua_solita #fv figure.col2 {
padding: 0;
width: 20%;
}
.aqua_solita #fv figure.col2 + .col5 {
text-align: right;
}

}/* fv min-width:768px */





/* gnav */
#main_inner.aqua_solita .gnav {
position: sticky;
position: -webkit-sticky;
top:0;
z-index: 100;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background:var(--navy);
}
.aqua_solita .gnav a {
display: flex;
width:33.3%;
padding: 8px;
text-align: center;
justify-content: center;
font-size: 13px;
box-sizing: border-box;
line-height: 1.4;
color: #FFF;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}
.aqua_solita .gnav a img {
width: 80%;
max-width: 102px;
}
.aqua_solita .gnav a:nth-child(n + 4) {
border-bottom: none;
}
.aqua_solita .gnav a:nth-child(3n) ,.aqua_solita .gnav a:nth-child(5n) {
border-right: none;
}
.aqua_solita .gnav a > em {
display: inline-flex;
align-items: center;
justify-content: center;
}
.aqua_solita .gnav a:hover {
text-decoration: none;
}


/* 下層ページ用 */
#main_inner.aqua_solita.lower article.wrap_lower_gnav {
position: sticky!important;
position: -webkit-sticky!important;
top:0;
z-index: 89;
}


#main_inner.aqua_solita.lower .gnav .wrapper {
display: flex;
width: 100%;
max-width: 960px;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
position:relative;
margin:0 auto;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "YakuHanRP", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "メイリオ", "Meiryo", sans-serif;
}
#main_inner.aqua_solita.lower .gnav em {
font-style: normal;
}


@media screen and (min-width:768px) {
.aqua_solita .gnav {
justify-content: center;
align-items: center;
}
.aqua_solita .gnav a {
padding: 20px 10px;
width: auto;
border-right: none;
border-bottom: none;
font-size: 15px;
color: #FFF;
}
.aqua_solita .gnav a img {
width: 102px;
}

/* 下層ページ用 */
#main_inner.aqua_solita.lower .gnav .on-sp {
display: none;
}



}/* gnav min-width:768px*/



@media screen and (min-width:960px) {
.aqua_solita .gnav a {
padding: 20px;
font-size: 16px;
}

}/* gnav min-width:960px*/


@media screen and (max-width:767px) {
  .aqua_solita .gnav a.nav_half {
    width: 50%;
  }
  #fv span{
    bottom: 1%;
    width: 90%;
  }

}


/* scene */
#scene {
background: url(../img/scene_bg.png);
background-size: 100px;
}
#scene .wrap_slider {
margin: 30px 0;
}

#scene .scene-slider {
position: relative;
}
#scene .scene-slider .slick-arrow {
position: absolute;
top:45%;
transform: translateY(-45%);
z-index: 10;
}
#scene .scene-slider .slick-arrow.slick-prev,
#scene .scene-slider .slick-arrow.slick-next {
text-indent: -9999px;
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
transition: all .2s;
}
#scene .scene-slider .slick-arrow.slick-prev:hover,
#scene .scene-slider .slick-arrow.slick-next:hover {opacity: .7;}
#scene .scene-slider .slick-arrow.slick-prev {
left:10px;
background-image: url(../img/icon_prev.svg);
}
#scene .scene-slider .slick-arrow.slick-next {
right:10px;
background-image: url(../img/icon_next.svg);
}

#scene .scene-slider .slick-dots {
position: relative;
bottom: auto;
margin-left: 0;
margin-top: 10px;
text-align: center;
}
#scene .scene-slider .slick-dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
}
#scene .scene-slider .slick-dots li button {
padding: 0;
margin:0;
width: 10px;
height: 10px;
border-radius: 50%;
background: #3ab2e9;
}
#scene .scene-slider .slick-dots li.slick-active button {
background: #1256a0;
}
#scene .box_child-link {
padding: 2rem;
box-sizing: border-box;
background: #FFF;
border: 7px solid var(--blue_75);
border-radius: 14px;
}






@media screen and (min-width:768px) {
#scene .wrap_slider {
margin: 50px 0;
}
#scene .scene-slider .slick-dots {
margin-top: 15px;
}
#scene .scene-slider .slick-arrow.slick-prev,
#scene .scene-slider .slick-arrow.slick-next {
width: 50px;
height: 50px;
}
#scene .scene-slider .slick-dots li {
width: 12px;
height: 12px;
}
#scene .scene-slider .slick-dots li button {
width: 12px;
height: 12px;
}

#scene .box_child-link {
padding: 4rem;
}
#scene .box_child-link > .col6 {
padding: 30px 0;
}

}/* scene min-width:768px*/
















/* comparison */
#comparison .col10 + .col10 {
margin-top: 1rem;
padding-top: 30px;
padding-bottom: 30px;
border-top: 4px solid var(--blue_75);
border-bottom: 4px solid var(--blue_75);
background-color: #e7f5fc;
}
#comparison .check {
padding: 10px 0;
display: none;
background-color: #e7f5fc;
}
#comparison .check.view {
display: inline-block;
}
#comparison .check .select_btn {
display: flex;
justify-content: space-between;
padding: 20px 0 30px;
}
#contents_as_top .aqua_solita #comparison .check .select_btn > a {
transition: all .2s;
}
#contents_as_top .aqua_solita #comparison .check .select_btn > a:hover {
opacity: 1;
}
#comparison .check .select_btn > a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: calc(33.3% - 15px);
max-width: 120px;
padding: 1.5rem 1rem;
box-sizing: border-box;
background: var(--navy);
text-align: center;
color: #FFF;
font-size: var(--17px);
font-weight: 600;
line-height: 1.4;
border-radius: 10px;
cursor: pointer;
}
#comparison .check .select_btn > a:hover {
background: #ffd119;
opacity: 1;
}
#comparison .check .select_btn > a > span {
display: inline-flex;
}
#comparison .check .select_btn > a.disable {
background: #c9cdd4;
cursor: default;
pointer-events: none;
}
#comparison .check .select_btn > a.current {
background: var(--navy);
}
#comparison .check .select_btn > a.current:before {
position: absolute;
top:50%;
transform: translateY(-50%);
left:-11px;
content: "";
display: block;
width: 22px;
height: 22px;
background: url(../img/check_icon_current.svg) no-repeat center top;
background-size: 100%;
}
#comparison .check .wrap_absorb-image {
position: relative;
text-align: center;
z-index: 1;
}
#comparison .check .wrap_absorb-image.result {
margin-bottom: 25px;
}
#comparison .check .wrap_absorb-image.result:after {
position: absolute;
bottom:1px;
left: 0;
content: "";
display: block;
width: 100%;
height: 3px;
background: #53bcec;
z-index: -1;
}
#comparison .check .result_text {
margin-bottom: 30px;
text-align: center;
}
#comparison .check .check_caution {
padding-top: 25px;
border-top: 3px solid var(--blue_75);
font-size: var(--12px);
}




@media screen and (min-width:768px) {
#comparison .col10 + .col10 {
margin-top: 0;
padding-top: 30px;
padding-bottom: 30px;
border-top: none;
border-bottom: none;
background-color: transparent;
}
#comparison .check {
padding: 60px 40px 40px;
box-sizing: border-box;
border:7px solid var(--blue_75);
border-radius: 8px;
}
#comparison .check .select_btn {
justify-content: center;
padding: 40px 0;
}
#comparison .check .select_btn > a {
margin: 0 20px;
font-size: var(--20px);
}
#comparison .check .select_btn.result > a.current:before {
left:-15px;
width: 30px;
height: 30px;
}
#comparison .check .wrap_absorb-image.result {
margin-bottom: 30px;
}
#comparison .check .wrap_absorb-image.result:after {
height: 4px;
}
#comparison .check .wrap_absorb-image object {
width:90%;
}
#comparison .check .result_text {
margin-bottom: 40px;
}
#comparison .check .check_caution {
padding-top: 30px;
border-top-width:4px;
font-size: var(--12px);
}

}/* comparison min-width:768px*/





/* about */
#about {
position: relative;
background: #c3e8f8;
z-index: 1;
}

#about .col12 {
padding: 15px 0;
}


@media screen and (min-width:768px) {
#about .col12 {
padding: 30px;
text-align: center;
}
#about:after {
width: 514px;
}



}/* about min-width:768px*/





/* voice */
#voice .col4 + .col4 {
margin-top: 2rem;
}
#voice .comment {
position: relative;
margin-top: 25px;
z-index: 1;
font-size: var(--16px);
}
#voice .comment > em {
display: block;
padding: 1.8rem;
box-sizing: border-box;
background: url(../img/voice_comment_bg.svg);
background-size: 15px;
color:#000;
}
#voice .comment:before {
position: absolute;
top:-16px;
left:50%;
content: "";
display: block;
width: 34px;
height: 16px;
background: url(../img/voice_comment_arrow.svg) no-repeat center top;
background-size: 34px;
transform: translateX(-50%);
z-index: -1;
}
@media screen and (min-width:768px) {
#voice .comment {
font-size: var(--15px);
}
#voice .col4 + .col4 {
margin-top: 0;
}
#voice .col4 {
padding-top: 5rem;
}

}/* voice min-width:768px*/









/* feature */
#feature {
padding-top: 60px;
background: #b7def1 url(../img/bg_water.jpg) no-repeat center top;
background-size: 100%;
}
#feature .flex {
flex-wrap: wrap;
}
#feature .flex + .flex {
margin-top: 2rem;
}
#feature .flex > div {
margin-top: 2rem;
}
#contents_as_top #main_inner #feature .flex > div > h3 {
margin-bottom: .8rem;
color: var(--navy);
line-height: 1.6;
font-size: var(--26px);
}
#feature .flex h3 + p > strong {
font-weight: 600;
background:linear-gradient(transparent 40%,#ffeb9c 0%);
}


@media screen and (min-width:768px) {
#feature {
padding-top: 250px;
}
#feature .flex h3 + p > strong {
border-bottom: 3px solid #ffeb9c;
}
#feature .flex {
justify-content: space-between;
align-items: center;
}
#feature .flex + .flex {
margin-top: 3rem;
}
#feature .flex.align_right {
transform: translateX(10%);
}
#feature .flex > figure,
#feature .flex > div {
width: calc(50% - 30px);
}
#contents_as_top #main_inner #feature .flex > div > h3 {
font-size: var(--32px);
}

}/* feature min-width:768px*/




/* faq */
#faq dt,#faq dd {
letter-spacing: 0.05em;
}
#faq dt {
position: relative;
padding: 15px 40px;
background: #dcf2fb;
font-weight: 600;
color: var(--navy);
transition: opacity .2s;
cursor: pointer;
}
#faq dt:hover {
opacity: .7;
}
#faq dt:before {
position: absolute;
top:8px;
left:15px;
content: "Q";
font-size: var(--24px);
}
#faq dt:after {
position: absolute;
right:20px;
top:50%;
content: "";
display: block;
width: 9px;
height: 9px;
border-right: 1px solid var(--navy);
border-bottom: 1px solid var(--navy);
transform:translateY(-50%) rotate(45deg);
}
#faq dt.current:after {
top:55%;
transform:translateY(-55%) rotate(-135deg);
}
#faq dd {
display: none;
position: relative;
padding: 15px 20px 10px 40px;
}
#faq dd:before {
position: absolute;
top:8px;
left:15px;
content: "A";
font-size: var(--24px);
color: var(--blue);
font-weight: 600;
}
#faq dd + dt {
margin-top: 2rem;
}


@media screen and (min-width:768px) {
#faq dt,#faq dd {
padding: 20px 50px;
letter-spacing: 0.1em;
}
#faq dt:before,
#faq dd:before {
top:12px;
left:18px;
}

}/*faq  min-width:768px*/



/* products */
#products .products_title {
font-size: var(--14px);
font-weight: 600;
text-align: center;
letter-spacing: 0.05em;
}
#products .products_title > strong {
font-weight: 600;
font-size: 138%;
}
#products .products_title + p {
margin-bottom: 2rem;
letter-spacing: 0.1em;
}
#products .type {
margin: 2rem 0;
text-align: center;
font-size: var(--15px);
letter-spacing: 0.05em;
}
#products .type .icon_type {
display: inline-block;
padding: .1rem 1rem;
margin-bottom: 1rem;
border: 1px solid #FFF;
color: var(--navy);
font-size: 90%;
}

#products .slick-dots {
position: relative;
bottom: auto;
margin-left: 0;
margin-top: 10px;
text-align: center;
}
#products .slick-dots li {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 8px;
}
#products .slick-dots li button {
padding: 0;
margin:0;
width: 8px;
height: 8px;
border-radius: 50%;
background: #CCC;
}
#products .slick-dots li.slick-active button {
background: #52a0e8;
}

#products .component {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px dashed #FFF;
}
#products .component .trigger {
position: relative;
padding: .7rem 1rem .6rem;
background:#68c4ee;
text-align: center;
font-size: var(--15px);
transition: opacity .2s;
cursor: pointer;
}
#products .component .trigger:hover {
opacity: .7;
}
#products .component .trigger:after {
position: absolute;
right:20px;
top:45%;
content: "";
display: block;
width: 7px;
height: 7px;
border-right: 1px solid var(--font-color);
border-bottom: 1px solid var(--font-color);
transform:translateY(-45%) rotate(45deg);
}
#products .component .trigger.current:after {
top:55%;
transform:translateY(-55%) rotate(-135deg);
}
#products .component dd {
display: none;
padding-top:2rem;
font-size: var(--15px);
}


@media screen and (min-width:768px) {
#products .component {
margin-top: 3rem;
padding-top: 3rem;
}
}/* products min-width:768px*/




/* use_caution */
#use_caution {
font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: var(--14px);
}
#use_caution .trigger {
display: block;
border: 1px solid #68c4ee;
position: relative;
padding: .8rem 1rem .5rem;
text-align: center;
transition: opacity .2s;
cursor: pointer;
}
#use_caution .trigger:hover {
opacity: .7;
}
#use_caution .trigger:after {
position: absolute;
right:15px;
top:45%;
content: "";
display: block;
width: 7px;
height: 7px;
border-right: 1px solid var(--font-color);
border-bottom: 1px solid var(--font-color);
transform:translateY(-45%) rotate(45deg);
}
#use_caution .trigger.current:after {
top:55%;
transform:translateY(-55%) rotate(-135deg);
}
#use_caution li + li {
margin-top: 1rem;
}
#use_caution dd {
display: none;
padding: 2rem 0;
text-align: left;
}


@media screen and (min-width:768px) {
#use_caution .trigger {
display: inline-block;
padding: .8rem 15rem .7rem;
}
#use_caution {
font-size: var(--15px);
}
#use_caution dd {
padding: 5rem 0;
}

}/* use_caution min-width:768px*/





/* 下層ページデザイン変更 */

/* 共通 */
.body_aqua_solita #contents_as_top #main_inner h1 {
color:#1256a0;
}
.body_aqua_solita #contents_as_top #sub_inner .inner .marker_yellow:before {
background: #ffeb9c;
}
.body_aqua_solita #contents_as_top #sub_inner ul.link_as li a {
display: block;
margin: 0;
padding: 0;
border-radius: 0;
width: auto;
height: auto;
border: none;
color: #1256a0;
background: transparent;
}
.body_aqua_solita #contents_as_top #sub_inner ul.link_as li a:after {
bottom:auto;
left:auto;
border-radius: 0;
margin: 0;
}
.body_aqua_solita #contents_as_top #sub_inner ul.link_as li a.btn_navy_round {
position: relative;
background: #1256a0;
text-align: center;
padding: 10px 40px 10px 20px;
border-radius: 8px;
line-height: 1.4;
font-size: 14px;
font-weight: 600;
color: #FFF!important;
}
.body_aqua_solita #contents_as_top #sub_inner ul.link_as li a.btn_navy_round:after {
position: absolute;
right:20px;
top:50%;
content: "";
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
/* transform:translateY(-50%) rotate(45deg); */
transform:translateY(-50%) rotate(45deg);
}
.body_aqua_solita #contents_as_top #sub_inner ul.link_as li a.btn_navy_round:hover:after{
transform:translateY(-50%) rotate(45deg);
border-bottom: none;
box-sizing: content-box;
}

/* 活用シーン */
#aqua_solita-application #contents_as_top #sub_inner .cont_02_ap .inner ul li dl dd {
margin-top: 15px!important;
}



/* 経口補水液の特長 */
#aqua_solita-about #contents_as_top #sub_inner .inner .main_txt_white {
text-shadow: none;
}


@media screen and (min-width:768px) {
.body_aqua_solita #contents_as_top #sub_inner ul.link_as li a.btn_navy_round {
font-size: 16px;
}

/* 活用シーン */
#aqua_solita-application #contents_as_top #sub_inner .cont_01_ap .inner {
padding: 40px 0 20px;
height: 500px;
}
#aqua_solita-application #contents_as_top #sub_inner .cont_02_ap .inner ul {
height: 990px;
}
#aqua_solita-application #contents_as_top #sub_inner .cont_02_ap .inner ul li:nth-child(4) dl{
padding-top: 20px;
}

} /* min-width:768px*/




@media screen and (min-width:960px) {
.body_aqua_solita #contents_as_top #sub_inner ul.link_as li {
width: 25%;
margin: 0 1.2%;
}


}/* min-width:960px*/



























/* IE11 */
@media all and (-ms-high-contrast: none){
#product #main_inner.aqua_solita article {
font-size: 16px;
}
.bg_blue {background-color: #bce3f6;}
.t14 {font-size: 82%;}
.t22 {font-size: 129%;}
.title_24 {font-size: 141%;}
.title_main + p {
color: #1256a0;
font-size: 118%;
}
a.other {background-color:#1256a0;font-size:94%;}
.btn_navy_round {background-color:#1256a0;}
#main_inner.aqua_solita .gnav {background:#1256a0;}
/* .aqua_solita .gnav a {font-size: 100%;} */
#scene .box_child-link {border: 7px solid #53bcec;}
#comparison .check {border:7px solid #53bcec;}
#comparison .check .select_btn > a {
background: #1256a0;
font-size: 118%;
}
#comparison .check .check_caution {
border-top: 4px solid #53bcec;
font-size: 73%;
}
#contents_as_top #main_inner #feature .flex > div > h3 {
color: #1256a0;
font-size: 188%;
}
#faq dt {color: #1256a0;}
#faq dt:after {
border-right: 1px solid #1256a0;
border-bottom: 1px solid #1256a0;
}
#faq dt:before,#faq dd:before {font-size: 141%;}
#faq dd:before {color: #54aecc;}
#products .component .trigger:after,
#use_caution .trigger:after {
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
#products .component dd {font-size: 88%;}
#use_caution {font-size: 82%;}



}/* //IE11 */



/* Edge(EdgeHTML) */
_:-ms-lang(x)::backdrop, .index_list a > figure img {
height: auto;
}

_:lang(x)::-ms-, .index_list a > figure img {
height: auto;
}