@charset "UTF-8";
.global_container *{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
*{box-sizing:border-box;}
html{
    font-size: 62.5%;
    line-height: 1.875;
    letter-spacing: .5px;
    height: 100%;
    color: #333d84;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    }
body{
    margin:0 auto;
    font-size: 1.6rem;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}
caption,th{text-align:left}
q:before,q:after{content:''}
object,embed{vertical-align:top}
hr,legend{display:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;}
img,abbr,acronym,fieldset{border:0}
img{vertical-align:bottom;max-width:100%}
li{list-style-type:none;vertical-align:bottom}
table{font-size:inherit;font:100%}
a{color:inherit;text-decoration: none;transition:0.2s}

a:hover {
    opacity: 0.7;
}
.cf:after{content:" ";display:block;clear:both}
.pc{display:block}
br.pc{display:inline-block}
.sp{display:none!important}
.inner{max-width: 1000px !important;margin: 0 auto;padding: 0 2%;}
.red{color:#f00;}
.mini{
    font-size:0.8em;
}
.big{font-size:1.5em;}
.medium{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}
.movie{max-width:100%;}

/******************** Header ******************/
#header {max-width: 1000px;margin: 0 auto;text-align: center;position: relative;}

.site-logo {padding: 20px 0 28px;}

.header-menu {}

.header-menu-list {display: flex;justify-content: space-between;}

.header-menu-list li {
    padding: 10px 30px 10px 0;
    border-right: 1px solid #dcdcdc;
    width: 16.666%;
}

.header-menu-list li:last-child {
    border: none;
}


/******************** Header ******************/


.wrapper {
}

.breadcrumb{
    max-width:1000px;
    margin: 3% auto 38px;
    display: flex;
    justify-content: flex-start;
}

.breadcrumb li {
    padding-left: 5px;
}

.breadcrumb li:not(:last-child):after {
    content: ">";
    padding-left: 5px;
}

.top-slider-block {text-align: center;max-width: 1000px;margin: 0 auto 50px;position: relative;z-index: 10;overflow-x: hidden;}

.top-products {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ffffff+30,ececec+100 */background: #fbfbfb; /* Old browsers */background: -moz-linear-gradient(top, #fbfbfb 0%, #ffffff 30%, #ececec 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #fbfbfb 0%,#ffffff 30%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #fbfbfb 0%,#ffffff 30%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */padding: 46px 2% 78px;}

.block-head {text-align: center;font-size: 2.0rem;line-height: 1.2;margin-bottom: 50px;}
.block-sub-head{
    font-size: 3.6rem;
    margin-bottom: 31px;
}

.top-model .block-head {
    margin-bottom: 80px;
}

.top-concept .block-head {
    display: inline-block;
}

.block-head span {
    font-family: trajan-pro-3;
    font-size: 5.0rem;
}

.common-text {margin-bottom: 40px;}

.top-concept .common-text {
    margin-bottom: 18px;
}

.left-text{
    text-align:left;
}



.center-text{
    text-align:center;
}

.right-text{
    text-align:right;
}

.top-list {display: flex;justify-content: space-between;}

.top-products-list {
    max-width: 1000px;
    margin: 0 auto;
}

.top-products-block {
    width: 30%;
}

.top-list-img {
}

.top-list-title {
    font-size: 1.2em;
    line-height: 1.3;
}

.top-list-title a {
    padding: 12px 2%;
    display: flex;
    background: #a1a088;
    color: #fff;
    text-align: center;
    /* font-size: 2rem; */
    letter-spacing: -0.1em;
    height: 84px;
    justify-content: center;
    align-items: center;
}

.top-concept {padding: 100px 0;display: flex;justify-content: space-between;}

.top-concept-mainblock {margin-right: 0;margin-left: auto;padding: 100px 70px 0 2%;}

.left-text {
}

.more-btn {font-size: 1.5rem;color: #a1a088;width: 300px;padding: 10px 20px;display: block;border: 1px solid #a1a088;border-radius: 25px;text-align: center;position: relative;margin: 50px auto;background: #fff;}

.top-concept .more-btn {
    margin: 50px 0;
}

.more-btn::after{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 1px #a1a088;
    border-right: solid 1px #a1a088;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -6px;
}

.more-btn:hover::after{
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
}

.more-btn:hover {
    background: #a1a088;
    color: #fff;
}

.back-btn {font-size: 1.5rem;color: #a1a088;width: 300px;padding: 10px 20px;display: block;border: 1px solid #a1a088;border-radius: 25px;text-align: center;position: relative;margin: 50px auto;background: #fff;}
.back-btn::before{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 1px #a1a088;
    border-right: solid 1px #a1a088;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    top: 50%;
    left: 6%;
    margin-top: -6px;
}

.back-btn:hover::before{
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
}

.back-btn:hover {
    background: #a1a088;
    color: #fff;
}


.top-concept-imgblock {
}

.top-column {background: url("../img/top/column_back.jpg") no-repeat top center;background-size: cover;padding: 74px 2% 32px;margin-bottom: 100px;}

.top-column-list {
}

.top-column-block {
    width: 30%;
}

.top-model {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6d0ff+0,2371ff+99&0.5+0,0.5+100 */background: -moz-linear-gradient(top, rgba(182,208,255,0.5) 0%, rgba(35,113,255,0.5) 99%, rgba(35,113,255,0.5) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(182,208,255,0.5) 0%,rgba(35,113,255,0.5) 99%,rgba(35,113,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(182,208,255,0.5) 0%,rgba(35,113,255,0.5) 99%,rgba(35,113,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b6d0ff', endColorstr='#802371ff',GradientType=0 ); /* IE6-9 */padding: 80px 2% 50px;}

.top-model-list {}

.top-model-block {
    width: 30%;
}


/******************** Footer ******************/

#footer {
}

.global-footer {background: #fff;border-top: 1px solid #dcdcdc;}

.global-footer-menu {display: flex;justify-content: space-between;text-align: center;}

.global-footer-menu li {
    padding: 5px 30px 5px 0;
    border-right: 1px solid #dcdcdc;
    width: 16.666%;
}

.global-footer-menu li:last-child {
    border-right: none;
}

.sub-footer {background: #f5f5f5;border-top: 1px solid #e2e2e2;color: #000;padding: 20px 2% 5px;font-family: "メイリオ", sans-serif,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";}

.sub-footer-top {display: flex;justify-content: space-between;margin-bottom: 10px;}

.sub-footer-menu {display: flex;justify-content: space-between;align-items: center;font-size: 1.2rem;width: 82%;}

.sub-footer-sns {display: flex;justify-content: space-between;width: 130px;}

.sub-footer-bottom{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.sub-footer-logo{}

.sub-footer-copyright{
    font-size: 1.2rem;
}

.sub-footer-privacy{
    width: 40px;
}

/******************** Footer ******************/

/*jquery.mmenu.css*/
#sp-menu{display:none;}
#sp-menu.mm-opened{display:block;top: 90px;}

#sp-menu *{transition:0.5s}

.navbar-toggle{position:absolute;top: 17%;right: 4%;padding: 10px 0;z-index:1000;}
.fixed .navbar-toggle{top: 10px;left:15px;}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width: 50px;height: 5px;border-radius: 10px;background-color: #333d84;transition:0.5s}
.navbar-toggle .icon-bar+.icon-bar{margin-top: 10px;}

.mm-opened .navbar-toggle .icon-bar:nth-of-type(1){
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}

.mm-opened .navbar-toggle .icon-bar:nth-of-type(2){
    opacity: 0;
    margin: 0;
}

.mm-opened .navbar-toggle .icon-bar:nth-of-type(3){
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(5px) rotate(45deg);
  margin: 0;
}
.mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top: 0;bottom:0;z-index:0;box-sizing:border-box;}
.mm-btn,.mm-menu{box-sizing:border-box}
.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}
.mm-hidden{display:none!important}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu{display:block;padding:0;position:absolute}
.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;/* position:absolute; */}
.mm-btn,.mm-panel.mm-highest{z-index:1}
.mm-panels{overflow:hidden}
.mm-panel{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;/* padding:0 20px */}
.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mm-panels>.mm-panel.mm-hasnavbar{/* padding-top:40px */}
.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{/* content:''; */display:block;height:20px;}
.mm-vertical .mm-panel{-webkit-transform:none!important;transform:none!important}
.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:5px 0 5px 10px}
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{/* border-color:transparent */}
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}
.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}
.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:19px}
.mm-btn{width:40px;height:40px;position:absolute;top:0}
.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}
.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}
.mm-arrow:after,.mm-next:after,.mm-prev:before{/* content:''; */border:2px solid transparent;display:block;width: 12px;height:12px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-prev:before{border-right:none;border-bottom:none;left:23px}
.mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px}
.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}
.mm-navbar>*{display:block;padding:10px 0}
.mm-navbar .mm-btn:first-child{padding-left:20px;left:0}
.mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0}
.mm-panel .mm-navbar{display:none}
.mm-panel.mm-hasnavbar .mm-navbar{/* display:block */}
.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.mm-listview .imenu_con{width:30%;float:left;text-align:center}
.mm-listview .imenu_con a{padding:20px 10px 10px!important;font-size:10px}
.mm-listview{font:inherit;font-size:14px;line-height:20px}
.mm-listview>li{position:relative;padding: 25px 7%;border-top: 1px solid #d9dbdf;font-size: 2rem;color: #333d84;}

.mm-vertical {}

.mm-listview>li:after {
    content: '';
    border: 1px solid #333d84;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-left: none;
    right: 9%;
}

li.mm-vertical:after {
    content: '+';
    border: none;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    font-size: 3.5rem;
    width: 20px;
    height: 20px;
    top: 28px;
    right: 8%;
    margin: 0;
}

li.mm-vertical.mm-opened:after{
    content:'-';
    font-size: 4rem;
}

.mm-listview>li:last-child {
    border-bottom: 1px solid #d9dbdf;
}
.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{/* border-color:inherit; */}
.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;/* padding:15px 10px 15px 15px; */margin:0;/* color:#337ab7; */}
.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px}
.mm-listview>li:not(.mm-divider):after{/* content:''; *//* border-bottom-width:1px; *//* border-bottom-style:dotted; *//* display:block; *//* position:absolute; *//* right:15px; *//* bottom:0; *//* left:15px; *//* border-color:inherit!important; */}
.mm-listview>li.imenu_con:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:dotted;display:block;position:absolute;right:15px;bottom:0;left:15px;border:none}
.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}
.mm-listview .mm-next:before{/* content:''; */border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0;}
.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}
.mm-listview .mm-next.mm-fullsubopen{width:100%}
.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}
.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}
.mm-panels>.mm-panel>.mm-listview{/* margin:20px -20px */}
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{/* margin-top:-20px */}
.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}
.mm-listview .mm-inset>li{padding:5px 0}
.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}
.mm-listview .mm-spacer{padding-top:40px}
.mm-listview .mm-spacer>.mm-next{top:40px}
.mm-listview .mm-spacer.mm-divider{padding-top:25px}
.mm-menu{background:#a4e9fe;background-color: #ffffff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7);z-index: 1000;}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}
.mm-menu .mm-listview{border-color:rgba(255,255,255,1)}
.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:#6f6f6f}

.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}
.mm-page{box-sizing:border-box;position:relative;height:100%;}
.mm-slideout{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
html.mm-opened{overflow-x:hidden;position:relative}
html.mm-blocking,html.mm-blocking body{overflow:hidden}
html.mm-background .mm-page{background:inherit}
#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}
html.mm-blocking #mm-blocker{display:block}
.mm-menu.mm-offcanvas{/* z-index:0; */display:none;position:fixed;}
.mm-menu.mm-offcanvas.mm-current{display:block}
.mm-menu{width: 100%;}
html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px) {
html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px) {
html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}
#mm-2{/* background-color:#ececec; */display: flex !important;/* height: 200px; */position: static;justify-content: space-around;max-width: 350px;margin: 50px auto;}

