@charset "utf-8";
/*--------------------------------------------------------
	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; background: #333; color: #000; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:100%;}
a{outline: none;}
/*txt img active*/
::selection ,
::-moz-selection { background:#666; }
img::selection,
img::-moz-selection { background:none; }
/*cookie*/
#onetrust-banner-sdk{ outline: none; }

/*-------------------------------------------------
	fade
--------------------------------------------------*/
.wrap_f{ width: 100%; height: 100%; position: relative;}
.wrap_f::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004781; pointer-events: none; user-select: none; z-index: 300; opacity: 1; transition:2s; }
.wrap_f.fade::after { opacity: 0; pointer-events: none; user-select: none; }
/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative; overflow: hidden; margin: 0 auto; background: #fff;}

/*anime set
------------------------*/
.main_img img,#main .main_logo,#main .h1_1,#main .h1_2,#main .h1_3,#main .h1_4,#read .read_presage,#read .read_closs,#read .read_nausicca,#read p,#about .about_img img,#about .about_logo,#about h2 span.h2_t,#about h2 span.h2_l,#about h2 span.h2_r,#about p,#design h2,#design .h3_t,#design .h3_t2,.h3_bar,#design p.txt,#design p.txt_s,#dial .head_img img,#dial .img_box img,#dial .dial_head_bg,#case .bg_img,#back .back_img2,#back .back_img1,#back .back_word,#back .back_img3,#back .back_img_pc img,#back .back_img_sp img,#strap img,#box .card_1,#box .card_2,#box .box_img,.spec h2,.spec .read_presage,.spec .read_closs,.spec .read_nausicca,.spec .spec_box img,.spec .txt_box,.spec .txt_box .spec_btn,.spec .spec_bottom_txt
 { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 400; margin: 0 auto;}
header img{ width: 100%; vertical-align: top;}
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
header .presage_logo{ width: 180px; position:absolute; left: 35px; top: 35px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw;}
header .presage_logo{ width: 11.2vw; left: 2.2vw; top:2.2vw; }
}/*END*/
@media screen and (orientation: portrait) {   
header .seiko_logo{ width: 130px; right: 30px; top: 30px; }
header .presage_logo{ width: 180px;  left: 35px; top: 35px;}
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) {   
header .seiko_logo{ width: 17vw; right: 3.8vw; top: 3.8vw;}
header .presage_logo{ width: 23.2vw; left: 4.5vw; top: 4.5vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; right: 3.3vw; top: 3.3vw;}
header .presage_logo{ width: 28vw; left: 3.9vw; top: 3.9vw; }
}/*END*/
header .sp{display:none;}
header .x1{display:inline-block;}
@media screen and (orientation: portrait) {  
header .sp{display:inline-block;}
header .x1{display:none;}
}/*END*/

/*-------------------------------------------------
	main
--------------------------------------------------*/
/* main */
#main { width: 100%; position: relative; color: #000;  z-index: 1; overflow: hidden;}
#main img{ width: 100%; }
#main .main_title{ width: 100%; position: absolute; left: 6%; top:24.4%; }
#main .main_title .main_logo{ width:22.8%; font-size: 1px; }
#main .main_title h1{ margin: 2.3% 0 0 .1%; font-size: 28px; line-height: 1.3; font-family:'Times New Roman', Times, serif; font-weight: bold; color: #fff;}
#main .main_title h1 span{display: inline-block;}
#main .main_copyright{ position: absolute; right: 1.2%; bottom: 1.8%; font-size: 12px; line-height: 1; font-family: Arial, sans-serif;}
@media (max-width: 1600px) {
#main .main_title h1{ margin: 2.3% 0 0 .1%; font-size: 1.76vw; }
}/*END*/
@media (max-width: 800px) {
#main .main_copyright{ position: absolute; right: 1.2%; bottom: 1.8%; font-size: 1.5vw; }
}/*END*/
@media screen and (orientation: portrait) {
#main .main_title{ width: 100%; position: absolute; left: 7.35%; top:18.2%; }
#main .main_title .main_logo{ width:39.5%; }
#main .main_title h1{ margin: 3.9% 0 0 .6%; font-size: 3vw; }
#main .main_copyright{ position: absolute; right: 1.7%; bottom: 1.2%; font-size: 12px; line-height: 1; font-family: Arial, sans-serif;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main .main_title{ width: 100%; position: absolute; left: 7%; top:21.2%; }
#main .main_title .main_logo{ width:40.8%; }
#main .main_title h1{ margin: 4% 0 0 .2%; font-size: 3.15vw; }
#main .main_copyright{ position: absolute; right: 2%; bottom: 1.5%; font-size: 10px; line-height: 1.1; font-family: Arial, sans-serif;}
}/*END*/

/* on / off */
#main .sp{display:none;}
#main .tab{display:none;}
#main .x1{display:none;}
#main .x15{display:inline-block;}
@media (max-width: 1600px) {
#main .sp{display:none;}
#main .tab{display:none;}
#main .x1{display:inline-block;}
#main .x15{display:none;}
}/*END*/
@media screen and (orientation: portrait) {  
#main .sp{display:none;}
#main .tab{display:inline-block;}
#main .x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main .sp{display:inline-block;}
#main .tab{display:none;}
#main .x1{display:none;}
}/*END*/

/*-------------------------------------------------
	txt
--------------------------------------------------*/
/*letter-spacing
------------------------------*/
.ls_1{letter-spacing: 1px;}
@media (max-width: 1400px) {
.ls_1{letter-spacing: .5px;}
}/*END*/
@media (max-width: 1024px) {
.ls_1{letter-spacing: 1px;}
}/*END*/
@media (max-width: 640px) {
.ls_1{letter-spacing: 0px;}
}/*END*/

/*line-height
------------------------------*/
/*--- lh_1 ---*/
.lh_1{line-height: 1.6;}
@media (max-width: 1400px) {
.lh_1{line-height: 1.6;}
}/*END*/
@media (max-width: 640px) {
.lh_1{line-height: 1.6;}
}/*END*/

/*--- lh_2 ---*/
.lh_2{line-height: 2;}
@media (max-width: 1400px) {
.lh_2{line-height: 1.9;}
}/*END*/
@media (max-width: 640px) {
.lh_2{line-height: 1.8;}
}/*END*/

/*--- lh_3 ---*/
.lh_3{line-height: 2.2;}
@media (max-width: 1400px) {
.lh_3{line-height: 2.2;}
}/*END*/
@media (max-width: 640px) {
.lh_3{line-height: 2.2;}
}/*END*/

