@charset "utf-8";
@import url(reset.css);

body{
	margin: 0;
	padding: 0;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 18px;
	position: relative;
	line-height: 1.4;
}

img{border:none;}
strong{font-weight:normal;}

/* common classes */
a {outline:none; text-decoration:none;}
a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none; }
a:focus {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
a:hover img{
     opacity:0.6;
     filter:alpha(opacity=60);
     -ms-filter: "alpha( opacity=60 )";
     background:none !important;
}

.clear{
	clear:both;
	height:0;
}

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

ul, ol{list-style:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}

h1{
	margin:0;
	color:;
	font-weight:;
}

.mgtop10{margin-top:10px !important;}
.mgtop20{margin-top:20px !important;}
.mgtop30{margin-top:30px !important;}
.mgtop40{margin-top:40px !important;}
.mgtop50{margin-top:50px !important;}

/* COLOR */
.white{color:#fff !important;}
.black{color:#000 !important;}
.red{color:#ff0000 !important;}
.blue{color:#0000ff !important;}
.yellow{color:#ffff00 !important;}
.pink{color:#ff69b4 !important;}
.border-gold {background: linear-gradient(90deg, #6C4B04, #CDB900, #6C4B04);height:3px;}

/*flex*/
.flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

/* inner */
.inner{
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
section .inner{padding:3.5% 0;}

span.new{display:inline-block;color:#cc0000 !important;margin-left:2px;}

a.fortop{background:#fff;color:#cc0000;border:2px solid #cc0000;padding:10px 20px;display:block;width:30%;margin:0 auto;margin-top:30px;box-sizing:border-box;}
a.fortop:hover{background:#cc0000;color:#fff;border:2px solid #cc0000;}


header{
	display: block;
	width: 100%;
	background:;
	z-index: 1000;
	background: url(../img/bg02.png),linear-gradient(90deg, #0D2709, #264A19, #0D2709);
}
header .fullsize{background-color:#181818;color: #B7A95A;width:100%;}
header h1{font-size:0.8rem;font-weight:normal;margin:0 auto;padding:8px 0 6px 0;width:1040px;}
header h2 img{width:300px;}
header .inner{text-align:left;}
header .inner .flex{padding:25px 0px 30px 0;align-items:center;}

header .inner .flex div{position:relative;display:table;padding-top:7px;}
header .inner .flex div a{display:table-cell;height:70px;vertical-align:middle;text-align:center;width:380px;background:#960404;color:#fff;border:2px solid #960404;box-sizing:border-box;font-size:1.2rem;font-weight:bold;}
header .inner .flex div a:hover{background:#fff;color:#960404;}

header .inner ul{display: flex;}
header .inner ul li{border-right:1px #ccc solid;width:100%;flex-basis:auto;text-align:center;}
header .inner ul li:last-child{border-right:none;}
header .inner ul li a{width:100%;display:block;padding:10px 0;font-size:1rem;font-weight:bold;}
header .inner ul li a:hover{color:#d16960;}
header .inner p.btn-gnavi{display:none;}

#main{position:relative;color:#fff;width:100%;height:500px;background:url(../img/bg01.jpg) no-repeat fixed;text-align:center;overflow:hidden;}
#main .mask{position:relative;height:100%;background: rgba(0,0,0,0.5);}
#main h3{font-size:2.2rem;}
#main h3 span{display:block;font-size:4.2rem;margin-top:8px;}
#main h4{font-size:1.8rem;line-height:2;}
#main h5{font-weight:normal;line-height:1.6;}
#main p{margin-bottom:10px;}

#main .box{height:auto;width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/* ?p?????? */
ul.pankuzu{display:flex;flex-direction: row;width:1040px;margin:10px auto;font-size:0.9rem;}
ul.pankuzu li:last-child{color:#cc0000;font-weight:bold;}
ul.pankuzu li a{text-decoration:underline;}
ul.pankuzu li a:hover{text-decoration:none;}


/* Section */
/* no2 */
#no2 h2{font-size:2.4rem;margin-bottom:2%;}
#no2 h2 span{color:#cc0000;}
#no2 h3{font-size:1.8rem;margin-bottom:2%;color:#d84038;}
#no2 h5{font-weight:normal;font-size:1.2rem;line-height:1.6;}
#no2 p{line-height:1.8;}
#no2 .flex{margin-top:30px;}
#no2 .flex li{padding:20px 20px;width:33%;box-sizing:border-box;background-color:#FAFAD2;font-size:14px;border-right:3px solid #A0A011;border-bottom:3px solid #A0A011;line-height:1.7;}
#no2 .flex li h4{font-size:1.5rem;color:#006400;border-bottom:1px dotted #006400;margin-bottom:7px;}
#no2 .flex li img{display:block;margin:0 auto;text-align:center;margin-top:10px;height:200px;width:auto;}

/* no3*/
#no3{background:#d84038;
background-color: #d84038;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #e5443b), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #e5443b),color-stop(.75, #e5443b), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 34px 34px;
}
#no3 .flex{padding:;}
#no3 .box{width:32%;background:#fff;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
}
#no3 .box img{width:100%;}
#no3 .box h4{font-size:150%;padding:10px 20px 5px;}
#no3 .box h4 span{color:#cc0000;font-size:110%;margin-right:3px;}
#no3 .box p{padding:5px 20px 20px;}

#no3{padding-bottom:2%;}
#no3 h3{font-size:2.4rem;margin-top:30px;text-align:center;color:#fff;}
#no3 h3 span{font-size:;display:inline-block;margin-top:;color:;}
#no3 h3.main{font-size:4.5rem;text-align:center;color:#ffff00;margin-top:0px;}
#no3 h3.main span{font-size:1.6rem;color:#cc0000;display:inline-block;margin-bottom:30px;margin-right:10px;background:#fff;padding:5px 10px 1px;box-sizing:border-box;}
#no3 h4{font-size:1.5rem;text-align:center;color:#000;margin-bottom:20px;}
#no3 p{font-size:1rem;margin-top:0px;margin-bottom:20px;text-align:center;color:#000;}



/* no4 */
#no4{background:#ffffdd;font-size:1rem;}
#no4 i{padding-bottom:4px;margin-right:3px;}
#no4 .inner .shop{margin-top:40px;padding:4%;padding-bottom:2%;background:#fff;
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
}
#no4 h2.title{color:#000;font-size:2.4rem;}
#no4 h3{color:#d84038;font-size:2.8rem;text-align: left;border-bottom:3px solid #d84038;}
#no4 h4{color:#b25a32;font-size:1.4rem;padding-bottom:3px;margin-bottom:8px;}
#no4 h4 span{margin-left:10px;font-weight:normal;font-size:1.2rem;display:inline-block;padding-bottom:2px;}
#no4 p{color:#171717;margin-top:10px;line-height:1.5;}
#no4 ul li.first{width:50%;margin-top:3%;text-align:left;border:;}
#no4 ul li.first:last-child{padding:;box-sizing:border-box;}
#no4 ul li.first img{width:96%;}


/* no5 */
#no5{background:#F9EDEB;font-size:1rem;}
#no5 i{padding-bottom:4px;margin-right:3px;}

#no5 h2.title{color:#000;font-size:2.4rem;margin-bottom:20px;}
#no5 h3{color:#d84038;font-size:1rem;text-align: left;}
#no5 h4{color:#fff;font-size:1.1rem;text-align:left;line-height:1.7;}
#no5 h4 span{display:block;font-size:1.4rem;}
#no5 h4 span.ceo{display:block;font-size:0.8rem;}

#no5 p{color:#171717;margin-top:10px;line-height:1.5;}
#no5 ul{width:100%;position:relative}

#no5 div.owner_main{position:relative;}
#no5 div.owner_main img{width:10%;position:absolute;left:10px;top:10px;border:5px solid #fff;}
#no5 div.owner_main div.owner{width:100%;padding:25px 0 25px 140px;background-color:#000;box-sizing:border-box;}

#no5 ul li{width:48%;position:relative;margin-top:30px;}
#no5 ul li img{width:21%;position:absolute;left:10px;top:10px;border:5px solid #fff;}
#no5 ul li div.owner{width:100%;padding:20px 0 30px 140px;background-color:#000;box-sizing:border-box;}



#no5 ul li p{text-align:left;margin-top:0px;font-size:1rem;line-height:2;}


#no5 ul li p {
  position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 3%;
  width: 100%;
  min-height:70px;
  color: #000;
  font-size: 16px;
  background: #fff;
  text-decoration:underline;
  text-decoration-style: dotted;
  text-decoration-color: #666;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  box-sizing: border-box;
}

#no5 ul li p:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -21px;
  border: 18px solid transparent;
  border-bottom: 18px solid #fff;
  z-index: 2;
}
#no5 ul li p:after {
  content: "";
  position: absolute;
  top: -42px;
  left: 50%;
  margin-left: -23px;
  border: 20px solid transparent;
  z-index: 1;
}


/* info */
#info h2{font-size:2.4rem;margin-bottom:30px;}
#info h2 span{display:block;font-size:2rem;color:#4d90a8;}
#info h4{font-size:1.2rem;margin-bottom:10px;}

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:40px 0 30px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: DeepSkyBlue;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
	text-align: left;
}
.tab-content img{width:80%;display:block;margin:0 auto;}
.tab-content h3{font-size:1.5rem;color:#6C6200;padding:15px 0;}
.tab-content h3 i{display:inline-block;margin-top:-15px !important;}
.tab-content .flex li{width:50%;}
.tab-content .flex:last-child{margin-top:30px;}
.tab-content ul.osusume li{border-bottom:1px dotted #999;box-sizing:border-box;padding:10px 0;width:100%;font-weight:bold;}

.tab-content .flex li.merit{width:49%;box-sizing:border-box;padding:20px;border:4px solid #ff7f50;}
.tab-content .flex li.merit:last-child{border:4px solid #a9a9a9;}
.tab-content .flex li.merit h4{background-color:#ff7f50;padding:5px 0;text-align:center;color:#fff;}
.tab-content .flex li.merit:last-child h4{background-color:#a9a9a9;}
.tab-content .flex li.merit ul li{width:100%;padding:3px 0 0 5px;}


/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}



/* ???? */
#flow{}
.flow1{background:#e9f2d0;}
.flow2{background:#C6FFD6;}
.flow2 .triangle{border-top: 50px solid #FFCBC6;}
#flow .inner{padding-top:1%;}
#flow h3{font-size:2.4rem;text-align:center;color:;}
#flow ul{width:100%;}
#flow ul li{width:48%;position:relative;margin-top:30px;}
#flow ul li img{width:100%;}
#flow ul li p{text-align:left;margin-top:0px;font-size:1rem;}
#flow ul li p span{display:block;font-size:1.4rem;color:#d16960;font-weight:bold;}
#flow ul li p {
  position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 10px 10px;
  width: 100%;
  min-height:70px;
  color: #000;
  font-size: 16px;
  background: #fff;
  box-sizing: border-box;
}

#flow ul li p:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -21px;
  border: 18px solid transparent;
  border-bottom: 18px solid #fff;
  z-index: 2;
}
#flow ul li p:after {
  content: "";
  position: absolute;
  top: -42px;
  left: 50%;
  margin-left: -23px;
  border: 20px solid transparent;
  z-index: 1;
}
.balloon1-top p {
  margin: 0;
  padding: 0;
}

#flow ul li .num{
	position:absolute;
	left:0;top:0;
	width:0px;height:0px;
	border-top: 50px solid #d16960;
	border-right: 50px solid transparent;
	border-left: 50px solid #d16960;
	border-bottom: 50px solid transparent;
}
#flow ul li .num span{position:absolute;margin:0;padding:0;top:-35px;left:-30px;display:block;color:#fff;font-weight:bold;font-size:1.7rem;}

.gmap {margin-top:20px;}
.gmap iframe {
height: 320px;
width: 100%;
}



#onlineform{margin:0;padding:0;font-size:0;}

.triangle{
	margin: 0 auto;
	width:0px;height:0px;
	border-top: 50px solid #fff;
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
}



a.forall{background:#fff;color:#cc0000;border:2px solid #cc0000;padding:10px 20px;display:block;width:40%;margin:0 auto;margin-top:30px;box-sizing:border-box;}
a.forall:hover{background:#cc0000;color:#fff;border:2px solid #cc0000;}



/* よくある質問 */
#faq{background:#CAF5F0;}
#faq h3{font-size:2.4rem;}
#faq  span.que{color:#0071bc;}
#faq  span.ans{color:#cc0000;}
.cp_qa{margin-top:2%;}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	text-align:left;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
	padding:0 20px;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}

/* h3*e */
.cp_qa .cp_actab label {
	font-weight: bold;
	font-size:1.3rem;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}

/* --h3*ec
.o<c"c$c3c3 */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}

/* g-c
 */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	color:#cc0000;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}

/* h3*ecic
c
fc
.d;f' */
/* --g-c
c
.i+c
 */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* h3*ecc/c*cc/c
c
fc
.c"c$c3c3c
.ec

 */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* h3*ecc/c*cc/c
c
fc
.+c
.ec

 */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}


#no7 ruby{ruby-position:under;}
#no7 ruby rt{font-weight:normal;font-size:8px;}

#no7{background:#434f24;text-align:center;}
#index_main #no7 .triangle{border-top: 50px solid #CAF5F0;}
#no7 h3{font-size:2rem;color:#fff;}
#no7 h3 span{color:#ffff00;}
#no7 h4{font-size:1.6rem;color:#fff;margin-bottom:35px;}
#no7 .share{padding:2% 3.8% 3.8%;}

#no7 a{display:block;width: 1040px;margin: 0 auto;font-weight:bold;background:#fff;padding:20px 0px;box-sizing:border-box;font-size:1.6rem;}
#no7 a:hover{background:#ce4940;color:#fff;}




footer{background:#020202;margin:0;padding:0;text-align:center;padding:20px 0;}
footer h4{color:#353535;font-size:0.8rem;}
footer a{color:#595959 !important;font-size:0.8rem;text-decoration:underline !important;}
footer a:hover{text-decoration:none !important;color:#999 !important;}

/* ???p */
.fixed{position:fixed;width:100%;bottom:0;left:0;padding:30px 0;z-index:1000;}


/* Page Top */
#page_top{
  width: 80px;
  height: 75px;
  position: fixed;
  right: 10px;
  bottom: 25px;
  background: #444;
  opacity: 0.6;
  z-index:1001;
}
#page_top a{
  position: relative;
  display: block;
  width: 80px;
  height: 75px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 35px;
  color: #fff;
  position: absolute;
  width: 35px;
  height: 35px;
  top: -10px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.spmode{display:none;}