@charset "utf-8";


body {
  overflow-x: hidden;
    font-size: 16px;
    color: #1d2d5f;
}

body#article{
    color: #011925!important;
}

@media (max-width: 767px){
	body{
       overflow-x: hidden;
	}	
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}


#c05{
    margin-top: -65px;
    padding-top: 65px;
}

a.long{word-break: break-all;}


header{
    
}

.hbox{
    margin: 0px auto;
    padding: 13px 0px 13px 0px;
    display:flex;
    max-width: 900px;
    position: relative;
}

.hbox .logo{
    margin: 0px 0px 0px 38%;
    width: 160px;
}

.hbox .myaccount{
    margin: 0px 0px 0px 0px;
    width: 200px;
    text-align: center;
}

.hbox .cart{
    margin: 0px 10px 0px auto;
    width: 35px;
    text-align: center;
}

@media (max-width: 767px){
	.hbox{
        margin: 0px auto;
        padding: 13px 0px 13px 0px;
        display:flex;
        width: 100%;
    }
    
    .hbox .logo{
        margin: 0px 0px 0px 30%;
        width: 160px;
    }
    
    a.long{
        word-break: break-all;
        font-size: 0.8em;
        
    }
    
}



/*  キャンペーンバナー   */

.ba30{
    margin: -66px auto 30px;
    max-width: 800px;
}


@media (max-width: 767px){
   .ba30{
       margin: -13% auto 30px;
       width: 98%;
    } 
}



/* ハンバーガーメニュー */
.global-nav {
  position: fixed;
  right: -500px; /* これで隠れる */
  top: 0;
  width: 500px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 0px;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  border-top: 8px solid #a9649d;
  
}
.hamburger {
  position: absolute;
  left: 0;
  top: 0px;
  width: 55px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 55px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}

@media (max-width: 767px){
	.global-nav {
        right: -80%; /* これで隠れる */
        width: 80%;
    }
    
    .hamburger {
	 	
	}
}


.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
    background-color: #dee5ee;
    color: #1d2d5f;
}


.global-nav__list.top {
    background-color: #33416e;
    
}

.global-nav__list.top a{
    color: #ffffff;
}


.global-nav__item {
  text-align: left;
  padding: 0 14px;
    border-bottom: 1px solid #bebebf;
}
.global-nav__item a {
    display: block;
    padding: 8px 0px 8px 24px;
    
    text-decoration: none;
    color: #1d2d5f;
    background-size: 20px auto;
}

.global-nav__item a:before{
    content: "■ ";
    color: #c76da9;
    font-size: 20px;
}

.global-nav__item a:hover {
  background-color: rgba(255,255,255,0.3);
}


@media (max-width: 767px){
    
    .global-nav__item {
      text-align: left;
      padding: 0px 0px 0px 10%;
        position: relative;
        font-size: 3.2vw;
        line-height: 1.4em;
        border-bottom: 1px solid #bebebf;
    }
    
    .top .global-nav__item {
      
        font-size: 3.5vw;
    }
    
    .global-nav__item a {
        display: block;
        padding: 8px 0px 8px 0px;
        
        text-decoration: none;
        color: #1d2d5f;
        background-size: 20px auto;
    }
    
    .global-nav__item a:before{
        position: absolute;
        top:27%;
        left:5%;
        font-size: 9px;
    }
    
    .global-nav__list.top a:before{
        content: "> ";
        font-size: 20px;
        top:12%;
    }
    
    
}





.hamburger__line {
  position: absolute;
  left: 11px;
  width: 34px;
  height: 2px;
  background-color: #4d4d4d;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 20px;
}
.hamburger__line--2 {
  top: 28px;
}
.hamburger__line--3 {
  top: 36px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #4d4d4d;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
	right: 0;
	z-index:101;
    background-color: #dee5ee;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 32px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 32px;
}




/**/

header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 61px;
  padding: 0px;
  background: #ffffff;
  box-sizing: border-box;
  
}
/* add css  */

#header.scroll {
  background: rgba(255,255,255,0.6);
  
}

.glbox{
    border-bottom: 1px solid #bebebf;
}


.glbox .tit{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 38px;
    font-weight: bold;
    background-color: #33416e;
    color: #ffffff;
}

.glbox .tit:hover{
    background-color: rgba(51,65,110,0.6);
}

.glbox .tit:before{
    content:"■ ";
    color: #c76da9;
    font-size: 20px;
}


.glbox .global-nav__list{
    display:none;
}

.glbox .global-nav__list.stay{
    display:block;
}


@media (max-width: 767px){
    
    .glbox .tit{
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 5%;
        font-weight: bold;
        background-color: #33416e;
        color: #ffffff;
        font-size: 3.5vw;
    }
    
    .glbox .tit:before{
        content:"> ";
    }
    
    
}

.top_bnr{
    margin: 0px auto 40px;
    max-width: 900px;
    line-height: 1.4em;
}

.top_bnr p{
    margin: 0px 0px 14px 0px;
}

@media (max-width: 767px){
    
    .top_bnr{
        margin: 0px auto 40px;
        width: 96%;
    }
}


main{
    padding-top: 61px;
}


.topBnr{
    margin: 0px auto 20px;
    width: 60%;
}

@media (max-width: 767px){
    .topBnr{
        margin: 0px auto 13px;
        width: 96%;
    }    
}


/* key */


.keyBox{
    margin: 0px 0px 0px 0px;
    width: 100%;
    
    /*max-width: 1100px;*/
}

.keyBox .key01,
.keyBox .key07{
    position: relative;
}

.keyBox .key01 .button,
.keyBox .key07 .button{
    position: absolute;
    bottom:15px;
    right:0;
    margin: 0px;
    padding:0px;
}

.keyBox .key01 .button a,
.keyBox .key07 .button a{
    margin: 0px 0px 0px 0px;
    padding: 14px 20px 14px 20px;
    width: 200px;
    text-align: center;
    color: #ffffff;
    background-color: #c76da9;
    text-decoration: none;
}

.keyBox .key01 .button a:after,
.keyBox .key07 .button a:after{
    content:" >";
}

.keyBox .movie{    
    margin: 0px auto;
    width:100%;
    position:relative;
    text-align: center;
}

.keyBox .movie .bg{
    display:none!important;
}

.keyBox .movie .bgs{
    display:none!important;
}

.keyBox .movie video{   
   margin: -7% auto 0px;
    width: 80%;
    
}

.keyBox .movie .mbox{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
    left: 0%;
    bottom: 0%; 
    position: absolute;
    z-index: 100;
}

.keyBox .movie .mbox .mm{
    margin: 0px auto;
    width: 80%;
}

.keyBox .movie .mbox .btn{
    width: 24%;
    right: 14%;
    bottom: 9%; 
    position: absolute;
    z-index: 150;
}

.keyBox .key03{
    position: relative;
}

.keyBox .key03 .btn{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 35%;
    right: 10%;
    bottom: 20%; 
    position: absolute;
    z-index: 100;
}


.keyBox .key04{
    position: relative;
}

.keyBox .key04 .btn{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 35%;
    right: 3%;
    bottom: 28%; 
    position: absolute;
    z-index: 100;
}


.keyBox .slick-prev,
.keyBox .slick-next{
    display:none!important;
}


.keyBox .key06{
    position:relative;
}

.keyBox .key06 .ibox{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 68%;
    position:absolute;
    display:flex;
    bottom:10%;
    left:16%;
}

.keyBox .key06 .ibox .item{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 24%;
    position: relative;
}

.keyBox .key06 .ibox .item .btn{
    margin: 0px auto;
    width: 80%;
    left:10%;
    position: absolute;
    bottom: 20px;
    
}

.keyBox .key06 .ibox .item .btn a{
    margin: 0px auto;
    padding: 10px 10px 10px 10px;
    width:100%;
    text-align: center;
    background-color: #1d2d5f;
    border-radius: 10px;
    color: #ffffff;
    display:block;
    text-decoration: none;
}

.keyBox .key06 .ibox .item .btn a:after{
    content:" >";
    font-size: 12px;
}






@media (max-width: 767px){
    
    .keyBox .movie{
        overflow:hidden;
    }
    
    .keyBox .movie .bg{
        display:block!important;
    }
    
    .keyBox .movie .mbox{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 100%;
        left: 0;
        bottom: 0%; 
        position: absolute;
        z-index: 100;
        
    }
    
    .keyBox .movie video{   
        position: absolute;
        top: -85px;
        left: -36%;
        width: 175%;
        height: 100%;
        z-index: 1;
              
    }
    
    .keyBox .movie .mbox .mm{
        margin: 0px auto;
        width: 100%;
    }
    
    
    .keyBox .movie .mbox .btn{
        width: 90%;
        right: 4%;
        bottom: 2%; 
        position: absolute;
        z-index: 150;
        
        
    }
    
    
    
    _::-webkit-full-page-media,
    _:future,
    :root .keyBox .movie .bg{   
        display:none!important;      
    }
    
    _::-webkit-full-page-media,
    _:future,
    :root .keyBox .movie .bgs{   
        display:block!important;      
    }
    
    _::-webkit-full-page-media,
    _:future,
    :root .keyBox .movie{
        background-color: #000000;
    }
    
    
    _::-webkit-full-page-media,
    _:future,
    :root .keyBox .movie video{   
        display:none;      
    }
    
    _::-webkit-full-page-media,
    _:future,
    :root .keyBox .movie .mbox .mm{   
        display:none;      
    }
    
    
    _::-webkit-full-page-media,
    _:future,
    :root .keyBox .movie .mbox{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 100%;
        left: 0;
        bottom: 3.5%; 
        position: relative;
        z-index: 100;
        
    }
    
    
    _::-webkit-full-page-media,
    _:future,
    :root .keyBox .movie .mbox .btn{
        width: 90%;
        right: 4%;
        bottom: 10%; 
        position: absolute;
        z-index: 150;
         
        
        
        
    }
    
    
    
    .keyBox .key03 .btn{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 80%;
        left: 10%;
        bottom: 12%; 
        position: absolute;
        z-index: 100;
    }
    
    .keyBox .key04 .btn{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 80%;
        left: 10%;
        bottom: 8%; 
        position: absolute;
        z-index: 100;
    }
    
    
    
    .keyBox .key06 .ibox{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 96%;
        position:absolute;
        display:flex;
        bottom:4%;
        left:2%;
        flex-wrap: wrap;
    }

    .keyBox .key06 .ibox .item{
        margin: 0px auto 2%;
        padding: 0px 0px 0px 0px;
        width: 48%;
    }
    
    .keyBox .key06 .ibox .item .btn{
        margin: 0px auto;
        width: 80%;
        left:10%;
        position: absolute;
        bottom: 6%;

    }
    
    .keyBox .key06 .ibox .item .btn a{
        margin: 0px auto;
        padding: 4px 4px 4px 4px;
        width:100%;
        text-align: center;
        background-color: #1d2d5f;
        border-radius: 10px;
        color: #ffffff;
        display:block;
        text-decoration: none;
        font-size: 3vw;
    }
    
}





/* slide */

.keyBox .slick-dots{
    top: 10px!important;
    bottom: auto!important;
}

@media (max-width: 767px){
    .keyBox .slick-dots{
        top: 10px!important;
        bottom:auto!important;
    } 
}

.slick-dotted.slick-slider{
    margin: 0px 0px 0px 0px!important;
}





/* item */

.items{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

.items .itemBox{
    margin: 0px auto;
    width: 100%;
    padding: 30px 0px 30px 0px;
    background-color: #1d2d5f;
    overflow-x: hidden;
}

.items .itemBox .box {
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
    max-width: 1100px;
}


.items .itemBox h2 {
    margin: 0px 0px 30px 0px;
    color: #1d2d5f;
    font-size: 16px;
    text-align: center;
}

.items .itemBox h2 span {
    padding: 10px 30px 10px 30px;
    background-color: #fffce1;
    border-radius: 20px;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}




@media screen and (max-width: 767px) {
    
    
    .items .itemBox{
        margin: 0px auto;
        padding: 5px 0px 15px 0px;
        width: 100%;
    }
    
    .items .itemBox h2{
        margin: 0px 0px 20px 0px;
        color: #1d2d5f;
        font-size: 4.5vw;
        font-weight: bold;
    }
    
    
    .items .itemBox h2 span{
        padding: 10px 40px 10px 40px;


    }
    
    
    
    
}






/*　toc */

.toc{
    margin: 0px 0px 0px 0px;
    width: 100%;
    padding: 30px 0px 30px 0px;
    background-color: #e8e8e8;
}

.atBox{
    margin: 0px auto 20px;
    padding: 10px 0px 10px 0px;
    max-width: 600px;
    border: dashed 2px #BC0000;
}

.atBox p{
    text-align: center;
    color: #BC0000;
}


.toc h2{
    margin: 0px auto 20px;
    padding: 10px 0px 10px 0px;
    max-width: 250px;
    border: dotted 3px #1d2d5f;
    border-radius: 20px;
    text-align: center;
    color: #1d2d5f;
    font-weight: bold;
}


@media (max-width: 767px){
	.toc{
        margin: 0px 0px 30px 0px;
        padding: 30px 0px 30px 0px;
        width: 100%;
        background-color: #e8e8e8;
    }
    
    .toc .atBox{
        margin: 0px auto 20px;
        padding: 10px 10px 10px 10px;
        width: 90%;
        border: dashed 2px #BC0000;
    }

    .toc .atBox p{
        text-align: center;
        color: #BC0000;
        line-height: 1.4em;
    }
    
    .toc h2{
        margin: 0px auto 20px;
        padding: 10px 0px 10px 0px;
        width: 50%;
        border: dotted 3px #1d2d5f;
        border-radius: 20px;
        text-align: center;
        color: #1d2d5f;
        font-weight: bold;
    }
    
    .atBox{
        margin: 0px auto 20px;
        padding: 10px 4px 10px 4px;
        width: 90%;
        border: dashed 2px #BC0000;
    }

    .atBox p{
        text-align: center;
        color: #BC0000;
    }
    
    
}


.s_04{
    margin: 0px auto 20px;
    max-width: 750px;
}

.s_04 .accordion_one {
  max-width: 1024px;
  margin: 0 auto;
}
.s_04 .accordion_one .accordion_header {
  background-color: #dce3ed;
  color: #1d2d5f;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  display:flex;
  border-bottom: solid 1px #ffffff;
}

.s_04 .accordion_one .accordion_header .i_box{
    background-color: #1d2d5f;
}

.s_04 .accordion_one .accordion_header .tit{
    padding: 10px 0px 10px 10px;
    width: 100%;
    text-align: left;
}

.s_04 .accordion_one .accordion_header .tit br{
    display:none;
}

.s_04 .accordion_one .accordion_header .tit span{
    margin-left: 10px;
    padding: 1%;
    background-color: #ffa62a;
    font-size: 10px;
    color: #ffffff;
}


.s_04 .accordion_one .accordion_header:hover {
  opacity: .8;
}
.s_04 .accordion_one .accordion_header .i_box {
  width: 50px;

}




.s_04 .accordion_one .accordion_header.stay .i_box {
  
}

.s_04 .accordion_one .accordion_header .i_box:before {
  position: absolute;
    top:14px;
    left: 20px;
  content: "▶︎";
    font-size: 8px;
  color: #ffffff;
}

.s_04 .accordion_one .accordion_header.open .i_box:before {
  content: "▼";
}

.s_04 .accordion_one .accordion_header.stay .i_box:before {
    position: absolute;
    top:14px;
    left: 20px;
    content: "▼";
    color: #ffffff;
    font-size: 8px;
}

.s_04 .accordion_one .accordion_header.stay.open .i_box:before {
  content: "▶︎";
}






.s_04 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  position: relative;
}
.s_04 .accordion_one .accordion_header.stay .i_box .one_i {
 
}
.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i {

}
.s_04 .accordion_one .accordion_header.open .i_box {

}
.s_04 .accordion_one .accordion_header.stay.open .i_box {

}

.s_04 .accordion_one .accordion_header.stay .i_box .one_i:before {
  content: none;
}
.s_04 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:before {
  content: "";
}
.s_04 .accordion_one .accordion_header.open .i_box .one_i:after {

}
.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:after {

}
.s_04 .accordion_one .accordion_inner {
  display: none;
  box-sizing: border-box;
}
.s_04 .accordion_one .accordion_inner.stay {
  display: block;
}



.s_04 .accordion_one .accordion_inner .box_one {
  height: 300px;
}
.s_04 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}

.s_04 .accordion_one .accordion_inner ul{
  margin: 0px 0px 0px 0px;
      
}

.s_04 .accordion_one .accordion_inner ul li{
    margin: 0px 0px 0px 0px;
    padding: 16px 20px 13px 60px;
    border-bottom: solid 1px #ffffff;
    font-size: 16px;
    position:relative;
}

.s_04 .accordion_one .accordion_inner ul li a{
    text-decoration: none;
}

.s_04 .accordion_one .accordion_inner ul li span{
    margin-left: 10px;
    padding: 1%;
    background-color: #ffa62a;
        color: #ffffff;
    font-size: 10px;
}

.s_04 .accordion_one .accordion_inner ul li br{
    display:none;
}

.s_04 .accordion_one .accordion_inner ul li:before{
    content:"・";
    position: absolute;
    left: 40px;
    top: 14px;
}

.s_04 .accordion_one .accordion_inner ul li:last-child{
    border-bottom:none;
}


@media screen and (max-width: 1024px) {
  .s_04 .accordion_one .accordion_header {
    font-size: 18px;
  }
  .s_04 .accordion_one .accordion_header .i_box {
    width: 30px;
      
  }
}
@media screen and (max-width: 767px) {
    .s_04 .accordion_one .accordion_header {
        font-size: 16px;
        text-align: left;    
    }
    
    .s_04 .accordion_one .accordion_inner ul li{
        margin: 0px 0px 0px 0px;
        padding: 16px 20px 13px 7%;
        border-bottom: solid 1px #ffffff;
        font-size: 3.5vw;
        line-height: 1.4em;
    } 
    
    .s_04 .accordion_one .accordion_inner ul li:before{
        content:"・";
        position: absolute;
        left: 14px;
        top: 14px;
    }
    
    .s_04 .accordion_one .accordion_header .i_box:before {
        position: absolute;
        top:14px;
        left: 10px;
        content: "▶︎";
        font-size: 8px;
        color: #ffffff;
    }
    
    .s_04 .accordion_one .accordion_header.stay .i_box:before {
        position: absolute;
        top:14px;
        left: 10px;
        content: "▼";
        color: #ffffff;
        font-size: 8px;
    }
    
    .s_04 .accordion_one .accordion_header .tit.tt{
        font-size: 0.8em;
        line-height: 1.5em;
    }
    
    
    .s_04 .accordion_one .accordion_header .tit br{
        display:block;
    }

    .s_04 .accordion_one .accordion_header .tit span{
        margin: 0px 0px 0px 0px;
        padding: 1%;
        background-color: #ffa62a;
        color: #ffffff;
        font-size: 10px;
    }
    
    .s_04 .accordion_one .accordion_inner ul li span{
        margin-left: 0px;
        padding: 1%;
        background-color: #ffa62a;
        font-size: 10px;
        color: #ffffff;
    }
    
    .s_04 .accordion_one .accordion_inner ul li br{
        display:block;
    }

    
}

.otherList{
    margin: 0px auto;
    max-width: 750px;
}



.otherList p{
    text-align: right;
    font-size: 16px;
}

.otherList p a{
    margin-right: 10px;
    text-decoration: none;
}

.otherList p a:before{
    content: "・";
}

@media (max-width: 767px){
	.otherList p{
        text-align: right;
        font-size: 3vw;
    }
    	
}



/* amazonBox */

.abox{
    padding: 40px 0px 40px 0px;
    
}

.abox .mbtn{
    margin: 0px auto;
    max-width: 700px;
    
}

.mmbox{
    margin: 0px auto;
    padding: 40px 0px 40px 0px;
    max-width: 700px;
}

.mmbox .txtBox p{
    text-align: center;
}

@media screen and (max-width: 764px) {
    .abox .mbtn{
        margin: 0px auto 50px;
        width: 94%;

    }
    
    .mmbox{
        margin: 0px auto;
        padding: 30px 10px 30px 10px;
        width: 100%;
        background-color: #ffffff;
    }
    
    .mmbox .txtBox p{
        text-align: left;
    }
}

.amazonBox{
    margin: 0px auto 0px;
    padding: 30px 0px 30px 0px;
    max-width: 800px;
    border-top: dotted 3px #0b1e54;
    border-bottom: dotted 3px #0b1e54;
}

.amazonBox p.title{
    margin: 0px 0px 20px 0px;
    text-align: center;
    font-size: 26px;
    font-weight:bold;
}

.amazonBox p.txt{
    margin: 0px 0px 10px 0px;
    text-align: center;
}

.amazonBox p.txt span{
    font-weight: bold;
}

.amazonBox p.txt2{
    margin: 0px 0px 20px 0px;
    text-align: right;
}

.amazonBox p.txt2 span{
    font-size: 13px;
    text-align:right;
}

.amazonBox p.btn{
    margin: 0px auto 50px;
    max-width: 400px;
    text-align: center;
}