/*txt size
------------------------------*/
/*--- txt_l ---*/
.txt_l { font-size: 18px; }
@media (max-width: 1200px) {
.txt_l { font-size: 17px; }
}/*END*/
@media (max-width: 1024px) {
.txt_l { font-size: 18px; }
}/*END*/
@media (max-width: 650px) {
.txt_l { font-size: 17px;}
}/*END*/
@media (max-width: 570px) {
.txt_l { font-size: 15px;}
}/*END*/
@media (max-width: 450px) {
.txt_l { font-size: 14px;}
}/*END*/
.txt_l span{display: inline-block;}
/*--- txt ---*/
.txt{ font-size: 17px; }
@media (max-width: 1400px) {
.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 1200px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 1024px) {
.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 450px) {
.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 400px) {
.txt{ font-size: 13.5px; }
}/*END*/
@media (max-width: 360px) {
.txt{ font-size: 12.5px; }
}/*END*/

/*span*/
.txt span,
.txt_s span{ display: inline-block;  }

/*---txt_s---*/
.txt_s{ margin-top: 20px; font-size: 14px; text-indent: -7px; padding-left: 7px; line-height: 1.6;letter-spacing: .6px; }
@media (max-width: 1200px) {
.txt_s{ margin-top: 15px; font-size: 1.12vw; text-indent: -.6vw; padding-left: .6vw; line-height: 1.5; }
}/*END*/
@media (max-width: 950px) {
.txt_s{ margin-top: 15px; font-size: 12px; text-indent: -6px; padding-left: 6px; line-height: 1.5; }
}/*END*/
@media (max-width: 640px) {
.txt_s{ margin-top: 15px; font-size: 11px; text-indent: -5.5px; padding-left: 5.5px; line-height: 1.5;letter-spacing: 0px; }
}/*END*/
@media (max-width: 1250px) {
.txt_s br{ display: none; }
}/*END*/
.bold{ font-weight: 700;}

/*-------------------------------------------------
	read
--------------------------------------------------*/
#read { padding: 0px 0 90px; width: 100%; position: relative; color: #fff; z-index: 2; background: #004781; }
#read .read_logo{  padding: 90px 0 80px; margin: 0 auto; max-width:790px; width: 80%; display: flex; align-items: center; justify-content: center; }
#read .read_logo .read_presage{ width: 40%;}
#read .read_logo .read_closs{ width: 7%; margin: 0 6%; opacity: .5; }
#read .read_logo .read_nausicca{ width: 35%;}
@media (max-width: 1000px) {
#read { padding: 0px 0 100px; width: 100%; position: relative; color: #fff; z-index: 2; background: #004781; }
#read .read_logo{  padding: 90px 0 80px;margin: 0 auto; max-width:350px; width: 50%; display: block;text-align: center; }
#read .read_logo .read_presage{ width: 100%;}
#read .read_logo .read_closs{ width: 18%; margin: 8% auto 6%;  display: block;}
#read .read_logo .read_nausicca{ width: 90%;}
}/*END*/
@media (max-width: 500px) {
#read { padding: 0 0 15vw; width: 100%; position: relative; color: #fff; z-index: 2; background: #004781; }
#read .read_logo{  padding: 16vw 0 13vw; margin: 0 auto; max-width:350px; width: 55%; display: block;text-align: center; }
#read .read_logo .read_presage{ width: 100%;}
#read .read_logo .read_closs{ width: 18%; margin: 8% auto 6%;  display: block;}
#read .read_logo .read_nausicca{ width: 90%;}
}/*END*/
#read p { width: 85%; max-width: 1060px; margin: 0px auto; letter-spacing: 0px; text-align: left; }
#read p span{ display: inline-block; }

/*-------------------------------------------------
	about
--------------------------------------------------*/
#about{ background: #e8e9e3; text-align: center; position: relative; z-index: 5;}
#about img{ width: 100%; }
/* about_img */
#about .about_img{ position: relative; overflow: hidden;}
@media (max-width: 1024px) {
#about .about_img{ width: 133vw; position: relative; left: 50%; margin-left: -50vw; }
}/*END*/
@media (max-width: 750px) {
#about .about_img{ width: 100%; position: relative; left: 0%; margin-left: 0px; }
}/*END*/
/* on / off */
#about .about_img .pc{display:block;}
#about .about_img .sp{display:none;}
@media screen and (max-width: 750px) and (orientation: portrait) {
#about .about_img .pc{display:none;}
#about .about_img .sp{display:block;}
}/*END*/
/* txt_box */
#about .txt_box{ padding: 80px 0;}
@media (max-width: 1000px) {
#about .txt_box{ padding: 70px 0;}
}/*END*/
@media (max-width: 750px) {
#about .txt_box{ padding: 60px 0;}
}/*END*/
@media (max-width: 550px) {
#about .txt_box{ padding: 11vw 0;}
}/*END*/
/*about_logo*/
#about .txt_box .about_logo{ margin: 0 auto; width: 60%; max-width: 600px; }
@media (max-width: 750px) {
#about .txt_box .about_logo{ margin: 0 auto; width: 65%; }
}/*END*/
@media (max-width: 550px) {
#about .txt_box .about_logo{ margin: 0 auto; width: 65%; }
}/*END*/
/* h2 */
#about h2{ margin-top: 50px; padding: 0; font-size: 30px; letter-spacing: 4px; line-height: 1; text-align: center; color: #db0a17; font-family:'Times New Roman', Times, serif; font-weight: bold;  position: relative; display: inline-block;}
#about h2 span.h2_l{ position: absolute; right: 115%; content: ''; display: inline-block; width: 90px; height: 30px; background: url(../img/h2_l2.svg) no-repeat  center center; font-size: 1px; }
#about h2 span.h2_r{ position: absolute; left: 115%; content: ''; display: inline-block; width: 90px; height: 30px; background: url(../img/h2_r2.svg) no-repeat  center center; font-size: 1px;  }
#about h2 span.h2_t{ display: inline-block;}
@media (max-width: 1200px) {
#about h2{ margin-top: 50px; padding: 0; font-size: 28px; }
#about h2 span.h2_l,
#about h2 span.h2_r{ width: 90px; height: 28px; }
}/*END*/
@media (max-width: 900px) {
#about h2{ margin-top: 50px; padding: 0; font-size: 26px; }
#about h2 span.h2_l,
#about h2 span.h2_r{ width: 90px; height: 26px; }
}/*END*/
@media (max-width: 750px) {
#about h2{ margin-top: 7vw;}
}/*END*/
@media (max-width: 550px) {
#about h2{ margin-top: 7vw; padding: 0; font-size: 4.5vw; letter-spacing: 0px; line-height: 1; text-align: center; color: #db0a17; font-family:'Times New Roman', Times, serif; font-weight: bold; position: relative; display: inline-block;}
#about h2 span.h2_l,
#about h2 span.h2_r{ width: 14vw; height: 5vw; }
}/*END*/
/* txt_box */
#about .txt_box p{ margin: 20px auto 0; width: 85%; max-width: 1060px; }
@media (max-width: 750px) {
#about .txt_box p{ margin: 2vw auto 0; width: 85%; max-width: 1060px; }
}/*END*/
@media (max-width: 550px) {
#about .txt_box p{ margin: 3vw auto 0; width: 85%; max-width: 1060px; }
}/*END*/