.sp-menu-icon {
    width: 33%;
    text-align: center;
}
.smp_menu_jp{font-size:11px;color:#6e6e6e}
.mm-sronly{display:none;}
#mm-1 .mm-listview>li{border:none;}


/******************** concept ******************/

.concept-top{

margin-bottom: 90px;
}

.concept-top .block-head{
    margin-bottom: 0;
    position: relative;
    z-index: 10;
}

.concept-top .block-head span,.column-wrap .block-head span ,.model-wrap .block-head span{
    font-size: 4rem;
}
.concept-top-wrap{

position: relative;

height: 609px;
}

.concept-top-wrap .block-sub-head {
    padding-top: 45px;
    margin-bottom: 36px;
    position: relative;
    z-index: 10;
}

.concept-top-wrap .common-text {
    position: relative;
    z-index: 10;
}

.concept-top-imgblock{

position: absolute;

right: 0;

top: 0;

margin: auto;

z-index: 1;
}

.concept-middle{

text-align: center;

padding: 42px 2% 78px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,eff5ff+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(239,245,255,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(239,245,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(255,255,255,1) 30%,rgba(239,245,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff5ff',GradientType=0 ); /* IE6-9 */
}

.concept-middle-list{
    
display: flex;
    
justify-content: space-between;
    
max-width: 600px;
    
margin: 0 auto 20px;
}

.concept-middle-text {}

.concept-middle-text span {
    font-size: 3rem;
    line-height: 1.2;
}

.concept-bottom{

padding: 67px 2% 102px;

background: #fafafa;

text-align: center;
}

.concept-bottom-wrap {
    display: flex;
    text-align: left;
    /* background: #fff; */
    margin-bottom: 40px;
}

.concept-bottom-wrap:last-child {
    margin-bottom: 0;
    flex-direction: row-reverse;
}

.concept-bottom-img {
    /* width: 50%; */
    text-align: center;
}

.concept-bottom-text {
    width: 50%;
    padding: 20px 5px 20px 25px;
    background: #fff;
    color: #000000;
    line-height: 1.8;
}

.concept-bottom-text .big {
    font-size: 2.2rem;
}
/******************** concept ******************/

/******************** column ******************/
.column-list{
    display: flex;
    flex-wrap: wrap;
    max-width: 920px;
    margin: 0 auto;
    padding-bottom: 74px;
}

.column-list li {
    width: 48.91%;
}

.column-list li:nth-child(2n-1) {
    margin: 0 1.086% 20px 0;
}

.column-list li:nth-child(2n) {
    margin: 0 0 20px 1.086%;
}

.column-list-img {
    border: 1px solid #a1a088;
}

.column-list-title {
    background: #a1a088;
    display: block;
    color: #fff;
    padding: 5px 10px 10px 20px;
}

.column-list-title h2 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
}

.column-list-text {
    font-size: 1.8rem;
    line-height: 1.4;
}

.column-detail-wrap{
    padding:0 2%;
}

.column-detail-header{
    border-bottom:1px solid;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-bottom: 10px;
}

.column-detail-head{
    font-size:4.0rem;
}

.share-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    width: 220px;
}

.column-detail-description{
    color:#000;
    margin-bottom: 70px;
}

.column-detail-block{
    color:#000;
}

.column-detail-subhead{
    font-size:3rem;
}

.column-detail-head3 {
    border-left: 3px solid #2f40a5;
    padding-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}
.column-detail-img{
    margin:20px auto;
    width: 700px;
}



/******************** column ******************/

.model-wrap{
        background: #fbfbfb;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, #ececec 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 30%,#ececec 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 30%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ececec',GradientType=0 );
    padding-bottom :100px;
}

.model-block{
    margin-bottom:60px;
}

.model-block:after{
    margin-bottom:0px;
}

.movie-wrap{
        background: -moz-linear-gradient(top, rgba(182,208,255,0.5) 0%, rgba(35,113,255,0.5) 99%, rgba(35,113,255,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(182,208,255,0.5) 0%,rgba(35,113,255,0.5) 99%,rgba(35,113,255,0.5) 100%);
    background: linear-gradient(to bottom, rgba(182,208,255,0.5) 0%,rgba(35,113,255,0.5) 99%,rgba(35,113,255,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b6d0ff', endColorstr='#802371ff',GradientType=0 );
    padding: 80px 2% 50px;
}

.movie-text {
    font-size: 2.4rem;
    text-align: center;
    color: #000;
    margin: 27px auto;
}

.movie-block-wrap {
    display: flex;
    justify-content: space-around;
}

.movie-block{
    width:47%;
}

.movie-block video{
    width:100%;
}

/******************** 商品一覧(Products) ******************/
.products-list{margin-top: 5%;padding: 0 2%;}
.products-block{display: flex;justify-content: space-between;margin-bottom: 5%;}
.products-image{width: 25%;}
.products-textblock{width: 70%;}
.products-name{font-size: 1.6em;}
.products-copy{margin-bottom: 3%;font-weight: bold;}
.products-text{
}
.products-price-list{margin: 3% auto;padding: 10px;background: #f2f2f2;}
.products-price{
}


.products-detail{
    display: flex;
    justify-content: space-between;
    margin: 5% auto;
    /* padding: 0 2%; */
}
.products-detail-left{
    width: 40%;
}
.products-detail-image{text-align: center;margin-bottom: 5%;}
.products-movie{margin:5% auto 0;}
.products-movie-head{font-size:1.4em;}

.products-detail-right{
    width: 55%;
}

.products-detail-right-block {
    margin-bottom: 10%;
}
.products-detail-right-title{
    font-size: 1.6em;
    margin: 2% auto;
    border-bottom: 2px solid #333d84;
}
.products-detail-list{
}
.products-detail-list-text{
    margin-bottom:2%;
}

.products-detail-list-title {
    font-weight: bold;
}
.spec-table{
    width: 100%;
    background-color: #fff;
    display: table;
    border: 1px solid #ccc;
    margin-bottom: 5%;
}
.spec-table td{text-align:right;border:1px solid #e2e2e2;padding:2px 12px}
.spec-table td{text-align:right;border:1px solid #e2e2e2}
.spec-table.spec-component td span{font-size:10px}
.spec-table.spec-component td:first-child{padding-right:10%;text-align:left}
.spec-table.spec-dose td{text-align:center;width:25%}
.spec-table-text{font-size:12px;line-height:24px}

.spec-table.spec-dose.pc{
}
.spec-table-sp.sp{margin-bottom: 5%;}


.products-relation{
    margin:10% auto;
}

.products-relation-title{
    font-size:1.6em;
    margin-bottom: 5%;
}
.products-relation-wrap{
    display:flex;
    justify-content: space-around;
    align-items: flex-start;
}

.products-relation-block {
    width: 45%;
}

.products-relation-block-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
}

.products-relation-image{
    width: 55%;
}

.products-relation-block-name {
    width: 40%;
}

/******************** 商品一覧(Products) ******************/

/******************** よくある質問(FAQ) ******************/
.faq-list-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.faq-list-block{width: 47%;margin-bottom: 10%;}
.faq-list-title{font-weight: bold;font-size: 1.4em;border-bottom: 2px solid;margin-bottom: 5%;}
.faq-list{
}
.faq-list-q{font-size: 1.2em;padding: 2% 1%;margin-bottom: 2%;border-bottom: 1px dotted;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}

.faq-list-q::after {
    content:"";
    width: 15px;
    height: 15px;
    border-left: 3px solid #333d84;
    border-bottom: 3px solid #333d84;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box;
    display: inline-block;
}

.faq-list-q.opened::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.faq-list-a{display: none;margin: 2% auto 8%;}

/******************** よくある質問(FAQ) ******************/


@media only screen and (max-width :1200px) {
.top-concept {padding: 10% 0;}

.top-concept-mainblock {padding: 0% 7% 0 2%;}
}




/******************** SP ******************/
@media only screen and (max-width :750px) {
    .pc{display:none !important;}
    .sp{display:block!important}

#header{
  box-shadow:1px 1px 1px #d9d9d9;  
}

.more-btn {
    margin: 5% auto;
}

.top-products {
    padding: 4.6% 2% 7.8%;
}

    .top-products-list{
        justify-content:space-around;
    }
    .top-products-list li{
        width: 30%;
    }

    .top-list-title{
        font-size: 1.5rem;
    }

.top-products .top-list-title a {
    height: 60px;
    width: 100%;
    padding: 0 2%;
}

.top-concept{
    display:block;
    margin:0 auto;
    padding: 10% 0;
}

.top-concept-imgblock{
    display:none;
}

.top-concept-mainblock {
    padding: 5px 2%;
    margin:0 auto;
    background: url("../img/top/concept_back_sp.jpg") no-repeat top left;
    background-size: cover;
}
.top-concept .block-head {
    display: block;
    text-align:center;
}

.top-concept .common-text{
    text-align:right;
    text-shadow: 2px 2px 1px rgba(255,255,255,0.97);
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}

.top-concept .more-btn {
    margin: 5% auto 0;
}

.top-column {
    background: url(../img/top/column_back_sp.jpg) no-repeat top center;
    background-size: cover;
    padding: 7.4% 2% 3.2%;
    margin-bottom: 0;
}

.top-column-list {
    display:block;
    text-align: center;
}

.top-column-block{
    display:flex;
    margin-bottom: 20px;
    justify-content: center;
    width: 100%;
    /* border: 1px solid #a1a088; */
}

.top-list-img{
 /* width: 52%; */
 max-width: 365px;
 border: 1px solid #a1a088;
}

.top-column .top-list-title{
    width: 40%;
    border: 1px solid #a1a088;
}

.top-column-list .top-list-title a{
    
height: 100%;
    
display: flex;
    
justify-content: center;
    
align-items: center;
}


.top-model .block-head {
    margin-bottom: 8%;
}

.global-footer {background: #fff;border-top: 1px solid #dcdcdc;}

.global-footer-menu {display: block;text-align: left;}

.global-footer-menu li {
    padding: 0;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    position: relative;
}

.global-footer-menu li:after {
    content: '';
    border: 1px solid #333d84;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-left: none;
    right: 9%;
}

.global-footer-menu li a {
    padding: 10px 5%;
    width: 100%;
    display: block;
}

.global-footer-menu li:last-child {
    border-right: none;
}

.sub-footer-top {
    margin-bottom: 10%;
}

.sub-footer-sns {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.sub-footer-sns li {
    margin-left: 0;
    margin-right: 5%;
}


.sub-footer-sns li:last-child {
    margin-left: auto;
}

.sub-footer-menu.sp {display: flex !important;flex-wrap: wrap;justify-content: flex-start;align-items: center;font-size: 1.2rem;width: 100%;}

.sub-footer-menu li {
    text-decoration: underline;
    margin: 0 10px 5px 0;
}

.sub-footer-menu li:before {
    content: ">";
}

.sub-footer-bottom {
    display: block;
    text-align:center;
    margin-top: 20px;
}

.top-model {
    padding: 8% 2% 5%;
}

.concept-top-wrap {
    height:auto;
}

.concept-top-wrap .block-sub-head {
    padding-top: 20px;
    margin-bottom: 20px;
    font-size: 3rem;
    position: relative;
    z-index: 10;
    text-align:center;
}

.concept-top-wrap .common-text {
   text-align:center;
   margin-bottom: 0;
   padding-bottom: 4%;
}

.concept-top {
    margin-bottom: 3%;
}

.concept-top-imgblock {
    position: absolute;
    right: auto;
    top: auto;
    bottom:0;
    margin: auto;
    z-index: 1;
    width: 80%;
}

.concept-middle {
    padding: 4.2% 2% 7.8%;
}

.block-sub-head {
    font-size: 2.8rem;
    margin-bottom: 3%;
}

.concept-middle-list li{
    width:48%;
}

.concept-bottom {
    padding: 6.7% 2% 10.2%;
}

.concept-bottom-wrap {
    display: block;
    margin-bottom: 4%;
}

.concept-bottom-text {
    width: 100%;
    padding: 4% 2%;
    background: none;
}


.column-list {
    display:block;
    text-align: center;
}

.column-list li{
    display:flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: center;
    /* width: 100%; */
    /* border: 1px solid #a1a088; */
}

.column-list-img{
 /* width: 52%; */
 max-width: 365px;
 border: 1px solid #a1a088;
}

.column-list-title{
    width: 50%;
    border: 1px solid #a1a088;
    text-align:left;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
 .column-list-text {
    font-size: 1.2rem;
}   

.column-detail-header {
   padding-bottom:10px;
    display: block;
}

.column-detail-head {
    font-size: calc(20% + 6vw);
}

.column-detail-description {
    margin-bottom: 7%;
}

.column-detail-subhead {
    font-size: calc(20% + 5vw);
}

.model-wrap {
    background:none;
    padding-bottom: 10%;
}

.movie-block-wrap{
    display:block;
}

.movie-block{
    width:100%;
    margin-bottom: 10%;
}

.movie-text {
    font-size: 2rem;
    text-align: center;
    color: #000;
    margin: 2% auto;
}

.products-block{display: block;margin-bottom: 10%;}
.products-image{width: 95%;text-align: center;margin: 0 auto 3%;}
.products-textblock{margin: 0 auto;width: 95%;}
.products-name{font-size: 1.6em;text-align: center;}

.products-copy {
    text-align: center;
}

.products-detail{
    display: block;
    justify-content: space-between;
    margin: 5% auto;
    /* padding: 0 2%; */
}
.products-detail-left{
    width: 100%;
    margin-bottom: 10%;
}
.products-detail-image{text-align: center;margin-bottom: 3%;}
.products-movie {
    text-align:center;
}
.products-detail-right{
    width: 100%;
}
.products-detail-right-title{
    font-size: 1.6em;margin-bottom:2%;
}

.products-detail-list-text{
    margin-bottom:5%;
}

.products-relation-wrap{
    display:block
}

.products-relation-block {
    width: 80%;
    margin: 0 auto 5%;
}

.faq-list-wrap{display:block;}
.faq-list-block{width: 100%;font-size:calc(10% + 2.5vw);}

}




@media only screen and (max-width: 480px) {
#header{
    height: 66px;
}

    .site-logo {
        width:70%;
        padding: 10px 2%;
    }



    .navbar-toggle{
        top: 21%;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 10px;
        background-color: #333d84;
        transition: 0.5s;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 7px;
    }
    .mm-opened .navbar-toggle .icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(11px) rotate(-45deg);
    transform: translateY(11px) rotate(-45deg);
}
    #sp-menu.mm-opened {
        top: 65px;
    }

    .mm-listview>li {
        font-size: 1.6rem;
    }

    .sp-menu-icon {
        width: 15%;
    }

    .block-head span {
        font-size:calc(30% + 10vw);
    }

    .common-text {
    margin-bottom: 4%;
    font-size: calc(10% + 3.2vw);
}

    .top-products-list li {
}

.top-list-title{font-size: calc(5% + 2.3vw);}

.top-column .top-list-title {
    width: 80%;
}

.concept-top-wrap .block-sub-head,.block-sub-head,.concept-middle-text span {
    font-size: calc(20% + 6vw);
}

.concept .common-text,.concept-middle-text {
  font-size:calc(10% + 3vw);
}
.concept-bottom-text .big {
    font-size: calc(20% + 4vw);
}
.concept-bottom-text {
    font-size:calc(10% + 3vw);
}

.column-list-title{width: 100%;padding: 2%;}
.column-list-title h2 {
    font-size: calc(10% + 3vw);
    text-align: left;
}

}

/******************** SP ******************/