@media screen and (max-width: 764px) {
    
    .abox{
        padding: 0px 0px 0px 0px;
        background-color: transparent;
    }
    
    .amazonBox{
        margin: 0px auto 30px;
        padding: 20px 0px 20px 0px;
        width: 96%;
        
    }
    
    .amazonBox p.title{
        margin: 0px 0px 20px 0px;
        text-align: center;
        font-size: 5.6vw;
    }

    .amazonBox p.txt{
        margin: 0px 0px 10px 0px;
        text-align: left;
        line-height: 1.5em;
        font-size: 4vw;
    }

    .amazonBox p.txt span{
        font-weight: bold;
    }

    .amazonBox p.txt2{
        margin: 0px 0px 20px 0px;
        text-align: right;
    }

    .amazonBox p.txt2 span{
        font-size: 13px;
        text-align:right;
    }

    .amazonBox p.btn{
        margin: 0px auto 30px;
        width: 90%;
        text-align: center;
    }
    
    
}


/* knowledge */


.knowledge{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

.knowledge .klBox{
    
}

.knowledge .klBox.vbox{
    
}



/*header設定*/




.knowledge .klBox .vContents{
    margin: 0px auto;
    padding: 30px 20px 10px 20px;
    width: 64%;
    max-width: 1000px;
    position: absolute;
    top: 9%;
    left:16%;
    background-color: rgba(255,255,255,0.8);
}


.knowledge .klBox .s{
    margin: 0px 0px 12px 0px;
    font-size: 12px;
    text-align: center;
    color: #1d2d5f;
}

.knowledge .klBox .s span{
    padding: 0px 0px 6px 20px;
    border-bottom: solid 1px #1d2d5f;
    background: url("../img/common/icon_pen.png") no-repeat left top;
    background-size: 15px auto;
}

.knowledge .klBox h2{
    margin: 0px 0px 20px 0px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #1d2d5f;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5em;

}


.knowledge .klBox .vContents p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
    font-size: 3vw;
    color: #1d2d5f;
}



.knowledge .klBox .vContents p span{
    font-weight: bold;
}

.knowledge .klBox .vContents .btn{
    margin: 0px auto;
    padding: 0px 0px 30px 0px;
    max-width: 600px;
}



@media (max-width: 767px){
	
    .knowledge{
        margin: 0px auto;
        padding: 20px 0px 0px 0px;
        width: 100%;
        background-color: #dce3ed;
    }
    
    .knowledge .klBox h2{
        margin: 0px 0px 6px 0px;
        text-align: center;
        font-size: 5vw;
        font-weight: bold;
        color: #1d2d5f;
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
        line-height: 1.5em;

    }
    
    
    .knowledge .klBox .vheader{
       display:none;
    } 
    
    .knowledge .klBox.vbox{
        position: relative;
        /*background: url("../img/common/bk-mit.png") no-repeat center center;
        background-size: 100% auto;*/
    }
    
    .knowledge .klBox .vContents{
        margin: 0px auto 20px;
        padding: 3% 3% 3% 3%;
        width: 94%;
        position: relative;
        left: auto;
        top: auto;
        background-color: rgba(255,255,255,0.8);
        
    }
    
    .knowledge .klBox.vbox .vheader video{
        display:none;
    }
    
    .knowledge .klBox .vContents .boxIn{
        margin: 0px 0px 20px 0px;
    }
    
    .knowledge .klBox .vContents .btn{
        padding: 0px 0px 0px 0px;
    }
    
}


@media (min-width: 768px){
   
    .knowledge .klBox.vbox .vheader{
        margin: -160px auto 0px;
        max-width: 1100px;
        overflow-x:hidden;
    }

    .knowledge .klBox.vbox .vheader video{
        margin: 0px auto;
        width: 101%;
    }
    
    .knowledge .klBox.vbox{
        margin: 0px auto 30px;
        max-width: 1100px;
        position: relative;
        height: 435px;
        overflow: hidden;
    }
    
    
    
    
}



.knowledge .klBox.article{
    margin: 0px auto;
    width: 100%;
    padding: 30px 0px 30px 0px;
    background-color: #1d2d5f;
    overflow-x: hidden;
}

.knowledge .klBox.article .box{
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
    max-width: 1100px;
}


.knowledge .klBox.article h2{
    margin: 0px 0px 30px 0px;
    color: #1d2d5f;
    font-size: 16px;
}

.knowledge .klBox.article h2 span{
    padding: 10px 30px 10px 30px;
    background-color: #fffce1;
    border-radius: 20px;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    
}


.knowledge .klBox.article .slick-dots{
    bottom:auto!important;
}

.knowledge .klBox.article button{
    display:none;
}


.knowledge .klBox.article .articleBox{
    
}

.knowledge .klBox.article .articleBox li{
    margin: 0px 10px 0px 10px;
}





@media (max-width: 767px){
    .knowledge .klBox.article{
        margin: 0px auto;
        padding: 30px 0px 30px 0px;
        width: 100%;
    }
    
    .knowledge .klBox.article h2{
        margin: 0px 0px 30px 0px;
        color: #1d2d5f;
        font-size: 3.4vw;
    }
    
    
    .knowledge .klBox.article h2 span{
        padding: 10px 10px 10px 10px;


    }
    
    .knowledge .klBox.vbox{
        margin: 0px auto;
        max-width: 1100px;
        position: relative;
        height: auto;
        overflow: hidden;
    }
    
}


.knowledge .klBox.article .slick-prev,
.itBox .slick-prev{
    width: 40px;
    height: 40px;
    left: -55px;
    z-index: 10;
    background-color: rgba(199,109,169,0.9);
    border-radius: 30px;
}

.knowledge .klBox.article .slick-prev:before,
.itBox .slick-prev:before{
    color: #1a2c5b;
    content: "＜";
    font-weight: bold;
}

.knowledge .klBox.article .slick-next,
.itBox .slick-next{
    width: 40px;
    height: 40px;
    right: -55px;
    z-index: 10;
    background-color: rgba(199,109,169,0.9);
    border-radius: 30px;
}

.knowledge .klBox.article .slick-next:before,
.itBox .slick-next:before{
    color: #1a2c5b;
    content: "＞";
    font-weight: bold;
}


.knowledge .klBox.article .slick-dots,
.itBox .slick-dots{
    bottom: -10px!important;
    z-index:20;
}




.knowledge .klBox.article .slick-dots li.slick-active button:before,
.itBox .slick-dots li.slick-active button:before{
    opacity: 1;
    color: #c76da9;
}



.knowledge .klBox.estabox{
    margin: 0px auto;
    max-width: 1000px;
    padding: 30px 0px 30px 0px;
    background: url("../img/common/bg-esta-pc.png") no-repeat left 100px;
    background-size: 80% auto;
}

.knowledge .klBox.estabox .box{
    
}

.knowledge .klBox .box p{
    margin: 0px 0px 14px 0px;
    line-height: 1.8em;
    font-size: 14px;
    color: #1d2d5f;
}

.knowledge .klBox.d84 .box p.txt{
    text-align: center;
}



.knowledge .klBox .box p span{
    font-weight: bold;
}

.knowledge .klBox.article .box p.pic{
    margin: 0px 0px 0px 0px;
}

.knowledge .klBox.article .box p.tit{
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 4px 0px;
    background-color: #ffffff;
    text-align: center;
}



.knowledge .klBox.estabox .boxIn{
    padding-bottom: 220px;
    display:flex;
}


@media (max-width: 767px){
	.knowledge .klBox .box p{
        margin: 0px 0px 10px 0px;
        line-height: 1.5em;
        font-size: 3.5vw;
        color: #1d2d5f;
    }
    
    .knowledge .klBox .box p.s{
        margin: 0px 0px 12px 0px;
    }
    
    

    .knowledge .klBox .box p span{
        font-weight: bold;
    }
    
    .knowledge .klBox.article .box p.pic{
        margin: 0px;
    }
    
    .knowledge .klBox.article .box p.tit{
        padding: 10px 0px 10px 0px;
        background-color: #ffffff;
        text-align: center;
    }
    
    
    
    .knowledge .klBox.article .slick-next{
        right: 18px;
    }
    
    .knowledge .klBox.article .slick-prev{
        
        left: 18px;
        
    }
    
    
    
    .knowledge .klBox.estabox{
        margin: 0px 0px 0px 0px;
        padding: 30px 0px 30px 0px;
        width: 100%;
        background: url("../img/common/bg-esta.png") no-repeat left 20%;
        background-size: 100% auto;
    }
    
    
    
    
    .knowledge .klBox.estabox .boxIn{
        padding: 0px;
        display:block;
    }
    
    
    
    
}







.knowledge .klBox .cntbox{
    margin: 0px 4% 30px 0px;
    padding: 0px 0px 0px 0px;
    width: 50%;
    
}


.knowledge .klBox .cntbox .pic{
    margin: 0px auto;
    max-width: 200px;
}

.knowledge .klBox .cntbox .pic img{
    width: 100%;
}

.knowledge .klBox .researchBox{
    margin: 0px auto 40px;
    padding: 20px 10px 10px 10px;
    width: 44%;
    background-color: #e8e8e8;
    border-radius: 20px;
}

.knowledge .klBox .researchBox h3{
    margin: 0px 0px 16px 0px;
    padding: 10px 0px 10px 0px;
    background-color: #1d2d5f;
    text-align: center;
    color: #ffffff;
}

.knowledge .klBox .researchBox ul{
    
}

.knowledge .klBox .researchBox ul li{
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    line-height: 1.8em;    
}

.knowledge .klBox .researchBox ul li:last-child{
    margin-bottom: 0px;
}

.knowledge .klBox .researchBox ul li span{
    margin: 0px 4px 0px 0px;
    padding: 4px 4px 4px 4px;
    background-color: #c76da9;
    border-radius: 5px;
    
}


.knowledge .klBox .twiBox{
    margin: 0px auto 40px;
    width: 90%;
}