/*-------------------------------------------------
	#design [共通]
--------------------------------------------------*/
#design h3{ text-indent: 12px; font-size: 62px; letter-spacing: 0px; line-height: 1; font-weight: bold; text-align: left; color: #00578c; font-family: 'Times New Roman', Times, serif; position: relative; display: inline-block; }
#design h3 span.h3_bar{ position: absolute; right: 100%; content: ''; display: inline-block; width: 96px; height: 62px; background: url(../img/h3.svg) no-repeat center; opacity: 1; }
#design .h3_t2{ display: inline-block; margin-left: 65px; }
@media (max-width: 1400px) {
#design h3{ text-indent: 12px; font-size: 58px;}
#design h3 span.h3_bar{ width: 96px; height: 58px; }
}/*END*/
@media (max-width: 1200px) {
#design h3{ text-indent: 10px; font-size: 55px;}
#design h3 span.h3_bar{ width: 80px; height: 55px; }
}/*END*/
@media (max-width: 750px) {
#design h3{ text-indent: 1.6vw; font-size: 58px;}
#design h3 span.h3_bar{ width: 80px; height: 58px; }
}/*END*/
@media (max-width: 600px) {
#design h3{ text-indent: 1.5vw; font-size: 9vw;}
#design h3 span.h3_bar{ width: 15vw; height: 9.5vw; }
#design .h3_t2{ display: inline-block; margin-left: 9.1vw; }
}/*END*/
#design .txt_box p{ margin-top: 20px;}
@media (max-width: 750px) {
#design .txt_box p{ margin-top: 4vw;}
}/*END*/
@media (max-width: 1024px) {
#dial .inner .txt_box p br{ display: none;}
}/*END*/
.h3_t,
.h3_t2{ display: inline-block;}

