@charset "utf-8";
/*
日本語フォント
font-family: 'Noto Serif JP', serif;

英字フォント
font-family:'メイリオ', 'Meiryo', sans-serif;
/*--------------------------------------------------------
	reset 
---------------------------------------------------------*/
body,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,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; height: auto; vertical-align: bottom; }
a{ outline: none;}
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }

/*-------------------------------------------------
	base
--------------------------------------------------*/
body { position: relative; color: #000; background: #fff; font-family: 'Noto Serif JP', serif; font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%;}
/*txt img 選択時*/
::selection { background:#666; }
::-moz-selection { background:#666; }/*Firefox*/
img::selection { background:none; }
img::-moz-selection { background:none; }/*Firefox*/
/*cookie*/
#onetrust-banner-sdk{ outline: none; }

video{display:block; margin: 0; padding: 0;}

/*-------------------------------------------------
	font アンチエイリアス
--------------------------------------------------*/
/* 解像度 1x：subpixel、解像度 2x：grayscale */
h1,h2,p,a,.txt,.txt2,.mei,small
{ -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; }
@media only screen and 
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
h1,h2,p,a,.txt,.txt2,.mei,small
{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}

/*-------------------------------------------------
	font 
--------------------------------------------------*/
.mei{ font-family:'メイリオ', 'Meiryo', sans-serif;}

/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative; overflow: hidden;}

/*-------------------------------------------------
	pankuzu
--------------------------------------------------*/
.pankuzu{ max-width: 1080px; margin: 0 auto; position: relative; z-index: 100;}
.breadcrumb { position: absolute; left: 0; top: 0;}
/*パンクズ　font-col*/
.col_w .breadcrumb{ color: #fff;}
.col_w .breadcrumb a{color:#fff;}
.col_w .breadcrumb a:hover{color:#fff;}

/*---------------------
	scroll
-----------------------*/
.scroll{ height: 5vw; width: 80px; margin-left: -40px; position: absolute; left: 50%; bottom: 0; z-index: 200; transition: .3s;overflow: hidden; }
.scroll a{ display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; cursor: pointer;}
.scroll .scroll_wheel{ width: 1px; height: 100%; opacity: 0; overflow:hidden; animation: scroll_wheel 0s 0s 1 forwards ease-out; background:rgba(255,255,255,0.24);display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s; z-index: 200;}
@keyframes scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.scroll .scroll_wheel:after { opacity: 1; width: 100%; height: 28%; animation: scroll_wheel_after 2s 0.5s infinite normal ease; background:#fff; position: absolute; content:" "; display:block; z-index: 11; left: 0%; top:-100%; transition: 0.3s;}
@keyframes scroll_wheel_after { 
0% { top:0%; opacity: 0;} 
1% { top:0%; opacity: 1;} 
30% { top:100%; opacity: 1;} 
31% { top:100%; opacity: 0;} 
33% { top:-100%; opacity: 0;} 
34% { top:-34%; opacity: 1;}
80% { top:0%;} 
100% { top:0%;} 
}
.scroll a:hover .scroll_wheel:after { background:#fff; cursor: pointer;}
.scroll a:hover .scroll_wheel{ background:#848991; cursor: pointer;}
.scroll a:hover { cursor: pointer;}
@media screen and (orientation: portrait) {/*縦*/
.scroll{ height: 10vw; width: 80px; right: -5px; }
.scroll .scroll_wheel{ width: 1.5px;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {/*縦*/
.scroll .scroll_wheel{ width: 1px;}
}/*END*/
@media screen and (max-width: 550px) and (orientation: portrait) {/*縦*/
.scroll{ height: 15vw; width: 80px; right: -5px; }
}/*END*/

/*-------------------------------------------------
	bottom
--------------------------------------------------*/
#bottom{ display: flex; background: #000; width: 100%; }
.link_sto,
.link_store { width: 100%; }
#bottom div a{ width: 100%; height:16vw; display: flex; align-items: center; text-align: center; overflow: hidden;}
#bottom div .inner{ position: relative; z-index: 2; width: 100%; }
#bottom div h2{ color: #fff; width: 100%; }

#bottom a { position: relative; display: block; width: 100%; height: 100%; text-align: center;}
#bottom a .link_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: 1s;}
#bottom a:hover .link_bg{ transform: scale(1.07);}
#bottom h2{ line-height: 1; }
/*PSX*/
.link_sto h2 img{ max-width: 300px; width: 55%;}
.link_sto h2 small{ margin-top: 15px; font-size: 16.5px; letter-spacing: 1px; display: block; }
.link_sto a .link_bg{ background: url(../img/common/link_sto.jpg) center center ;background-size: cover; z-index: -1; }
/*Store*/
.link_store h2 span{ font-size: 24.5px; letter-spacing: 2.5px; display: block;}
.link_store h2 small{margin-top: 13px; font-size: 14px; letter-spacing: 3.2px; display: block; }
.link_store a .link_bg{ background: url(../img/common/link_store.jpg) center center ;background-size: cover; z-index: -1; }
/*h2*/
#bottom a h2{ transition: .5s;}
#bottom a:hover h2{opacity: 0.7;}
#bottom a h2:after{margin-top: 26px; font-size:16px; content:"\E102";font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px;transition:.5s;}
#bottom a:hover h2:after{position: relative; left: 5px;}
@media screen and (max-width: 1900px) {
#bottom div a{ height:300px;}
}/*END*/
@media screen and (max-width: 1400px) {
#bottom div a{ height:21.5vw;}
}/*END*/
@media screen and (max-width: 1200px) {
/*PSX*/
.link_sto h2 small{ margin-top: 1.1vw; font-size:1.4vw; letter-spacing: .1vw;}
/*Store*/
.link_store h2 span{ font-size: 2.2vw; letter-spacing: .2vw;}
.link_store h2 small{ margin-top: 1.1vw; font-size: 1.2vw; letter-spacing: 3.2px; display: block; }
/* > */
#bottom a h2:after{ margin-top: 2vw; font-size:16px; content:"\E102";font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px;transition:.5s;}
}/*END*/
@media screen and ( max-width: 1000px) {
#bottom div a{ height:230px;  }
/*PSX*/
.link_sto h2 small{ margin-top: 13px; font-size:16px; letter-spacing: 1px; color: #fff;}
/*Store*/
.link_store h2 span{ font-size: 24.5px; letter-spacing: .2vw; display: block; }
.link_store h2 small{ margin-top: 13px; font-size: 14px; letter-spacing: 3.2px; display: block; }
/* > */
#bottom a h2:after{margin-top: 20px; font-size:16px; content:"\E102"; font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px; transition:.5s; }
}/*END*/
@media screen and (max-width: 750px) {
#bottom{ display: block; background: #000; width: 100%; }
#bottom div a{ height:230px; width: 100%;  }
.link_sto h2 img{ max-width: 240px; width: 55%;}
}/*END*/
@media screen and (max-width: 450px) {
#bottom div a{ height:45vw; }
/*PSX*/
.link_sto .inner { width: 100%; }
.link_sto h2 small{ margin-top: 3.6vw; font-size:3.8vw; letter-spacing: .2vw;  }
/*Store*/
.link_store h2 span{ font-size: 5.8vw; letter-spacing: .2vw;}
.link_store h2 small{margin-top: 3vw; font-size: 3.6vw; letter-spacing: 3.2px; display: block; }
}/*END*/
@media screen and (max-width: 400px) {
#bottom{ display: block; background: #000; }
#bottom div a{ height:50vw; }
/*PSX*/
.link_sto .inner { width: 100%; }
.link_sto h2 small{ margin-top: 2.6vw; font-size:4.2vw; letter-spacing: .2vw; }
/*Store*/
.link_store h2 span{ font-size: 6vw; letter-spacing: .2vw;}
.link_store h2 small{margin-top: 3vw; font-size: 3.8vw; letter-spacing: 3.2px; display: block; }
/* > */
#bottom a h2:after{margin-top: 5vw; font-size:16px; content:"\E102";font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px;transition:.5s;}
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #000; width: 100%; height: auto; position: relative; z-index: 10; }
footer::after { content:" "; display:block; clear:both;}
.foot_l{ float: left; margin: 59px 0 0 40px;}
.foot_l .foot_logo { float: left; line-height: 1; margin-bottom: 53px; }
.foot_l .foot_logo img { width: 131px; transition: 0.2s; }
.foot_l .foot_logo a:hover img{ opacity: 0.6;}
.foot_l .copyright { float: left; margin: 13px 0 0 32px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }
@media (max-width: 750px) { 
.foot_l{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_l .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_l .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
.foot_r { float: right; padding-top: 58px; margin: 0 35px 0 0 ; }
@media (max-width: 750px) {
.foot_r { float: none; padding-top: 40px; margin: 0px; }
}/*END*/
/*----- sns -----*/
.globalFooter-sns{margin-top:0px}
.globalFooter-sns>._list{list-style-type:none;padding:0;margin:0;display:flex;align-items:center;justify-content:flex-end}@media (max-width: 991.98px){.globalFooter-sns>._list{justify-content:center}}
.globalFooter-sns>._list>._item{margin-left:4px}
.globalFooter-sns>._list>._item>._link{display:block;text-decoration:none;line-height:1;transition:ease .2s}
.globalFooter-sns>._list>._item>._link:hover{opacity:.65}
.globalFooter-sns>._list>._item>._link>._icon{font-size:36px;color:#fff}
.globalFooter-sns>._list>._item>._link>._icon.icon-youtube-text{font-size:30px}
.globalFooter-sns>._list>._item>._link>._image{height:36px}
.globalFooter-copy{text-align:center;color:#666;font-weight:500}

/*-------------------------------------------------
	lineup_sl
--------------------------------------------------*/
#lineup{ padding-bottom:150px;}
#lineup h2{ width: 85%; margin: 0 auto; padding:95px 0; font-size: 30px; letter-spacing: 3px; line-height: 1.4; text-align: center;}
@media (max-width: 1000px){
#lineup{ padding-bottom:120px;}
#lineup h2{ padding:70px 0; font-size: 26px; }
}/*END*/
@media (max-width: 640px){
#lineup{ padding-bottom:100px;}
#lineup h2{ padding:60px 0; font-size: 24px; }
}/*END*/
@media (max-width:450px){
#lineup h2{ padding:60px 0; font-size: 20px; }
}/*END*/
#lineup h2 span{ display: inline-block;}
/* font size */
.lineup_sl p{ font-size: 14px; line-height: 1.6; text-align: center; }
@media (max-width: 1000px){
.lineup_sl p{ font-size: 14px; }
}/*END*/
@media (max-width: 640px){
.lineup_sl p{ font-size: 14px; }
}/*END*/

 /* lineup_sl
 ----------------------------------------------------*/
.lineup_sl{ width:83%; max-width: 1600px; margin:0 auto; position:relative; }
.lineup_sl img{ width:100%; margin: 0;}
/* .slick-list */
.lineup_sl .slick-list li { margin: 0 0.14%; }
.lineup_sl .slick-list li a{ padding: 55px 0 40px; position: relative; text-decoration: none; height: 100%; color: #000; transition: 0.5s; display: block; background: #f5f5f5;}
.lineup_sl .slick-list li a .visual img{ transition: .2s; }
.lineup_sl .slick-list li a .txt_box { width: 90%; margin: 0 auto; transition: .2s; text-align: center; }
/* a */
.lineup_sl .slick-list li a:hover .visual img{ opacity: 0.7; }
.lineup_sl .slick-list li a:hover .txt_box{ opacity: 0.5; }
@media (max-width: 640px){
.lineup_sl .slick-list li { margin: 0 0.1%; }
.lineup_sl{ width:97%; max-width: 1600px; margin:0 auto; position:relative; }
}/*END*/

/*slick 高さ揃え*/
.slick-track { display: flex;}
.slick-slide { height: auto !important;  }
.lineup_sl .sub { position: absolute; left:15px; top: 25px; display: flex;}
.lineup_sl .sub p{ font-size:12px; line-height: 1.4; margin-right: 11px; font-family:"Jost","Noto Sans JP"; font-weight:500;}
.lineup_sl .sub p.limited{ color: #888; }
.lineup_sl img{ width: 86%; margin: 0 auto; }
.lineup_sl .num{ margin-top: 18px; font-size:14px; line-height: 1.4; font-family:"Jost","Noto Sans JP";font-weight:500;}
.lineup_sl .price{ margin-top: 5px; font-size:12px; line-height: 1.4; letter-spacing: 0px; font-weight:600; }
.lineup_sl .edition{ margin-top: 10px; font-size:12px; line-height: 1.4; color: #666; font-weight:500;}
.lineup_sl .edition span{display: inline-block;}
.lineup_sl ul li{
 opacity: 0;
 transition: opacity .3s linear;
}
.lineup_sl ul.slick-initialized li{
 opacity: 1;
}

/* < > btn */
.lineup_sl .slick-prev,
.lineup_sl .slick-next { position: absolute; z-index: 999; top:50%; width: 40px; height: 40px; margin-top: -20px; transition: 0.4s; outline: none;}
.lineup_sl .slick-prev:hover,
.lineup_sl .slick-next:hover {opacity: 0.4!important;}
.lineup_sl .slick-prev { left: -5.3vw; background: url("../img/common/sl_prev.gif") no-repeat left center; background-size: contain;}
.lineup_sl .slick-next { right: -5.3vw; background: url("../img/common/sl_next.gif") no-repeat right center; background-size: contain;}
@media (max-width: 1300px){
.lineup_sl .slick-prev { left: -5.5vw; }
.lineup_sl .slick-next { right: -5.5vw; }
}/*END*/
@media (max-width: 1000px){
.lineup_sl .slick-prev { left: -6vw; }
.lineup_sl .slick-next { right: -6vw; }
}/*END*/
@media (max-width: 640px){
.lineup_sl .slick-prev { left: -2.5vw; }
.lineup_sl .slick-next { right: -2.5vw; ;}
}/*END*/
@media (max-width: 640px){
.lineup_sl .slick-prev,
.lineup_sl .slick-next { position: absolute; z-index: 999; top:50%; width: 8vw; height: 8vw; margin-top: -4vw; transition: 0.2s; outline: none;}
.lineup_sl .slick-prev { left: -2.5vw; }
.lineup_sl .slick-next { right: -2.5vw; ;}
}/*END*/

 /* < > btn 消す */
 .slick-prev.slick-disabled,
 .slick-next.slick-disabled{ opacity: 0; pointer-events: none; }

/*dots [●○○○○]*/
.lineup_sl .slick-dots{ position: absolute; bottom:-50px ; margin-top: 0px; padding: 0; z-index: 500; display: block; width: 100%;list-style: none; text-align: center; }
.lineup_sl .slick-dots li{ position: relative; display: inline-block; margin: 0 6px; width:20px; height: 20px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ display:none; margin: 0; padding: 0; font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 8px; height: 8px; border-radius: 30px; } /* hover */
.lineup_sl .slick-dots li button{ background:#ccc; } /* OFF */
.lineup_sl .slick-dots li button:hover{ background:#888; } /* hover */
.lineup_sl .slick-dots li button:before{ position: absolute; top: 0; left: 0; content: ''; }
.lineup_sl .slick-dots li.slick-active button:before{ position: absolute; top: 0; left: 0; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); color: black;opacity: 1; width: 8px; height: 8px; background: #000; border-radius: 30px;}/* active */
.lineup_sl .slick-dots > li:first-child:last-child { display: none;}
@media (max-width: 1000px){
.lineup_sl .slick-dots li{ margin: 0 4px; width:15px; height: 15px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ width: 6px ; height: 6px ;} /* hover */
.lineup_sl .slick-dots li.slick-active button:before{ width: 6px; height: 6px; }/* active */
}/*END*/
@media (max-width: 500px){
.lineup_sl .slick-dots li{ margin: 0 2px; width:15px; height: 15px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ width: 5px ; height: 5px ;} /* hover */
.lineup_sl .slick-dots li.slick-active button:before{ width: 5px; height: 5px; }/* active */
}/*END*/
@media (max-width: 400px){
.lineup_sl .slick-dots li{ margin: 0 0px; width:15px; height: 15px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ width: 5px ; height: 5px ;} /* hover */
.lineup_sl .slick-dots li.slick-active button:before{ width: 5px; height: 5px; }/* active */
}/*END*/

/*-------------------------------------------------
	.lr_box
--------------------------------------------------*/
/* lr_box*/
.lr_box{ width: 90%; margin: 0 auto 0px; max-width: 1200px;}
@media (max-width: 1100px) {
.lr_box{ width: 100%; }
}/*END*/
.lr_box ul li{ margin-top: 0px; display: flex; }
.lr_box ul li:nth-child(1){ margin-top: 0px; }
.lr_box ul li .img_box{ width:50%; position: relative; }
.lr_box ul li .img_box img{ width:100%; }
.lr_box ul li .txt_box{ width:50%; }
.lr_box ul li .txt_box .inner{ width:62%; }
.lr_box ul li .img_box,
.lr_box ul li .txt_box{ display: flex; align-items: center; justify-content: center; }
@media (max-width: 750px) {
.lr_box{ width: 80%; margin: 0 auto; max-width: 650px;}
.lr_box ul li{ margin-top: 0vw; margin-top: 90px; display: block; }
.lr_box ul li .img_box{ width:100%;  margin: 0% !important;}
.lr_box ul li .txt_box{ margin-top: 10px; width:100%; }
.lr_box ul li .txt_box .inner{ width:100%; }
}/*END*/
@media (max-width: 640px) {
.lr_box{ width: 85%;}
.lr_box ul li{ margin-top: 60px; }
.lr_box ul li .txt_box{ margin-top: 10px; width:100%; }
}/*END*/

/*-------------------------------------------------
	.lr_box  .keiji_lr_box   [ layout ]
--------------------------------------------------*/
.lr_box h2 span{ display: inline-block;}
.lr_box .txt{ margin-top: 28px;}
@media (max-width: 1500px) {
.lr_box .txt{ margin-top: 28px;}
}/*END*/
@media (max-width: 1400px) {
.lr_box .txt{ margin-top: 28px;}
}/*END*/
@media (max-width: 1300px) {
.lr_box .txt{ margin-top: 28px;}
}/*END*/
@media (max-width: 1000px) {
.lr_box .txt,
.txt{ font-size: 14.5px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 640px) {
.lr_box .txt{ margin-top: 15px;}
}/*END*/

/*-------------------------------------------------
    txt [base]
--------------------------------------------------*/
/*-------- 見出し size --------*/
.lr_box h2{ font-size: 30px; line-height: 1.3; }
.keiji_lr_box h3{ font-size: 17px; letter-spacing: 1px; line-height: 1.8; font-weight: bold;}
@media (max-width: 1500px) {
.lr_box h2{ font-size: 28px; }
.keiji_lr_box h3{ font-size: 16.5px; letter-spacing: .75px;}
}/*END*/
@media (max-width: 1400px) {
.lr_box h2{ font-size: 27px; }
.keiji_lr_box h3{ font-size: 16px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1300px) {
.lr_box h2{ font-size: 26.5px; }
.keiji_lr_box h3{ font-size: 15.5px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1000px) {
.lr_box h2{ font-size: 26.5px; }
.keiji_lr_box h3{ font-size: 15px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 640px) {
.lr_box h2{ font-size: 25px; }
.keiji_lr_box h3{ font-size: 14.5px; letter-spacing: .5px;}
}/*END*/
@media (max-width: 480px) {
.lr_box h2{ font-size: 24px; letter-spacing: .2px;}
}/*END*/
@media (max-width: 350px) {
.lr_box h2{ font-size: 22px; }
}/*END*/

.mt10{ margin-top: 15px;}
@media (max-width: 1000px) {
.mt10{ margin-top: 10px;}
}/*END*/

/*-------------------------------------------------
	co_txt_box
--------------------------------------------------*/
.co_txt_box{ max-width: 960px; width: 70%; padding: 90px 0 100px; margin: 0 auto; }
@media screen and (max-width: 1400px) {
.co_txt_box{ max-width: 960px; width: 70%; padding: 80px 0 90px; }
}/*END*/
@media screen and (max-width: 1200px) {
.co_txt_box{ max-width: 960px; width: 70%; padding: 70px 0 80px; }
}/*END*/
@media screen and (max-width: 1000px) {
.co_txt_box{ max-width: 960px; width: 80%; padding: 70px 0 80px; }
}/*END*/
@media screen and (max-width: 640px) {
.co_txt_box{ max-width: 960px; width: 80%; padding: 55px 0 60px; }
}/*END*/
@media screen and (max-width: 450px) {
.co_txt_box{ max-width: 960px; width: 80%; padding: 50px 0 55px; }
}/*END*/

/*-------------------------------------------------
	co_txt_box2
--------------------------------------------------*/
.co_txt_box2{ max-width: 1100px; width: 90%; padding: 90px 0 100px; margin: 0 auto; text-align: center;}
@media screen and (max-width: 1400px) {
.co_txt_box2{ max-width: 1100px; width: 90%; padding: 80px 0 90px; }
}/*END*/
@media screen and (max-width: 1200px) {
.co_txt_box2{ max-width: 1000px; width: 90%; padding: 70px 0 80px; }
}/*END*/
@media screen and (max-width: 1100px) {
.co_txt_box2{ max-width: 1000px; width: 80%; padding: 70px 0 80px; text-align: left; }
.co_txt_box2 br{display: none; }
}/*END*/

@media screen and (max-width: 640px) {
.co_txt_box2{ max-width: 1000px; width: 90%; padding: 55px 0 60px; }
}/*END*/
@media screen and (max-width: 450px) {
.co_txt_box2{ max-width: 1000px; width: 90%; padding: 50px 0 55px; }
}/*END*/

.co h2{  margin-bottom: 50px; font-size: 32px; text-align: center; letter-spacing: 1px; }
@media screen and (max-width: 1400px) {
.co h2{ margin-bottom: 50px; font-size: 31px;}
}/*END*/
@media screen and (max-width: 1000px) {
.co h2{  margin-bottom: 40px; font-size: 30px;}
}/*END*/
@media screen and (max-width: 640px) {
.co h2{ margin-bottom: 30px;}
}/*END*/
@media screen and (max-width: 450px) {
.co h2{ margin-bottom: 30px; font-size: 23px;}
}/*END*/
@media screen and (max-width: 350px) {
.co h2{ margin-bottom: 30px; font-size: 20px; }
}/*END*/

/*-------- txt size --------*/
.txt_l{ font-size: 18px;line-height: 2.1; }
.txt{ font-size: 17px; letter-spacing: 1px; line-height: 1.8; }
.txt_s{ font-size: 16px; letter-spacing: 0px; line-height: 1.4; }
.txt span,
.txt_s span{ display: inline-block;}
@media (max-width: 1500px) {
.txt{ font-size: 16.5px; letter-spacing: .75px;}
.txt_s{ font-size: 15.5px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 1400px) {
.txt_l{ font-size: 17px; line-height: 2.3; }
.txt{ font-size: 16px; letter-spacing: .5px; }
.txt_s{ font-size: 15px; letter-spacing:0px; }
}/*END*/
@media (max-width: 1300px) {
.txt_l{ font-size: 16px; line-height: 2.1; }
.txt{ font-size: 15.5px; letter-spacing: .5px;}
.txt_s{ font-size: 14.5px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 1000px) {
.txt{ font-size: 15.5px; letter-spacing: .2px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 14.5px; letter-spacing: .5px;}
.txt_s{ font-size: 13.5px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 450px) {
.txt_l{ font-size: 15px; line-height: 2.1; }
}/*END*/
@media (max-width: 400px) {
.txt_l{ font-size: 14.5px; line-height: 2.2; }
}/*END*/