.knowledge .klBox .twiBox h3{
    margin: 0px auto 20px;
    max-width: 330px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.knowledge .klBox .twiBox h3 p{
    font-size: 18px;
}


.knowledge .klBox .twiBox .twBody{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.knowledge .klBox .twiBox .twBody p{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}


.knowledge .klBox .twiBox .twBody p.btn{
    margin: 0px auto;
    width: 90%;
    max-width: 400px;
}



@media (max-width: 767px){
    
    
    .knowledge .klBox .cntbox{
        margin: 0px auto 30px;
        padding: 0px 0px 0px 0px;
        width: 80%;

    }
    
    .knowledge .klBox .cntbox .pic{
        margin: 0px auto;
        padding-top: 20px;
        width: 80%;
    }
    
    
    
    .knowledge .klBox .researchBox{
        margin: 0px auto 40px;
        padding: 20px 10px 20px 10px;
        width: 90%;
        background-color: #e8e8e8;
        border-radius: 20px;
    }

    .knowledge .klBox .researchBox ul li{
        margin: 0px 0px 14px 0px;
        font-size: 2.7vw;
        line-height: 1.8em;
    }
    
    .knowledge .klBox .twiBox{
        margin: 0px auto;
        width: 90%;
    }
    
    .knowledge .klBox .twiBox .twBody p{
        text-align: left;
    }
    
    .knowledge .klBox .twiBox .twBody p.btn{
        margin: 0px auto;
        width: 90%;
    }
    
}



.knowledge .klBox.folicAcid{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    background-color: #dce3ed;
}



.knowledge .klBox.folicAcid .box .fbox .pic{
    margin: 0px auto 30px;
    max-width: 900px;
    
}


.knowledge .klBox.folicAcid .box .fbox .memoBox{
    margin: 0px auto;
    max-width: 900px;
    display:flex;
}

.knowledge .klBox.folicAcid .box .fbox .memo{
    margin: 0px auto 40px;
    padding: 20px 20px 20px 20px;
    width: 46%;
    background-color: #ffffff;
    border-radius: 10px;
    color: #1d2d5f;
}

.knowledge .klBox.folicAcid .box .fbox .memo dl{
    
}

.knowledge .klBox.folicAcid .box .fbox .memo dl dt{
    margin: 0px 0px 20px 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    
}

.knowledge .klBox.folicAcid .box .fbox .memo dl dt span{
    padding: 0px 10px 4px 10px;
    border-bottom: solid 1px #1d2d5f;
    
}

.knowledge .klBox.folicAcid .box .fbox .memo.m dl dt span{
    color: #00c29b;
    border-bottom: solid 1px #00c29b;
    
}

.knowledge .klBox.folicAcid .box .fbox .memo.y dl dt span{
    color: #f9a400;
    border-bottom: solid 1px #f9a400;
    
}

.knowledge .klBox.folicAcid .box .fbox .memo dl dd{
    line-height: 1.5em;
}

.knowledge .klBox.folicAcid .box .fbox .memo dl dd span{
    font-weight: bold;
}







.knowledge .klBox.folicAcid .box .fbox .balance{
    margin: 0px auto;
    max-width: 750px;
}

.knowledge .klBox.folicAcid .box .fbox .balance dl{
    display:flex;
    justify-content: center;
    align-items: center;
}

.knowledge .klBox.folicAcid .box .fbox .balance dl dt{
    margin: 0px 2% 0px 0px;
    width: 14%;
}

.knowledge .klBox.folicAcid .box .fbox .balance dl dd{
    width: 78%;
    line-height: 1.5em;
    font-size: 14px;
}

.knowledge .klBox.folicAcid .box .fbox .balance dl dd span{
    color: #e60012;
    font-size: 14px;
}







@media (max-width: 767px){
    
    
    .knowledge .klBox.folicAcid .box .fbox .memoBox{
        margin: 0px auto;
        width: 98%;
        display:block;
    }
    
    .knowledge .klBox.folicAcid .box .fbox .memo{
        margin: 0px auto 30px;
        width: 98%;
        
    }
    
    .knowledge .klBox.folicAcid .box .fbox .memo dl dd{
        font-size: 3.4vw;
    }
    
    
    .knowledge .klBox.folicAcid .box .fbox .pic{
        margin: 0px auto 30px;
        width: 96%;
    }
    
    .knowledge .klBox.folicAcid .box .fbox .balance{
        margin: 0px auto;
        width: 90%;
    }
    
    .knowledge .klBox.folicAcid .box .fbox .balance dl dt{
        margin: 0px 2% 0px 0px;
        width: 20%;
    }
    
    .knowledge .klBox.folicAcid .box .fbox .balance dl dd{
        width: 78%;
        line-height: 1.5em;
        font-size: 4vw;
    }
    
    .knowledge .klBox.folicAcid .box .fbox .balance dl dd span{
        color: #e60012;
        font-size: 3.6vw;
    }
    
}

@media (min-width: 768px){
    
    .knowledge .klBox.folicAcid .box .fbox .memo{
        margin: 0px auto 20px;
        max-width: 800px;
    }
    
    
    
    
}




.knowledge .klBox.graBox{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    background-color: #dce3ed;
}


.knowledge .klBox.graBox .txtBox{
    margin: 0px auto 20px;
    max-width: 600px;
}

.knowledge .klBox.graBox .picBox{
    margin: 0px auto 20px;
    max-width: 1000px;
    display:flex;
}

.knowledge .klBox.graBox .picBox p{
    margin: 0px auto;
    width: 48%;
}


@media (max-width: 767px){
   
    .knowledge .klBox.graBox .txtBox{
        margin: 0px auto 20px;
        width: 96%;
    }

    
    .knowledge .klBox.graBox .picBox{
        margin: 0px auto;
        width: 96%;
        display:block;
    } 
    
    .knowledge .klBox.graBox .picBox p{
        margin: 0px auto 30px;
        width: 100%;
    }
    
    .knowledge .klBox.graBox .picBox p:last-child{
        margin-bottom: 0px;
    }
    
}





.knowledge .klBox.activity{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
}

.knowledge .klBox.activity h2,
.knowledge .klBox.d84 h2{
    margin: 0px auto 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 90%;
    max-width: 546px;
    font-size: 28px;
}

.knowledge .klBox.activity h2 span{
    padding: 0px 0px 0px 72px;
    background: url("../img/common/icon-activity.png") no-repeat left top;
    background-size: 60px auto;
    display:block;
    text-align: left;
}

.knowledge .klBox.d84 h2 span{
    padding: 10px 0px 10px 72px;
    background: url("../img/common/icon-activity.png") no-repeat left top;
    background-size: 60px auto;
    display:block;
    text-align: left;
}



.knowledge .klBox.activity .box,
.knowledge .klBox.d84 .box{
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
    width: 96%;
}

.knowledge .klBox.activity .boxIn{
    margin: 0px auto;
    width: 90%;
    max-width: 800px;
}

.knowledge .klBox.activity .box .btn{
    
}

@media (max-width: 767px){
    
    .knowledge .klBox.activity h2,
    .knowledge .klBox.d84 h2{
        margin: 0px auto 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        width: 90%;
        font-size: 5vw;

    }
    
    .knowledge .klBox.activity h2 span,
    .knowledge .klBox.d84 h2 span{
        padding: 5px 0px 5px 72px;
        
    }
    
    
    .knowledge .klBox.activity .boxIn{
        margin: 0px auto;
        width: 100%;
    }
    
    .knowledge .klBox.activity .boxIn .txt,
    .knowledge .klBox.d84 .boxIn .txt{
        margin: 0px 10px 10px 10px;
        
    }
    
}

.knowledge .klBox.d84 .boxIn{
    margin: 0px auto;
    max-width: 760px;
}

.knowledge .klBox.d84 .sIn{
    margin: 0px  0px 0px 0px;
    padding: 20px 0px 20px 0px;
    width: 100%;
    background-color: #1a2c5b;
}

.knowledge .klBox.d84 .sIn li{
    margin: 10px 10px 10px 10px;
}



.knowledge .klBox.d84 .sIn .slick-prev{
    width: 40px;
    height: 40px;
    left: -55px;
    z-index: 10;
    background-color: rgba(199,109,169,0.9);
    border-radius: 30px;
}

.knowledge .klBox.d84 .sIn .slick-prev:before{
    color: #1a2c5b;
    content: "＜";
    font-weight: bold;
}

.knowledge .klBox.d84 .sIn .slick-next{
    width: 40px;
    height: 40px;
    right: -55px;
    z-index: 10;
    background-color: rgba(199,109,169,0.9);
    border-radius: 30px;
}

.knowledge .klBox.d84 .sIn .slick-next:before{
    color: #1a2c5b;
    content: "＞";
    font-weight: bold;
}


.knowledge .klBox.d84 .sIn .slick-dots{
    bottom: -10px!important;
    z-index:20;
}


.knowledge .klBox.d84 .sIn .slick-dots li button:before{
    
}

.knowledge .klBox.d84 .sIn .slick-dots li button:before{
    
}

.knowledge .klBox.d84 .sIn .slick-dots li.slick-active button:before{
    opacity: 1;
    color: #c76da9;
}

.knowledge .klBox.d84 .sIn .Sd84{
    margin: 0px auto;
    max-width: 900px;
}



@media (max-width: 820px){
    
    
    .knowledge .klBox.d84 .boxIn{
        margin: 0px auto;
        width: 100%;
    }
    
    
    .knowledge .klBox.d84 .sIn{
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 20px 0px;
        width: 100%;
        background-color: #1a2c5b;
    }
    
    .knowledge .klBox.d84 .sIn .slick-prev{
        left: 18px;
    }
    
    .knowledge .klBox.d84 .sIn .slick-next{
        right: 18px;
    }
    
}


/* aboutMitocore */


.aboutMitocore{
    
}

.aboutMitocore .aMBox{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
}

.aboutMitocore .aMBox.series{
    padding: 0px 0px 0px 0px;
    background-color: #CFC7DE;
}


.aboutMitocore .aMBox .box{
    margin: 0px auto;
    padding: 0px 0px 40px 0px;
    width: 96%;
}

.aboutMitocore .aMBox .s{
    margin: 0px 0px 12px 0px;
    font-size: 12px;
    text-align: center;
    color: #1d2d5f;
}

.aboutMitocore .aMBox .s span{
    padding: 0px 0px 6px 20px;
    border-bottom: solid 1px #1d2d5f;
    background: url("../img/common/icon_pen.png") no-repeat left top;
    background-size: 15px auto;
}

.aboutMitocore .aMBox h2{
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #1d2d5f;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5em;

}

.aboutMitocore .aMBox.series h2{
    font-size: 30px;
}

.aboutMitocore .aMBox.series h2 br.sp{
    display:none;
}

.aboutMitocore .aMBox.series .aMBoxIn{
    margin: 0px auto;
    max-width: 1000px;
    padding: 50px 0px 50px 0px;
    background: url("../img/common/bg-ambox.png") no-repeat left top;
    background-size: auto 100%;
}



.aboutMitocore .aMBox .boxIn .txtBox{
    margin: 0px auto 20px;
    width: 90%;
}

.aboutMitocore .aMBox .boxIn p{
    margin: 0px 0px 0px 0px;
    line-height: 1.5em;
    color: #1d2d5f;
}


.aboutMitocore .aMBox .boxIn p span{
    font-weight: bold;
}

.aboutMitocore .aMBox.series .boxIn{
    margin: 0px 10% 0px 50%;
    padding: 30px 0px 20px 0px;
    width: 50%;
}

.aboutMitocore .aMBox.series .pic{
    display:none;
}

.aboutMitocore .aMBox .achievement{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 800px;
}

.aboutMitocore .aMBox .achievement dl{
    margin: 0px auto;
    width: 60%;
}

.aboutMitocore .aMBox .achievement dl dt{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    background-color: #c76da9;
    color: #1d2d5f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.aboutMitocore .aMBox .achievement dl dd{
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    line-height: 1.5em;
    background-color: #ffffff;
    color: #1d2d5f;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 15px;
}

.aboutMitocore .aMBox .achievement dl dd span{
    font-weight: bold;
}

.aboutMitocore .aMBox .achievement dl dd p{
    margin: 0px 0px 10px 0px;
}

.aboutMitocore .aMBox .achievement dl dd p.btn{
    margin: 0px 0px 0px 0px;
}



@media (max-width: 767px){
    
    
    .knowledge .klBox.d84 .boxIn{
        margin: 0px auto;
        width: 100%;
    }
    
    
    .knowledge .klBox.d84 .sIn{
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 20px 0px;
        width: 100%;
        background-color: #1a2c5b;
    }
    .aboutMitocore .aMBox.series{
        padding: 30px 0px 30px 0px;
        background: linear-gradient(to bottom, #d8cfe6 50%, #bda8ce);
    }
    
    .aboutMitocore .aMBox.series h2 br.sp{
        display:block;
    }
    
    .aboutMitocore .aMBox.series .aMBoxIn{
        padding: 0px 0px 0px 0px;
        background:none;
    }
    
    .aboutMitocore .aMBox.series .boxIn{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }
    
    .aboutMitocore .aMBox.series .boxIn .txtBox p{
        font-size: 3.6vw;
    }
    
    
    
    .aboutMitocore .aMBox.series h2{
        font-size: 5vw;
    }
    
    .aboutMitocore .aMBox.series .pic{
        margin: 0px auto 5px;
        padding: 0px 0px 0px 0px;
        max-width: 820px;
        display:block;
    }
    
    
    
    .aboutMitocore .aMBox .achievement{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    
    .aboutMitocore .aMBox .achievement dl{
        margin: 0px auto;
        width: 70%;
    }
    
    
    .aboutMitocore .aMBox .achievement dl dd{
        margin: 0px 0px 0px 0px;
        padding: 14px 14px 14px 14px;
        line-height: 1.5em;
        background-color: #ffffff;
        color: #1d2d5f;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 3.4vw;
    }
    
}




.aboutMitocore .aMBox.component{
    background-color: #dce3ed;
    position: relative;
    overflow: hidden;
}

.aboutMitocore .aMBox.component h2{
    position:relative;
    z-index: 10;
}

.aboutMitocore .aMBox.component .picbox{
    margin: -145px auto 20px;
    width: 700px;
    position: relative;
    z-index: 2;
}

.aboutMitocore .aMBox.component .componentIn{
    margin: 0px auto;
    width: 90%;
}

.aboutMitocore .aMBox.component .componentIn .copy{
    margin: 0px 0px 20px 0px;
    font-size: 18px;
    font-weight: bold;
    line-height:1.5em;
    text-align: center;
}

.aboutMitocore .aMBox.component .cBoxIn{
    margin: 0px auto;
    max-width: 900px;
    display:flex;
    flex-wrap: wrap;
}

.aboutMitocore .aMBox.component .cbox{
    margin: 0px auto 30px;
    width: 48%;
}


.aboutMitocore .aMBox.component .cbox h3{
    margin: 0px auto 14px;
    padding: 10px 0px 10px 0px;
    background-color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    color: #1d2d5f;
}

.aboutMitocore .aMBox.component .cbox .pic{
    text-align: center;
}

.aboutMitocore .aMBox.component .cbox .pic img{
    height: 160px;
}

.aboutMitocore .aMBox.component .cbox.c03 .pic{
    padding: 30px 0px 30px 0px;
}

.aboutMitocore .aMBox.component .cbox.c03 .pic img{
    width: 20px;
    height: auto;
}


.aboutMitocore .aMBox.component .cbox .txt{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    line-height: 1.5em;
}


.aboutMitocore .aMBox.list{
    
}

.aboutMitocore .aMBox.list .aMList{
    margin: 0px auto;
    max-width: 900px;
    display:flex;
}

.aboutMitocore .aMBox.list .boxIn{
    margin: 0px auto 30px;
    width: 48%;
}

.aboutMitocore .aMBox.list h3{
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    line-height: 1.5em;
    font-size: 16px;
    color: #1d2d5f;
}

.aboutMitocore .aMBox.list h3 span{
    font-size: 14px;
}

.aboutMitocore .aMBox.list .tbbox{
    margin: 0px 0px 20px 0px;
}

.aboutMitocore .aMBox.list table{
    margin: 0px auto;
    width: 98%;
    border: solid 1px #1d2d5f;
    color: #1d2d5f;
}

.aboutMitocore .aMBox.list table th{
    padding: 10px 10px 10px 10px;
    border: solid 1px #1d2d5f;
    text-align: left;
    font-size: 16px;
    background-color: #e8e8e8;
}

.aboutMitocore .aMBox.list table td{
    padding: 10px 10px 10px 10px;
    border: solid 1px #1d2d5f;
    text-align: left;
    font-size: 16px;
}

.aboutMitocore .aMBox.list table.tb02{
    margin-top: -1px;
}

.aboutMitocore .aMBox.list table.tb02 th{
    text-align: center;
}

.aboutMitocore .aMBox.list table.tb02 td{
    font-size: 16px;
    line-height: 1.3em;
}

.aboutMitocore .aMBox.list .pic{
    margin: 0px auto 10px;
    width: 46%;
}

.aboutMitocore .aMBox.list .gmpBox{
    margin: 0px auto 30px;
    max-width: 900px;
    display:flex;
}

.aboutMitocore .aMBox.list dl.gmp{
    margin: 0px 0px 0px 0px;
    padding: 20px;
    width: 50%;
    display:flex;
}

.aboutMitocore .aMBox.list dl.gmp dt{
    margin: 0px 4% 0px 0px;
    width: 20%;
}

.aboutMitocore .aMBox.list dl.gmp dd{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    width: 76%;
    font-size: 16px;
    line-height: 1.5em;
}


.aboutMitocore .aMBox.safetyTest{
    background-color: #dce3ed;
}


.aboutMitocore .aMBox.safetyTest h3{
    margin: 0px auto 50px;
    padding: 10px 0px 10px 0px;
    max-width: 700px;
    background-color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    color: #1d2d5f;
}


.aboutMitocore .aMBox.safetyTest .sboxin{
    margin: 0px auto;
    max-width: 1000px;
    display:flex;
}

.aboutMitocore .aMBox.safetyTest dl{
    margin: 0px auto 30px;
    width: 50%;
}

.aboutMitocore .aMBox.safetyTest dl dt{
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-size: 16px;
}

.aboutMitocore .aMBox.safetyTest dl dd{
    margin: 0px auto;
    width: 96%;
}

.aboutMitocore .aMBox.safetyTest p.txt{
    margin: 0px 0px 20px 0px;
    text-align: center;
}


@media (max-width: 767px){
    
    .aboutMitocore .aMBox h2{
        margin: 0px 0px 10px 0px;
        text-align: center;
        font-size: 5vw;
        font-weight: bold;
        color: #1d2d5f;
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
        line-height: 1.5em;

    }

    
    .aboutMitocore .aMBox.component .picbox{
        margin: -20% 0px 20px 0px;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    
    .aboutMitocore .aMBox.component .componentIn .copy{
        margin: 0px 0px 20px 0px;
        font-size: 3.6vw;
        font-weight: bold;
        line-height:1.5em;
        text-align: center;
    }
    
    .aboutMitocore .aMBox.component .cBoxIn{
        display:block;
    }
    
    .aboutMitocore .aMBox.component .cbox{
        margin: 0px 0px 30px 0px;
        width: 100%;
    }
    
    .aboutMitocore .aMBox.component .cbox:last-child{
        margin: 0px 0px 0px 0px;
    }
    
    .aboutMitocore .aMBox.component .cbox h3{
        font-size: 4vw;
    }
    
    .aboutMitocore .aMBox.component .cbox .txt{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 3.6vw;
        line-height: 1.5em;
    }
    
    .aboutMitocore .aMBox.list .aMList{
        display:block;
    }
    
    
    
    .aboutMitocore .aMBox.list .boxIn{
        margin: 0px 0px 30px 0px;
        width: 100%;
    }
    
    
    .aboutMitocore .aMBox.list h3{
        margin: 0px 0px 10px 0px;
        padding: 10px 0px 0px 0px;
        text-align: center;
        line-height: 1.5em;
        font-size: 3.6vw;
        color: #1d2d5f;
    }
    
    .aboutMitocore .aMBox.list h3 span{
        font-size: 2vw;
    }
    
    
    .aboutMitocore .aMBox.list table th{
        padding: 10px 10px 10px 10px;
        border: solid 1px #1d2d5f;
        text-align: left;
        font-size: 3vw;
        background-color: #e8e8e8;
    }
    
    .aboutMitocore .aMBox.list table td{
        padding: 10px 10px 10px 10px;
        border: solid 1px #1d2d5f;
        text-align: left;
        font-size: 3vw;
    }
    
    .aboutMitocore .aMBox.list table.tb02 td{
        font-size: 2.6vw;
        line-height: 1.3em;
    }
    
    .aboutMitocore .aMBox.list .gmpBox{
        margin: 0px auto;
        width: 100%;
        display:block;
    }
    
    .aboutMitocore .aMBox.list .gmpBox .pic{
    margin: 0px auto 10px;
    width: 100%;
}
    
    .aboutMitocore .aMBox.list dl.gmp{
        width: 100%;
    }
    
    .aboutMitocore .aMBox.list dl.gmp dd{
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        width: 76%;
        font-size: 3vw;
        line-height: 1.5em;
    }
    
    .aboutMitocore .aMBox.safetyTest .sboxin{
        width: 100%;
        display:block;
    }
    
    
    .aboutMitocore .aMBox.safetyTest h3{
        margin: 0px auto 20px;
        padding: 10px 0px 10px 0px;
        width: 90%;
        background-color: #ffffff;
        border-radius: 20px;
        text-align: center;
        font-weight: bold;
        color: #1d2d5f;
    }
    
    
    .aboutMitocore .aMBox.safetyTest dl{
        margin: 0px 0px 30px 0px;
        width: 100%;
    }
    
    .aboutMitocore .aMBox.safetyTest dl dt{
        margin: 0px 0px 10px 0px;
        text-align: center;
        font-size: 3.6vw;
    }
    
    
    
}




/* aboutBuy */

.aboutBuy .aBBox{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
}

.aboutBuy .aBBox .s{
    margin: 0px 0px 12px 0px;
    font-size: 12px;
    text-align: center;
    color: #1d2d5f;
}

.aboutBuy .aBBox .s span{
    padding: 0px 0px 6px 20px;
    border-bottom: solid 1px #1d2d5f;
    background: url("../img/common/icon-cart.png") no-repeat left top;
    background-size: 15px auto;
}

.aboutBuy .aBBox h2{
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #1d2d5f;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5em;

}


.aboutBuy .aBBox .pinfo{
    margin: 0px auto 20px;
    max-width: 500px;
}


.aboutBuy .aBBox .att{
    margin: 0px 0px 20px 0px;
    text-align: center;
}

.aboutBuy .aBBox .att span{
    margin: 0px 0px 0px 0px;
    padding: 4px 20px 4px 20px;
    text-align: center;
    background-color: #1d2d5f;
    color: #fff100;
    font-weight: bold;
    border-radius: 20px;
}

.aboutBuy .aBBox .memo{
    margin: 0px 0px 20px 0px;
    font-size: 14px;
    text-align: center;
}

.aboutBuy .aBBox .cptxt{
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    text-align: center;
    line-height: 1.4em;
    
}

.aboutBuy .aBBox .cptxt em{
    color: #c76da9;
    font-weight: bold;
}

.aboutBuy .aBBox .cptxt span{
    font-size: 14px;
}


.aboutBuy .aBBox .boxIn{
    margin: 0px 0px 40px 0px;
}

.aboutBuy .aBBox .boxIn .picbox{
    margin: 0px auto 30px;
    padding: 0px 0px 10px 0px;
    max-width: 700px;
    background-color: #dce3ed;
}




.aboutBuy .aBBox .boxIn .pic01{
    margin: 0px auto;
    text-align: center;
    
}

.aboutBuy .aBBox .boxIn .pic01 img{
    max-width: 500px; 
}



.aboutBuy .aBBox .boxIn .picbox.pinf{
    margin: 0px auto 30px;
    padding: 0px 0px 10px 0px;
    max-width: 900px;
    background-color: transparent;
}

.aboutBuy .aBBox .boxIn .picbox.pinf img{
    
    max-width: 900px;
    
}


.aboutBuy .aBBox .boxIn .memo{
    margin: 0px auto;
    max-width: 700px;
    text-align: center;
    font-size: 12px;
}

.aboutBuy .aBBox .boxIn .memo.cp{
    max-width: 800px;
    text-align: right;
    line-height: 1.4em;
}

.aboutBuy .aBBox .boxIn .pbox{
    margin: 0px auto 20px;
    padding: 0px 0px 0px 0px;
    max-width: 800px;
    display:flex;
}

.aboutBuy .aBBox .boxIn .pbox .item{
    margin: 0px auto;
    width: 48%;
    position: relative;
}


.aboutBuy .aBBox .boxIn .pbox .item .btn{
    margin: 0px auto;
    width: 55%;
    position: absolute;
    bottom: 42px;
    right:5%;
}

.aboutBuy .aBBox .boxIn .pbox .item .btn.b0{
    bottom: 144px;
}

.aboutBuy .aBBox .boxIn .pbox .item .btn.amazon{
    margin: 0px auto;
    width: 55%;
    position: absolute;
    bottom: 88px;
    right:5%;
}

.aboutBuy .aBBox .boxIn .pbox .item .btn.rakuten{
    margin: 0px auto;
    width: 55%;
    position: absolute;
    bottom: 31px;
    right:5%;
}




.aboutBuy .aBBox.combination{
    padding: 40px 0px 30px 0px;
    background-color: #e8e8e8;
}

.aboutBuy .aBBox.combination h2{
    margin: 0px 0px 20px 0px;
}

.aboutBuy .aBBox.combination .lead{
    margin: 0px 0px 13px 0px;
    text-align: center;
    font-weight: bold;
    
}

.aboutBuy .aBBox.combination .lead .sp{
    display:none;
}

.aboutBuy .aBBox.combination .txtBox{
    margin: 0px auto;
    max-width: 750px;
}

.aboutBuy .aBBox.combination .txtBox p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
}



.aboutBuy .aBBox.combination .pic{
    margin: 0px auto;
    max-width: 1000px;
}

.aboutBuy .aBBox.combination .combBox{
    margin: -80px auto 0px;
    padding: 0px 0px 20px 0px;
    max-width: 700px;
    border: solid 1px #667192;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    z-index: 111;
}

.aboutBuy .aBBox.combination .combBox .tit{
    margin: 0px auto 20px;
    width: 60%;
}



.aboutBuy .aBBox.combination .combBox .buyarea{
    margin: 0px auto 20px;
    width: 90%;
    max-width: 800px;
    display: flex;
}

.aboutBuy .aBBox.combination .boxIn .buyarea p.btn {
    margin: 0px auto;
    padding: 10px 10px 10px 0px;
    width: 80%;
    text-align: right;
}

.aboutBuy .aBBox.combination .boxIn .buyarea p.amazonbtn {
    padding: 10px 0px 10px 10px;
    text-align: left;
}

.aboutBuy .aBBox.combination .combBox .pic{
    margin: 0px auto;
    width: 66%;
}



@media (max-width: 767px){
    
    
    .aboutBuy .aBBox h2{
        margin: 0px 0px 10px 0px;
        text-align: center;
        font-size: 5vw;
        font-weight: bold;
        color: #1d2d5f;
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
        line-height: 1.5em;

    }
    
    
    .aboutBuy .aBBox .boxIn .pbox{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        display:flex;
    }
    
    .aboutBuy .aBBox .boxIn .pic01 img{
        width: 100%; 
    }
    
    .aboutBuy .aBBox .boxIn .memo{
        margin: 0px 1% 10px 0px;
        text-align: right;
        font-size: 2vw;
    }
    
    .aboutBuy .aBBox .boxIn .memo.cp{
        margin: 0px 1% 10px 0px;
        text-align: right;
        font-size: 2.6vw;
    }

    .aboutBuy .aBBox .boxIn .pbox .item{
        width: 45%;
    }
    
    
    
    .aboutBuy .aBBox .boxIn .pbox .item .btn{
        margin: 0px auto;
        width: 90%;
        position: absolute;
        bottom: 4%;
        left:5%;
    }
    
    
    
    .aboutBuy .aBBox .boxIn .pbox .item .btn.b0{
        bottom: 60px;
    }

    .aboutBuy .aBBox .boxIn .pbox .item .btn.amazon{
        margin: 0px auto;
        width: 90%;
        position: absolute;
        bottom: 16px;
        right:5%;
    }
    
    .aboutBuy .aBBox .boxIn .pbox.lpn{
        display:block;
    }
    
    .aboutBuy .aBBox .boxIn .pbox.lpn .item{
        width: 96%;
    }
    
    
    
    .aboutBuy .aBBox .boxIn .pbox.lpn{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        max-width: 800px;
        display:block;
    }

    .aboutBuy .aBBox .boxIn .pbox.lpn .item{
        margin: 0px auto 30px;
        width: 98%;
        position: relative;
    }
    
    .aboutBuy .aBBox .boxIn .pbox.lpn .item.item02{
        margin: 0px auto 0px;
    }


    .aboutBuy .aBBox .boxIn .pbox.lpn .item .btn{
        margin: 0px 0px 0px 0px;
        width: 55%;
        position: absolute;
        bottom: 42px;
        right:5%;
        left:auto;
    }

    .aboutBuy .aBBox .boxIn .pbox.lpn .item .btn.b0{
        bottom: 143px;
        }

    .aboutBuy .aBBox .boxIn .pbox.lpn .item .btn.amazon{
        margin: 0px auto;
        width: 55%;
        position: absolute;
        bottom: 85px;
        right:5%;
    }
    
    .aboutBuy .aBBox .boxIn .pbox.lpn .item .btn.rakuten{
        margin: 0px auto;
        width: 55%;
        position: absolute;
        bottom: 26px;
        right:5%;
    }
    
    
    
    
    
    .aboutBuy .aBBox .memo{
        margin: 0px 0px 10px 0px;
        font-size: 3.4vw;
        text-align: center;
        line-height: 1.5em;
    }
    
    
    
     .aboutBuy .aBBox.combination{
        padding: 40px 0px 30px 0px;
        background-color: #e8e8e8;
    }
    
    .aboutBuy .aBBox.combination .boxIn{
        margin-bottom: 0px;
    }

    .aboutBuy .aBBox.combination h2{
        margin: 0px 0px 20px 0px;
    }

    .aboutBuy .aBBox.combination .lead{
        margin: 0px 0px 13px 0px;
        text-align: center;
        font-weight: bold;
        line-height: 1.5em;
        font-size: 4vw;
    }
    
    .aboutBuy .aBBox.combination .lead .sp{
        display:block;
    }

    .aboutBuy .aBBox.combination .txtBox{
        margin: 0px auto;
        width: 96%;
    }

    .aboutBuy .aBBox.combination .txtBox p{
        margin: 0px 0px 20px 0px;
        line-height: 1.5em;
        font-size: 4vw;
    }



    .aboutBuy .aBBox.combination .pic{
        margin: 0px auto;
        max-width: 1000px;
    }

    .aboutBuy .aBBox.combination .combBox{
        margin: -16% auto 0px;
        padding: 0px 0px 20px 0px;
        width: 94%;
        border: solid 1px #667192;
        background: rgba(255, 255, 255, 0.5);
        position: relative;
        z-index: 111;
    }

    .aboutBuy .aBBox.combination .combBox .tit{
        margin: 0px auto;
        width: 80%;
    }


    .aboutBuy .aBBox.combination .combBox .buyarea{
        margin: 0px auto 20px;
        width: 90%;
        background-color: transparent;
        display: block;
    }

    .aboutBuy .aBBox.combination .combBox .pic{
        margin: 0px auto;
        width: 96%;
    }
    
    .aboutBuy .aBBox.combination .boxIn .buyarea p.btn {
        margin: 0px 0px 10px 0px;
        padding: 20px 0px 0px 0px;
        width: 100%;
        text-align: center;
    }
    
    .aboutBuy .aBBox.combination .boxIn .buyarea p.amazonbtn {
        padding: 0px 0px 0px 0px;
        text-align: center;
    }
    
    
}



/* privilegeBox */


.aboutBuy .aBBox h3{
    margin: 0px 0px 50px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
}

.aboutBuy .aBBox h3 span{
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    border: dotted 2px #1d2d5f;
    border-radius: 19px;

}

.aboutBuy .aBBox h3 span em{
    color: #009e96;
}


.privilegeBox{
    margin: 0px auto 14px;
    max-width: 1000px;
    display:flex;
}

.privilegeBox .pri{
    margin: 0px auto;
    width: 46%;
    border: solid 2px #1d2d5f;
    position: relative;
}

.privilegeBox .pri.pri02{
    border: solid 2px #009e96;
    color: #009e96;
}


.privilegeBox .pri .th{
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 0px 35px;
    width: 100%;
    text-align: left;
    position: absolute;
    top: 86px;
    color: #ffffff;
}

.privilegeBox .pri .th:before{
    content: "＼";
    
}

.privilegeBox .pri .th:after{
    content: "／";
}


.privilegeBox .pri dl dt{
    margin: 10px 10px 10px 10px;
    padding: 100px 0px 10px 0px;
    background-color: #1d2d5f;
    color: #ffff00;
    text-align: center;
    font-weight: bold;
    vertical-align:middle;
    height: 280px;
    width: 30%;
    font-size: 20px;
}

.privilegeBox .pri.pri02 dl dt{
    background-color: #009e96;
    color: #ffffff;
}





.privilegeBox .pri dl dd{
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 10px 10px;
    width: 70%;
}

.privilegeBox .pri dl dd p{
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 5px 0px;
    text-align: center;
    border-bottom: solid 1px #1d2d5f;
}

.privilegeBox .pri dl dd p br{
    display:none;
}

.privilegeBox .pri.pri02 dl dd p{
    border-bottom: solid 1px #009e96;
}



.privilegeBox .pri dl dd ul{
    
}

.privilegeBox .pri dl dd ul li{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    border-left: solid 5px #1d2d5f;
    font-weight: bold;
    line-height: 1.3em;
}

.privilegeBox .pri dl dd ul li:last-child{
    margin-bottom: 0px;
}

.privilegeBox .pri.pri02 dl dd ul li{
    border-left: solid 5px #009e96;
}

.privilegeBox .pri dl dd ul li a,
.privilegeBox .pri dl dd ul li span{
    font-size: 0.8em;
    font-weight: normal;
}
    



.aboutBuy .aBBox .pmemo{
    text-align: center;
}


@media (max-width: 767px){
    
    
    
    
    .privilegeBox{
        margin: 0px auto 14px;
        max-width: 600px;
        display:flex;
    }

    .privilegeBox .pri{
        margin: 0px auto;
        width: 46%;
        border: solid 2px #1d2d5f;
        position: relative;
    }

    .privilegeBox .pri.pri02{
        border: solid 2px #009e96;
        color: #009e96;
    }


    .privilegeBox .pri .th{
        margin: 0px 0px 6px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        text-align: center;
        position: absolute;
        top: -23px;
        color: #1d2d5f;
    }

    .privilegeBox .pri .th:before{
        content: "＼";

    }

    .privilegeBox .pri .th:after{
        content: "／";
    }


    .privilegeBox .pri dl dt{
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        background-color: #1d2d5f;
        color: #ffff00;
        text-align: center;
        font-weight: bold;
        height: auto;
        width: 100%;
        font-size: 4vw;
    }
    
    .privilegeBox .pri dl dt br{
        display:none;
    }

    .privilegeBox .pri.pri02 dl dt{
        background-color: #009e96;
        color: #ffffff;
    }





    .privilegeBox .pri dl dd{
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        width: 100%;
    }

    .privilegeBox .pri dl dd p{
        margin: 0px 0px 8px 0px;
        padding: 0px 0px 5px 0px;
        text-align: center;
        border-bottom: solid 1px #1d2d5f;
    }
    
    .privilegeBox .pri dl dd p br{
        display:block;
    }

    .privilegeBox .pri.pri02 dl dd p{
        border-bottom: solid 1px #009e96;
    }



    .privilegeBox .pri dl dd ul{

    }

    .privilegeBox .pri dl dd ul li{
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 10px;
        border-left: solid 5px #1d2d5f;
        font-weight: bold;
        line-height: 1.3em;
    }

    .privilegeBox .pri dl dd ul li:last-child{
        margin-bottom: 0px;
    }

    .privilegeBox .pri.pri02 dl dd ul li{
        border-left: solid 5px #009e96;
    }

    .privilegeBox .pri dl dd ul li a,
    .privilegeBox .pri dl dd ul li span{
        font-size: 0.8em;
        font-weight: normal;
    }
    
    
    
    .privilegeBox{
        margin: 0px auto 14px;
        width: 98%;
    }

    .privilegeBox .pri{
        margin: 0px auto;
        width: 48%;
    }
    
    .privilegeBox .pri dl dd ul li{
        font-size: 3.4vw;
    }

    
}



@media (min-width: 768px){
    
    .privilegeBox .pri dl{
        display:flex;
    } 
    
    
}





/* statistics */


.statistics{
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 0px 0px;
    background: #dce3ed url("../img/common/pic-monitor-pc.png") no-repeat 20% bottom;
    background-size: 40% auto;
}

#products .statistics{
    background-image:none;
}


@media (min-width: 1630px){
    
    .statistics{
        margin: 0px 0px 0px 0px;
        padding: 50px 0px 0px 0px;
        background: #e3e6eb url("../img/common/pic-monitor-pc.png") no-repeat 20% bottom;
        background-size: 33% auto;
    } 

    
}




.statistics .sBox{
    margin: 0px auto;
    padding: 0px 0px 50px 0px;
    max-width: 1000px;
}

.statistics .sBox .s{
    margin: 0px auto 10px;
    padding: 0px 0px 10px 36px;
    max-width: 400px;
    background: url("../img/common/icon-statistics.png") no-repeat left 10px;
    background-size: 30px auto;
    border-bottom: solid 1px #1d2d5f;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5em;
}

.statistics .sBox .s span{
    font-weight: normal;
}

.statistics .sBox h2{
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #1d2d5f;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5em;
    
}



.statistics .sBox .boxIn{
    
}

.statistics .sBox .boxIn .pic{
    display:none;
}

.statistics .sBox .boxIn ul{
    margin: 0px auto;
    width: 100%;
    display:flex;
    flex-wrap: wrap;
}

.statistics .sBox .boxIn ul li.pc{
    margin: 0px auto 30px;
    width: 48%;
    display:block;
}

.statistics .sBox .boxIn ul li.s01,
.statistics .sBox .boxIn ul li.s02{
    margin: 0px auto 30px;
    width: 23%; 
}

.statistics .sBox .boxIn ul li.s03,
.statistics .sBox .boxIn ul li.s04,
.statistics .sBox .boxIn ul li.s05,
.statistics .sBox .boxIn ul li.s06{
    margin: 0px auto 10px;
    width: 23%; 
}


.statistics .sBox .boxIn ul li{
    margin: 0px auto 50px;
    width: 30%;
}

.statistics .sBox .boxIn .smemo{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    font-size: 12px;
}


@media (max-width: 767px){
    
    
    .statistics{
        margin: 0px 0px 0px 0px;
        padding: 30px 0px 0px 0px;
        
    }
    
    
    .statistics .sBox .s{
        margin: 0px auto 10px;
        padding: 0px 0px 5px 9%;
        background: url("../img/common/icon-statistics.png") no-repeat left 1px;
        background-size: 30px auto;
        width: 70%;
        font-size: 3vw;
    }
    
    .statistics .sBox h2{
        font-size: 5vw;
    }
    
    .statistics .sBox .boxIn .pic{
        margin: 0px auto 30px;
        width: 98%;
        display:block;
    }
    
    .statistics .sBox .boxIn ul{
        margin: 0px auto;
        width: 100%;
    }
    
    .statistics .sBox .boxIn ul li.pc{
        display:none;
    }
    
    .statistics .sBox .boxIn ul li.s01,
    .statistics .sBox .boxIn ul li.s02{
        margin: 0px auto 20px;
        width: 44%; 
    }

    .statistics .sBox .boxIn ul li.s03,
    .statistics .sBox .boxIn ul li.s04,
    .statistics .sBox .boxIn ul li.s05,
    .statistics .sBox .boxIn ul li.s06{
        margin: 0px auto 20px;
        width: 44%; 
    }
    
    .statistics .sBox .boxIn .smemo{
        font-size: 3vw;
    }
    
}





.statistics .monitor{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 50px 0px;
}

.statistics .monitor .mIn{
    margin: 0px auto;
    max-width: 800px;
    
}

.statistics .monitor .mbox{
    margin: 0px 0px 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 550px;
    
}

.statistics .monitor h3{
    margin: 0px 0px 30px 0px;
    text-align: center;
}

.statistics .monitor h3 span{
    padding: 0px 0px 5px 0px;
    border-bottom: solid 1px #1d2d5f;
}

.statistics .monitor .txtBox{
    margin: 0px auto;
    max-width: 550px;
}

.statistics .monitor .txtBox p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
    font-size: 14px;
}

.statistics .monitor .btn{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.statistics .monitor .btn a{
    margin: 0px auto;
    padding: 14px 0px 14px 0px;
    max-width: 300px;
    background-color: #f0cfd0;
    border: solid 1px #1d2d5f;
    border-radius: 36px;
    display:block;
    text-decoration: none;
}

@media (max-width: 767px){
    
    .statistics .monitor{
        padding-bottom: 0px;
        background-image:none;
    }
    
    .statistics .monitor .txtBox{
        margin: 0px auto;
        width: 90%;
    }

    .statistics .monitor .txtBox p{
        margin: 0px 0px 20px 0px;
        line-height: 1.5em;
        font-size: 3.6vw;
    }
    
    .statistics .monitor{
        
    }
    
    .statistics .monitor .mbox{
        margin: 0px auto;
        padding: 0px 0px 94% 0px;
        width: 100%;
        background: url("../img/common/pic-monitor.png") no-repeat left bottom;
        background-size: 100% auto;
    }
    
}

/* company */


.company{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
}

.company .thinking{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
}

.company .thinking .tbox{
    margin: 0px auto 40px;
    padding: 0px 0px 0px 0px;
    max-width: 1000px;
}


.company .thinking .tbox .thbox{
    display:flex;
}

.company .thinking .tbox .thbox .thboxIn{
    margin: 0px auto;
    width: 48%;
}

.company .thinking .tbox .thbox .pic{
    margin: 0px auto;
    width: 48%;
}



.company .thinking .tbox h3,
.company .thinking .abox h3{
    margin: 0px 0px 20px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #1d2d5f;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5em;
}


.company .thinking .tbox .txtBox{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 700px;
}

.company .thinking .tbox .txtBox p{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.5em;
}


.company .thinking .tbox .clogo{
    margin: 0px auto 20px;
    max-width: 300px;
    text-align: center;
}


.company .thinking .tbox .clogo .pic{
    margin: 0px auto 20px;
    max-width: 700px;
    text-align: center;
}

.company .thinking .abox{
    margin: 0px auto;
    padding: 40px 0px 0px 0px;
    max-width: 1000px;
    background-color: #dce3ed;
}



.company .thinking .abox .txt{
    margin: 0px auto 20px;
    text-align: center;
}

.company .thinking .abox .aboxIn{
    display:flex;
    flex-wrap: wrap;
}

.company .thinking .abox .abox-s{
    margin: 0px auto 50px;
    width: 48%;
}




.company .thinking .abox .pic{
    margin: 0px auto;
    max-width: 600px;
}

.company .thinking .abox .pic.pic01{
    padding: 20px 14px 20px 14px;
    background-color: #dce3ed;
}

.company .thinking .abox .pic.pic02{
    padding: 16px 14px 16px 14px;
    background-color: #dce3ed;
}

.company .thinking .abox .pic.pic03{
    padding: 14px 14px 14px 14px;
    background-color: #dce3ed;
    text-align: center;
}

.company .thinking .abox .pic.pic03 img{
    max-width: 130px;
}

.company .thinking .abox .pic.pic04{
    padding: 12px 14px 14px 14px;
    background-color: #dce3ed;
    text-align: center;
    min-height: 190px;
}

  


@media (max-width: 767px){
    
    .company .thinking .tbox{
        margin: 0px auto 40px;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }
    
    .company .thinking .tbox h3,
    .company .thinking .abox h3{
        font-size: 5vw;
    }
    
    .company .thinking .tbox .txtBox{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 90%;
    }

    .company .thinking .tbox .txtBox p{
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        line-height: 1.5em;
        font-size: 3.6vw;
    }

    .company .thinking .tbox .clogo{
        margin: 0px auto 20px;
        width: 60%;
        text-align: center;
    }

    
    .company .thinking .tbox .thbox{
        display:block;
    }

    .company .thinking .tbox .thbox .thboxIn{
        margin: 0px auto;
        width: 98%;
    }

    .company .thinking .tbox .thbox .pic{
        margin: 0px auto;
        width: 98%;
    }
    
    .company .thinking .abox .aboxIn{
        display:block;
    }

    .company .thinking .abox .abox-s{
        margin: 0px auto 30px;
        width: 98%;
    }
    
    .company .thinking .abox .abox-s.s3{
        margin: 0px auto 0px;
        width: 98%;
    }
    
    .company .thinking .abox .txt{
        margin: 0px auto 20px;
        text-align: center;
        font-size: 3.6vw;
    }
    
    .company .thinking .abox .pic{
        margin: 0px auto;
        width: 90%;
    }
    
    
}


.company .supervisingBox{
    margin: 0px auto;
    padding: 60px 0px 30px 0px;
    background-color: #e8e8e8;
}

.company .supervisingBox h3{
    margin: 0px 0px 40px 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.company .supervisingBox h3 span{
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    background-color: #192f55;
    border-radius: 30px;
    color: #ffffff;
}



.company .supervisingBox .boxs{
    margin: 0px auto 30px;
    padding: 10px 0px 10px 0px;
    display:flex;
    max-width: 1200px;
    flex-wrap: wrap;
    background-color: #ffffff;
}

.company .supervisingBox .boxs .box{
    display:flex;
}

.company .supervisingBox .boxs .box .pic{
    margin: 0px 1% 0px 0px;
    width: 30%;
}

.company .supervisingBox .boxs .box dl{
    margin: 0px 0px 0px 1%;
    width: 68%;
}

.company .supervisingBox .boxs .box dl dt{
    margin: 0px 0px 14px 0px;
    font-size: 18px;
    font-weight: bold;
}

.company .supervisingBox .boxs .box dl dt span{
    margin: 0px 0px 4px 0px;
    display:block;
    font-size: 12px;
    font-weight: normal;
}

.company .supervisingBox .boxs .box dl dd.dd01{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    border-radius: 10px;
    line-height: 1.4em;
    font-size: 12px;
}

.company .supervisingBox .boxs .box dl dd.dd02{
    margin: 0px 0px 0px 0px;
    line-height: 1.4em;
    font-size: 12px;
}

.company .supervisingBox .boxs .box.box01{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 32%;
}

.company .supervisingBox .boxs .box.box02{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 32%;
}

.company .supervisingBox .boxs .box.box03{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 32%;
    
}

.company .supervisingBox .boxs .box.box04{
    margin: 0px 0px 40px 1%;
    padding: 0px 0px 0px 0px;
    width: 32%;
}


.company .supervisingBox .detail{
    text-align: center;
}

.company .supervisingBox .detail a{
    margin: 0px auto;
    padding: 10px 10px 10px 10px;
    max-width: 500px;
    background-color: #ffffff;
    display:block;
    border-radius: 20px;
    text-decoration: none;
    
}

@media (max-width: 767px){
    
    .company .supervisingBox{
        margin: 0px auto;
        padding: 40px 0px 30px 0px;
        background-color: #e8e8e8;
    }
    
    .company .supervisingBox .boxs{
        margin: 0px auto 30px;
        padding: 4px 4px 4px 4px;
        display:block;
        width: 96%;
    }
    
    
    .company .supervisingBox .boxs .box.box01{
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: dashed 1px #1d2d5f;
        width: 100%;
    }
    
    .company .supervisingBox .boxs .box.box02{
         margin: 0px 0px 15px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: dashed 1px #1d2d5f;
        width: 100%;
    }
    
    .company .supervisingBox .boxs .box.box03{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-bottom: none;
        width: 100%;
    }
    
    .company .supervisingBox .boxs .box.box04{
         margin: 0px 0px 0px 0px;
        width: 100%;
    }
    
    
    .company .supervisingBox .boxs .box dl dt{
        margin: 0px 0px 6px 0px;
        font-size: 5vw;
    }

    .company .supervisingBox .boxs .box dl dt span{
        margin: 0px 0px 4px 0px;
        font-size: 3vw;
    }
    
    
    .company .supervisingBox .detail a{
        width: 70%;
    }
    
    .company .supervisingBox .boxs .box dl dd.dd01{
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 3.2vw;
        
    }
    
    
    .company .supervisingBox .boxs .box dl dd.dd02{
        margin: 0px 0px 0px 0px;
        line-height: 1.4em;
        font-size: 3.2vw;
    }
    
}



.products{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    background-color: #dce3ed;
}

.products .pboxIn{
    margin: 0px 0px 0px 0px;
}

.products .pboxIn h2{
    margin: 0px 0px 20px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #1d2d5f;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5em;
}

.products .pboxIn ul{
    margin: 0px auto 30px;
    padding: 0px 0px 0px 0px;
    max-width: 800px;
    display:flex;  
}

.products .pboxIn ul li{
    margin: 0px 25px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 250px;
    position:relative;
}

.products .pboxIn ul li.mlist{
    margin-top: -31px;
}

.products .pboxIn ul li:last-child{
    margin: 0px 0px 0px 0px;
    
}



.products .pboxIn ul li .btn{
    margin: 0px auto;
    width: 80%;
    left:10%;
    position: absolute;
    bottom: 20px;
    
}

.products .pboxIn ul li .btn a{
    margin: 0px auto;
    padding: 10px 10px 10px 10px;
    width:100%;
    text-align: center;
    background-color: #1d2d5f;
    border-radius: 10px;
    color: #ffffff;
    display:block;
    text-decoration: none;
}

.products .pboxIn ul li .btn a:after{
    content:" >";
    font-size: 12px;
}

.products .pboxIn p.pic{
    margin: 0px auto 30px;
    max-width: 800px;
}



.products .pureguna{
    
}

.products .pureguna h3{
    margin: 0px 0px 30px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.products .pureguna .puregunaBox{
    margin: 0px auto;
    max-width: 900px;
    display:flex;
}

.products .pureguna .puregunaBox .pic{
    margin: 0px auto 20px;
    width: 48%;
}

.products .pureguna .puregunaBox .txtBox{
    margin: 0px auto 20px;
    width: 48%;
}

.products .pureguna .puregunaBox .txtBox p{
    margin: 0px 0px 20px 0px;
    line-height: 1.4em;
}


@media (max-width: 767px){
    
    .products .pboxIn h2{
        font-size: 5vw;
    }
    
    .products .pboxIn ul{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 98%;
        display:flex;
        flex-wrap: wrap;
    }

    .products .pboxIn ul li{
        margin: 0px 10px 30px;
        padding: 0px 0px 0px 0px;
        width: 44%; 
    }
    
    .products .pboxIn ul li.mlist{
        margin-top: -19px;
    }
    
    .products .pboxIn ul li:last-child{
        margin: 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        width: 44%; 
    }
    
    .products .pboxIn ul li .btn{
        margin: 0px auto;
        width: 80%;
        left:10%;
        position: absolute;
        bottom: 6%;

    }
    
    .products .pboxIn ul li .btn a{
        margin: 0px auto;
        padding: 4px 4px 4px 4px;
        width:100%;
        text-align: center;
        background-color: #1d2d5f;
        border-radius: 10px;
        color: #ffffff;
        display:block;
        text-decoration: none;
        font-size: 3vw;
    }
    
    .products .pboxIn p.pic{
        margin: 0px auto 30px;
        width: 92%;
    }
    
    .products .pureguna h3{
        margin: 0px auto 30px;
        width: 98%;
        text-align: center;
        font-size: 4.2vw;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    .products .pureguna h3 br.pc{
        display:none;
    }
    
    .products .pureguna .puregunaBox{
        display:block;
    }

    .products .pureguna .puregunaBox .pic{
        margin: 0px auto 20px;
        width: 98%;
    }

    .products .pureguna .puregunaBox .txtBox{
        margin: 0px auto 20px;
        width: 90%;
    }

    .products .pureguna .puregunaBox .txtBox p{
        margin: 0px 0px 20px 0px;
        font-size: 3.6vw;
    }
    
    
}



/* faq */

.s_05 .accordion_one .accordion_inner.stay {
  display: block;
}

.s_05 .accordion_one .accordion_inner {
  display: none;
  box-sizing: border-box;
  position: relative;
}

.s_05 .accordion_one .accordion_inner:before{
    position: absolute;
    top:10px;
    left:20px;
    content: "A ";
    font-weight: bold;
    font-size: 30px;
}

.s_05 .accordion_one .accordion_inner div{
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 0px 50px;
    line-height: 1.5em;
}

.faq{
    margin: 0px 0px 40px 0px;
    padding: 30px 0px 30px 0px;
}

.faq .faqBox{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 700px;
}

.faq .faqBox h2{
    margin: 0px 0px 20px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #1d2d5f;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5em;
}


.faq .tit{
    margin: 0px 0px 0px 0px;
    padding: 12px 10px 10px 50px;
    background-color: #eeeeee;
    line-height: 1.5em;
    position: relative;
}

.faq .tit:before{
    position: absolute;
    top:9px;
    left:17px;
    content: "Q ";
    font-weight: bold;
    font-size: 30px;
}

.faq .accordion_one{
    margin: 0px 0px 10px 0px;
}

.faq .accordion_inner{
    padding: 10px 0px 10px 0px;
}

@media (max-width: 767px){
    
    .faq{
        margin: 0px 0px 50px 0px;
        padding: 30px 0px 0px 0px;
    }
    
    .faq .faqBox{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 96%;
    }
    
    
    .faq .faqBox h2{
        font-size: 5vw;
    }
    
    .s_05 .accordion_one .accordion_inner:before{
        position: absolute;
        top:10px;
        left:20px;
        content: "A ";
        font-weight: bold;
        font-size: 30px;
    }
    
    .s_05 .accordion_one .accordion_inner div p{
        font-size: 3.6vw;
    }

    .faq .tit:before{
        position: absolute;
        top:12px;
        left:17px;
        content: "Q ";
        font-weight: bold;
        font-size: 30px;
    }
    
}



.newsBox{
	margin: 0px auto 60px;
	padding: 0.5%;
	max-width: 810px;
	border: solid 1px #202d5c;
	background-color: #e5e5e5;
}

.newsBox dl{
	display:table;
	width: 100%;
}

.newsBox dl dt{
	background-color: #202e5c;
	color: #ffffff;
	display:table-cell;
	vertical-align: middle;
	width: 16%;
	text-align: center;
}

.newsBox dl dd{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	display:table-cell;
	width: 84%;
}

.newsBox dl dd ul{
	padding: 10px 0px 0px 0px;
}

.newsBox dl dd ul li{
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #202e5c;
	display:flex;
    font-size: 15px;
	
}

.newsBox dl dd ul li:last-child{
	margin-bottom: 0px;
}

.newsBox dl dd ul li span{
	margin: 0px 10px 0px 0px;
	padding: 4px 10px 4px 10px;
	background-color: #ffffff;
	border-radius: 10px;
}

.newsBox dl dd ul li a{
	display:block;
	text-decoration: none;
	width: 100%;
}

.newsBox dl dd ul li br{
	display:none;
}




@media (max-width: 767px){
	
	
	.newsBox{
		margin: 0px auto 50px;
		padding: 7px 4px 10px 4px;
		width: 96%;
	}
	
	.newsBox dl{
		display:block;
		width: 100%;
	}
	
	
	.newsBox dl dt{
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 10px 0px;
		background-color: #202e5c;
		color: #ffffff;
		display:block;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		font-size: 4vw;
	}

	.newsBox dl dd{
		margin: 0px 0px 0px 0px;
		padding: 3px 3px 3px 3px;
		display:block;
		width: 100%;
	}
	
	.newsBox dl dd ul{
		padding: 0px 0px 0px 0px;
	}
	
	.newsBox dl dd ul li{
		line-height: 2em;
		display:block;
        font-size: 3.6vw;
	}
	
	.newsBox dl dd ul li a{
		padding-right: 40px;
		display:inline-block;
		width: auto;
	}
	
	.newsBox dl dd ul li br{
		display:block;
	}
	
	
	
}





.inquiry{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 50px 0px;
}


.inquiry .inquiryBox{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 700px;
    display:flex;
}




.inquiry .lineBox{
    margin: 0px auto 40px;
    padding: 0px 0px 0px 0px;
    width: 48%;
}


.inquiry .lineBox h2{
    margin: 0px 0px 20px 0px;
    text-align: center;
    color: #ffffff;
}

.inquiry .lineBox h2 span{
    margin: 0px auto;
    padding: 10px 20px 10px 20px;
    background-color: #00b900;
    border-radius: 20px;
}


.inquiry .lineBox .txtBox{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
}


.inquiry .lineBox .txtBox p{
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    color: #4d4d4d;
}

.inquiry .lineBox p.btn{
    margin: 0px auto;
    max-width: 200px;
}



.inquiry .telBox{
    margin: 0px auto 40px;
    padding: 0px 0px 0px 0px;
    width: 48%;
}

.inquiry .telBox h2{
    margin: 0px 0px 60px 0px;
    text-align: center;
    color: #ffffff;
}

.inquiry .telBox h2 span{
    margin: 0px auto;
    padding: 10px 20px 10px 20px;
    background-color: #1d2d5f;
    border-radius: 20px;
}

.inquiry .telBox .pic{
    margin: 0px auto;
    width: 300px;
}



@media (max-width: 767px){
    
    .inquiry{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 30px 0px;
    }
    
    
    .inquiry .inquiryBox{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        display:block;
    }
    
    
    .inquiry .lineBox{
        margin: 0px auto 60px;
        padding: 0px 0px 0px 0px;
        width: 90%;
    }
    
    .inquiry .lineBox h2{
        margin: 0px auto 20px;
    }
    
    
    .inquiry .lineBox h2 span{
        padding: 10px 30px 10px 30px;
    }
    
    
    
    .inquiry .lineBox .txtBox{
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        
    }
    
    .inquiry .lineBox .txtBox p{
        text-align: center;
        font-size: 3.5vw;
        line-height: 1.5em;
        color: #4d4d4d;
    }
    
    .inquiry .lineBox p.btn{
        margin: 0px auto;
        width: 60%;
    }
    
    .inquiry .telBox{
       margin: 0px auto 0px;
        padding: 0px 0px 0px 0px;
        width: 90%;
    }
    
    .inquiry .telBox h2{
        margin: 0px 0px 20px 0px;
        text-align: center;
        color: #ffffff;
    }
    
    
}



/* footer */


.footer{
    
}

.footer .fLinkBox{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    width: 100%;
    background-color: #dce3ed;
}


.footer .fLinkBox ul{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 700px;
    display:flex;
}


.footer .fLinkBox ul li{
    margin: 0px 20px 0px 0px;
}


.footer .fbox{
    padding: 0px 0px 50px 0px;
    position: relative;
    background-color: #a4abbc;
}

.footer .fbox .fpic{
    margin: 0px auto;
    max-width: 1000px;
    text-align: right;
}

.footer .fbox .fpic img{
    width: 700px;
}

.footer .fbox .copyright{
    margin: 0px auto;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 140px;
    font-size: 10px;
    color: #ffffff;
    
}


.footer .fbox ul{
    margin: 0px auto;
    width: 100%;
    text-align: center;
    position: absolute;
    top:80px;
    display:flex;
    justify-content:center;
    align-items: center;
    
}

.footer .fbox ul li{
    width: 90%;
    
}

.footer .fbox ul li img{
    width: 40px;
}



.footer .fbox ul li.twitter{
    margin: 0px 10px 0px 0px;
    
    
    text-align: right;
}

.footer .fbox ul li.twitter img{
    padding: 5px;
    background-color: #000000;
    border-radius: 7px;
}





.footer .fbox ul li.insta{
    margin: 0px auto 0px;
    padding: 5px;
    text-align: left;
}



@media (max-width: 767px){
    
    .footer .fLinkBox ul{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        display:flex;
        flex-wrap: wrap;
    }
    
    .footer .fLinkBox ul li{
        margin: 0px auto 10px;
        padding: 0px 0px 0px 0px;
        width: 46%;
        font-size: 3vw;
        
    }
    
    .footer .fLinkBox ul li:before{
        content: "＞ ";
    }
    
    
    .footer .fbox{
        position: relative;
    }
    
    .footer .fbox .fpic{
        margin: 0px auto;
        width: 100%;
        text-align: center;
        
    }

    .footer .fbox .copyright{
        margin: 0px auto;
        width: 80%;
        text-align: center;
        position: absolute;
        top:auto;
        bottom: 27%;
        left:10%;
        font-size: 2vw;
    }
    
    .footer .fbox ul{
        margin: 0px auto;
        width: 100%;
        text-align: center;
        position: absolute;
        top:45%;
        display:flex;

    }

    .footer .fbox ul li{
        
    }
    
}













/* articleBody */


.articleBody{
    margin: 0px auto;
    max-width: 900px;
}

.articleBody .key{
    margin: 0px auto 40px;
    width: 100%;
}

.articleBody h1{
    margin: 0px 0px 40px 0px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
}

.articleBody .sns{
    margin: 0px 0px 25px 0px;
}

.articleBody .sns li{
    display:inline-block;
    vertical-align: top;
}

.articleBody .bodyContents{
    margin: 0px auto;
    max-width: 800px;
}

.articleBody .bodyContents .catch{
    margin: 0px 0px 30px 0px;
}

.articleBody .bodyContents .catch h2{
    margin: 0px 0px 20px 0px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.articleBody .bodyContents .catch p{
    margin: 0px 0px 14px 0px;
    line-height: 1.6em;
}


.articleBody .bodyContents .tocBox{
    margin: 0px auto 30px;
    padding: 20px 20px 20px 20px;
    width: 100%;
    background-color: #e9e9e9;
}

.articleBody .bodyContents .tocBox p{
    margin: 0px 0px 10px 0px;
    text-align: center;
}

.articleBody .bodyContents .tocBox ul{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 400px;
    
}



.articleBody .bodyContents .tocBox ul li{
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 10px 26px;
    font-size: 14px;
}

.articleBody .bodyContents .tocBox ul li a{
    line-height: 1.3em;
}

.articleBody .bodyContents .tocBox ul li:nth-child(1){
    background: url("../img/article/no01.png") no-repeat left 8px;
    background-size: 20px auto;
}

.articleBody .bodyContents .tocBox ul li:nth-child(2){
    background: url("../img/article/no02.png") no-repeat left 8px;
    background-size: 20px auto;
}

.articleBody .bodyContents .tocBox ul li:nth-child(3){
    background: url("../img/article/no03.png") no-repeat left 8px;
    background-size: 20px auto;
}

.articleBody .bodyContents .tocBox ul li:nth-child(4){
    background: url("../img/article/no04.png") no-repeat left 8px;
    background-size: 20px auto;
}

.articleBody .bodyContents .tocBox ul li:nth-child(5){
    background: url("../img/article/no05.png") no-repeat left 8px;
    background-size: 20px auto;
}

.articleBody .bodyContents .tocBox ul li:nth-child(6){
    background: url("../img/article/no06.png") no-repeat left 8px;
    background-size: 20px auto;
}

.articleBody .bodyContents .tocBox ul li:nth-child(7){
    background: url("../img/article/no07.png") no-repeat left 8px;
    background-size: 20px auto;
}

.articleBody .bodyContents .tocBox ul li:nth-child(8){
    background: url("../img/article/no08.png") no-repeat left 8px;
    background-size: 20px auto;
}


.articleBody .bodyContents .tocBox ul ul{
    list-style:lower-alpha;
    
}

.articleBody .bodyContents .tocBox ul ul li{
    padding: 10px 0px 0px 0px;
}

.articleBody .bodyContents .tocBox ul ul li:nth-child(1),
.articleBody .bodyContents .tocBox ul ul li:nth-child(2),
.articleBody .bodyContents .tocBox ul ul li:nth-child(3),
.articleBody .bodyContents .tocBox ul ul li:nth-child(4),
.articleBody .bodyContents .tocBox ul ul li:nth-child(5){
    background: none;    
}

.articleBody .bodyContents .sectionBox{
    margin: 0px 0px 60px 0px;
    padding: 0px 0px 0px 0px;
}

.articleBody .bodyContents .sectionBox h2{
    margin: 0px 0px 30px 0px;
    padding: 20px 0px 20px 0px;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    border-top: solid 1px #011925;
    border-bottom: solid 1px #011925;
    
}

.articleBody .bodyContents .sectionBox h3{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}

.articleBody .bodyContents .txtBox{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

.articleBody .bodyContents .txtBox p{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.6em;
}

.articleBody .bodyContents .txtBox ul{
    margin: 0px 0px 0px 20px;
}

.articleBody .bodyContents .txtBox ul li{
    margin: 0px 0px 10px 20px;
    list-style: disc;
    line-height: 1.4em;
}

.articleBody .bodyContents .pic{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}


.articleBody .memoTxt{
    margin: 0px auto 50px;
    padding: 30px 30px 30px 30px;
    width: 100%;
    background-color: #ffffff;
    border-top: dotted 2px #1b1b1b;
}

.articleBody .memoTxt p{
    margin: 0px 0px 14px 0px;
    font-size: 13px;
    line-height: 1.4em;
}

.articleBody .memoTxt p a{
    word-break: break-all;
}


.articleBody  .tb{
    margin: 0px auto 30px;
    max-width: 800px;
}

.articleBody  .tb  table{
    margin: 0px 0px 20px 0px;
    width: 100%;
    border: solid 1px #1d2d5f;
    
}

.articleBody  .tb  table tr{
    
}

.articleBody  .tb  table tr th{
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #1d2d5f;
    color: #ffffff;
    text-align: center;
    width: 25%;
    border: solid 1px #ffffff;
}

.articleBody  .tb  table tr td{
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    border-bottom: solid 1px #1d2d5f;
    border-right: solid 1px #1d2d5f;
}


.articleBody  .tb  table.tb002 tr:nth-child(2n+1) td{
    background-color: #F3F3F3;
}




.articleBody .btnBox{
    margin: 0px auto 60px;
    max-width: 450px;
}

.articleBody .bodyContents .txtBox p.twitter{
    margin: 0px auto;
    width: 90%;
    text-align: center;
}

.articleBody .twIn{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    background-color: #ffffff;
}


.articleBody .twIn p.txt{
   margin: 0px auto 14px;
    width: 80%;
}

.articleBody .twIn p.memo{
   margin: 0px auto 5px;
    width: 80%;
    font-size: 0.8em;
}

.articleBody .bodyContents .txtBox.join{
    margin: 0px 0px 0px 0px;
}

.articleBody .joinBox{
    margin: 0px auto;
    padding: 20px 40px 20px 40px;
    max-width: 700px;
    background-color: #e5e4e4;
}

.articleBody .bodyContents .sectionBox .joinBox h3{
    margin: 0px auto 20px;
    padding: 10px 0px 10px 0px;
    max-width: 300px;
    text-align: center;
    color: #ffffff;
    background-color: #4ca0ea;
    border-radius: 20px;
    font-size: 18px;
}


.articleBody .bodyContents .sectionBox dl{
    margin: 0px 0px 30px 0px;    
}

.articleBody .bodyContents .sectionBox dl dt{
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 18px;
}

.articleBody .bodyContents .sectionBox dl dd{
    line-height: 1.4em;
}

.articleBody .bodyContents .sectionBox dl dd p{
    margin: 0px 0px 14px 0px;
    
}



.recommendBox .recommend{
    margin: 0px auto;
    max-width: 800px;
}


.recommendBox .recommend li{
    margin: 10px 10px 10px 10px;
    
}

.recommendBox .recommend button{
    
}


.recommendBox .recommend .slick-prev{
    width: 40px;
    height: 40px;
    left: -55px;
    z-index: 10;
    background-color: rgba(199,109,169,0.9);
    border-radius: 30px;
}

.recommendBox .recommend .slick-prev:before{
    color: #1a2c5b;
    content: "＜";
    font-weight: bold;
}

.recommendBox .recommend .slick-next{
    width: 40px;
    height: 40px;
    right: -55px;
    z-index: 10;
    background-color: rgba(199,109,169,0.9);
    border-radius: 30px;
}

.recommendBox .recommend .slick-next:before{
    color: #1a2c5b;
    content: "＞";
    font-weight: bold;
}




@media (max-width: 767px){
    .articleBody{
        margin: 0px auto;
        width: 98%;
    }
    
    .articleBody .key{
        margin: 0px 0px 20px 0px;
        width: 100%;
    }
    
    .articleBody h1{
        margin: 0px 0px 20px 0px;
        font-size: 5vw;
        text-align: left;
    }
    
    .articleBody h1 br.pc{
        display:none;
    }
    
    .articleBody .bodyContents .sectionBox h2{
        margin: 0px 0px 20px 0px;
        padding: 20px 0px 20px 0px;
        text-align: left;
        font-size: 4.5vw;
        font-weight: bold;
        border-top: solid 1px #011925;
        border-bottom: solid 1px #011925;
        line-height: 1.4em;

    }
    
    .articleBody .bodyContents{
        margin: 0px auto;
        width: 100%;
    }
    
    .articleBody .bodyContents .tocBox{
        margin: 0px auto 30px;
        padding: 10px 10px 10px 10px;
        width: 98%;
    }
    
    .articleBody .bodyContents .tocBox ul{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 100%;
        max-width: none;
    }
    
    .articleBody .bodyContents .txtBox{
        margin: 0px auto 20px;
        padding: 0px 0px 0px 0px;
        width: 96%;
    }
    
    .articleBody .bodyContents .txtBox p{
        font-size: 4.2vw;
        line-height: 1.6em;
    }
    
    
    .articleBody .bodyContents .catch h2{
        margin: 0px 0px 20px 0px;
        text-align: center;
        font-size: 4vw;
        font-weight: bold;
    }
    
    .articleBody .btnBox{
        margin: 0px auto 40px;
        width: 90%;
    }
    
    .articleBody .bodyContents .txtBox.join{
        margin: 0px auto;
    }
    
    .articleBody .joinBox{
        padding: 7% 3% 3% 3%;
    }
    
    
    
    .articleBody .bodyContents .txtBox.join p{
        margin: 0px auto 10px;
        width: 96%;
        font-size: 3.9vw;
    }
    
    .articleBody .bodyContents .txtBox.join p.txt{
        margin: 0px auto 14px;
        width: 86%;
        font-size: 3.6vw;
    }
    
    .articleBody .bodyContents .txtBox.join p.memo{
        margin: 0px auto 10px;
        width: 86%;
        font-size: 3vw;
    }
    
    
    .articleBody .bodyContents .txtBox ul{
        margin: 0px 2% 0px 5%;
    }

    .articleBody .bodyContents .txtBox ul li{
        margin: 0px 0px 10px 2%;
        list-style: disc;
    }
    
    
    .articleBody .twIn{
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 4px 0px;
        background-color: #ffffff;
    }
    
    .articleBody .bodyContents .sectionBox .joinBox h3{
        margin: 0px auto 20px;
        padding: 10px 0px 10px 0px;
        width: 80%;
        text-align: center;
        color: #ffffff;
        background-color: #4ca0ea;
        border-radius: 20px;
        font-size: 4vw;
    }
    
    
    
    
    
    .articleBody  .tb  table tr th{
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        font-size: 3.5vw;
        line-height: 1.4em;
    }
    
    .articleBody  .tb  table tr td{
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        font-size: 3.5vw;
    }
    
    .articleBody  .tb .mtxt{
        font-size: 3vw;
    }
    
    
    .articleBody .memoTxt{
        margin: 0px auto 50px;
        padding: 2% 2% 2% 2%;
        width: 96%;
        font-size: 4vw;
        background-color: #ffffff;
    }
    
    
    
    
    .articleBody .bodyContents .sectionBox dl{
        margin: 0px auto 30px;
        width: 96%;
    }

    .articleBody .bodyContents .sectionBox dl dt{
        margin: 0px 0px 10px 0px;
        font-weight: bold;
        font-size: 4.5vw;
    }

    .articleBody .bodyContents .sectionBox dl dd{
        line-height: 1.4em;
    }

    .articleBody .bodyContents .sectionBox dl dd p{
        margin: 0px 0px 14px 0px;

    }
    
    
    
    .recommendBox .recommend .slick-prev{
        left:18px;
    }
    
    .recommendBox .recommend .slick-next{
        right:18px;
    }
    
    
}




.articleBody .supervision{
    margin: 0px auto 50px;
    padding: 20px 10px 0px 10px;
    border-top: solid 1px #011925;
    border-bottom: solid 1px #011925;
    display:flex;
}

.articleBody .supervision p.s01{
    margin: 0px 1% 0px 10%;
    padding: 0px 0px 0px 0px;
    width: 15%;
}

.articleBody .supervision div.s02{
    margin: 0px 0px 0px 1%;
    padding: 10px 0px 0px 0px;
    width: 70%;
}

.articleBody .supervision div.s02 h2{
    margin: 0px 0px 30px 0px;
    font-weight: bold;
    font-size: 18px;
}

.articleBody .supervision div.s02 h2 br.sp{
    display:none;
}

.articleBody .supervision div.s02 h2 span{
    margin: 0px 10px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #e9e9e9;
    color: #011925;
    font-size: 0.8em;
    font-weight: bold;
}

.articleBody .supervision div.s02 .detail{
    display:flex;
}

.articleBody .supervision div.s02 .detail .d01{
    width: 50%;
    line-height: 1.5em;
    font-size: 14px;
}

.articleBody .supervision div.s02 .detail .d02{
    width: 100%;
    line-height: 1.5em;
    font-size: 14px;
}

.articleBody .supervision div.s02 .detail .d02 p{
    margin: 0px 0px 20px 0px;
}


.articleBody .supervision div.s02 .detail .d02 p.t01{
    margin-top: -15px;
}


.articleBody .supervision div.s02 .link{
    text-align: left;
}

.articleBody .supervision div.s02 .link a{
    margin: 0px 0px 0px 0px;
    padding: 5px 20% 5px 20%;
    text-align: center;
    display:inline-block;
    background-color: #e9e9e9;
    color: #222122;
    text-decoration: none;
    border-radius: 30px;
}


.articleBody .pBox{
    margin: 0px auto 40px;
    padding: 20px 20px 20px 20px;
    width: 90%;
    display:flex;
    background-color: #e9e9e9;
    color: #1d2d5f;
}

.articleBody .pBox .pic{
    margin: 0px 1% 0px 0px;
    width: 28%;
}

.articleBody .pBox .p02{
    margin: 0px 0px 0px 1%;
    width: 70%;
}

.articleBody .pBox .p02 h2{
    margin: 0px auto 10px;
    padding: 5px 5px 5px 5px;
    border: dotted 2px #1d2d5f;
    text-align: center;
    font-weight: bold;
    background-color: #ffffff;
}

.articleBody .pBox .p02 p{
    margin: 0px 0px 10px 0px;
    line-height: 1.4em;
}

.articleBody .pBox .p02 dl{
    margin: 0px 0px 10px 0px;
}

.articleBody .pBox .p02 dl dt{
    margin: 0px 0px 4px 0px;
    font-weight: bold;
}

.articleBody .pBox .p02 dl dd{
    font-weight: bold;
    line-height: 1.4em;
}

.articleBody .pBox .p02 .link{
    margin: 0px 0px 0px 0px;
}






@media (max-width: 767px){
    
    
    
    .articleBody .supervision{
        margin: 0px auto 30px;
        padding: 10px 0px 10px 0px;
        border-top: solid 1px #011925;
        border-bottom: solid 1px #011925;
        display:flex;
    }
    
    .articleBody .supervision p.s01{
        margin: 0px 1% 0px 0%;
        width: 30%;
    }
    
    .articleBody .supervision div.s02{
        margin: 0px 0px 0px 3%;
        padding: 0px 0px 0px 0px;
        width: 68%;
    }
    
    .articleBody .supervision div.s02 h2{
        margin: 0px 0px 5px 0px;
        font-size: 4vw;
        line-height: 1.4em;
    }
    
    .articleBody .supervision div.s02 h2 br.sp{
        display:block;
    }
    
    .articleBody .supervision div.s02 h2 span{
        margin: 0px 0px 6px 0px;
        padding: 5px 5px 5px 5px;
        width: 100px;
        text-align: center;
        display:block;
        
    }
    
    
    .articleBody .supervision div.s02 .detail{
        display:block;
    }
    
    .articleBody .supervision div.s02 .detail .d01{
        margin: 0px 0px 10px 0px;
        width: 100%;
        font-size: 3vw;
    }

    .articleBody .supervision div.s02 .detail .d02{
        width: 100%;
        font-size: 3vw;
    }
    
    .articleBody .supervision div.s02 .detail .d02 p{
        margin: 0px 0px 20px 0px;
    }
    
    .articleBody .supervision div.s02 .detail .d02 p.link{
        margin: 0px 0px 0px 0px;
    }
    
    .articleBody .pBox{
        margin: 0px auto 40px;
        padding: 2% 2% 2% 2%;
        width: 94%;
        display:block;
        background-color: #e9e9e9;
    }
    
    .articleBody .pBox .pic{
        margin: 0px auto 10px;
        width: 100%;
    }

    .articleBody .pBox .p02{
        margin: 0px auto;
        width: 98%;
    }
    
    .articleBody .pBox .p02 h2{
        font-size: 4.2vw;
    }
    
    .articleBody .pBox .p02 p{
        font-size: 3.4vw;
    }
    
    .articleBody .pBox .p02 dl{
        font-size: 3.4vw;
    }
    
    .articleBody .pBox .p02 .link{
        font-size: 3.4vw;
    }
    
    
}



.supervisionBox{
    margin: 0px auto 50px;
    padding: 0px 0px 30px 0px;
    max-width: 600px;
    border-bottom: solid 1px #011925;
    
    
}


.supervisionBox .sbox{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    display:flex;
    border-top: solid 1px #011925;
    
}

.supervisionBox .sbox .pic{
    margin: 0px 1% 30px 0px;
    width: 30%;
}


.supervisionBox .sbox .s02{
    margin: 0px 0px 30px 1%;
    width: 68%;    
}

.supervisionBox .sbox .s02 .lbl{
    margin: 0px 0px 20px 0px;
    text-align: left;
    
}

.supervisionBox .sbox .s02 .lbl span{
    margin: 0px 0px 0px 0px;
    padding: 5px 20px 5px 20px;
    background-color: #e9e9e9;
}

.supervisionBox .sbox .s02 .name{
    margin: 0px 0px 20px 0px;
    text-align: left;
    font-weight: bold;
}

.supervisionBox .sbox .s02 .mtxt{
    margin: 0px 0px 20px 0px;
    font-size: 14px;
    line-height: 1.4em;
}

.supervisionBox .sbox dl{
    font-size: 14px;
}

.supervisionBox .sbox dl dt{
    margin: 0px 0px 5px 0px;
}


.supervisionBox .sbox dl dd ul{
    margin: 0px 0px 0px 30px;
}

.supervisionBox .sbox dl dd ul li{
    margin: 0px 0px 10px 0px;
    line-height: 1.4em;
    list-style: disc;
}




@media (max-width: 767px){
    
    .supervisionBox{
        margin: 0px auto 30px;
        width: 96%;


    }
    
    .supervisionBox .sbox{
        margin: 0px 0px 30px 0px;
        display:block;



    }
    
    .supervisionBox .sbox .pic{
        margin: 0px auto 30px;
        width: 60%;

    }


    .supervisionBox .sbox .s02{
        margin: 0px auto 30px;
        width: 100%;

    }
    
    .supervisionBox .sbox .s02 .lbl{
        margin: 0px 0px 20px 0px;
        text-align: center;
        font-size: 3.5vw;

    }
    
    .supervisionBox .sbox .s02 .name{
        margin: 0px 0px 20px 0px;
        text-align: center;
        font-weight: bold;
        font-size: 4vw;
    }
    
    .supervisionBox .sbox .s02 .mtxt{
        font-size: 3vw;
    }

    .supervisionBox .sbox dl dt{
        margin: 0px 0px 5px 0px;
        font-size: 3vw;
    }

    .supervisionBox .sbox dl dd ul{
        margin: 0px 0px 0px 20px;
    }
    
    .supervisionBox .sbox dl dd ul li{
        font-size: 3vw;
    }
}



#article .recommendBox{
    margin: 0px 0px 40px 0px;
    background-color: #1d2d5f;
}





/*タブ実装*/

.tab_box{
	margin: 0px auto;
	max-width: 800px;
}

.tab_box .monitor{
    margin: 0px 0px 10px 0px;
}

.tab_box .monitor p,
.tab_box2 .monitor p{
    line-height: 2em;
}

.tab_box .monitor p span,
.tab_box2 .monitor p span{
    font-size: 0.8em;
}

.tab_box .monitor p br.sp,
.tab_box2 .monitor p br.sp{
    display:none;
}

.tab_box .monitor p:last-child,
.tab_box2 .monitor p:last-child{
    padding-left:26px;
}

.tab_box .btn_area {
	margin:0;
    padding: 5px 5px 5px 5px;
	display: -webkit-box;
	display: flex;
    background-color: #ffffff;
}

.tab_box .tab_btn {
	width: 32%;
	padding: 2% 1% 2% 1%;
	color: #ffffff;
	border: solid 3px #8d9194;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	display:flex;
	align-items: center;
	background-color: #8d9194;
}

.tab_box .tab_btn.tb03{
	width: 25%;
}

.tab_box .tab_btn.tb01,.tab_box .tab_btn.tb02{
	width: 37%;
}

.tab_box .tab_btn + .tab_btn {
	margin-left: 1%;
}

.tab_box .tab_btn:hover {
	background-color: #43484e;
}

.tab_box .tab_btn p.t01{
	padding: 0px 0px 0px 10%;
    width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-size: 20px;
	
}

.tab_box .tab_btn p.t02{
	margin: 0px 2px 0px 0px;
	padding: 10px 3% 10px 3%;
	width: 34%;
	text-align: center;
	background-color: #ec6941;
	color: #ffffff;
	font-size: 14px;
	border-radius: 4px;
	
}

.tab_box .tab_btn p.t02.tb{
    background-color: #009e96;
}

.tab_box .tab_btn p.t03{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 10px;
	width: 66%;
	line-height: 1.2em;
	font-size: 20px;
    text-align:left;
}

.tab_box .tab_btn span.s{
	margin: 0px 0px 0px 0px;
	display:block;
	font-size: 0.6em;
	font-weight: normal;
    line-height: 1.1em;
}



.tab_box .tab_btn.active {
   border: solid 3px #ec6941;
	background-color: #494f55;
}

.tab_box .panel_area {
  
    padding: 10px 0px 20px 0px;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}

.tab_box .tab_panel .total{
	margin: 0px 0px 4px 0px;
}


.tab_box .tab_panel .total input{
    background:none;
	border:none;
	color: #4d4d4d;
	font-size: 43px;
	font-weight: bold;
	width: 50%;
	text-align: center;
	outline: none;
}

.tab_box .tab_panel .total span:after{
	/*content: "¥";*/
	color: #4d4d4d;
	font-size: 20px;
	font-weight: bold;
}

.tab_box .tab_panel .total span.dc:after{
	content:"";
}

.tab_box .tab_panel .total .dc{
	margin: 0px 0px 0px 0px;
	padding: 1% 1% 1% 1%;
	text-align: center;
	background-color: #ffffff;
	border-radius: 5px;
	color: #171b20;
	font-size: 13px;
	display:none;
	
}

.tab_box .btnCart{
	margin: 0px auto;
	max-width: 300px;
}

.tab_box button{
	background:none;
	border:none;
	cursor: pointer;
}

.tab_box button:hover{
	opacity: 0.9;
}


.tab_box select{
	padding: 4px 4px 4px 4px;
	color: #00b7ee;
	background:none;
	background-color: #ffffff;
	border:solid 1px #4d4d4d;
	border-radius: 3px;
	font-size: 20px;
}

.tab_box .form-group{
	margin: 0px 0px 5px 0px;
	font-size: 16px;
}

.tab_box .form-group .mm{
	margin-left: 10px;
	font-size: 13px;
}

.tab_box .memo{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.3em;
	min-height: 47px;
}

.tab_box .memo span{
    color: #BC0000;
    font-weight: bold;
}


@media (max-width: 767px){
	.tab_box{
		margin: 0px auto;
		width: 96%;
	}
	
	.tab_box .tab_btn {
		width: 32%;
		padding: 0% 1% 0% 1%;
		background-color: #8d9194;
		color: #ffffff;
		border: solid 1px #8d9194;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		display:flex;
		align-items: center;
	}
	
	
	.tab_box .tab_panel .total input{
		background:none;
		border:none;
		color: #ffffff;
		font-size: 8vw;
		font-weight: bold;
		width: 33%;
		text-align: left;
	}
	
	.tab_box .memo{
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 3.5vw;
		line-height: 1.7em;
        min-height: 51px;
	}
	
	.tab_box .tab_btn p.t01{
		width: 100%;
		text-align: left;
		line-height: 1.2em;
		font-size: 4vw;

	}
	
	
	.tab_box .tab_btn p.t02{
		margin: 0px 2px 0px 0px;
		padding: 10px 3% 10px 3%;
		width: 34%;
		text-align: center;
		background-color: #ec6941;
		color: #ffffff;
		font-size: 3vw;
		border-radius: 4px;
	}
	
	
	.tab_box .tab_btn p.t03{
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		width: 66%;
		line-height: 1.2em;
		font-size: 4vw;
	}
	
	.tab_box .tab_panel .total input{
		background:none;
		border:none;
		color: #4d4d4d;
		font-size: 9.5vw;
		font-weight: bold;
		width: 50%;
		text-align: center;
	}
	
	.tab_box select{
		padding: 4px 10px 4px 10px;
		color: #00b7ee;
		background:none;
		border:solid 1px #ffffff;
		border-radius: 3px;
		font-size: 20px;
	}
	
	.tab_box .form-group .mm{
		margin-left: 10px;
		font-size: 3vw;
	}
	
    
    .tab_box .btnCart{
        margin: 0px auto;
        width: 90%;
    }
    
    .tab_box .monitor p,
    .tab_box2 .monitor p{
        margin: 0px 0px 10px 0px;
        line-height: 1.5em;
    }
    
    .tab_box .monitor p br.sp,
    .tab_box2 .monitor p br.sp{
        display:block;
    }
    
    .tab_box .monitor p:last-child, .tab_box2 .monitor p:last-child{
        margin: 0px 0px 20px 0px;
    }
    
    
}


/* tab2 */

.tab_box2{
	margin: 0px auto;
	max-width: 800px;
}

.tab_box2 .monitor{
    margin: 0px 0px 10px 0px;
}

.tab_box2 .btn_area {
	margin:0;
    padding: 5px 5px 5px 5px;
	display: -webkit-box;
	display: flex;
    background-color: #ffffff;
}

.tab_box2 .tab_btn {
	width: 37%;
	padding: 2% 1% 2% 1%;
	color: #ffffff;
	border: solid 3px #8d9194;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	display:flex;
	align-items: center;
	background-color: #8d9194;
}

.tab_box2 .tab_btn.tb03{
	width: 25%;
}

.tab_box2 .tab_btn.tb01,.tab_box .tab_btn.tb02{
	width: 37%;
}

.tab_box2 .tab_btn + .tab_btn {
	margin-left: 1%;
}

.tab_box2 .tab_btn:hover {
	background-color: #43484e;
}

.tab_box2 .tab_btn p.t01{
	padding: 0px 0px 0px 10%;
    width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-size: 20px;
	
}

.tab_box2 .tab_btn p.t02{
	margin: 0px 2px 0px 0px;
	padding: 10px 3% 10px 3%;
	width: 34%;
	text-align: center;
	background-color: #ec6941;
	color: #ffffff;
	font-size: 14px;
	border-radius: 4px;
	
}

.tab_box2 .tab_btn p.t02.tb{
    background-color: #009e96;
}

.tab_box2 .tab_btn p.t03{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 10px;
	width: 66%;
	line-height: 1.2em;
	font-size: 20px;
    text-align:left;
}

.tab_box2 .tab_btn span.s{
	margin: 0px 0px 0px 0px;
	display:block;
	font-size: 0.6em;
	font-weight: normal;
    line-height: 1.1em;
}



.tab_box2 .tab_btn.active {
   border: solid 3px #ec6941;
	background-color: #494f55;
}
.tab_box2 .panel_area {
  
    padding: 10px 0px 20px 0px;
}

.tab_box2 .tab_panel {
    display:none;
}

.tab_box2 .tab_panel.active {
    display:block;
}

.tab_box2 .tab_panel .total{
	margin: 0px 0px 4px 0px;
}


.tab_box2 .tab_panel .total input{
    background:none;
	border:none;
	color: #4d4d4d;
	font-size: 43px;
	font-weight: bold;
	width: 50%;
	text-align: center;
	outline: none;
}

.tab_box2 .tab_panel .total span:after{
	/*content: "¥";*/
	color: #4d4d4d;
	font-size: 20px;
	font-weight: bold;
}

.tab_box2 .tab_panel .total span.dc:after{
	content:"";
}

.tab_box2 .tab_panel .total .dc{
	margin: 0px 0px 0px 0px;
	padding: 1% 1% 1% 1%;
	text-align: center;
	background-color: #ffffff;
	border-radius: 5px;
	color: #171b20;
	font-size: 13px;
	display:none;
	
}

.tab_box2 .btnCart{
	margin: 0px auto;
	max-width: 300px;
}

.tab_box2 button{
	background:none;
	border:none;
	cursor: pointer;
}

.tab_box2 button:hover{
	opacity: 0.9;
}


.tab_box2 select{
	padding: 4px 4px 4px 4px;
	color: #00b7ee;
	background:none;
	background-color: #ffffff;
	border:solid 1px #4d4d4d;
	border-radius: 3px;
	font-size: 20px;
}

.tab_box2 .form-group{
	margin: 0px 0px 5px 0px;
	font-size: 16px;
}

.tab_box2 .form-group .mm{
	margin-left: 10px;
	font-size: 13px;
}

.tab_box2 .memo{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.3em;
	min-height: 47px;
}

.tab_box2 .memo span{
    color: #BC0000;
    font-weight: bold;
}


@media (max-width: 767px){
	.tab_box2{
		margin: 0px auto;
		width: 96%;
	}
	
	.tab_box2 .tab_btn {
		width: 37%;
		padding: 0% 1% 0% 1%;
		background-color: #8d9194;
		color: #ffffff;
		border: solid 1px #8d9194;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		display:flex;
		align-items: center;
	}
	
	
	.tab_box2 .tab_panel .total input{
		background:none;
		border:none;
		color: #ffffff;
		font-size: 8vw;
		font-weight: bold;
		width: 33%;
		text-align: left;
	}
	
	.tab_box2 .memo{
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 3.5vw;
		line-height: 1.7em;
        min-height: 51px;
	}
	
	.tab_box2 .tab_btn p.t01{
		width: 100%;
		text-align: left;
		line-height: 1.2em;
		font-size: 4vw;

	}
	
	
	.tab_box2 .tab_btn p.t02{
		margin: 0px 2px 0px 0px;
		padding: 10px 3% 10px 3%;
		width: 34%;
		text-align: center;
		background-color: #ec6941;
		color: #ffffff;
		font-size: 3vw;
		border-radius: 4px;
	}
	
	
	.tab_box2 .tab_btn p.t03{
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		width: 66%;
		line-height: 1.2em;
		font-size: 4vw;
	}
	
	.tab_box2 .tab_panel .total input{
		background:none;
		border:none;
		color: #4d4d4d;
		font-size: 9.5vw;
		font-weight: bold;
		width: 50%;
		text-align: center;
	}
	
	.tab_box2 select{
		padding: 4px 10px 4px 10px;
		color: #00b7ee;
		background:none;
		border:solid 1px #ffffff;
		border-radius: 3px;
		font-size: 20px;
	}
	
	.tab_box2 .form-group .mm{
		margin-left: 10px;
		font-size: 3vw;
	}
    
    .tab_box2 .btnCart{
        margin: 0px auto;
        width: 90%;
    }
    
	
}



/* tab3 */

.tab_box3{
	margin: 0px auto;
	max-width: 800px;
}

.tab_box3 .monitor{
    margin: 0px 0px 10px 0px;
}

.tab_box3 .btn_area {
	margin:0;
    padding: 5px 5px 5px 5px;
	display: -webkit-box;
	display: flex;
    background-color: #ededed;
}

.tab_box3 .tab_btn {
	width: 37%;
	padding: 2% 1% 2% 1%;
	color: #ffffff;
	border: solid 3px #8d9194;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	display:flex;
	align-items: center;
	background-color: #8d9194;
}

.tab_box3 .tab_btn.tb03{
	width: 25%;
}

.tab_box3 .tab_btn.tb01,.tab_box .tab_btn.tb02{
	width: 37%;
}

.tab_box3 .tab_btn + .tab_btn {
	margin-left: 1%;
}

.tab_box3 .tab_btn:hover {
	background-color: #43484e;
}

.tab_box3 .tab_btn p.t01{
	padding: 0px 0px 0px 10%;
    width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-size: 20px;
	
}

.tab_box3 .tab_btn p.t02{
	margin: 0px 2px 0px 0px;
	padding: 10px 3% 10px 3%;
	width: 34%;
	text-align: center;
	background-color: #ec6941;
	color: #ffffff;
	font-size: 14px;
	border-radius: 4px;
	
}

.tab_box3 .tab_btn p.t02.tb{
    background-color: #009e96;
}

.tab_box3 .tab_btn p.t03{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 10px;
	width: 100%;
	line-height: 1.2em;
	font-size: 20px;
    text-align:left;
}

.tab_box3 .tab_btn span.s{
	margin: 0px 0px 0px 0px;
	display:block;
	font-size: 0.6em;
	font-weight: normal;
    line-height: 1.1em;
}



.tab_box3 .tab_btn.active {
   border: solid 3px #ec6941;
	background-color: #494f55;
}
.tab_box3 .panel_area {
  
    padding: 10px 0px 20px 0px;
}

.tab_box3 .tab_panel {
    display:none;
}

.tab_box3 .tab_panel.active {
    display:block;
}

.tab_box3 .tab_panel .total{
	margin: 0px 0px 4px 0px;
}


.tab_box3 .tab_panel .total input{
    background:none;
	border:none;
	color: #4d4d4d;
	font-size: 43px;
	font-weight: bold;
	width: 50%;
	text-align: center;
	outline: none;
}

.tab_box3 .tab_panel .total span:after{
	/*content: "¥";*/
	color: #4d4d4d;
	font-size: 20px;
	font-weight: bold;
}

.tab_box3 .tab_panel .total span.dc:after{
	content:"";
}

.tab_box3 .tab_panel .total .dc{
	margin: 0px 0px 0px 0px;
	padding: 1% 1% 1% 1%;
	text-align: center;
	background-color: #ffffff;
	border-radius: 5px;
	color: #171b20;
	font-size: 13px;
	display:none;
	
}

.tab_box3 .btnCart{
	margin: 0px auto;
	max-width: 300px;
}

.tab_box3 button{
	background:none;
	border:none;
	cursor: pointer;
}

.tab_box3 button:hover{
	opacity: 0.9;
}


.tab_box3 select{
	padding: 4px 4px 4px 4px;
	color: #00b7ee;
	background:none;
	background-color: #ffffff;
	border:solid 1px #4d4d4d;
	border-radius: 3px;
	font-size: 20px;
}

.tab_box3 .form-group{
	margin: 0px 0px 5px 0px;
	font-size: 16px;
}

.tab_box3 .form-group .mm{
	margin-left: 60px;
	font-size: 14px;
}

.tab_box3 .memo{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.3em;
	min-height: 47px;
}

.tab_box3 .memo span{
    color: #BC0000;
    font-weight: bold;
}

@media (max-width: 767px){
	.tab_box3{
		margin: 0px auto;
		width: 96%;
	}
	
	.tab_box3 .tab_btn {
		width: 37%;
		padding: 0% 1% 0% 1%;
		background-color: #8d9194;
		color: #ffffff;
		border: solid 1px #8d9194;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		display:flex;
		align-items: center;
	}
	
	
	.tab_box3 .tab_panel .total input{
		background:none;
		border:none;
		color: #ffffff;
		font-size: 8vw;
		font-weight: bold;
		width: 33%;
		text-align: left;
	}
	
	.tab_box3 .memo{
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 3.5vw;
		line-height: 1.7em;
        min-height: 51px;
	}
	
	.tab_box3 .tab_btn p.t01{
		width: 100%;
		text-align: center;
		line-height: 1.2em;
		font-size: 4vw;

	}
	
	
	.tab_box3 .tab_btn p.t02{
		margin: 0px 2px 0px 0px;
		padding: 10px 3% 10px 3%;
		width: 34%;
		text-align: center;
		background-color: #ec6941;
		color: #ffffff;
		font-size: 3vw;
		border-radius: 4px;
	}
	
	
	.tab_box3 .tab_btn p.t03{
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		width: 100%;
		line-height: 1.2em;
		font-size: 4vw;
	}
	
	.tab_box3 .tab_panel .total input{
		background:none;
		border:none;
		color: #4d4d4d;
		font-size: 9.5vw;
		font-weight: bold;
		width: 50%;
		text-align: left;
	}
	
	.tab_box3 select{
		padding: 4px 10px 4px 10px;
		color: #00b7ee;
		background:none;
		border:solid 1px #ffffff;
		border-radius: 3px;
		font-size: 20px;
	}
	
	.tab_box3 .form-group .mm{
		margin-left: 10px;
		font-size: 3vw;
	}
    
    .tab_box3 .btnCart{
        margin: 0px auto;
        width: 90%;
    }
    
	
}

.tab_box3 .tab_panel .mmm {
    font-size: 14px;
}

.tab_box4 .tab_panel .mmm {
    font-size: 14px;
}


/* tab4 */

.tab_box4{
	margin: 0px auto;
	max-width: 800px;
}

.tab_box4 .monitor{
    margin: 0px 0px 10px 0px;
}

.tab_box4 .btn_area {
	margin:0;
    padding: 5px 5px 5px 5px;
	display: -webkit-box;
	display: flex;
    background-color: #ededed;
}

.tab_box4 .tab_btn {
	width: 37%;
	padding: 2% 1% 2% 1%;
	color: #ffffff;
	border: solid 3px #8d9194;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	display:flex;
	align-items: center;
	background-color: #8d9194;
}

.tab_box4 .tab_btn.tb03{
	width: 25%;
}

.tab_box4 .tab_btn.tb01,.tab_box .tab_btn.tb02{
	width: 37%;
}

.tab_box4 .tab_btn + .tab_btn {
	margin-left: 1%;
}

.tab_box4 .tab_btn:hover {
	background-color: #43484e;
}

.tab_box4 .tab_btn p.t01{
	padding: 0px 0px 0px 10%;
    width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-size: 20px;
	
}

.tab_box4 .tab_btn p.t02{
	margin: 0px 2px 0px 0px;
	padding: 10px 3% 10px 3%;
	width: 34%;
	text-align: center;
	background-color: #ec6941;
	color: #ffffff;
	font-size: 14px;
	border-radius: 4px;
	
}

.tab_box4 .tab_btn p.t02.tb{
    background-color: #009e96;
}

.tab_box4 .tab_btn p.t03{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 10px;
	width: 100%;
	line-height: 1.2em;
	font-size: 20px;
    text-align:left;
}

.tab_box4 .tab_btn span.s{
	margin: 0px 0px 0px 0px;
	display:block;
	font-size: 0.6em;
	font-weight: normal;
    line-height: 1.1em;
}



.tab_box4 .tab_btn.active {
   border: solid 3px #ec6941;
	background-color: #494f55;
}
.tab_box4 .panel_area {
  
    padding: 10px 0px 20px 0px;
}

.tab_box4 .tab_panel {
    display:none;
}

.tab_box4 .tab_panel.active {
    display:block;
}

.tab_box4 .tab_panel .total{
	margin: 0px 0px 4px 0px;
}


.tab_box4 .tab_panel .total input{
    background:none;
	border:none;
	color: #4d4d4d;
	font-size: 43px;
	font-weight: bold;
	width: 50%;
	text-align: center;
	outline: none;
}

.tab_box4 .tab_panel .total span:after{
	/*content: "¥";*/
	color: #4d4d4d;
	font-size: 20px;
	font-weight: bold;
}

.tab_box4 .tab_panel .total span.dc:after{
	content:"";
}

.tab_box4 .tab_panel .total .dc{
	margin: 0px 0px 0px 0px;
	padding: 1% 1% 1% 1%;
	text-align: center;
	background-color: #ffffff;
	border-radius: 5px;
	color: #171b20;
	font-size: 13px;
	display:none;
	
}

.tab_box4 .btnCart{
	margin: 0px auto;
	max-width: 300px;
}

.tab_box4 button{
	background:none;
	border:none;
	cursor: pointer;
}

.tab_box4 button:hover{
	opacity: 0.9;
}


.tab_box4 select{
	padding: 4px 4px 4px 4px;
	color: #00b7ee;
	background:none;
	background-color: #ffffff;
	border:solid 1px #4d4d4d;
	border-radius: 3px;
	font-size: 20px;
}

.tab_box4 .form-group{
	margin: 0px 0px 5px 0px;
	font-size: 16px;
}

.tab_box4 .form-group .mm{
	margin-left: 60px;
	font-size: 14px;
}

.tab_box4 .memo{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.3em;
	min-height: 47px;
}

.tab_box4 .memo span{
    color: #BC0000;
    font-weight: bold;
}

@media (max-width: 767px){
	.tab_box4{
		margin: 0px auto;
		width: 96%;
	}
	
	.tab_box4 .tab_btn {
		width: 37%;
		padding: 0% 1% 0% 1%;
		background-color: #8d9194;
		color: #ffffff;
		border: solid 1px #8d9194;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		display:flex;
		align-items: center;
	}
	
	
	.tab_box4 .tab_panel .total input{
		background:none;
		border:none;
		color: #ffffff;
		font-size: 8vw;
		font-weight: bold;
		width: 33%;
		text-align: left;
	}
	
	.tab_box4 .memo{
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 3.5vw;
		line-height: 1.7em;
        min-height: 51px;
	}
	
	.tab_box4 .tab_btn p.t01{
		width: 100%;
		text-align: center;
		line-height: 1.2em;
		font-size: 4vw;

	}
	
	
	.tab_box4 .tab_btn p.t02{
		margin: 0px 2px 0px 0px;
		padding: 10px 3% 10px 3%;
		width: 34%;
		text-align: center;
		background-color: #ec6941;
		color: #ffffff;
		font-size: 3vw;
		border-radius: 4px;
	}
	
	
	.tab_box4 .tab_btn p.t03{
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		width: 100%;
		line-height: 1.2em;
		font-size: 4vw;
	}
	
	.tab_box4 .tab_panel .total input{
		background:none;
		border:none;
		color: #4d4d4d;
		font-size: 9.5vw;
		font-weight: bold;
		width: 50%;
		text-align: left;
	}
	
	.tab_box4 select{
		padding: 4px 10px 4px 10px;
		color: #00b7ee;
		background:none;
		border:solid 1px #ffffff;
		border-radius: 3px;
		font-size: 20px;
	}
	
	.tab_box4 .form-group .mm{
		margin-left: 10px;
		font-size: 3vw;
	}
    
    .tab_box4 .btnCart{
        margin: 0px auto;
        width: 90%;
    }
    
	
}












/*  item  */

.cartBox{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-color: #dce3ed;
}

#combM.cartBox{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    background-color: #ffffff;
}

#combM.cartBox h2{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
}


.chbox{
    margin: 0px auto 50px;
    max-width: 600px;
    display:flex;
}

.chbox p{
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 50%;
    text-align: center;
    line-height: 1.2em;
}

.chbox p a{
    display:block;
    padding: 20px 0px 20px 0px;
    background-color: #fff8e6;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
    position: relative;
}

.chbox p a:before{
    position: absolute;
    left: 20%;
    top:36%;
    content: "▶︎";
}




.cartBox .mitocoreBox{
    margin: 0px auto 0px;
    padding: 60px 0px 0px 0px;
    max-width: 900px;
    display:flex;
    position: relative;
}

#combM.cartBox .mitocoreBox{
    margin: 0px auto 0px;
    padding: 20px 0px 0px 0px;
    max-width: 900px;
    display:flex;
    position: relative;
}

.cartBox .mitocoreBox .pic{
    margin: 0px 2% 10px 0px;
    width: 48%;
}

.cartBox .mitocoreBox .tR{
    margin: 0px 0px 10px auto;
    width: 49%;
}

.cartBox .mitocoreBox .tR .mlogo{
    margin: 0px auto 15px;
    max-width: 300px;
}

#combM.cartBox .mitocoreBox .tR .mlogo {
    margin: 0px auto 15px;
    max-width: 96%;
    width: 96%;
}

.cartBox .mitocoreBox .tR .menu{
    margin: 0px auto;
    padding: 10px 0px 10px 0px;
    width: 100%;
    background-color: #1d2d5f;
    color: #ffffff;
    text-align: center;
}


.rankingBox .cartBox{
    margin: 0px 0px 40px 0px;
    padding: 2%;
}


.rankingBox .cartBox .mitocoreBox .tR{
    width: 55%;
}

.rankingBox .cartBox .mitocoreBox .pic {
    margin: 0px 2% 10px 0px;
    width: 43%;
}



.clinic-m{
    margin: 0px auto 50px;
    padding: 100px 0px 0px 0px;
    max-width: 900px;
}

.clinic-m h3{
    margin: 0px 0px 40px 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.clinic-m h3 span{
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    background-color: #192f55;
    border-radius: 30px;
    color: #ffffff;
}

.clinic-m ul{
    display:flex;
}

.clinic-m ul li.li01{
    margin: 0px 4% 0px 0px;
    padding: 0px 2% 0px 2%;
    width: 50%;
    border-left: solid 2px #192f55;
    border-right: solid 2px #192f55;
}

.clinic-m ul li.li02{
    width: 46%;
    padding: 0px 2% 0px 2%;
    border-right: solid 2px #192f55;
}

.bnrBox.ranking{
    margin: 0px auto;
    padding: 0px 0px 50px 0px;
    max-width: 500px;
}


@media (max-width: 767px){
    .cartBox .mitocoreBox .tR .menu{
        margin: 0px auto;
        width: 96%;
    }  
    
    .clinic-m{
        margin: 0px auto 40px;
        padding-top: 40px;
        width: 98%;
    }

    .clinic-m ul{
        display:block;
    }

    .clinic-m ul li.li01{
        margin: 0px 0px 30px 0px;
        width: 100%;
        border:none;
    }
    
    .clinic-m ul li.li02{
        margin: 0px 0px 0px 0px;
        width: 100%;
        border:none;
    }
    
    .chbox p a:before{
        position: absolute;
        left: 5%;
        top:36%;
        content: "▶︎";
    }
    
    .bnrBox.ranking{
        margin: 0px auto;
        padding: 0px 0px 20px 0px;
        width: 96%;
    }
    
    
    #combM.cartBox h2{
        font-size: 5vw;
    }
    
    
    
    
}

div.MCH,
div.MCH2{

}
div.MCHON,
div.MCHON2{
   display:none;
}


.reason{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    background-color: #eaebe7;
}

.reason .rBox{
    margin: 0px auto;
    max-width: 700px;
}

.reason .rBox .pic{
    margin: 0px auto 20px;
    width: 90%;
    text-align: center;
}

.reason .rBox .pic2{
    margin: 0px auto;
    width: 70%;
    text-align: center;
}

.reason .rBox .btn{
    margin: 0px auto 30px;
    max-width: 300px;
    text-align: center;
}

.reason .rBox .btn a{
    margin: 0px 0px 0px 0px;
    padding: 15px 30px 15px 30px;
    background-color: #1c7bff;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display:block;
    font-size: 16px;
}

.reason .rBox .btn a:before{
    content: "▶︎ ";
}


.reason .rBox .memo {
    margin: -10px 0px 50px 30%;
    padding: 0px 0px 0px 0px;
    max-width: 500px;
    line-height: 1.5em;
    font-size: 14px;
}


.amBox{
    margin: 0px auto;
    padding: 20px 0px 20px 0px;
    max-width: 500px;
    background-color: #e2e2e2;
    display:flex;
}


.amBox p.ttl{
    margin: 0px 5% 0px 5%;
    max-width: 200px;
}

.amBox p.txt{
    margin: auto 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    max-width: 300px;
}

.cartBox .mitocoreBox .pic{
    position: absolute;
    left:0;
    top:60px;
    
}

#combM.cartBox .mitocoreBox .pic{
    position: absolute;
    left:0;
    top:20px;
    
}


.amBoxs{
    margin: 0px auto; 
    padding: 20px 0px 20px 0px;
    max-width: 500px;
    background-color: #e2e2e2;
}

.amBoxs p.ttl{
    margin: 0px 5% 0px 5%;
    max-width: 200px;
}

.amBoxs .box{
    margin: 0px 6% 0px 6%;
    display:flex;
}

.amBoxs .box .rating{
    margin: 0px 10px 0px 0px;
    font-size: 30px;
    font-weight: bold;
}

.amBoxs .box .star5_rating{
    margin: 0px 10px 0px 0px;
}

.amBoxs .box .txt{
    padding-top: 8px;
}



.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
    font-size: 1.8em;
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.9"]:after{ width: 98%; } /* 星4.9 */
.star5_rating[data-rate="4.8"]:after{ width: 96%; } /* 星4.8 */
.star5_rating[data-rate="4.7"]:after{ width: 94%; } /* 星4.7 */
.star5_rating[data-rate="4.6"]:after{ width: 92%; } /* 星4.6 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4.4"]:after{ width: 88%; } /* 星4.4 */
.star5_rating[data-rate="4.3"]:after{ width: 86%; } /* 星4.3 */
.star5_rating[data-rate="4.2"]:after{ width: 84%; } /* 星4.2 */
.star5_rating[data-rate="4.1"]:after{ width: 82%; } /* 星4.1 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.9"]:after{ width: 78%; } /* 星3.9 */
.star5_rating[data-rate="3.8"]:after{ width: 76%; } /* 星3.8 */
.star5_rating[data-rate="3.7"]:after{ width: 74%; } /* 星3.7 */
.star5_rating[data-rate="3.6"]:after{ width: 72%; } /* 星3.6 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */






@media (max-width: 767px){
    
    .cartBox{
        padding-top:0px;
    }
    
    .cartBox .mitocoreBox{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: #dce3ed;
        display:block;
    }
    
    #combM.cartBox .mitocoreBox{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: #ffffff;
        display:block;
    }
    
    .cartBox .mitocoreBox#more{
        padding-top: 0px;
        
    }
    
    .cartBox .mitocoreBox .pic{
        margin: 0px auto 10px;
        width: 100%;
        position: absolute;
        left:0;
        top:0%;
    }
    
    .rankingBox .cartBox .mitocoreBox .pic{
        margin: 0px auto 10px;
        width: 100%;
        position: absolute;
        left:0;
        top:0%;
    }

    .cartBox .mitocoreBox .tR{
        margin: 0px auto 0px;
        padding-top: 85%;
        width: 100%;
    }
    
    #combM.cartBox .mitocoreBox .tR{
        margin: 0px auto 0px;
        padding-top: 100%;
        width: 100%;
    }
    
    .rankingBox .cartBox .mitocoreBox .tR{
        margin: 0px auto 0px;
        padding-top: 85%;
        width: 100%;
    }
    
    
    .cartBox .mitocoreBox .tR .mlogo{
        margin: 0px auto 20px;
        width: 50%;
    }
    
    .reason{
        margin: 0px 0px 0px 0px;
        padding: 30px 0px 30px 0px;
    }

    .reason .rBox{
        margin: 0px auto;
        max-width: 700px;
    }

    .reason .rBox .pic{
        margin: 0px auto 20px;
        width: 90%;
        text-align: center;
    }
    
    .reason .rBox .pic2{
        margin: 0px auto 20px;
        width: 90%;
        text-align: center;
    }
    
    .reason .rBox .btn a{
        font-size: 3.5vw;
    }
    
    .reason .rBox .memo {
        margin: -10px auto 50px;
        padding: 0px 0px 0px 0px;
        max-width: 82%;
        line-height: 1.5em;
        font-size: 3.2vw;
    }
    
    
    
    
    .amBox{
        margin: 0px auto;
        padding: 20px 0px 20px 0px;
        width: 90%;
        background-color: #e2e2e2;
        display:flex;
    }


    .amBox p.ttl{
        margin: 0px 5% 0px 5%;
        width: 30%;
    }

    .amBox p.txt{
        margin: auto 0px 0px 0px;
        padding: 0px 0px 2px 0px;
        width: 60%;
        
    }
    
    .amBoxs{
        margin: 0px auto;
        width: 98%;
    }
    
    
}