/*-------------------------------------------------
	DESIGN
--------------------------------------------------*/
#design{ background: #004781; position: relative; z-index: 1; text-align: center; }
#design h2{ padding: 110px 0 0px; font-size: 28px; letter-spacing: 5px; line-height: 1; font-weight: bold; text-align: center; color: #fff; font-family: 'Times New Roman', Times, serif; position: relative; display: inline-block; transition: 0.5s;}
#design h2 span.h2_t{ display: inline-block;}
#design h2 span.h2_l{ position: absolute; right: 118%; content: ''; display: inline-block; width: 96px; height: 28px; background: url(../img/h2_l.svg) no-repeat  center; }
#design h2 span.h2_r{ position: absolute; left: 114%; content: ''; display: inline-block; width: 96px; height: 28px; background: url(../img/h2_r.svg) no-repeat  center; }
@media (max-width: 1200px) {
#design h2{ padding: 100px 0 0px; font-size: 28px; }
#design h2 span.h2_l,
#design h2 span.h2_r{ width: 80px; height: 28px; }
}/*END*/
@media (max-width: 900px) {
#design h2{ padding: 90px 0 0px; font-size: 25px; }
#design h2 span.h2_l,
#design h2 span.h2_r{ width: 70px; height: 25px; }
}/*END*/
@media (max-width: 750px) {
#design h2{ padding: 80px 0 0px; font-size: 22px; }
#design h2 span.h2_l,
#design h2 span.h2_r{ width: 60px; height: 22px; }
}/*END*/
@media (max-width: 450px) {
#design h2{ padding: 16vw 0 0vw; font-size: 5vw; letter-spacing: 1vw;}
#design h2 span.h2_l,
#design h2 span.h2_r{ width: 14vw; height: 5vw; }
}/*END*/
/* de_head_txt_box */
.de_head_txt_box{ padding: 40px 0 90px; max-width: 680px; width: 65%; margin: 0 auto; color: #fff; text-align: center; }
@media (max-width: 640px) {
.de_head_txt_box{ padding: 30px 0 60px; max-width: 680px; width: 85%; }
}/*END*/
@media (max-width: 500px) {
.de_head_txt_box{ padding: 20px 0 60px; max-width: 680px; width: 85%; }
}/*END*/
/*head_img*/
.head_img{ width: 80%; max-width: 940px; position: relative; z-index: 1; margin: 0 auto; text-align: center; padding: 10px; display: inline-block; }
.head_img img{ position: relative; z-index: 5; width: 100%; }
.head_img .dial_head_bg{ position: absolute; left: 50%; top: 40%; margin:-10px 0 0 -100vw; width: 200vw; height: 300vw; background: #fff; z-index: 0;transform: rotate(-8deg); }
.head_img .dial_head_bg::before{ content: ''; display: block; position: absolute; left:0%; top: 0%; margin:-10px 0 0 0; width: 200vw; height: 11px; background: url(../img/gz_bg_top_w.png) repeat-x top; z-index: -1; }
.head_img_waku{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #888; opacity: .2; }
@media (max-width: 900px) {
.head_img .dial_head_bg{ top: 50%; }
.head_img .dial_head_bg::before{ content: ''; display: block; position: absolute; left:0%; top: 0%; margin:-10px 0 0 0; width: 200vw; height: 11px; background: url(../img/gz_bg_top_w.png) repeat-x bottom left; background-size: contain; z-index: -1; }
}/*END*/
@media (max-width: 750px) {
.head_img{ width: 80%; padding: 1.2vw; }
.head_img .dial_head_bg{ top: 60%; }
.head_img .dial_head_bg::before{ margin:-14px 0 0 0; height: 15px; background-size: 150%; z-index: -1; }
}/*END*/
@media (max-width: 500px) {
.head_img{ width: 80%; padding: 1.2vw; }
.head_img .dial_head_bg{ top: 60%; }
.head_img .dial_head_bg::before{ margin:-10px 0 0 0; height: 11px; background-size: 170%; z-index: -1; }
}/*END*/

/*-------------------------------------------------
	Dial
--------------------------------------------------*/
#dial .inner{ width: 80%; max-width: 930px ; margin: -70px auto 0; position: relative; z-index: 20; display: flex; justify-content: space-between; flex-direction : row-reverse;}
#dial .inner .txt_box{ margin:150px 0 0 4%; padding-bottom: 180px; width: 49%; text-align: left;}
#dial .inner .img_box{ width: 37.5%; }
#dial h3{ margin-left: 50px; }
@media (max-width: 1400px) {
#dial h3{ margin-left: 40px; }
}/*END*/
@media (max-width: 1200px) {
#dial .inner .txt_box{ margin:14vw 0 0 8.3%; width: 45.5%;}
}/*END*/
@media (max-width: 1170px) {
#dial .inner{ width: 80%; max-width: 910px ; margin: -6vw auto 0; }
}/*END*/
@media (max-width: 1024px) {
#dial .inner .txt_box{ margin:14vw 0 0 5%; width: 50%; padding-bottom: 140px; }
}/*END*/
@media (max-width: 1000px) {
#dial .inner .txt_box{ margin:14vw 0 0 4%; padding-bottom: 80px; }
}/*END*/
@media (max-width: 900px) {
#dial{ padding-bottom: 80px; }
#dial .inner{ margin: 0 auto; display: block;}
#dial .inner .img_box{ margin: 10vw auto; width: 60%; max-width: 280px; }
#dial .inner .img_box img{ margin-left: 3vw; position: relative; z-index: 100; }
#dial .inner .txt_box{ margin:-18vw auto 0; padding-bottom: 0px; width: 100%; max-width: 640px;}
#dial h3{ margin-left: 10vw; }
}/*END*/
/*-------------------------------------------------
	Case & Crown
--------------------------------------------------*/
#case { margin-top:0px; position: relative; z-index: 10;}
#case .bg_img{ transform: rotate(7.8deg) !important; position: relative; left: 50%; width: 3000px; margin-left:-1500px; transition: 0s !important;}
@media (max-width: 1600px) {
#case .bg_img{ transform: rotate(7.8deg) !important; position: relative; left: 0%;width: 116%; margin-left:-4.3%; transition: 0s !important;}
}/*END*/
#case .inner{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1;display: flex; align-items: center; justify-content: center;}
#case .inner .inner_box{ margin: 0 auto; width: 80%; max-width: 1130px;  display: flex; flex-direction:row-reverse; }
#case .inner .inner_box .txt_box_wrap .txt_box{ margin-top: 50px; width:505px; text-align: left; }
#case .inner .inner_box .txt_box_wrap .txt_box h3{ color: #e8e9e3; margin-left: 30px;}
#case .inner .inner_box .txt_box_wrap .txt_box h3 span.h3_bar{ opacity: .4; }
#case .inner .inner_box .txt_box_wrap .txt_box p{ color: #e8e9e3; }
@media (max-width: 1400px) {
#case .bg_img{ transform: rotate(7.8deg) !important; width: 114%; margin-left:-6%;}
#case .inner .inner_box{ margin: 0 auto; width: 100%; max-width: 1400px; }
#case .inner .inner_box .txt_box_wrap { width: 50%; display: flex; align-items: center; justify-content: center; }
#case .inner .inner_box .txt_box_wrap .txt_box{ margin-top: 50px; width:470px; text-align: left; }
#case .inner .inner_box .txt_box_wrap .txt_box h3{ margin-left: 20px;}
#case .inner .inner_box .txt_box_wrap .txt_box p{ width: 94%; }
}/*END*/
@media (max-width: 1200px) {
#case .bg_img{ transform: rotate(7.8deg) !important; width: 114%; margin-left:-7%;}
#case .inner .inner_box .txt_box_wrap { width: 50%; display: flex; align-items: center; justify-content: center; }
#case .inner .inner_box .txt_box_wrap .txt_box h3{  margin-left: 20px;}
#case .inner .inner_box .txt_box_wrap .txt_box p{ width: 440px; }
}/*END*/
@media (max-width: 1024px) {
#case .inner .inner_box .txt_box_wrap { width: 50%; display: flex; align-items: center; justify-content: center; }
#case .bg_img{ transform: rotate(7.8deg) !important; width: 111%; margin-left:-7%;}
#case .inner .inner_box .txt_box_wrap .txt_box h3{ margin-left: 20px;}
#case .inner .inner_box .txt_box_wrap .txt_box p{ width: 85%; }
#case .inner .inner_box .txt_box_wrap .txt_box p br{ display: none;}
}/*END*/
@media (max-width: 1000px) {
#case { margin-top:0vw;}
#case .bg_img{ transform: rotate(0deg) !important; width: 100%; margin-left:0%;}
#case .inner{width: 100%; height: 100%; position: relative; left: 0px; top: 0px; z-index: 1; background: #004781;}
#case .inner .inner_box{ margin: 0 auto; width: 90%; display: block; background: rgba(0,0,0,0.0);}
#case .inner .inner_box .txt_box_wrap { width: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.0);}
#case .inner .inner_box .txt_box_wrap .txt_box{ padding: 30px 0 240px; margin-top: 0px;width:90%; max-width:600px; text-align: left;background: rgba(0,0,0,0.0); }
#case .inner .inner_box .txt_box_wrap .txt_box p{ width: 100%; }
#case .inner .inner_box .txt_box_wrap .txt_box h3{ margin-left: 110px;}
}/*END*/
@media (max-width: 800px) {
#case { margin-top:0vw; }
#case .inner .inner_box .txt_box_wrap .txt_box h3{  margin-left: 120px;}
}/*END*/
@media (max-width: 750px) {
#case .inner .inner_box .txt_box_wrap .txt_box h3{ margin-left: 11vw;}
}/*END*/
@media (max-width: 500px) {
#case { margin-top:-8vw; }
#case .inner .inner_box .txt_box_wrap .txt_box h3{ margin-left: 8vw;}
}/*END*/
/* on / off */
#case .pc2{display:block;}
#case .pc{display:none;}
#case .tab{display:none;}
#case .sp{display:none;}
@media (max-width: 1600px) {
#case .pc2{display:none;}
#case .pc{display:block;}
#case .tab{display:none;}
#case .sp{display:none;}
}/*END*/
@media (max-width: 1000px) {
#case .pc{display:none;}
#case .tab{display:block;}
#case .sp{display:none;}
}/*END*/
@media screen and (max-width: 650px) and (orientation: portrait) {
#case .pc{display:none;}
#case .tab{display:none;}
#case .sp{display:block;}
}/*END*/

/*-------------------------------------------------
	CaseBack & Movement
--------------------------------------------------*//*
#back::before{ content: ''; display: block; position: absolute; left:0%; bottom: 100%; margin:0px 0 0 0; width: 200vw; height: 20vw; background:#fff; z-index: 5; }
*/
#back { margin:-30px auto 0; position: relative; z-index: 5; background: #fff; display: flex; width: 100%; max-width: 1600px; transition: .5s; }
#back .txt_box h3{ margin-left: 40px;}
#back .box_l{ width: 59.7%; margin-top: 105px;}
.sp_img_box_1{ display: inline;}
#back .box_l .img_box { width: 100%; position: relative; z-index: 5; display: flex; justify-content: space-between; }
#back .box_l .img_box .back_img1{ width: 58.8%; margin-top: 11.05%;}
#back .box_l .img_box .back_img2{ width: 20.5%; position: absolute; left: 58.8%; top: 0px; }
#back .box_l .img_box .back_img3{ width: 32.4%; margin-top: 37%; }
#back .box_l .img_box .back_word{ width: 60%; position: absolute; left: 68%; top: 37%; }
#back .box_l .img_box .back_word p{ font-size: 19px; line-height: 1.4; text-align: left; color: #00578c; font-weight: 700;}
#back .box_l .img_box .back_word p span.back_word2{ margin-left: 30px;}
#back .box_l .txt_box{ margin: 40px 0 0 20%; width: 90%; max-width: 640px; text-align: left; position: relative; z-index: 2; transition: 0.5s; }
#back .txt_box p{ margin-top: 30px;}
#back .back_img { width: 34.3%; position: relative; }
@media (max-width: 1500px) {
#back { width: 97%; }
#back .box_l .txt_box{ margin: 80px 0 0 18%; width: 80%;  }
}/*END*/
@media (max-width: 1400px) {
#back { width: 97%; }
#back .box_l .img_box { width: 100%; }
#back .box_l .txt_box{ margin: 80px 0 0 18%; width: 80%;}
#back .box_l .img_box .back_word p{ font-size: 1.35vw; }
}/*END*/
@media (max-width: 1350px) {
#back { width: 99%;}
#back .back_img_pc img{ width: 99%;}
}/*END*/
@media (max-width: 1300px) {
#back .txt_box h3{ margin-left: 20px;}
#back .box_l .txt_box{ margin: 80px 0 0 15%; width: 80%;}
}/*END*/
@media (max-width: 1200px) {
#back .txt_box h3{ margin-left: 20px;}
#back .box_l .txt_box{ margin: 80px 0 0 15%; width: 85%; }
}/*END*/
@media (max-width: 1000px) {
#back { width: 100%; margin-top:0px; position: relative; z-index: 11; background: #fff; display: block; }
#back .txt_box h3{ margin-left: 40px;}
#back .box_l{ width: 100%; margin-top: 0px; padding-top: 3vw; }
#back .box_l .img_box { margin: 0 auto; width: 90%; max-width: 850px; position: relative; z-index: 5; display: block; text-align: center; }
#back .box_l .img_box .sp_img_box_1{ width: 100%; display: flex; justify-content: space-between; }
#back .box_l .img_box img{ width: 100%;}
#back .box_l .img_box .back_img1{ width: 65%; margin-top: 18.8%;}
#back .box_l .img_box .back_img2{ width: 35%; position: relative; left: 0%; top: 0%; }
#back .box_l .img_box .back_img3{ width: 50%; margin: 0 0 0 10.4%; }
#back .box_l .img_box .back_word{ padding: 7vw 0; margin: 0 auto; width: auto; position: relative; left: 0%; top: 0%; display: inline-block;  }
#back .box_l .img_box .back_word p{ font-size: 2.8vw; line-height: 1.4; text-align: left; color: #00578c; font-weight: 700;}
#back .box_l .img_box .back_word p span.back_word2{ margin-left: 8vw;}
/* back_img_sp */
.back_img_sp{ margin: 15vw 0 0 0; background: #eff0eb; position: relative; overflow: hidden;}
.back_img_sp img{ max-width: 600px; width: 55%;}
/* txt_box */
#back .box_l .txt_box{ padding: 80px 0; margin: 0 auto 0; width: 80%; max-width: 740px; text-align: left; }
#back .txt_box p{ margin-top: 30px;}
#back .back_img { display: none; }
/* back_sp_bg */
#back .back_sp_bg{ position: absolute; left: 50%; top: 0%; margin:-8vw 0 0 -100vw; width: 200vw; height: 300vw; background: #fff; z-index: -1;transform: rotate(8deg); }
#back .back_sp_bg::before{ content: ''; display: block; position: absolute; left:0%; top: 0%; margin:-10px 0 0 0; width: 200vw; height: 11px; background: url(../img/gz_bg_top_w.png) repeat-x top; z-index: -1; }
}/*END*/
@media (max-width: 750px) {
#back { margin-top:-50px; position: relative; z-index: 11; background: #fff; display: block; }
#back .box_l .txt_box{ padding: 80px 0 90px;}
#back .box_l .img_box { margin: 0 auto; width: 100%; }
#back .box_l .img_box .back_word p{ font-size: 3.2vw; }
}/*END*/
@media (max-width: 640px) {
#back .box_l{ width: 100%; margin-top: 0px; padding-top: 8vw; }
.back_img_sp img{ max-width: 600px; width: 80%;}
}/*END*/
@media (max-width: 550px) {
#back { margin-top:-90px; position: relative; z-index: 11; background: #fff; display: block; }
#back .box_l .txt_box{ padding: 15vw 0 17vw;}
#back .box_l .img_box { margin: 0 auto; width: 100%; }
#back .box_l .img_box .back_word{ padding: 9vw 0; }
#back .box_l .img_box .back_word p{ font-size: 3.5vw; }
}/*END*/
@media (max-width: 450px) {
#back { margin-top:-110px; position: relative; z-index: 11; background: #fff; display: block; }
#back .box_l{ width: 100%; margin-top: 0px; padding-top: 8vw; }
#back .box_l .txt_box{ padding: 15vw 0 17vw;}
#back .box_l .img_box { margin: 0 auto; width: 100%; }
#back .box_l .img_box .back_word{ padding: 9vw 0; }
#back .box_l .img_box .back_word p{ font-size: 3.8vw; }
}/*END*/

/* on / off */
#back .back_img_pc{display:block;}
#back .back_img_sp{display:none;}
@media (max-width: 1000px) {
#back .back_img_pc{display:none;}
#back .back_img_sp{display:block;}
}/*END*/
/* on / off */
#back .img_pc{ display: block;}
#back .img_sp{ display: none;}
@media (max-width: 1000px) {
#back .img_pc{ display: none;}
#back .img_sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	obi
--------------------------------------------------*/
#obi{ margin-top: -40px; position: relative; z-index: 30; transition: .5s;}
#obi img{ width: 100%; }
@media (max-width: 1450px) {
#obi{ margin-top: -6vw;}
}/*END*/
@media (max-width: 1400px) {
#obi{ margin-top: -10vw;}
}/*END*/
@media (max-width: 1250px) {
#obi{ margin-top: -8vw; }
}/*END*/
@media (max-width: 1200px) {
#obi{ margin-top: -13vw; }
}/*END*/
@media (max-width: 1100px) {
#obi{ margin-top: -8vw; }
}/*END*/
@media (max-width: 1024px) {
#obi{ margin-top: -1vw; }
}/*END*/
@media (max-width: 1000px) {
#obi{ margin-top: 0; }
}/*END*/

/* on / off */
#obi .pc{ display: block;}
#obi .sp{ display: none;}
@media (max-width: 1000px) {
#obi .pc{ display: none;}
#obi .sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	strap
--------------------------------------------------*/
#strap{ padding: 113px 0 70px; background: #e8e9e3; position: relative; z-index: 19;}
#strap .inner{ margin: 0 auto; width: 90%; max-width: 1220px; display: flex; }
#strap .inner .img_box{ margin-left:1.9%; width: 50.8%; }
#strap .inner .txt_box{ margin-left: 3.2%; width: 44%; text-align: left; display: flex; justify-content: center; }
#strap .inner .txt_box .txt_box_inner{ height: 83%; display: flex; align-items: center; justify-content: center; }
#strap .txt_box h3{ margin-left: 20px;}
@media (max-width: 1350px) {
#strap{ padding: 85px 0 55px; }
}/*END*/
@media (max-width: 1200px) {
#strap{ padding: 80px 0 50px; }
}/*END*/
@media (max-width: 800px) {
#strap{ padding: 80px 0 80px; }
#strap .inner{ margin: 0 auto; display: block; }
#strap .inner .img_box{ margin-left:1.9%; width: 95%; }
#strap .inner .img_box img{ margin-right:-5%; }
#strap .inner .txt_box{ margin: 10px auto 0; width: 80%; text-align: left; display: block; }
#strap .inner .txt_box .txt_box_inner{ height: auto; display: block;  }
#strap .txt_box h3{ margin-left: 20px;}
}/*END*/
@media (max-width: 640px) {
#strap{ padding: 80px 0 80px; }
#strap .inner{ margin: 0 auto; display: block; }
#strap .inner .img_box{ margin-left:1.9%; width: 95%; }
#strap .inner .img_box img{ margin-right:-5%; }
#strap .inner .txt_box{ margin: 10px auto 0; width: 90%; text-align: left; display: block; }
#strap .txt_box h3{ margin-left: 40px;}
}/*END*/
@media (max-width: 640px) {
#strap{ padding: 12vw 0 ; }
}/*END*/

/*-------------------------------------------------
	box
--------------------------------------------------*/
#box{ position: relative; z-index: 20; color: #e8e9e3;}
#box h3{ color: #e8e9e3; margin-left: 35px;}
#box h3 span.h3_bar{ opacity: .4; }
#box .txt_box p{ margin-top: 30px;}
#box .box_main_img{ width: 100%; height: auto; position: relative; left: 0%;  }
#box .box_main_img img{ width: 100%; }
@media (max-width: 1600px) {
#box .box_main_img{ width: 1600px; height: 511px; position: relative; left: 50%; margin-left: -800px; }
}/*END*/
#box .box_inner{ background: linear-gradient(to bottom, #003454 21%, #00578c 90%);/*グラデ*/}
/*img_box*/
#box .img_box{ width: 85%; max-width: 1077px; margin: -155px auto 0; position: relative; z-index: 1; display: flex; flex-direction : row-reverse;}
#box .img_box .card_1{ width: 42.5%; position: absolute; left:0px; top: 21%; z-index: 4;}
#box .img_box .card_2{ width: 42.5%; position: absolute; left:23.5%; top: 7%; z-index: 3;}
#box .img_box .box_img{ width: 43.6%; position: relative; z-index: 5;}
/*txt_box*/
#box .txt_box{  margin: -210px auto 0; padding-bottom: 120px; width: 85%; max-width: 1077px; text-align: left; position: relative; z-index: 6; }
#box .txt_box .txt_box_inner{ margin: 0 0 0 20px; width: 520px;}
@media (max-width: 1400px) {
#box .txt_box .txt_box_inner{ margin: 0 0 0 40px; width: 480px;}
}/*END*/
@media (max-width: 1265px) {
#box .txt_box{  margin: -16.5vw auto 0; padding-bottom: 120px; width: 85%; max-width: 1077px; text-align: left; position: relative; z-index: 6; }
}/*END*/
@media (max-width: 1200px) {
#box .img_box{ width: 85%; max-width: 1077px; margin: -13vw auto 0;}
#box .txt_box .txt_box_inner{ margin: 0 0 0 20px; width: 460px;}
}/*END*/
@media (max-width: 1100px) {
#box .txt_box{  margin: -15.5vw auto 0; padding-bottom: 120px; }
#box .txt_box .txt_box_inner{ margin: 0 0 0 0px; width: 450px;}
}/*END*/
@media (max-width: 1024px) {
#box .txt_box{  margin: -14.5vw auto 0; padding-bottom: 120px; }
#box .txt_box .txt_box_inner{ margin: 0 0 0 0px; width: 430px;}
#box .txt_box .txt_box_inner p br{ display: none;}
}/*END*/
@media (max-width: 900px) {
#box h3{ color: #e8e9e3; margin-left: 55px;}
#box .txt_box{  margin: -3vw auto 0; padding-bottom: 100px; }
#box .txt_box .txt_box_inner{ margin: 0 auto; width: 100%; max-width: 430px;}
#box .txt_box .txt_box_inner p br{ display: none;}
}/*END*/
@media (max-width: 800px) {
#box .img_box{ width: 90%; max-width: 1077px; margin: -15vw auto 0;}
}/*END*/
@media (max-width: 600px) {
#box h3{ color: #e8e9e3; margin-left: 55px;}
}/*END*/
@media (max-width: 450px) {
#box h3{ color: #e8e9e3; margin-left: 70px;}
#box .txt_box p{ margin-top: 5vw;}
#box .txt_box{  margin: -3vw auto 0; padding-bottom: 17vw; }
}/*END*/
@media (max-width: 450px) {
#box h3{ color: #e8e9e3; margin-left: 60px;}
#box .txt_box p{ margin-top: 5vw;}
#box .txt_box{  margin: -3vw auto 0; padding-bottom: 17vw; }
}/*END*/
/* on / off */
.box_main_img .pc2{ display: block;}
.box_main_img .pc{ display: none;}
.box_main_img .sp{ display: none;}
@media (max-width: 1600px) {
.box_main_img .pc2{ display: none;}
.box_main_img .pc{ display: block;}
.box_main_img .sp{ display: none;}
}/*END*/
@media (max-width: 750px) {
#box .box_main_img{ width: 100%; height: auto; position: relative; left: 0%; margin-left: 0px; }
.box_main_img .pc{ display: none;}
.box_main_img .sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	ギザ bg
--------------------------------------------------*/
/*top*/
.gz_bg_top2_b { position: absolute; top: 0px; height: 10px; width: 100%; background: url(../img/gz_bg_btm_b.png) repeat-x top; z-index: 1; }
.gz_bg_top_g { position: absolute; top: 0px; height: 10px; width: 100%; background: url(../img/gz_bg_top_g.png) repeat-x top; z-index: 1; }
.gz_bg_top_w { position: absolute; top: 0px; height: 10px; width: 100%; background: url(../img/gz_bg_btm_w.png) repeat-x top; z-index: 1; }
/*btm*/
.gz_bg_btm_g { position: absolute; bottom: 0px; height: 10px; width: 100%; background: url(../img/gz_bg_btm_g.png) repeat-x bottom; z-index: 1; }
.gz_bg_btm_w2 { position: absolute; bottom: 0px; height: 10px; width: 100%; background: url(../img/gz_bg_top_w.png) repeat-x bottom; z-index: 1; }

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{ color: #000; position: relative; z-index: 19; }
.spec .title_box{ padding: 90px 0; }
@media screen and (max-width:1200px) {
.spec .title_box{ padding: 80px 0; }
}/*END*/
@media screen and (max-width:800px) {
.spec .title_box{ padding: 70px 0; }
}/*END*/
@media screen and (max-width: 670px) {
.spec .title_box{ padding: 70px 0; }
}/*END*/
@media screen and (max-width: 500px) {
.spec .title_box{ padding: 14vw 0; }
}/*END*/
@media screen and (max-width: 370px) {
.spec{ padding:0 0 14vw 0; }
}/*END*/

/* h2 */
.spec .title_box h2 { font-size: 30px; line-height: 1.7; text-align: center; font-family: 'Noto Serif JP', serif;}
@media screen and (max-width: 1100px) {
.spec .title_box h2 { font-size: 30px; line-height: 1.7;}
}/*END*/
@media screen and (max-width: 950px) {
.spec .title_box h2 { font-size: 28px; line-height: 1.7;}
}/*END*/
@media screen and (max-width: 800px) {
.spec .title_box h2 { font-size: 3.5vw; }
}/*END*/
@media screen and (max-width: 500px) {
.spec .title_box h2 { font-size: 3.7vw; }
}/*END*/



/*spec_logo*/
.spec .spec_logo{ margin: 60px auto 0; max-width:760px; width: 80%; display: flex; align-items: center; justify-content: center; }
.spec .spec_logo .read_presage{ width: 40%;}
.spec .spec_logo .read_closs{ width: 7%; margin: 0 6%;  }
.spec .spec_logo .read_nausicca{ width: 35%;}
@media (max-width: 750px) {
.spec .spec_logo{ margin: 60px auto 0; width: 85%;}
.spec .spec_logo .read_presage{ width: 40%;}
.spec .spec_logo .read_closs{ width: 7%; margin: 0 6%;  }
.spec .spec_logo .read_nausicca{ width: 35%;}
}/*END*/
@media (max-width: 640px) {
.spec .spec_logo{ margin: 12vw auto 0; max-width:260px; width: 55%; display: block;text-align: center; }
.spec .spec_logo .read_presage{ width: 100%;}
.spec .spec_logo .read_closs{ width: 18%; margin: 8% auto 6%;  display: block;}
.spec .spec_logo .read_nausicca{ width: 90%;}
}/*END*/

.spec_box{ width: 94%; margin: 0 auto; }
.spec .inner{ margin: 0 auto; width: 100%; max-width: 650px; display: flex;  justify-content: center; }
.spec .inner .img_box{ max-width: 270px; }
.spec .inner .txt_box{ margin-left: 8%; margin-top: 90px; line-height: 1.5; text-align: center; }
@media screen and (max-width: 1000px) {
.spec .inner .txt_box{ margin-left: 4.5vw; margin-top: 80px;}
}/*END*/
@media screen and (max-width: 750px) {
.spec .inner .img_box{ width:40%; }
.spec .inner .txt_box{ margin-left: 4.5vw; margin-top: 75px;}
}/*END*/
@media screen and (max-width: 690px) {
.spec .inner .img_box{ width:40%; }
.spec .inner .txt_box{ margin-left: 4vw; margin-top: 9vw; }
}/*END*/
@media screen and (max-width: 550px) {
.spec .inner .img_box{ width:42%;  }
.spec .inner .txt_box{ margin-left: 4vw; margin-top: 11vw; }
}/*END*/
@media screen and (max-width: 500px) {
.spec .inner .txt_box{ margin-left: 4vw; margin-top: 8vw; }
}/*END*/
@media screen and (max-width: 450px) {
.spec .inner .img_box{ width:44%; }
.spec .inner .txt_box{ margin-left: 4vw; margin-top: 8vw; }
}/*END*/
@media screen and (max-width: 400px) {
.spec .inner .img_box{ width:46%; }
.spec .inner .txt_box{ margin-left: 4vw;  margin-top: 8vw;}
}/*END*/
@media screen and (max-width: 370px) {
.spec_box{ padding: 0 0 0; }
.spec .inner{ margin: 0 auto; width: 100%; max-width: 650px; display: block; }
.spec .inner .txt_box{ margin:-8vw 0 0 0%; display: block;}
.spec .inner .img_box{ width:50%; margin: 0 auto; }
}/*END*/

/* [ on off ]*/
.spec .x15{display:block;}
.spec .x1{display:none;}
@media (max-width: 500px) {
.spec .x15{display:none;}
.spec .x1{display:block;}
}/*END*/
.number		{ margin-top: 0px; font-size: 26px; letter-spacing: 1px;  }
.caribre	{ margin-top: 5px; font-size: 15px; }
.price		{ margin-top: 7px; font-size: 18px; }
.price span	{ margin-top: 0px; font-size: 12px; margin-left: 3px; }
.limited	{ margin-top: 7px; font-size: 15px; position: relative; padding-bottom: 3px; display: inline-block;} .limited::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: #000; }
.limited_sub{ margin-top: 3px; font-size: 12px; }
.spec_txt	{ margin-top: 15px; font-size: 14px; }
.spec_txts	{ margin-top: 17px; font-size: 13px; }
.spec_txts2	{ margin-top: 0px; font-size: 13px; }
@media screen and (max-width: 640px) {
.number		{ margin-top: 0px; font-size: 21px;  letter-spacing: .5px;  }
.caribre	{ margin-top: 5px; font-size: 13px; }
.price		{ margin-top: 6px; font-size: 16px; }
.price span	{ margin-top: 0px; font-size: 11px; margin-left: 3px; }
.limited	{ margin-top: 5px; font-size: 13px; position: relative; padding-bottom: 3px; display: inline-block;}
.limited_sub{ margin-top: 3px; font-size: 11px; }
.spec_txt	{ margin-top: 12px; font-size: 12px; }
.spec_txts	{ margin-top: 17px; font-size: 12px; }
.spec_txts2	{ margin-top: 0px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 400px) {
.number		{ margin-top: 0px; font-size: 20px; }
.caribre	{ margin-top: 5px; font-size: 13px; }
.price		{ margin-top: 6px; font-size: 16px; }
.price span	{ margin-top: 0px; font-size: 11px; margin-left: 3px; }
.limited	{ margin-top: 5px; font-size: 13px; position: relative; padding-bottom: 2px; display: inline-block;}
.limited_sub{ margin-top: 3px; font-size: 11px; }
.spec_txt	{ margin-top: 12px; font-size: 12px; }
.spec_txts	{ margin-top: 16px; font-size: 12px; }
.spec_txts2	{ margin-top: 0px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 370px) {
.number		{ margin-top: 0px; font-size: 22px; }
.caribre	{ margin-top: 5px; font-size: 13px; }
.price		{ margin-top: 7px; font-size: 16px; }
.price span	{ margin-top: 0px; font-size: 11px; margin-left: 3px; }
.limited	{ margin-top: 5px; font-size: 13px; position: relative; padding-bottom: 3px; display: inline-block;}
.limited_sub{ margin-top: 3px; font-size: 11px; }
.spec_txt	{ margin-top: 12px; font-size: 12px; }
.spec_txts	{ margin-top: 15px; font-size: 12px; }
.spec_txts2	{ margin-top: 0px; font-size: 12px; }
}/*END*/

/*spec_btn*/
.spec_btn { margin:22px auto 0; display: block;}
.spec_btn a {width: 190px; padding: 16px 0 18px; margin:0 auto; font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: .5px; color: #fff; background: #00578c; display: block; transition: 0.3s; text-decoration: none; border-radius: 50px;}
.spec_btn a:hover { cursor: pointer; color: #fff; opacity: 0.8; }
@media screen and (max-width: 640px) {
.spec_btn { margin: 17px auto 0; }
.spec_btn a { width: 170px; font-size: 13px;  padding: 15px 0 17px; }
}/*END*/
@media screen and (max-width: 500px) {
.spec_btn { margin: 17px auto 0; }
.spec_btn a { width: 150px; font-size: 12px;  padding: 14px 0 16px; }
}/*END*/
@media screen and (max-width: 370px) {
.spec_btn a { width: 160px; font-size: 12px;}
}/*END*/


/*----- spec_bottom -----*/
.spec_bottom{ padding: 0 0 70px; margin: 0 auto; max-width: 90%; text-align: center;}
.spec_bottom p{ margin-top: -30px; font-size: 14px; line-height: 1.5;}
.spec_bottom p span{ display: inline-block;}
@media screen and (max-width: 700px) {
.spec_bottom{ padding: 0 0 10vw;}
}/*END*/
@media screen and (max-width: 640px) {
.spec_bottom p{  font-size: 13px; }
}/*END*/
@media screen and (max-width: 400px) {
.spec_bottom p{ font-size: 12px;}
}/*END*/
@media screen and (max-width: 370px) {
.spec_bottom{ padding: 0 0 0px; margin: 0 auto; max-width: 90%; text-align: center;}
.spec_bottom p{ margin-top: 30px; font-size: 11px;}
}/*END*/

/*-------------------------------------------------
	bottom_copyright
--------------------------------------------------*/
#bottom_copyright{ background: #f2f2f2; text-align: center; padding: 60px 0 50px; position: relative; z-index: 20;}
#bottom_copyright p{ font-size: 12px; line-height: 1; font-family: Arial, sans-serif;}

/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:absolute; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 2000!important; }
.gotop a{ position: relative; display:block; background:rgba(33,33,33,0.8); text-decoration:none;width:50px; height:50px; box-sizing:border-box; border-radius: 0%; z-index: 11; transition: 0.3s;border-radius: 50%;  }
.gotop a::after { position:absolute; top:50%; left:50%; content: ''; width: 16px; height: 16px; margin: -8px 0 0 -8px; background: url("../img/page_top.svg") no-repeat ; background-size: cover;}
.gotop a:hover { background:rgba(60,60,60,0.5); }
@media (max-width: 500px) {
.gotop { position:absolute; bottom:0px; right:10px; width:40px; height:50px; }
.gotop a{ width:40px; height:40px; }
.gotop a::after { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #262626; 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 ; }
.foot_r .sns { display: flex; list-style-type: none; }
.foot_r .sns img{ width: 100%;}
.foot_r .sns > li { width: 40px; margin-right: 12px; padding: 5px; line-height: 1; border-radius: 50%; transition: 0.3s; background: #3c3c3c;}
.foot_r .sns > li:nth-child(2){ margin-right: 0; }
.foot_r .sns > li:hover{ opacity: 0.5; }
@media (max-width: 750px) {
.foot_r { float: none; padding-top: 40px; margin: 0px; }
.foot_r .sns { position: static; margin-bottom: 20px; justify-content: center; }
.foot_r .sns > li { margin-right: 10px; }
}/*END*/