@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Noto+Sans+JP:wght@400;700&display=swap');
/*-----------------------------------------------
 RESET CSS
 -----------------------------------------------*/
a:hover img {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;-moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}	
a img {overflow:hidden;	-moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;	-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}
img { max-width:100%;}
@media screen and (max-width: 640px) {
a:hover img,a:hover.bgover {filter: alpha(opacity=100)!important;opacity: 1!important;transition: none;}	
a img {overflow:hidden;opacity: 1;transition: none;}	
img { max-width:100%; }
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


a.bgover {
	-moz-transition: all  0.6s ease;
	-webkit-transition: all  0.6s ease;
	-o-transition: all  0.6s ease;
	-ms-transition: all  0.6s ease;
	transition: all  0.6s ease;}
a:hover.bgover {
	-moz-opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.6;
	-moz-transition: all  0.6s ease;
	-webkit-transition: all  0.6s ease;
	-o-transition: all  0.6s ease;
	-ms-transition: all  0.6s ease;
	transition: all  0.6s ease;}

* {margin: 0;
	padding: 0;
	zoom: 1;}
html, body {font-family:'Lato','Noto Sans JP',sans-serif;font-size: 100%;margin: 0;padding: 0;height: 100%;color:#1a1a1a; font-weight: 400;}

body {min-width:1000px;}
@media screen and (max-width: 640px) {
body{min-width:96%; padding:0 2%;}
html{-webkit-text-size-adjust:100%;font-family:Helvetica,Arial,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",sans-serif;font-size:12px;-webkit-text-size-adjust: 100%;}
}

img {border: none;
	vertical-align: top;
	vertical-align: bottom;}
/*h1,h2,h3,h4,h5,h6 {clear: both;}*/
hr {
	clear: both;
	border: 0;
}

ul, dl, ol {list-style-type: none;
	list-style-position: outside;
	text-indent: 0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, ul, dl, ol, th {font-size: 100%;
	font-weight: normal;
	font-style: normal;}
a {color:#393939;
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;}
a:active {color: #393939;}
a:hover {color: #1a1a1a;
	-webkit-transition:all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	text-decoration: none;}
::selection { background: #000; color:#fff;}
::-moz-selection {background: #000; color:#fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {padding: 0;
	margin: 0;vertical-align:middle;}
@media screen and (max-width: 640px) {
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {vertical-align:middle;}
}
table {border-collapse: collapse;
	border-spacing: 0;}
fieldset, img {border: 0;}
hr{
	border-width: 0px;
	border-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;
	font-style: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/* [disabled]background:transparent; */}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;}


/*-----------------------------------------------
 common
 -----------------------------------------------*/

.bold { font-weight:bold;}
.wid25p { width:25%;}
.wid33p { width:33%;}
.wid005 { width:5px;}
.wid020 { width:20px;}
.wid030 { width:30px;}
.wid040 { width:40px;}
.wid050 { width:50px;}
.wid060 { width:60px;}
.wid070 { width:70px;}
.wid080 { width:80px;}
.wid090 { width:90px;}
.wid100 { width:100px;}
.wid110 { width:110px;}
.wid120 { width:120px;}
.wid130 { width:130px;}
.wid140 { width:140px;}
.wid150 { width:150px;}
.wid160 { width:160px;}
.wid170 { width:170px;}
.wid180 { width:180px;}
.wid190 { width:190px;}
.wid195 { width:195px;}
.wid200 { width:200px;}
.wid220 { width:220px;}
.wid225 { width:225px;}
.wid230 { width:230px;}
.wid240 { width:240px;}
.wid250 { width:250px;}
.wid260 { width:260px;}
.wid270 { width:270px;}
.wid280 { width:280px;}
.wid285 { width:285px;}
.wid290 { width:290px;}
.wid300 { width:300px;}
.wid310 { width:310px;}
.wid320 { width:320px;}
.wid330 { width:330px;}
.wid340 { width:340px;}
.wid350 { width:350px;}
.wid360 { width:360px;}
.wid370 { width:370px;}
.wid380 { width:380px;}
.wid390 { width:390px;}
.wid400 { width:400px;}
.wid410 { width:410px;}
.wid420 { width:420px;}
.wid430 { width:430px;}
.wid440 { width:440px;}
.wid450 { width:450px;}
.wid460 { width:460px;}
.wid470 { width:470px;}
.wid480 { width:480px;}
.wid490 { width:490px;}
.wid500 { width:500px;}
.wid510 { width:510px;}
.wid520 { width:520px;}
.wid530 { width:530px;}
.wid540 { width:540px;}
.wid550 { width:550px;}
.wid560 { width:560px;}
.wid570 { width:570px;}
.wid580 { width:580px;}
.wid590 { width:590px;}
.wid600 { width:600px;}
.wid610 { width:610px;}
.wid620 { width:620px;}
.wid630 { width:630px;}
.wid640 { width:640px;}
.wid650 { width:650px;}
.wid660 { width:660px;}
.wid670 { width:670px;}
.wid680 { width:680px;}
.wid690 { width:690px;}
.wid700 { width:700px;}
.wid710 { width:710px;}
.wid720 { width:720px;}
.wid730 { width:730px;}
.wid740 { width:740px;}
.wid750 { width:750px;}
.wid760 { width:760px;}
.wid770 { width:770px;}
.wid780 { width:780px;}
.wid790 { width:790px;}
.wid800 { width:800px;}
.wid810 { width:810px;}
.wid820 { width:820px;}
.wid830 { width:830px;}
.wid840 { width:840px;}
.wid850 { width:850px;}
.wid860 { width:860px;}
.wid870 { width:870px;}
.wid880 { width:880px;}
.wid890 { width:890px;}
.wid900 { width:900px;}
.wid910 { width:910px;}
.wid920 { width:920px;}
.wid930 { width:930px;}
.wid940 { width:940px;}
.wid950 { width:950px;}
.wid960 { width:956px;}
.font10 { font-size:10px!important;}
.font12 { font-size:12px!important;}
.font14 { font-size:14px!important;}
.font16 { font-size:16px!important;}
.font18 { font-size:18px!important;}
.font20 { font-size:20px!important;}
.font22 { font-size:22px!important;}
.font24 { font-size:24px!important;}
.font26 { font-size:26px!important;}
.font28 { font-size:28px!important;}
.font30 { font-size:30px!important;}
.mt10n{margin-top:-10px!important;}
.mt20n{margin-top:-20px!important;}
.mt30n{margin-top:-30px!important;}
.mt40n{margin-top:-40px!important;}
.mt0{margin-top:0px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}

.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.mb65{margin-bottom:65px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}
.mb85{margin-bottom:85px!important;}
.mb90{margin-bottom:90px!important;}
.mb95{margin-bottom:95px!important;}
.mb100{margin-bottom:100px!important;}



.ml30{margin-left:30px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.white{ color:#FFF!important;}


@media screen and (max-width: 640px) {
.mb100{margin-bottom:30px!important;}
	}



.box{ padding:0;position:relative; overflow:hidden;}
.box_relative{ position:relative;}
.box_left { float:left; }
.box_right { float:right;}

@media screen and (max-width: 640px) {
.box_left { float:none; margin-bottom:20px;}
.box_right { float:none;}
}

.clear { clear: both;}
.clearfix:after {content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;}
.clearfix { min-height: 0px;}
* html .clearfix {height: 0px;/*\･*//*/
  height: auto;
  overflow: hidd;
  /**/}





.pcimg70 img{ width:70%;}
.pcimg80 img{ width:80%;}
.pcimg90 img{ width:90%;}
br.brnone{ display:inline;}
br.smpbr{ display:none;}
@media screen and (max-width: 640px) {
.st1 img{ width:70%;}
.img10 img{ width:10%;}
.img20 img{ width:20%;}
.img30 img{ width:30%;}
.img40 img{ width:40%;}
.img50 img{ width:50%;}
.img60 img{ width:60%;}
.img70 img{ width:70%;}
.img80 img{ width:80%;}
.img90 img{ width:90%;}
.img100 img{ width:100%;}
br.brnone{ display:none;}
br.smpbr{ display:inline;}
.sp_left{ text-align: left!important;}
}

a:hover img {filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.img_right {float: right;margin: 0 0 20px 20px;}
.img_left {float: left;margin: 0 20px 20px 0;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.text_center td, .text_center th {text-align: center;}
.anchor {height: 1px;font-size: 1px;text-indent: -9999px;}
.text_underline{text-decoration: underline;}

.table0 { line-height: 140%; font-size:1em;
 margin: 0 0 10px 0;}
.table0 th { padding: 5px;}
.table0 td { padding: 5px 5px 5px 30px; vertical-align: middle; text-align:right;}


/*-----------------------------------------------
 BASE
 -----------------------------------------------*/
section{ float:none; clear:both;}

#main { width:100%; margin:0 auto; height: 100vh; max-height: 1000px; background: url("../images/bg.png");overflow: hidden; position: relative; display: block; background-size: cover;}
#head_wrapper {width: 100vw; max-width: 100vw; height:180px; padding-left:7%;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); display: block; position: fixed; top:0; z-index: 999;transition: all 0.3s; min-width: 1000px;}
#head {position: relative;}
#head h1 {width:425px;padding:35px 0 0 40px;display:inline-block;transition: all 0.3s;}
#head h1 a {opacity:1!important;margin: auto;display:inline-block; }
#head h1 a img{opacity:1!important; margin-top:20px;}
#head h1 a:hover,#head h2 a:hover { opacity:1!important;}
#navi_wrapper { display:inline-block;transition: all 0.3s; position: absolute; right:0;margin-right:7%;}

nav{padding: 70px 20px 20px 40px; display:inline-block;}
nav a{font-size:18px;display:inline-block;opacity:1!important;color:#FFF; line-height: 30px; margin:0px 10px;position: relative;text-decoration:none;transition: all  0.4s ease;}
nav a:hover{ position: relative;z-index: 1;opacity:1!important;	color:#FFF; transition: all  0.3s ease;}
nav a:before{content: "";position: absolute;left: 0;bottom: -4px;width: 100%;height: 2px;background: #FFF;transform: scale(0, 1);transition: 0.3s;}
nav a:hover:before {transform: scale(1);}


.page #head_wrapper,.blog #head_wrapper {margin:0;padding-left:0;background: rgb(0,0,0);height:120px; }
.page #head,.blog #head {width: 1300px; min-width: 1020px;margin:0 auto;}
.page #head h1,.blog #head h1 {padding:35px 0 0 0px;}
.page #navi_wrapper,.blog #navi_wrapper {margin-right:0%;}

.head_animation{transition: all 0.3s;background: rgba(0,0,0,0.8)!important;margin-left:0!important;height:70px!important;}
.head_animation #head h1 {transition: all 0.3s;width:250px; padding:0px 0 0 40px!important;}
.head_animation #head h1 a {opacity:1!important;margin: auto;display:inline-block; }
.head_animation nav{transition: all 0.3s;padding: 20px 20px 20px 40px; }
.head_animation #head ul li.contact a{transition: all 0.3s;margin:0px 0px; padding:6px 20px; border: solid 1px #fff;}
#head_wrapper.head_animation {padding-left: 0%;}


#head ul{position: relative; display:inline-block;}
#head ul li{display:inline-block;}
#head ul li.contact{margin-right:20px;}
#head ul li.contact a{font-size:18px;color:#FFF; line-height: 30px; margin:0px 0px; padding:12px 40px; border: solid 1px #fff;}
#head ul li.contact a:hover {color: #fff;background: rgba(0,0,0,0.7);}


#head ul li a img{ width:38px; margin:0 10px;}
.mainvisual {padding: 0 0 70px 7%; display: block; height: 98vh; }
.vegas-timer-progress{background: rgba(0,0,0,0.7)!important;}

#main .information{ position: absolute;right:0;background: #FFF;width:440px;  bottom:30px;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);}
#main .information h2{ background: #000; font-size: 20px; color: #FFF; line-height: 46px; padding:0 18px; font-weight: 700; }
#main .information div{ background: #FFF; padding:15px 18px;}
#main .information div p a{text-decoration: underline;}
#main .information div p a:hover{text-decoration: none;}
#main .information div p{ font-size: 16px; line-height: 1.4;  margin-bottom:0.5em; border-bottom:solid #CCC 1px; padding-bottom:0.5em; }
#main .information div p:nth-child(3){ margin-bottom:0; border-bottom:none; padding-bottom:0}
#main .information div p a{ color: #1a1a1a;}

@media screen and (max-width: 1300px) {
#head_wrapper {transform:translate(0, 0);margin-left:0%;height:160px; }
#head h1 {width: 25%;padding:20px 0 0 20px;opacity:1!important;}
.page #head h1,.blog #head h1  {width: 25%;padding:20px 0 0 20px;}	
.mainvisual {padding: 0 0 50px 5%; display: block; }
nav{padding: 45px 20px 20px 20px;}
nav a{font-size:16px;}
#head ul{}
#head ul li.contact a{font-size:16px;margin:0px 0px; padding:12px 20px;}
#head ul li a img{ width:34px; }
.page #navi_wrapper,.blog #navi_wrapper {margin-right:4%;}
.page #head,.blog #head {width: 1200px;margin:0 auto;}
}

@media screen and (max-width: 1200px) {
.page #head,.blog #head {width: 100%;}
.page #navi_wrapper,.blog #navi_wrapper {margin-right:20px;}
.page #head h1,.blog #head h1 {padding:20px 0 0 20px;}
}

@media screen and (max-width: 1000px) {
nav{padding: 45px 20px 20px 20px;}
}


@media screen and (max-width: 813px) {
#main { height: auto;max-height: auto;}
#head_wrapper,.page #head_wrapper,.blog #head_wrapper {width: 100%; max-width: 100%; height:60px; margin-left:0;background: rgba(0,0,0,0.8);  top:auto; z-index: 999; min-width: 100%; padding-left:0;}
#head {position: relative;}
#head h1 {width:60%;padding:15px 10px 10px 20px;display:inline-block;}
#head h1 a img{margin-top:0px;}

#navi_wrapper { display:inline-block;transition: all 0.3s; position: relative; right:auto;margin-right:0;}
.mainvisual {padding:00px 0 0px 00px;height:60vh; }

nav a:before{display: none;}
	
#main .information{ position: relative;right:auto; bottom:auto; width:100%;min-width:90%;margin:-40px 20px  20px  20px;}
#main .information h2{ font-size: 1.6em; }
#main .information div{ background: #FFF; padding:15px 18px; min-width:auto;width:90%;}
#main .information div p{ font-size:1.2em; }
#main .information div p a{ color: #1a1a1a;}
	
.head_animation{height:50px!important;}
.head_animation #head h1 {width:220px; padding:10px 15px!important;}
.head_animation #head h1 a {opacity:1!important;margin: auto;display:inline-block; }
.head_animation #navi_wrapper{transition: all 0.3s;margin-right:0!important;}
.head_animation nav{transition: all 0.3s;padding: 20px 20px 20px 40px; }
.head_animation #head ul li.contact a{transition: all 0.3s;margin:0px 0px; padding:6px 20px; border: solid 1px #fff;}
.head_animation .hamburger {top: 5px;}
	
	
.page #head_wrapper {height:60px;}
}



#title_box{padding:160px 0 0 0px; background: #000;width:100%;}
#title_wrap{width:1300px;padding:0 0 100px 0px;margin:0 auto;}
#title_box h2{color:#FFF; font-size: 50px;}
#title_box h2 span{color:#808080; padding:0 0 0px 20px; font-size: 24px;font-weight: 700;}
#title_box h3{color:#808080; padding:0 0 0px 0; font-size: 18px;font-weight: 700;}
#title_box:after{ content: ""; background: url(../images/bg.png); background-size: cover;display: block;height:20px;}


#page_contents{width: 1200px;min-width: 1020px; padding: 50px; background: #FFF;z-index: 99; position: relative; margin: -90px auto 50px auto;}
#page_contents a{text-decoration: underline;}

.blog #title_wrap{padding:0 0 40px 0px;}
.blog #title_box ul{display: block; margin:10px 0 20px 0; }
.blog #title_box ul li {display: inline-block;margin-bottom: 14px;}
.blog #title_box ul li a{ color: #FFF; border:solid 1px #FFF; padding:3px 14px; margin-right:8px; }
.blog #title_box ul li a:hover{ background: #313131;}
@media screen and (max-width: 1300px) {
.page #title_box,.blog #title_box{padding:130px 0 0 0px; }
#page_contents{width: calc(94% - 100px);min-width: auto;}
#title_wrap{width:1200px;}
}
@media screen and (max-width: 1200px) {
#title_wrap{width:calc(100% - 20px); margin-left:20px;}
}

@media screen and (max-width: 813px) {
.page #title_box,.blog #title_box{padding:100px 0 0 0px; }
.page #title_box h2{ padding:0 0 30px 0; font-size: 40px;}
.blog #title_box h2{padding:0 0 30px 00px; font-size: 40px;}
#title_box h3{margin-top:-30px;}
#page_contents{width: calc(94% - 20px);min-width: auto; padding: 10px;  margin: -100px auto 0px auto;}
.blog #title_box ul li a{ display: inline-block;margin:0 8px 8px 0; }
.blog #title_box ul{margin:0 0 10px 00px; }
.blog #title_box ul li {margin-bottom: 0px;}
.page #title_box:after,.blog #title_box:after{ background-size: 300%;}
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */
.hamburger ,nav.globalMenuSp{ display: none;}

@media screen and (max-width: 813px) {
	#navi_wrapper { display: none;}
	
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #FFF;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay     : 0.6s;
  transition-delay        : 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(2){
  width: 0px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
  background :#fff;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1){
  -webkit-transform: translateY(4px);
  -ms-transform    : translateY(4px);
  -o-transform     : translateY(4px);
  transform        : translateY(4px);
}

.hamburger.active span:nth-child(3){
  -webkit-transform: translateY(-16px) rotate(90deg);
  -ms-transform: translateY(-16px) rotate(90deg);
  -o-transform : translateY(-16px) rotate(90deg);
  transform    : translateY(-16px) rotate(90deg);
}


nav.globalMenuSp  {display: inline;position: fixed; z-index : 1;top  : 0;left : 100%; color: #fff; background: rgba(0,0,0,0.8);text-align: center;width: calc(100% - 60px);opacity: 0;transition: all 1s ease;padding:60px 30px 30px 30px;height: 100vh;}
nav.globalMenuSp ul li {list-style-type: none;padding: 0;width: 100%;}
nav.globalMenuSp ul li:last-child {padding-bottom: 0;}
nav.globalMenuSp ul li a {display: inline-block; width: 100%; color: #fff;padding: 0.8em 0; margin:0; text-decoration :none;font-size:2em;}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active{opacity: 100;  left : 0;transition: all 1s ease;}

.sp_contact a{ border: 1px solid #FFF; padding:0.6em 0!important; margin-top:20px!important;}
.sp_sns{ width:30%!important; margin-top:20px;}
 }


@media screen and (max-width: 1300px) {
.main_ttl{width: 1100px;}
#main_visual {padding-top:0px;margin-top:-30px;}
}

@media screen and (max-width: 813px) {
}


.a_button {width:360px; background: #000; color:#FFF; line-height: 80px; display: block;text-align: center;margin:0 auto; position: relative;}
.gb-button{ font-size:18px!important;width:auto!important; background: #000!important; color:#FFF; line-height: 80px!important; display:block; position: relative;padding: 30px 120px 30px 30px!important; border-radius: 0!important;}
.a_button:hover,.d_button:hover,.gb-button:hover{color: #fff;background: rgba(0,0,0,0.7);}

.circle40{ fill:transparent;stroke:#FFF;position: absolute; top:18px;right:0px;}
.circle40 circle{stroke-dasharray:180; stroke-dashoffset:0;transition:all .75s ease;}
.circle40 polyline{transition:all .55s ease;}

.a_button:hover .circle40 circle,.b_button:hover .circle40 circle,.c_button:hover .circle30 circle,.d_button:hover .circle30 circle,.gb-button:hover .circle40 circle{ stroke-dashoffset:355;}
.a_button:hover .circle40 polyline,.b_button:hover .circle40 polyline,.gb-button:hover polyline{transform:translate(25px);}
.c_button:hover .circle30 polyline,.d_button:hover .circle30 polyline{transform:translate(20px);}

a.a_button,a.b_button,a.c_button,a.d_button,a.gb-button{ text-decoration: none!important;}

.b_button {width:360px; background: #FFF; color:#1a1a1a; line-height: 80px; display: block;text-align: center;margin:0 auto; position: relative; border: solid 1px #000;}
.b_button:hover,.c_button:hover{color:#1a1a1a;;background: rgba(255,255,255,0.7);}
.b_button .circle40{ fill:transparent;stroke:#000;position: absolute; top:18px;right:0px;}

.circle30{ fill:transparent;stroke:#000;position: absolute; top:13px;right:0px;}
.circle30 circle{stroke-dasharray:180; stroke-dashoffset:0;transition:all .75s ease;}
.circle30 polyline{transition:all .55s ease;}

.arrow30{ fill:transparent;stroke:#000;}
.arrow30 polyline{transition:all .55s ease;}

.c_button{width:300px; background: #FFF; color:#1a1a1a; line-height: 60px; display: block;text-align: center;margin:20px 0; position: relative; border: solid 1px #000;}
.d_button {width:260px; background: #000; color:#FFF; line-height: 60px; display: block;text-align: left;margin:0 auto;  padding-left:40px;position: relative;border: solid 1px #FFF;}
.d_button .circle30 {stroke:#FFF; }
@media screen and (max-width: 813px) {
.a_button {border: solid 1px #FFF;}
.a_button,.b_button {width:80%;font-size: 1.4em; line-height: 4em;}
.a_button .circle40,.b_button .circle40{top:11px; right: -10px;}
#insta .b_button{ text-align: left; padding-left:30px ; width: calc(80% - 30px);}
	
.c_button,.d_button {width:100%;font-size: 1.4em; line-height: 4em; padding:0; text-align: center;}
.d_button{width:calc(100%);}
.circle30{ top:15px;}
}


#intro{background: url("../images/img_intro_bg.jpg") no-repeat center top; background-size: cover;min-height: 90vh;text-align: center; }
#intro h2{ font-size: 28px; font-weight: 700;margin:20px 0 20px 0; }
#intro h3{ font-size: 52px;font-weight: 700; margin-bottom: 30px;}
#intro p{ font-size: 20px;font-weight: 400; margin-bottom: 50px;}

@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 813px) {
#intro{background: url("../images/img_intro_bg_sp.jpg") no-repeat left top; background-size: cover;min-height: 100vh; }
#intro h2{ font-size: 2.2em; font-weight: 700;margin:20px 0 10px 0; }
#intro h3{ font-size: 2.8em; margin-bottom: 10px;}
#intro p{ font-size: 1.3em;font-weight: 400; margin-bottom: 50vh;}
}


.wrap{ width:100%;position: relative; }
.inner{ width:1300px;margin: 0 auto; padding:30px 0;position: relative; }
.container p {font-size: 1em; line-height: 2;margin-bottom: 20px;}
.center { text-align:center;}

.mb0{margin-bottom: 0px!important;}
.btn_inquiry {margin:30px 30px 0 30px; text-align: center; display: block;}
.btn_inquiry img{ width:60%; margin:0 auto; text-align: center;}

@media screen and (max-width: 1300px) {
.inner {width:1100px;}
}
@media screen and (max-width: 1100px) {
.inner{width:calc(100% - 80px);padding:40px 0;}
.btn_inquiry {margin:30px 0px 0 0px; }
.btn_inquiry img{ width:70%; }
}

@media screen and (max-width: 813px) {
.inner {width: calc(100% - 8vw); min-width: calc(100% - 8vw);padding:20px 4vw 30px 4vw;}
.container p {font-size: 4vw; line-height: 1.6; margin-bottom: 30px;}
.container p.center { padding:0 0px; text-align: left;}
}



#blog{ background: #e6e6e6;}
#blog::before,.blog_bottom::before { content: '';display: block; height: 42px; background: #e6e6e6 url("../images/stripe.png") repeat;background-size: 17px;}
.blog_bottom{background: #000; height: 400px; position: absolute;bottom:0; width: 100%;z-index: 2;}
.blog_bottom a{ margin-top:200px;} 
#blog h2{text-align: left; font-size: 50px; font-weight: 700; position: relative;padding-left: calc(36% - 260px); margin-top:80px;}
#blog h2::before{ content: '';display: block; height: 4px; width: calc(36% - 300px); background: #000;top: 28px; left: 0; position: absolute;}
.blog_list{ width:1020px;padding: 20px 50px; margin: 0 auto; background: #FFF;z-index: 99; position: relative;margin-bottom: 200px;}
.blog_list li{ }

.blog_list li a{display: block; color:#1a1a1a;border-bottom:2px #000 solid; padding:30px 0;  min-height: 160px;display: flex;align-items: flex-start;  flex-direction: row;}
.blog_list li:last-child a{ border-bottom:none;}
.blog_list li a:hover{ background: #f2f2f2;}
.blog_list img{ width:240px;display: inline-block; padding:0 40px 0px 0;}
.blog_contents{ display: inline-block; width:730px;}

.blog_list .date{font-size:14px; color:#a6a6a!important; display: inline-block; margin: 2px 10px 2px 0;}
.blog_list span{ font-size:14px; display: inline-block;  padding:2px 8px; margin: 0 5px;border: solid #1a1a1a 1px;}
.blog_list h3{ font-size:19px; font-weight: 700;margin: 7px 0;}
.blog_list li p{ font-size:14px;margin-bottom:0; line-height: 1.6; }
@media screen and (max-width: 1300px) {
.blog_list{ width:90%;margin: 0 auto;margin-bottom: 200px;}
.blog_list img{ width:24%;padding:0 3% 0px 0;}
.blog_contents{ width:70%;}
}
@media screen and (max-width: 1100px) {
.blog_list li{ min-height: 130px;}
}
@media screen and (max-width: 813px) {
#blog h2{font-size: 4em; padding-left: 20px; margin-top:40px;}
#blog h2::after{ content: '';display: block; height: 4px; width: 58%; background: #000;top: 28px; right: 0; position: absolute;}
.blog_list{width:calc(100% - 40px);padding:0 20px 0 20px;margin-bottom: 100px;}
.blog_contents{ width:100%;}
.blog_list img{ width:100%;display: inline-block; float: none; padding:0 0px 0px 0; margin-bottom: 20px;}
.blog_list li a{padding:20px 0; float: none; display: block; min-height: auto;}
.blog_list .date{font-size:1.2em; margin: 2px 10px 2px 0;}
.blog_list span{ font-size:1.2em;  padding:2px 8px; margin: 0 5px;border: solid #1a1a1a 1px;}
.blog_list h3{ font-size:1.5em; font-weight: 700;margin: 7px 0;}
.blog_list li p{ font-size:14px;margin-bottom:0; line-height: 1.6; }

.blog_bottom{height: 350px; }
}


#film,#insta { padding:80px 0;}
#film h3,#insta h3{ text-align: center; margin: 0 auto; font-weight: 700;font-size: 50px; margin-bottom: 20px; padding-bottom: 10px; width: 360px; border-bottom: solid 4px #000;}
#film p{ font-size:20px;text-align: center;}
.youtube {width: 100%; aspect-ratio: 16 / 9; margin-bottom:80px;}
.youtube iframe { width: 100%; height: 100%;}
.youtube:last-child {margin-bottom:0px;}
.insta_photo{margin:40px auto;text-align: center;}

@media screen and (max-width: 813px) {
#film,#insta { padding:40px 0;}
#film p{ font-size:1.6em; line-height: 1.4;}
#film h3,#insta h3{ font-size: 4em; margin-bottom: 10px; padding-bottom: 10px; width: 90%; }
}


footer{ padding-top:50px; }
footer:before,footer:after {content: ""; background: url(../images/bg.png); background-size: cover; height: 30px;display: block;}
.footer_wrap{background: linear-gradient(90deg, #FFF 0%, #FFF 50%, #000 50%, #000 100%);padding:60px 0 20px 0; }
.footer_wrap .inner{width:1000px; position: relative;min-height: 320px; }
.shop_info { width:50%;display:inline-block; position: absolute; top:0; left:0;}
.shop_info h1{ width:400px; margin-bottom:30px;}
.shop_info h2{ font-size:22px; font-weight: 700; margin-bottom:10px;}
.shop_info h2 span{ font-size:16px; font-weight: normal; }
.shop_info p,.shop_contact p{ line-height: 1.8;}

.shop_contact{display:inline-block; color: #FFF;width:50%;display:inline-block; position: absolute; top:0; right:0;}
.shop_contact h3{ font-size: 20px; font-weight:700; width:260px; border-bottom: 2px solid #FFF; text-align: center; margin: 20px auto; padding-bottom:15px;}
.shop_contact p{font-size:14px;text-align: center; }
.shop_contact p.tel{font-size:28px;text-align: center; margin:22px 0;}
.shop_contact p.tel a{color: #FFF;text-decoration: underline;}


@media screen and (max-width: 1300px) {
.footer_wrap .inner{width:1000px; position: relative;min-height: 320px; }
.shop_info { padding-left: 30px;}
}
@media screen and (max-width: 813px) {
footer{ padding:40px 0 0px 0;}
footer:before,footer:after { background-size: 300%;}
.footer_wrap{background: #000; padding:0; }
.footer_wrap .inner{width:100%; padding:0; position: relative;min-height: auto; }
.shop_info { width:calc(100% - 40px);display:block; position: relative; top: auto; left:auto; background: #FFF; padding:40px 20px 20px 20px}
.shop_info h1{ width:90%; margin-bottom:10px;}
.shop_info h2{ font-size:22px; font-weight: 700; margin-bottom:5px;}
.shop_info h2 span{ display: block;}
.shop_info p,.shop_contact p{ font-size:1.2em;line-height: 1.8;}
	
.shop_contact{width: calc(100% - 36px);display:block; position: relative; top: auto; left:auto; background: #000; padding:40px 18px 10px 18px;}
}

address{ text-align: center; font-size: 0.8em; line-height: 4em;position: absolute; background-image: linear-gradient(90deg, #000 0 50%, #FFF 30%); -webkit-background-clip: text;color: transparent;display:block; bottom:0;left: 0;right: 0; margin: auto;width: 100%}
address:before { position: absolute; top: 0;left: 0;width: 100%;height: 100%; background: linear-gradient(90deg, #000 0 50%, #FFF 30%);  content: ''; z-index: -1;}

#pagetop { float:none;clear: both;width:40px;position: fixed;bottom: 20px; right: 20px; z-index:999;}
@media screen and (max-width: 813px) {
#pagetop {width:40px;position: fixed;bottom: -10px; right: 5px; z-index:999;}
#pagetop img {width:40px;}
	
address{ position: relative; background-image: none; background: #000;  bottom:auto;left: auto;right: auto; margin: auto;width: 100%; color: #FFF;}
address:before { font-size: 0.9em;position: relative; bottom:auto;left: auto;right: auto;width: 100%;height: 100%; background-image: none;  content: ''; z-index: -1;}
}



#bloglist_wrap{ margin-top:20px;}
#bloglist_wrap .blog_list{margin-bottom:30px;border-bottom: 2px #000 solid;padding:0;}

.wp-pagenavi{position:relative;	width:100%;	font-size: 16px;text-align:center;	padding-bottom:40px;}
.wp-pagenavi span.current{ margin-right:6px; border:1px solid #000;background: #000; height:50px;line-height:50px; width:50px;  color:#FFF; font-weight:bold;  border-radius:50%; display: inline-block;padding: 0;}
.wp-pagenavi .pages{ margin-right:20px; display:inline-block;border: none;}	
.pagenumber,.wp-pagenavi .page,.nextpostslink,.pagenaviiouspostslink,.wp-pagenavi .last,.wp-pagenavi .extend{margin:3px;}
.wp-pagenavi a{color: #121212;border:1px solid #000!important;height:50px;line-height:50px; width:50px; background: #FFF;text-decoration:none; border-radius:50%;display:inline-block;padding: 0!important;}
.wp-pagenavi a:hover{background: #000;color:#FFF;}
.wp-pagenavi span {border:none!important;}
.wp-pagenavi .last,.wp-pagenavi .first{ border:none!important;}
.wp-pagenavi a.last:hover{background: #FFF;color:#121212; text-decoration: underline;}
.nextpostslink .arrow30,.previouspostslink .arrow30{ position:relative; top:10px;right:auto;}
.nextpostslink,.previouspostslink { font-size:0;line-height: 0px!important;border: none;}
a.nextpostslink,a.previouspostslink { border: none!important;}
a.nextpostslink:hover,a:hover.previouspostslink {background: none;color:#FFF; }
.nextpostslink svg{ }
.previouspostslink .arrow30{ transform:rotate(180deg) scale(1, -1);}

#blogdetail_wrap{ max-width: 1300px; margin:40px auto; position: relative;display: flex;}
.detail_main{width:72%; padding-right:3%;}
.detail_main.information{width:100%; padding-right:0%;}
.detail_main .date{ font-size:18px;color: #6a6a6a; font-weight: 700;display: inline-block;margin-bottom: 0px;}
.detail_main h1.blogtitle{font-size:32px;font-weight: 700; line-height: 1.4; margin:10px 0 15px 0;}

.detail_main strong{ font-weight: 700;}
.detail_main p{ margin-bottom:50px;}
.detail_main h2{ font-size:25px; font-weight: 700; padding:16px 12px; border-top:solid 2px #000;border-bottom:solid 2px #000; margin-bottom:15px;}
.detail_main h3{ font-size:23px; font-weight: 700; padding:0px 12px 12px 12px; border-bottom:solid 2px #000; margin-bottom:15px;}
.detail_main h4{font-size:21px; font-weight: 700;border-left:solid 4px #000; padding:0 0 0px 16px;margin-bottom:8px;}
.detail_main h5{font-size:20px; font-weight: 700;margin-bottom:8px;}
.detail_main h6{ font-size:18px; font-weight: 700;margin-bottom:5px;}
.detail_main .column{background: #e6e6e6; padding:30px;}
.detail_main .column p{margin-bottom:20px;}
.detail_main .column p:last-child{margin-bottom:0px;}
.blog_detail ul {margin-bottom:50px;}
.blog_detail ul li{ list-style: disc; line-height: 2em;list-style-position: inside;}
.blog_detail a{ text-decoration: underline; color:#0f5278;}
.blog_detail a:hover{ text-decoration: none; }
.blog_detail img{height:auto!important;}
.blog_detail em {font-style: oblique; }

.gb-block-notice{background: #e6e6e6!important; padding:30px!important; border-radius: 0!important;}
.gb-notice-title{font-size:20px; font-weight: 700;margin-bottom:8px;color: #121212!important;padding: 0!important;}
.gb-notice-title p{font-size:20px;font-weight: 700!important;}
.gb-notice-text{background: #e6e6e6!important;border: none!important;padding: 0!important;}
.gb-notice-text p{margin-bottom:30px;font-size: 1em!important; line-height: 2;}

.detail_category {display: inline-block; margin-bottom: 0!important;}
.detail_category li{ font-size:16px; border:1px solid #000;padding:4px 10px; margin:3px 6px; display: inline-block; line-height: 1.2em!important;}
.detail_category li a{text-decoration: none; color: #121212;}

#page_contents img { margin-bottom: 40px;}
#page_contents strong{ font-weight: 700;}
#page_contents p{ margin-bottom:50px;}
#page_contents h2{ font-size:25px; font-weight: 700; padding:16px 12px; border-top:solid 2px #000;border-bottom:solid 2px #000; margin-bottom:15px;}
#page_contents h3{ font-size:23px; font-weight: 700; padding:0px 12px 12px 12px; border-bottom:solid 2px #000; margin-bottom:15px;}
#page_contents h4{font-size:21px; font-weight: 700;border-left:solid 4px #000; padding:0 0 0px 16px;margin-bottom:8px;}
#page_contents h5{font-size:20px; font-weight: 700;margin-bottom:8px;}
#page_contents h6{ font-size:18px; font-weight: 700;margin-bottom:5px;}
#page_contents .column{background: #e6e6e6; padding:30px;}
#page_contents .column p{margin-bottom:20px;}
#page_contents .column p:last-child{margin-bottom:0px;}
#page_contents ol,#page_contents ul{margin-bottom:50px; padding-left:1em;}
#page_contents ol li{list-style-type: decimal; line-height:2.2; margin-bottom:5px;}
#page_contents ol li ol,#page_contents ol li>ol>li>ol{margin-bottom:10px;}
#page_contents ol li ol li{list-style-type: upper-roman;}
#page_contents ol li>ol>li>ol>li{list-style-type: decimal!important;}
#page_contents p:last-child{margin-bottom:10px;}


@media screen and (max-width: 813px) {
#page_contents ol,#page_contents ul{font-size: 4vw;line-height: 1.4;}
#page_contents ol li{ line-height:1.6; margin-bottom:5px;}
.detail_main.information{width: calc(100% - 40px);}
}


#pagenavi{border-top:solid 2px #000;position: relative;display: flex;align-items: center;margin:50px 0 20px 0; padding:30px 0;}
#pagenavi img{ width:90px; margin-bottom:0;height: auto;}
.pagenaviprev,.pagenavinext{ width:50%;}
#pagenavi .pagenaviprev{border-right:solid 1px #000;}
#pagenavi a{display: inline-block; position: relative; width:calc(100% - 60px);}
.pagenaviprev a {padding:20px 10px 20px 50px;}
.pagenaviprev a svg{position: absolute; top: 35%;left:0;transform: scale(-1,1);transition:all .55s ease;}
.pagenavinext a {padding:20px 40px 20px 10px ;}
.pagenavinext a svg{position: absolute; top: 35%;right:0;transition:all .55s ease;}
.pagenaviprev a:hover svg{left:-10px;transition:all .55s ease;}
.pagenavinext a:hover svg{right:-10px;transition:all .55s ease;}
#pagenavi dl{display: flex;align-items: center; width:100%;}
#pagenavi dt{width:90px;}
#pagenavi dd{margin:0 10px;}


#pagenavi dd span{color: #6a6a6a; font-size: 14px; display: block;padding-bottom:6px;}
.pagenaviprev dd:last-child,.pagenavinext dd:first-child{font-size:18px;font-weight: 700;}

.detail_side{width:25%;}

.entries_list ,.categories_list{margin-bottom:40px;}
.entries_list h3,.categories_list h3{font-size:23px; font-weight: 700;border-top:solid 2px #000; padding:8px 0 0 0;}
.entries_list h3 span,.categories_list h3 span{font-size:14px;font-weight: normal; display: block;}
.entries_list dl{position: relative;display: flex; margin:14px 0;}
.entries_list dt img{width:90px; margin-bottom:0;}
.entries_list dt{margin-right:15px;}
.entries_list dt span,.entries_list dd span{color: #6a6a6a; font-size: 14px;display: block;padding-bottom:6px;}
.entries_list dd{font-size:15px;width: 70%;}
.entries_list li{border-bottom:solid 1px #ababab; }
.entries_list li:last-child{border-bottom:none; }

.categories_list ul{ margin:10px 0 10px 0;}
.categories_list ul li{ display: inline-block; padding:8px 0; margin-right:15px;}
.categories_list ul li:before{ content:"-"; padding-right:6px;}
.categories_list a{text-decoration: underline;}
.categories_list a:hover{text-decoration: none;}

@media screen and (max-width: 1300px) {
#blogdetail_wrap{ width: 1100px;}
}
@media screen and (max-width: 1100px) {
#blogdetail_wrap{ width: calc(100% - 40px); }
}
@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 813px) {
#blogdetail_wrap{ max-width: 100%; width: 100%; position: relative;display: inline;}

.detail_main{margin:30px 0 60px 0;width: calc(100% - 40px);padding: 0 20px 0 20px;}
.detail_side{width: calc(100% - 40px);padding: 0 20px 0 20px;}
.detail_main h1.blogtitle{font-size:2.2em;line-height: 1.4; }
#pagenavi dd.control{ margin:0;}
#pagenavi{margin:20px 0 20px 0; padding:20px 0 0 0;display: flex;align-items: flex-start;}
#pagenavi img{ width:90px; margin-bottom:0;}
.pagenaviprev,.pagenavinext{ width:50%;}
.pagenaviprev a svg,.pagenavinext a svg{display: none;}
.pagenaviprev a {padding:0 10px 0 0 ;}
.pagenavinext a {padding:0 0 0 10px;}
#pagenavi dl{display: flex;align-items: flex-start; padding-top:24px;}
.pagenaviprev dd:last-child{position: absolute; top:0; left:0;}
.pagenavinext dd:first-child{position: absolute; top:0; }
#pagenavi a{width:calc(100%);}
	
.categories_list ul li{ font-size:1.3em;}
}
.page_others{width: 1300px;padding: 50px 0; background: #FFF;z-index: 99; position: relative; margin: 0px auto 00px auto;}
.explain_area{ position: relative;min-height: 400px;margin-bottom:80px;}
ul.about_menu{ width:360px;}
ul.service_menu{ width:400px;}
.explain_area ul li a{ font-weight: normal; font-size: 15px;color:#585858; line-height:34px; padding: 15px 0;display: block; position: relative;}
.explain_area ul li span{ display: inline-block;font-weight: 700; font-size: 22px; color:#121212;}
.about_menu li span{width:6em;}
.explain_area ul li a:hover .circle30 circle{ stroke-dashoffset:355;}
.explain_area ul li a:hover .circle30 polyline{transform:translate(20px);}

.page_keyimage{ position: absolute;bottom:0; right:0;width: 660px;}
.page_keyimage img{}

@media screen and (max-width: 1300px){
.page_others{ width: calc(100% - 40px); padding:50px 20px;}
.explain_area{ min-height: 350px;}
.page_keyimage{width: 52%;}
.page_keyimage img{ }
}
@media screen and (max-width: 1200px){
.page_others{ width: calc(100% - 40px); padding:50px 20px;}
}
@media screen and (max-width: 813px) {
.page_keyimage{ position: absolute;bottom:auto; right:0;top:-140px;;width: 100%;}
.explain_area{ min-height: auto; padding-top:270px;margin-bottom:40px;}
.page_others{ padding:50px 20px 0 20px;}
.explain_area li span{ font-size: 2em; }
.about_menu li span{width:5.5em;}
.service_menu li span{ font-size: 1.8em; }
ul.about_menu,ul.service_menu{ width:100%;}
}

#message-container-input , #message-container-confirm{font-size:16px;  text-align:center; margin-bottom:30px;line-height:2; }
#trust-form table{ width:100%; margin:0 auto; border-bottom:#000 1px solid; margin-bottom:30px;}
#trust-form table th,#trust-form table td{  line-height:2; vertical-align:middle; border-top:#000 1px solid;padding:2% 3%; font-size:18px;}
#trust-form table th{ width:30%; font-size: 20px; font-weight: 700; }
#trust-form .require{ background:#fff;  padding:3px 10px; font-size:14px;  margin-left:10px;border:#000 1px solid; font-weight: normal;}
#trust-form .submessage{ font-size:12px; color:#4e4e4e; font-weight: normal;}
#trust-form  input{ margin-right:10px;}
#trust-form .inquiry_area{width:100%; height:10em; }
#trust-form .company_name{width:100%; height:2em; font-size:16px;}
#trust-form .your_name{width:100%; height:2em; font-size:16px;}
#trust-form .mail_address{width:100%; height:2em; font-size:16px;}
#trust-form .tel_number{width:50%; height:2em; font-size:16px;}
#trust-form .your_address{width:100%; height:4em; font-size:16px;}
#trust-form #confirm-button{ margin:0 auto; width:100%; text-align:center; margin-bottom:50px;}
#trust-form .error{ font-size:12px; color:#FFF; background:#ce111a; padding-left:10px; border-radius:3px;}
#trust-form #contact-form-finish{ padding-bottom:100px;}
#trust-form input[type="radio"] { width : 20px;height: 20px;}
#trust-form input[type="text"], #trust-form textarea {font-size:16px;background: #e8ecef; border: #dedede 1px solid; border-radius: 2px; padding:10px;}



#mw_form { margin-bottom:100px;}
#mw_form h3{line-height:2; vertical-align:middle; padding:0px; font-size:20px;width:100%; font-weight: bold;}
#mw_form input[type="radio"],#mw_form input[type=checkbox] { width : 20px;height: 20px; margin-right:4px;}
#mw_form .mwform-radio-field{margin-right:30px; font-size:18px; line-height: 2; display: inline-block;}
#mw_form input[type="text"],#mw_form input[type="email"],#mw_form input[type="tel"],#mw_form input[type="date"],#mw_form textarea{ font-size:16px; font-weight: normal;background: #e8ecef; border: #dedede 1px solid; border-radius: 2px; padding:13px; width:94%; line-height: 1.8;}
#mw_form .form_textarea{margin-bottom:30px;}

.form_contents {line-height:3; padding:20px 0; border-top:#000 1px solid;}
.form_contents:last-child {border-bottom:#000 1px solid; margin-bottom:30px;}
.form_contents h4{width:28%; font-size: 20px; font-weight: 700; display: inline-block;border-left:none!important;padding: 0!important; margin-bottom: 0px!important;}
.form_contents_item{display: inline-block; width: calc(70%);}
.form_input{margin:0 auto;text-align: center;}
.form_input input{ width: 500px;line-height: 84px;background: #000;  color: #FFF;-moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease; font-size: 20px;}
.form_input input[type="submit"]{cursor:pointer;border: none;}
.form_input input[type="submit"]:hover{ }
.form_return input[type="submit"]{ text-align: center; background: none; border:none;color: #FFF;margin: 0 auto; display: block;font-size: 16px; margin-top: 20px;}
.form_input.a_button{width: 500px;}
.require{ background:#fff;  padding:3px 10px; font-size:14px;  margin-left:10px;border:#000 1px solid; font-weight: normal;display: inline-block;    line-height: 1.6;}
#mw_form span.error{position: relative;display: block; background: #000; color:#fff; padding:5px 10px; font-size:100%; margin-bottom: 7px; line-height: 1.3; width:92%;}
#mw_form span.error::before {content: "";position: absolute;border: 10px solid transparent;border-top: 10px solid #000;top: 100%;left: 5%;}
.form_privacycheck{ display: block;margin:20px auto 40px;background: #e8ecef; font-size: 18px; line-height: 1.8em; text-align: center; padding:15px 0;}
.form_privacycheck span{font-weight: 700;}
.form_privacycheck .error,.wpcf7-not-valid-tip{margin:0px auto 10px!important ; width:50%!important;}
.form_privacycheck .error::before {	left: 48%!important;}
.wpcf7-not-valid-tip::after {left: 48%!important;}
.form_input_back { margin:20px auto 0; text-align: center;}
.form_input_back input[type="submit"]{ border:none;background: none; font-size:18px;}
.wpcf7-list-item{font-size:18px;}
.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed;opacity: 0.6;}

.contact_tel{ width:400px; margin:0 auto; text-align: center;}
.contact_tel h3{font-size:28px; font-weight: 700; border-bottom:3px solid #000;padding-bottom:20px; }
.contact_tel p {font-size:46px;font-weight: 700;}
.contact_tel p span{font-size:28px;font-weight: normal;}

.contact_box_new{width:750px;margin:0 auto;}
.contact_submit {
    padding: 10px 80px !important;
    font-size: 20px !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: block;
}

div.wpforms-container-full .wpforms-confirmation-container-full{
background: #fff!important;
border: 1px solid #dedede!important;
}
@media screen and (max-width: 813px) {
.contact_box_new{width:90%;margin:0 auto;}
}

@media screen and (max-width: 813px) {
#mw_form h3{line-height:1.8;font-size:5vw; margin-bottom:10px;}
#mw_form .form_radio span.mwform-radio-field{ display:block;}
.mw_wp_form .horizontal-item + .horizontal-item {margin-left: 0px!important;}
.form_contents{ padding:0 0 10px 0; margin-top:10px;}
.form_contents h4{font-size:4.5vw;width:94%; display:block; margin-top:5px;}
.form_contents_item {width:100%;}
.form_contents_item .mwform-checkbox-field{width:100%; display:block;}
.require{ padding:3px 15px; font-size:90%; margin-left:10px;}
	
.form_input input{ line-height: 3.4em;}
.form_input input[type="submit"]{margin:0 auto;height:3.4em;width:100%;}
.form_input input[type="submit"]:hover{ background: #000;color:#FFF;}
#mw_form input[type="text"],#mw_form input[type="email"],#mw_form textarea{ width:100%; }
.form_input.a_button{width: 100%;}
.form_privacycheck{ font-size: 1em; line-height: 1.8em; padding:15px 0;}
.form_privacycheck .error{width:80%!important;}
.contact_tel{ width:100%; margin:0 auto; text-align: center;}
.contact_tel h3{font-size:2.2em;}
.contact_tel p {font-size:3em;}
.contact_tel p span{font-size:70%;}
}


.accessinfo{}
.accessinfo h2{ font-size:24px; font-weight:700; margin-bottom:8px;}
.accessinfo h2 span{font-size:16px; font-weight:normal;}
.accessinfo p{ line-height: 1.8;margin-bottom: 10px;}
a.maplink{ display:inline-block;border:solid 2px #000; padding:5px 40px; color:#121212; margin-bottom:30px;}
a:hover.maplink{ color:#fff; background:#000;}
.accessinfo dl{margin-bottom:20px;}
.accessinfo dt,.accessinfo dd{ display:inline-block;font-size:18px;}
.accessinfo dt{ font-weight:700; width:5em;}

.access_place{display:flex;justify-content: space-between; margin-bottom:70px;}
.access_place dl{width:48%;}
.access_place dt {margin-bottom:10px;}
.access_place dt img{width: 100%;}
.access_place dd{ text-align:center;}

.googlemap {height: 0;overflow: hidden;padding-bottom: 45%;position: relative; margin-bottom:70px;}
.googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}


.access_method{display:flex;justify-content: space-between;}
.access_method dl{width:26%;text-align:center; display: block; background: #efefef; padding:30px 30px;}
.access_method dt{font-size:20px; font-weight:700; margin-bottom:8px;}
.access_method dd{line-height: 1.6;}
a.maplink2{ display:inline-block;border:solid 2px #000; color:#fff; background:#000;padding:3px 40px;margin-top:5px;}
a:hover.maplink2{ border:solid 2px #000;color:#121212;background:none;}

@media screen and (max-width: 813px) {
.accessinfo,.access_place,.googlemap{margin-bottom:30px;}
.googlemap{height: 500px;}
.access_place{display:inline-block;}
.access_place dl{width:100%; margin-bottom: 30px;}
.access_place dd{font-size:1.4em;}
.access_method {width:calc(100% - 40px);display:inline-block;}
.access_method dl{width:100%;text-align:left;padding:20px; margin-bottom:20px;}
.access_method dt{font-size:1.6em;}
.access_method dd{font-size:1.4em;}
a.maplink{ padding:10px 60px; color:#121212;font-size:1.6em;}
}

.about_lead{ text-align: center; margin-bottom:70px;}
.about_lead h2{font-size: 52px;font-weight: 700;margin: 20px 0 20px 0;}

#message,#concept,#quality,#bicycle,#cyclingwear,#maintenance,#otherstores { padding-top:100px; margin-top:-100px;margin-bottom:70px;}
#message h3{font-size: 32px;font-weight: 700;width: 300px; margin:0 auto;text-align: center; }
.message_contents{display:flex;justify-content: space-between;width: 1300px; margin: 0px auto 0px auto;}
.massage_image{ width:50%; line-height: 1.8;}
.massage_image img{ width:100%;}
.massage_block{ width:calc(50% - 100px); padding:10px 50px;}
.massage_block h4{font-size: 22px;font-weight: 700;padding-bottom: 10px; border-bottom: solid 2px #000; margin-bottom:20px; }
.massage_block h4 span{font-size: 15px;font-weight: normal; color: #585858; margin-left:20px;}
.massage_block p{ margin-bottom:60px;}

.page_others h3,#message h3{font-size: 32px;font-weight: 700;text-align: center; margin-bottom:30px;}
.page_others h3:after,#message h3:after{content:""; display: block;width: 300px; border-bottom: solid 3px #000; margin:0 auto;padding-top: 15px; }
.concept_visual_pc{ margin-bottom:100px!important;}
.concept_visual_smp{ display: none;}

.block_37_63{display:flex;justify-content: space-between;align-items: flex-end; margin-bottom:70px;}
.block_37_63:last-child{margin-bottom:0px;}
.block_37{ width:calc(37% - 40px); padding:0px 0px 0px 40px;}
.block_37.reverse{padding:0px 40px 0px 0px;}
.block_63{ width:calc(63% - 40px); padding:0px 0px 0px 40px;}

.block_37img{ width:37%;}
.block_63img{ width:63%;}

.block_37 h4,.block_63 h4{font-size: 26px; font-weight: 700;margin-bottom:15px; clear: both;}
.block_37 p,.block_63 p{ margin-bottom:30px;}
.block_37 p:last-child,.block_63 p:last-child{ margin-bottom:0px;}
.block_37img_flex {display: inline-flex; justify-content: space-between;align-items: center; margin-bottom:30px;}
.block_37img_flex img{width:45%;}
.block_63 .b_button{margin:0;}


#bicycle .block_37_63,#cyclingwear .block_37_63{display:flex;justify-content: space-between;align-items: flex-start; margin-bottom:0px;}
.bicycle_phblock01{clear: both; margin-bottom:20px;}
.bicycle_phblock01 img{ display: block;width:46%;}
.bicycle_phblock01 img:nth-child(1){ float: left; margin-top:60px;margin-bottom:20px;}
.bicycle_phblock01 img:nth-child(2){ float: right;margin-top:10px;}
.block_63img.growth img{padding-top:100px;}

.brand_list h5{ font-weight: 700; margin:20px 0 6px 0;}
.brand_list p{ font-size:0.9em;}

.wear_phblock01{display: block; }
.wear_phblock01 img{padding:100px 0 60px 0;}

.wear_phblock02{display: block;width:100%; }
.wear_phblock02 img{width:29%;float: left;margin-right:35px;}
.wear_phblock02 img:nth-child(2){ margin-top:30px;}
.wear_phblock02 img:nth-child(3){ margin-right:0px;}
.wear_block02{ padding-top:50px;}

@media screen and (max-width: 1200px){
.block_37_63{align-items: flex-start;}
.block_37{ padding:10px 0px 10px 30px;}
.block_63{ padding:10px 0px 10px 30px;}
.block_37img_flex img{width:46%;}
}

@media screen and (max-width: 813px) {
#message,#concept,#quality,#cyclingwear,#maintenance,#otherstores { padding-top:60px; margin-top:-60px;margin-bottom:70px;}
#quality,#otherstores{margin-bottom:0px;}
.about_lead{ margin-bottom:70px;}
.about_lead h2{font-size: 3em;margin: 20px 0 20px 0;}
#message h3,.page_others h3{font-size: 28px; margin-bottom: 20px;width: 100%;}

.message_contents{display:inline;}
.massage_image{ width:100%;margin-bottom:20px;}
.massage_block{ width:calc(100% - 40px); padding:10px 20px;}
.massage_block h4{margin-bottom:10px;padding-bottom: 10px;}
.massage_block p{ margin-bottom:30px;}
.concept_visual_pc{ display: none;}
.concept_visual_smp{ display: inline-block; margin-bottom:30px!important;}
.block_37_63{display:inline-block;margin-bottom:40px;}
#bicycle .block_37_63,#cyclingwear .block_37_63{display:inline-block;margin-bottom:40px;}
#cyclingwear .block_37_63{margin-bottom:0px;}
	
.block_37{ width:calc(100%); padding:10px 00px;}
.block_37.reverse{padding:10px 00px;}
.block_63{ width:calc(100%); padding:10px 00px;}

.block_37img{ width:100%; margin-bottom:30px;}
.block_37img img.square{width:50%;}
.block_63img{ width:100%;}
.block_37img_flex {margin-bottom:20px;}
.block_37img_flex img{width:50%;}
.block_63 .b_button{margin:0 auto; width:100%;}
	
.bicycle_phblock01 img:nth-child(1){margin-top:10px;margin-bottom:20px;}
.bicycle_phblock01 img:nth-child(2){margin-top:10px;}
.block_63img.growth img{padding-top:0px;}
	
.wear_phblock01{display: inline; }
.wear_phblock01 img{padding:0;}
.wear_phblock02 img{width:29%;float: left;margin-right:20px;}
}


.maintenance_intro{ text-align:center; margin-bottom:30px;}
.maintenance_intro h4{ font-size:22px; font-weight:700; padding-bottom:8px;}

.maintenance_menu{display:flex;justify-content: space-between;}
.maintenance_menu dl{ width:31%;}
.maintenance_menu dt{ margin-bottom:20px;}
.maintenance_menu dl h4 span{ font-size:16px; display: block;font-weight:normal;}
.maintenance_menu dl h4{ font-size:22px; font-weight:700; padding-left:13px;border-left:5px #000 solid;margin-bottom:15px;}
.maintenance_menu dl h5{ font-weight:700;margin-bottom:10px;}
.maintenance_menu dl h6{ font-size:15px;font-weight:700;margin-bottom:10px;}

.otherstores_menu{}
.otherstores_menu h4{font-size:22px; font-weight:700;margin-bottom:8px;}
.otherstores_menu p{ margin-bottom:50px;}
.otherstores_menu p:last-child{ margin-bottom:0px;}
#otherstores{padding: 50px 0 0 0;}

@media screen and (max-width: 813px) {

.maintenance_menu{ margin-top:40px;display:inline;}
.maintenance_menu dl{ width:100%;}
.maintenance_menu dl h4{ margin-bottom:15px;}
.maintenance_menu dt{ margin-bottom:15px;}
.maintenance_menu dd{ margin-bottom:40px; font-size:1.3em;}

.otherstores_menu h4{font-size:20px;}
}

/*block style*/
.has-black-color {color:#000000!important;}
.has-cyan-bluish-gray-color { color: #abb8c3!important;}
.has-white-color {color: #ffffff!important;}
.has-pale-pink-color {color: #f78da7!important;}
.has-vivid-red-color {color: #cf2e2e!important;}
.has-luminous-vivid-orange-color {color:#ff6900!important;}
.has-luminous-vivid-amber-color {color: #fcb900!important;}
.has-light-green-cyan-color {color: #7bdcb5!important;}
.has-vivid-green-cyan-color {color: #00d084!important;}
.has-pale-cyan-blue-color {color: #8ed1fc!important;}
.has-vivid-cyan-blue-color { color:#0693e3!important;}
.has-vivid-purple-color { color:#9b51e0!important;}
.has-black-background-color { background-color:#000000!important;}
.has-cyan-bluish-gray-background-color { background-color: #abb8c3!important;}
.has-white-background-color { background-color: #ffffff!important;}
.has-pale-pink-background-color { background-color: #f78da7!important;}
.has-vivid-red-background-color { background-color: #cf2e2e!important;}
.has-luminous-vivid-orange-background-color { background-color:#ff6900!important;}
.has-luminous-vivid-amber-background-color { background-color: #fcb900!important;}
.has-light-green-cyan-background-color { background-color: #7bdcb5!important;}
.has-vivid-green-cyan-background-color { background-color: #00d084!important;}
.has-pale-cyan-blue-background-color { background-color:  #8ed1fc!important;}
.has-vivid-cyan-blue-background-color { background-color: #0693e3!important;}
.has-vivid-purple-background-color { background-color: #9b51e0!important;}
.wp-block-image figcaption ,.wp-block-embed-youtube figcaption {color:#555;font-size:16px;text-align:center;margin-top: 0.5em;margin-bottom: 50px;}
.has-small-font-size { font-size: 13px!important;}
.has-medium-font-size { font-size: 20px!important;}
.has-large-font-size { font-size:  36px!important;}
.has-x-large-font-size { font-size:  42px!important;}
.wp-block-image {margin: 0 0 50px;}

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