.lineC{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background-color: #eaebe7;
}

.lineC .boxIn{
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
}

.lineC .boxIn h2{
	margin: 0px auto 20px;
	padding: 0px 0px 0px 0px;
	max-width: 200px;
}

.lineC .boxIn h3{
	margin: 0px auto 20px;
	padding: 20px 10px 20px 10px;
	max-width: 300px;
	text-align: center;
	border: dotted 2px #ffffff;
	border-radius: 30px;
}


.lineC .lead{
	margin: 0px auto 40px;
	padding: 0px 0px 0px 0px;
	max-width: 800px;
}

.lineC .lead p.t01{
	margin: 0px 0px 20px 0px;
	text-align: center;
}

.lineC .lead p.t02{
	margin: 0px 0px 20px 0px;
	text-align: center;
	display:inline-block;
}

.lineC .lead p.t01 span{
	color: #01b701;
	font-size: 32px;
	font-weight: bold;
}

.lineC .lead p.t02 span{
	margin: 0px 20px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #01b701;
	color: #ffffff;
	border-radius: 10px;
	font-size: 16px;
}


.lineC .lead p.t03{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
	font-size: 13px;
	max-width: 90%;
}

.lineC .lead div.t04{
	
}

.lineC .lead div.t04 p{
	line-height: 1.4em;
}


.lineC .stepBox{
	margin: 0px auto 30px;
	padding: 0px 0px 0px 0px;
	max-width: 1000px;
	display: flex;
}


.lineC .stepBox.myacount{
	margin: 0px auto;
	padding: 0px 0px 40px 0px;
	max-width: 700px;
}

.lineC .stepBox .step{
	width: 25%;
}


.lineC .stepBox.myacount .step{
	width: 33%;
}






.lineC .stepBox .step .pic{
	margin: 0px 0px 10px 0px;
}

.lineC .stepBox .step .txt{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 1.4em;
}

.lineC .stepBox .step01,
.lineC .stepBox .step02,
.lineC .stepBox .step03{
	position: relative;
}

.lineC .stepBox .step01 p.pic,
.lineC .stepBox .step02 p.pic,
.lineC .stepBox .step03 p.pic{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 84%;
}

.lineC .stepBox .step01 p.arrow,
.lineC .stepBox .step02 p.arrow,
.lineC .stepBox .step03 p.arrow{
	position: absolute;
	top: 40%;
	right: 2%;
	width: 25px;
}

.lineC .stepBox .step01 .txt,
.lineC .stepBox .step02 .txt,
.lineC .stepBox .step03 .txt{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 1.4em;
	width: 84%;
}


.lineC .txtbox{
	margin: 0px auto 40px;
	max-width: 800px;
}

.lineC .txtbox p{
	line-height: 1.4em;
}

.lineC .txtbox p a{
	color: #4d4d4d;
	text-decoration: underline;
}




@media (max-width: 767px){
	
	.lineC .boxIn{
		margin: 0px auto;
		padding: 30px 0px 0px 0px;
		width: 98%;
	}
	
	
	.lineC .boxIn h2{
		margin: 0px auto 20px;
		padding: 0px 0px 0px 0px;
		width: 64%;
	}
	
	.lineC .boxIn h3{
		margin: 0px auto 20px;
		padding: 12px 0px 12px 0px;
		width: 80%;
		text-align: center;
		border: dotted 2px #ffffff;
		border-radius: 30px;
	}
	
	.lineC .lead{
		margin: 0px auto 20px;
		padding: 0px 0px 0px 0px;
		width: 96%;
	}
	
	.lineC .lead p.t01{
		margin: 0px 0px 20px 0px;
		text-align: center;
	}
	
	.lineC .lead p.t02{
		margin: 0px 0px 20px 0px;
		text-align: center;
		display:block;
	}
	
	.lineC .lead p.t01 span{
		color: #01b701;
		font-size: 4.8vw;
		font-weight: bold;
	}
	
	.lineC .lead p.t02 span{
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
		background-color: #01b701;
		color: #ffffff;
		border-radius: 10px;
	}
	
	.lineC .lead p.t03{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		line-height: 1.4em;
		font-size: 3vw;
		width: 100%;
		max-width: 100%;
	}
	
	.lineC .lead div.t04{
		display:block;
		width: 100%;
	}
	
	.lineC .stepBox{
		margin: 0px auto 0px;
		padding: 0px 0px 0px 0px;
		width: 98%;
		display: flex;
		flex-wrap: wrap;
		
	}
	
	
	.lineC .stepBox .step{
		margin: 0px auto 30px;
		width: 49%;
	}
	
	.lineC .stepBox.myacount .step{
		margin: 0px 0px 30px 0px;
		width: 50%;
	}
	
	.lineC .stepBox .step .pic{
		margin: 0px 0px 10px 0px;
	}
	

	.lineC .stepBox .step01 p.pic{
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 84%;
	}
	
	.lineC .stepBox .step01 p.arrow{
		position: absolute;
		top: 25%;
		right: 0px;
		width: 25px;
	}
	
	
	.lineC .stepBox .step02 p.pic{
		margin-left: 4%;
		width: 96%;
	}
	
	
	.lineC .stepBox .step02 p.arrow{
		margin: -63px 0px 0px -26px;
		padding: 0px 0px 0px 0px;
		width: 25px;
		position: static;	
		transform: rotate(145deg);
	}
	
	.lineC .stepBox .step02 p.txt{
		margin-right:0px;
		margin-left: 4%;
		width: 100%;
	}
	
	.lineC .stepBox .step03 p.pic{
		margin: -50px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 84%;
	}
	
	.lineC .stepBox .step03 p.arrow{
		position: absolute;
		top: 25%;
		right: 0px;
		width: 25px;
	}
	
	
	.lineC .stepBox .step04{
		padding-top: 20px;
	}
	
	.lineC .stepBox .step04 p.pic{
		margin-left: 4%;
		width: 96%;
	}
	
	.lineC .stepBox .step04 p.txt{
		margin-left: 4%;
	}
	
	
	.lineC .txtbox{
		margin: 0px auto 20px;
		width: 90%;
	}
	
	.lineC .txtbox p{
		line-height: 1.4em;
	}
	
	.lineC .txtbox p a{
		color: #4d4d4d;
		text-decoration: underline;
	}
	
}
















.attention {
    position: relative;
    
    padding: 0 30px;
    margin-bottom: 36px;
}
       
.attention:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(-25deg);
}
       
.attention:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(25deg);
}



/*  popup  */



.popupBox{
    margin: 0px auto;
    padding: 30px 30px 30px 30px;
    width: 100%;
}


.popupBox h2{
    margin: 0px auto 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}


.popupBox .txtBox{
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
}

.popupBox .txtBox p{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.4em;
}

.popupBox .txtBox dl{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.popupBox .txtBox dl dt{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

.popupBox .txtBox dl dd{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.popupBox .txtBox dl dd ul{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

.popupBox .txtBox dl dd ul li{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    list-style: disc;
}

.popupBox .btn{
    text-align:center;
}

.popupBox .btn a{
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    background-color: #ec6941;
    color: #ffffff;
    text-decoration: none;
    border-radius: 20px;
}

.modaal-content-container{
    padding:30px;
}

@media (max-width: 767px){
    
    .popupBox{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }
    
    .popupBox h2{
        margin: 0px auto 15px;
        font-size: 4vw;
    }
    
    .popupBox .txtBox p{
        font-size: 3vw;
    }
    
    .popupBox .txtBox dl dt{
        font-size: 3.5vw;
    }
    
    .popupBox .txtBox dl dd ul li{
        font-size: 3vw;
        line-height: 1.3em;
    }
    
    .modaal-content-container{
        padding:10px 10px 20px 10px!important;
    }
    
}




/* mitochondria */


#mitochondria{
    background-color: #fff9e8;
}

#mitochondria .keyBox{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    max-width: none;
    text-align: center;
    
}

#mitochondria .keyBox p{
    margin: 0px auto;
    max-width: 800px;
}


#mitochondria .contentbox{
    margin: 0px auto;
    max-width: 700px;
}

#mitochondria .contentbox p{
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.5em;
    font-size: 16px;
}

#mitochondria .contentbox .btn{
    margin: 0px auto 20px;
    max-width: 400px;
}

#mitochondria .contentbox .number{
    margin: 0px auto 20px;
    text-align: center;
    font-size: 27px;
}

#mitochondria .contentbox .number input{
    padding: 10px 10px 10px 10px;
}

#mitochondria .contentbox .number img{
    width: 20px;
}


#mitochondria .ranking{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    background-color: #ffffff;
}

#mitochondria .ranking .rankingBox{
    margin: 0px auto;
    max-width: 800px;
}

#mitochondria .ranking .rankingBox .tit{
    margin: 0px auto 20px;
    max-width: 400px;
}

#mitochondria .ranking .rankingBox .txtBox{
    
}

#mitochondria .ranking .rankingBox .txtBox p{
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
}

#mitochondria .ranking .rankingBox .txtBox p span{
    font-size: 14px;
}

#mitochondria .qa{
    margin: 0px 0px 1px 0px;
    padding: 30px 0px 30px 0px;
    background-color: #dce3ed;
}

#mitochondria .qa .qaBox{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 600px;
}


#mitochondria .qa .qaBox dl{
    margin: 0px 0px 60px 0px;
}

#mitochondria .qa .qaBox dl:last-child{
    margin-bottom: 0px;
}

#mitochondria .qa .qaBox dl dt{
    margin: 0px 0px 20px 0px;
}

#mitochondria .qa .qaBox dl dt h2{
    margin: 0px 0px 10px 0px;
    font-size: 20px;
}

#mitochondria .qa .qaBox dl dt p{
    font-size: 17px;
}

#mitochondria .qa .qaBox dl dd{
    margin: 0px 0px 0px 0px;
    max-width: 400px;
}


@media (max-width: 767px){
    
    
    #mitochondria .qa .qaBox{
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }
    
    #mitochondria .contentbox{
        margin: 0px auto;
        width: 90%;
    }

    #mitochondria .contentbox p{
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 0px 0px;
        line-height: 1.5em;
        font-size: 3.6vw;
    }
    
    #mitochondria .contentbox .btn{
        margin: 0px auto 20px;
        width: 80%;
    }

    #mitochondria .contentbox .number{
        margin: 0px auto 20px;
        text-align: center;
        font-size: 6vw;
    }
    
    #mitochondria .ranking{
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 20px 0px;
    }
    
    #mitochondria .ranking .rankingBox{
        margin: 0px auto;
        width: 90%
    }

    #mitochondria .ranking .rankingBox .tit{
        margin: 0px auto 20px;
    }
    
    #mitochondria .ranking .rankingBox .txtBox{
    
    }

    #mitochondria .ranking .rankingBox .txtBox p{
        font-size: 3.6vw;
        line-height: 1.5em;
        text-align: center;
    }

    #mitochondria .ranking .rankingBox .txtBox p span{
        font-size: 3vw;
    }
    
    #mitochondria .qa{
        margin: 0px auto 1px;
        padding: 30px 30px 30px 30px;
    }
    
    #mitochondria .qa .qaBox dl dd{
        margin: 0px 0px 0px 0px;
        width: 90%;
    }
    
    
    #mitochondria .qa .qaBox dl dt h2{
        font-size: 5vw;
    }
    
    #mitochondria .qa .qaBox dl dt p{
        font-size: 4vw;
        line-height: 1.5em;
    }
    
}




/* info */



#info h1.titleMessage {
    max-width: 1000px;
    margin: 0 auto 20px;
    padding: 0px 5px 0px;
    font-size: 22px;
    font-weight: 400;
    color: #172d57;
    text-shadow: 1px 1px 3px #ffffff;
    line-height: 1.5em;
    text-align: center;
}




#info .inner {
    position: relative;
    max-width: 1000px;
    height: auto;
    margin: 0 auto 0;
    padding: 20px 0px 20px 0px;
}

#info .inner p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
}


#info h2 {
    border-top: solid 4px #172d57;
    border-bottom: dotted 1px #3E3A39;
    margin: 0 0 20px 0;
    padding: 10px 5px 10px;
    color: #172d57;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
}


#info h3 {
    margin: 0 0 20px 0;
    padding: 3px 0 3px 30px;
    color: #172d57;
    font-size: 18px;
    font-weight: 400;
}

#info h3:before{
    content:"◎";
}


#info .red {
    color: #d22d36;
}

#info .bold {
    font-weight: bold;
}

#info br.sp{
    display:none;
}



#info .inner.renewal{
        
}

#info .inner.renewal .txt{
        margin: 0px 0px 40px 0px;
}

#info .inner.renewal .box{
       margin: 0px 0px 40px 0px;
}

#info .inner.renewal .box dl{
    margin: 0px 0px 30px 0px;
}

#info .inner.renewal .box dl dt{
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
}

#info .inner.renewal .box dl dd{
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
    
}


#info .inner.renewal .itembox{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display:flex;
}

#info .inner.renewal .itembox .sbox{
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    width: 48%;
}



@media (max-width: 767px){
    
    
    #info .inner {
        position: relative;
        height: auto;
        margin: 0 auto 0;
        width: 96%;
        padding: 20px 0px 20px 0px;
    }
    
    #info .inner p{
        font-size: 3.8vw;
    }
    
    #info br.sp{
        display:block;
    }
    
    #info h3 {
        margin: 0 0 20px 0;
        padding: 3px 0 3px 0px;
        color: #172d57;
        font-size: 4.4vw;
        font-weight: 400;
    }
    
    #info .inner.renewal p.pic{
        width: 100%;
    }
    
    #info .inner.renewal p.pic img{
        width: 100%;
    }
    
    #info .inner.renewal .box dl dt{
        font-size: 4vw;
        font-weight: bold;
    }
    
    #info .inner.renewal .box dl dd{
        margin: 0px 0px 10px 0px;
        font-size: 3.8vw;

    }
    
    #info .inner.renewal .itembox{
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        display:block;
    }

    #info .inner.renewal .itembox .sbox{
        margin: 0px auto 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }
    
    
}



.rankingBox{
    margin: 0px auto;
    padding: 50px 0px 50px 0px;
    max-width: 800px;   
}

.rankingBox h1{
    margin: 0px 0px 20px 0px;
}


.rankingBox .rbox{
    margin: 0px 0px 30px 0px;
    padding: 50px 0px 50px 0px;
    background-color: #fff8e6;
    text-align: center;
}

.rankingBox .rbox .pic{
    
}

.rankingBox h2{
    margin: 0px 0px 20px 0px;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: bold;
}

.rankingBox .rbox h3{
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.rankingBox .rbox .txtBox p{
    margin: 0px auto 20px;
    width: 90%;
    line-height: 1.5em;
    text-align:left;
}


.rankingBox .rbox2{
    margin: 0px 0px 30px 0px;
}

.rankingBox .rbox2 .txtBox{
    margin: 0px 0px 0px 0px;
}

.rankingBox .rbox2 .txtBox p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
    text-align:left;
}


.rankingBox .rbox iframe{
    overflow: hidden;
}


@media (max-width: 767px){
    
    .rankingBox{
        margin: 0px auto;
        padding: 20px 0px 20px 0px;
        width: 96%;
    }
    
    .rankingBox .rbox{
        margin: 0px 0px 30px 0px;
        padding: 20px 0px 20px 0px;
        background-color: #fff8e6;
        text-align: center;
    }
    
    .rankingBox h2{
        margin: 0px 0px 20px 0px;
        font-size: 5vw;
        
    }
    
    .rankingBox h2 br{
        display:none;
    }
    
    
    .rankingBox .rbox iframe{
        width: 100%;
    }
    
    .rankingBox .rbox .pic{
        margin: 0px auto;
        width: 96%;
    }
    
}






/*フローティングバナー*/
.order_btn{
	position: fixed;
	bottom:4%;
	right:-180px;
    margin: 0 auto;
	max-width:1000px;
	z-index: 1000000000000000;
    transition:1s;
}
.order_btn a{
	width: 150px;
    display: block;
}
.order_btn.show{
	right:0;
}
@media (max-width: 767px) {
	
}


/* outline */

.outline{
    margin: 0px auto;
    padding: 40px 0px 40px 0px;
    max-width: 600px;
}

.outline h1,
.law h1,
.policy h1{
    margin: 0px 0px 40px 0px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
}


.law{
    margin: 0px auto;
    padding: 40px 0px 40px 0px;
    max-width: 800px;
}

@media (max-width: 767px) {

    .outline{
        margin: 0px auto;
        width: 98%;
        font-size: 3.6vw;
    }	
    
    .law{
        margin: 0px auto;
       width: 98%;
        font-size: 3.6vw;
    }
    
   
    
    .outline h1,
    .law h1,
    .policy h1{
        margin: 0px 0px 40px 0px;
        font-size: 5vw;
        font-weight: bold;
        text-align: center;
        line-height: 1.4em;
    }
    
}


/*===== 会社情報 setting ===========================*/
.outline table{
	width:100%;
	margin:0 auto 20px;
}
.law__body{
	  box-sizing: border-box;
}
.law__table {
	width: 100%;
	margin: 0 0 40px;
}
@media (max-width:480px) {
	.law__table{
		width: 98%;
		margin: 0 auto 40px;
	}
}



.outline th,
.law__table th{
	border-bottom:dotted 1px #CCC;
	padding:5px;
	width:25%;
	background-color:#EEEDE8;
}
.outline td,
.law__table td{
	border-bottom:dotted 1px #CCC;
	padding:5px;
	background-color:#fff;
    line-height: 1.5em;
}

.law__table td p{
    margin: 0px 0px 20px 0px;
}


@media (max-width:480px) {
	.law__table_img{
		width: 98%;
	}
	
	
	.law__table .np img{
		width: 100%;
	}
	
}



@media (max-width: 767px) {
	
    
     .outline th, .law__table th{
        width: 100%;
        display:block;
         text-align:left;
    }
    
    .outline td, .law__table td{
        padding-bottom: 20px;
        width: 100%;
        display:block;
    }
    
    .law__table table th{
        width: 100%;
        display:table-cell;
         text-align:left;
    }
    
    .law__table table td{
        width: auto;
        display:table-cell;
         text-align:left;
    }
}



/*===== 個人情報のお取り扱い setting ===========================*/

.policy{
    margin: 0px auto;
    max-width: 800px;
}

.policy ol li{margin:0 0 20px; border-bottom:dotted 1px #CCC;}

.policy dl{
    margin: 0px 0px 20px 0px;
    line-height: 1.4em;
}

.policy dl dt{
    margin: 0px 0px 10px 0px;
    line-height: 1.4em;
}

.policy dl dd{
    margin: 0px 0px 10px 48px;
    line-height: 1.4em;
}


.policy p{
    margin: 0px 0px 20px 0px;
    line-height: 1.4em;
}


@media (max-width:480px) {
	.policy{
        margin: 0px auto;
        width: 98%;
        font-size: 3.6vw;
    }
    
    .policy dl dd{
        margin: 0px 0px 10px 3%;
        line-height: 1.4em;
    }
}


.news{
    margin: 0px auto 20px;
    padding: 20px 20px 20px 20px;
    max-width: 600px;
    background-color: #cde9ef;
}

.news dl{
    
}

.news dl dt{
    margin: 0px auto 20px;
    padding: 0px 0px 3px 0px;
    width: 160px;
    text-align: center;
    border-bottom: double 4px #e5017f;
}

.news dl dd{
    
}

.news dl dd p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
    
}

.news dl dd p span{
    color: #e5017f;
}


@media (max-width:480px) {
    
   .news{

    } 
    
    
}



/**/

.pInfoBox{
    margin: 0px auto;
    padding: 50px 0px 50px 0px;
    width: 50%;
    background-color: #ffffff;
}

.pInfoBox .block{
    margin: 0px auto;
    padding: 20px 0px 20px 0px;
    max-width: 900px;
    border: solid 2px #e60012;
    border-radius: 20px;
}

.pInfoBox .block .pic01{
    margin: 0px auto 40px;
    width: 50%;
}

.pInfoBox .block .pic02{
    margin: 0px auto 20px;
    width: 50%;
}

.pInfoBox .block .txt{
    margin: 0px auto 20px;
    width: 80%;
    line-height: 1.5em;
}

.pInfoBox .block .insta{
    margin: 0px auto;
    width: 45%;
}

.pInfoBox .block .scroll{
    margin: 0px 0px 10px 0px;
    height: 500px;
    overflow-y: auto;
}



.pInfoBox .block .rBtn{
    margin: 0px auto 20px;
    max-width: 600px;
    width: 90%;
    text-align: center;
}
.pInfoBox .block .rakutenBtn {
    display: inline-block;
    background: #bf0000; /* 楽天レッド */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 14px 36px;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    transition: all 0.25s ease;
    }

.pInfoBox .block .rakutenBtn:hover {
    background: #d70000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    transform: translateY(-2px);
}

.pInfoBox .block .rakutenBtn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.rmemo{
    margin: 0px auto 20px;
    width: 90%;
    font-size: 11px;

}





.analyBox{
    margin: 0px auto;
    max-width: 800px;
    display:flex;
}

.aboutMitocore .aMBox .boxIn .analyBox p{
    margin: 0px auto;
    width: 48%;
}


@media (max-width:480px) {
    
    .pInfoBox{
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 20px 0px;
        width: 100%;
        background-color: #ffffff;
    }
    
    .pInfoBox .block{
        margin: 0px auto;
        padding: 20px 0px 20px 0px;
        width: 94%;
    }
    
    .pInfoBox .block .pic01{
        margin: 0px auto 20px;
        width: 80%;
    }
    
    .pInfoBox .block .pic02{
        margin: 0px auto 20px;
        width: 80%;
    }
    
    .pInfoBox .block .txt{
        margin: 0px auto 20px;
        width: 80%;
        line-height: 1.5em;
        font-size: 3.6vw;
    }
    
    .pInfoBox .block .insta{
        margin: 0px auto;
        width: 80%;
    }
    
    .pInfoBox .block .scroll{
        margin: 0px 0px 10px 0px;
        height: 400px;
        overflow-y: auto;
    }
    
    
    
}




/*vlogBox*/


.vlogBox{
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 50px 0px;
    background-color: #dce3ed;
}

.vlogBox h2{
    margin: 0px auto 20px;
    padding: 13px 0px 13px 0px;
    max-width: 600px;
    background-color: #c76da9;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.6em;
}

.vlogBox .txtBox{
    margin: 0px auto 30px;
    max-width: 600px;
}

.vlogBox .txtBox p{
    margin: 0px 0px 0px 0px;
    line-height: 1.6em;
}


.vlogBox h3{
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    
}

.vlogBox .movieBox{
    margin: 0px auto 20px;
    max-width: 600px;
    width: 90%;
}

.vlogBox .movieBox iframe{
    margin: 0px 0px 10px 0px;
    width: 100%;
}


.vlogBox .bnr{
    margin: 0px auto;
    max-width: 600px;
}

.vlogBox .smemo{
    text-align: right;
    font-size: 12px;
    line-height: 1.6em;
}



@media (max-width: 767px){
    
    .vlogBox{
        
    }
    
    .vlogBox h2{
        margin: 0px auto 20px;
        padding: 13px 0px 13px 0px;
        width: 90%;
        font-size: 4.6vw;
    }
    .vlogBox .txtBox{
        margin: 0px auto 30px;
        width: 90%;
    }
    
    .vlogBox .txtBox p{
       font-size: 3.3vw;
    }
    
    .vlogBox h3{
        font-size: 4.2vw;

    }
    
    .vlogBox .movieBox{
        margin: 0px auto 20px;
        width: 90%;
    }
    
    .vlogBox .bnr{
        margin: 0px auto;
        width: 96%;
    }
    
    .vlogBox .smemo{
        text-align: right;
        font-size: 3vw;
        line-height: 1.6em;
    }
    
    
}