/* reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,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;
	background: transparent;
	/*	max-height: 100%; */
	box-sizing: border-box;
}

body {
	line-height: 1;
    width: 100%;
    height: 100%;
   font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Noto Sans JP","メイリオ",sans-serif;
    line-height: 2;
	color:#251e08;
	font-size:16px;
}
#wrapper{
	width:100%;
	overflow:hidden;
}

html,body {
	height: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

ul {
	list-style: none;
	
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
a:hover{opacity:.5;}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,select {
	vertical-align: middle;
}
input[type="submit"]{
-webkit-appearance: none;
}
input[type="button"]{
-webkit-appearance: none;
}
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	max-width: 100%;
}


/* clear fix */

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

* html .cf {
	height: 1%;
}

.cf {
	display: block;
}
	
/* float */

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/* align */

.alignL {
	text-align: left;
}

.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}
/* parts */
.wrap{width:100%;max-width:1000px;margin:0 auto;position:relative;}

body{position:relative;}
.follow{display:none;position:fixed;right:15%;top:0;z-index:999;}

h2{font-size:30px;text-align:center;position:relative;padding:50px 0 70px;}
h2 span{font-size:24px;display:inline-block;width:100%;}
h2:before{position:absolute;left:calc(50% - 22px);top:0;content:url(img/h_icon.png);}

.spnone{display:block;}
.pcnone{display:none;}
@media screen and (max-width:1000px){
	h2{font-size:5.6vw;}
.spnone{display:none;}
.pcnone{display:block;}
}


header{
	width:100%;
	margin: 0 auto;
}
header .headblock{position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:99;
	padding-top:1.5%;}
header h1{padding:1.5% 1% 0 3%;color:#000;font-size:13px;float:left;width:50%}
header h1 .logo{display:inline-block;margin-right:10px;position:relative;top:-1.2em;}
header h1 span{display:inline-block;}
header .head_nav{float:right;padding:1% 80px 0 0; max-width:50%;}
header .head_nav >div { display: inline-block; }
header .head_nav .tel{margin-right:1%; width:35.2%; max-width: 260px;}
header .head_nav .ask{margin-right:1%; width: 30.2%; max-width:230px;}
header .head_nav .line{width: 30.2%; max-width:230px;}

header .MV{
	width:100%;
	position:relative;
	max-width:100%;
	margin:0 auto;
}
header .MV img{width:100%}

@media screen and (max-width:1000px){
	header .MV{top:-20px;}
	header .headblock h1{width:45%;padding-right:10px;padding-top:0%;}
	header .headblock h1 .logo{position:relative;top:0px;display:block;margin-bottom:5px;}
	header .headblock h1 span{line-height:1.4;font-size:2vw;}
 	header .head_nav { max-width: 55%; }
}
@media screen and (max-width:899px){
	header .headblock h1{padding-top:1%; width: 60%; padding-right: 1%;}
	header .headblock h1 img { width: 100%; }
	header .head_nav { display: none; }
}

/* header ハンバーガーメニュー */
#header .head_toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: fixed;
  z-index: 2000;
  top: 1.2vw;
  display: grid;
  place-content: center;
  right: 15px;
  width: 55px;
  height: 55px;
  background: #ffd300;
  border: solid 1px #fff;
  border-radius: 50%;
  cursor: pointer;
}
#header .head_toggle span {
  position: relative;
  display: block;
  width: 26px;
  height: 3px;
  background: #000;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#header .head_toggle span:first-of-type {
  top: -5px;
}
#header .head_toggle span:last-of-type {
  top: 5px;
}
@media (hover: hover) and (pointer: fine) {
  #header .head_toggle:hover {
    background: #ffe667;
  }
}
@media screen and (max-width: 899px) {
  #header .head_toggle {
    right: 1.5%;
    top: 1%;
    width: 10.5vw;
    height: 10.5vw;
  }
  #header .head_toggle span {
    width: 4.96vw;
    height: 0.6vw;
  }
  #header .head_toggle span:first-of-type {
    top: -1.1vw;
  }
  #header .head_toggle span:last-of-type {
    top: 1.1vw;
  }
}
#header .head_hamburger-menu {
  position: fixed;
  z-index: 1999;
  top: 0;
  right: -300px;
  bottom: 0;
  width: 300px;
  padding-top: 120px;
  background: #fff;
  overflow: auto;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#header .head_hamburger-menu ul {
  padding-bottom: 80px;
}
#header .head_hamburger-menu ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1em;
  border-bottom: solid 1px #ddd;
}
#header .head_hamburger-menu ul li:last-child {
  border-bottom: none;
}
#header .head_hamburger-menu ul li::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: solid 1px #ffbf00;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#header .head_hamburger-menu ul li a {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.8em;
  color: #000;
  font-weight: 600;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  #header .head_hamburger-menu {
    right: -70vw;
    width: 70vw;
    padding-top: 15vw;
  }
  #header .head_hamburger-menu ul {
    padding-bottom: 15vw;
  }
  #header .head_hamburger-menu ul li {
    font-size: 3.86vw;
  }
}
#header .body_overlay {
  position: fixed;
  z-index: 1998;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.-menuOpen #header .head_toggle span:first-of-type {
  top: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.-menuOpen #header .head_toggle span:nth-of-type(2) {
  opacity: 0;
}
.-menuOpen #header .head_toggle span:last-of-type {
  top: -3px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.-menuOpen #header .head_hamburger-menu {
  right: 0;
}
.-menuOpen #header .body_overlay {
  opacity: 0.7;
}
@media screen and (max-width: 899px) {
  .-menuOpen #header .head_toggle span:first-of-type {
    top: 0.67vw;
  }
  .-menuOpen #header .head_toggle span:last-of-type {
    top: -0.67vw;
  }
}

/* footer */
footer{
	width:100%;
	text-align:center;
	background:#ffd300;
	color:#333;
	padding:25px 0 min(9vw, 120px);
	font-size:10px;
}
footer .copy{
	padding:0 0 2em;
	
}
footer a{color:#333;}
@media screen and (max-width:748px){
  footer {
    padding-bottom: 20.5vw;
  }
}

#contact{padding:80px 0 80px;text-align:center;}
#contact .catch{font-size:30px;font-weight:bold;}
#contact .text{font-size:24px;margin-bottom:30px;font-weight:bold;}
#contact .cf{width:92%;margin:0 auto 20px;}


#con1{width:100%;
background: -moz-linear-gradient(left, #e4edef, #f3f6f8);
background: -webkit-linear-gradient(left, #e4edef, #f3f6f8);
background: linear-gradient(to right, #e4edef, #f3f6f8);}
#con1 .wrap{max-width:1026px;}
#con1 .floatL{padding-top:80px;}
#con1 .floatR{padding-top:65px;max-width: calc(100% - 388px);}
#con1 .floatR .catch{font-size:38px;line-height:1.3;text-align:center;margin-bottom:20px;font-weight:bold;}
#con1 .floatR .catch .spnone{height:0px;}
#con1 .floatR ul{}
#con1 .floatR li {padding-left:20px;position:relative;margin-bottom:10px;}
#con1 .floatR li span{font-size:1.8vw;border-bottom:3px solid #ffc700;}
#con1 .floatR li:before{content:url(img/check.png);margin-right:5px;display:inline-block;position:relative;top:10px;}
.bnr{position:relative;width:100%;text-align:center;background:#fff9d9;padding:135px 0 80px;}
.bnr:before{position:absolute;content:url(img/whitearrow.png);left:calc(50% - 120px);top:0px;width:240px;height:80px;}
.bnr .spnone{display:inline-block;}


@media screen and (max-width:1000px){
	#contact {padding:10px 0 20px;}	
	#contact .catch{font-size: 5vw;width: 18em;margin: 0 auto;}
	#contact .floatL{max-width:48%;}
	#contact .floatR{max-width:48%;padding-top:35px;}
	
	#contact .text{font-size:4vw;}
	.bnr .spnone{display:none;}
.bnr .pcnone{display:inline-block;}
	#con1 .floatR{width:100%;max-width:100%;}
	#con1 .floatR .catch{font-size:5vw;}
	#con1 .floatR li{padding:0 3%;}
	#con1 .floatR li span{font-size:3.6vw;}
	#con1 .floatL{padding-top:20px;text-align:center;width:100%;}
	#con1 .floatL img{width:50%;}	
	.bnr{padding:5px 0 20px;}
	#con1 .pcnone{text-align:center;}
}
@media screen and (max-width:508px){
	#contact .floatR{padding-top:0;}
	#con1 .floatR{padding-top:35px;}
	#con1 .floatR .catch{font-size:6.5vw;padding-bottom:5px;}
	#contact .floatL{width:100%;max-width:100%;}
	#contact .floatR{width:100%;max-width:100%;}
	#con1 .floatR .pcnone{width:90%;margin:0 auto;}
	
}


#con2{background:#fff;padding:70px 0 0px;}


@media screen and (max-width:1000px){
	#con2{padding-top:30px;text-align:center;}
	#con2 h2{width:11em;margin:0 auto;text-align:center;line-height:1.4;padding-bottom:30px;}
	#con2 img{display:inline-block;}
	#con2 .spnone{display:none;}
	}



#con3{padding:70px 0 90px;}
#con3 .block{width:100%;max-width:1000px;margin:0 auto;background:#ddf5f1;padding:40px 50px;}
#con3 .box{width:90%;max-width:900px;padding-bottom:40px;border-bottom:2px dotted #a6b7b4;margin:0 auto 40px;}
#con3 .lastbox{border-bottom:0px;}
#con3 .box .floatL{width:21%;}
#con3 .box .floatR{width:79%;padding-left:50px;font-weight:100;}
#con3 .box .floatR h3{border-bottom:3px solid #ffc700;font-size:30px;margin-bottom:10px;padding-top:20px;display:inline;padding-bottom:3px;}
#con3 .box .floatR b{font-weight:bold;}
#con3 .imagebox{margin-bottom:50px;text-align:center;}

@media screen and (max-width:1000px){
	#con3{padding-bottom:0;}
#con3 h2 span{font-size:4vw;}
.spbr{display:block;}
#con3 .block{padding:40px 3% 3%;}
#con3 .box{width:98%;}
#con3 .box .floatR h3{font-size:4vw;}
#con3 .box .floatL{width:100%;text-align:center;margin-bottom:15px;}
#con3 .box .floatR{width:100%;padding-left:0;text-align: center;}
#con3 .box .floatR p{text-align:left;font-size:2vw;font-weight:100;padding-top:10px;}
#con3 .lastbox{padding-bottom:0px;}
#con3 .pcnone{display:inline-block;}
}
@media screen and (max-width:508px){
	#con3 .box .floatR h3{font-size:5vw;}
	#con3 .box .floatR p{font-size:4vw;}
}

#con4{background:#f6f6f8;padding:70px 0 90px;}
#con4 .container{background:#fff;width:100%;max-width:1000px;margin:0 auto;padding:50px;}
#con4 h3{font-size:23px;text-align:center;}
#con4 .table{text-align:center;}
#con4 .text{font-size:23px;text-align:center;padding-bottom:50px;}
#con4 .point{text-align:center;}
#con4 .point img{margin-right:35px;}
#con4 .point img:last-child{margin-right:0;}
#con4 .table .catch{font-size:28px;text-align:center;margin:65px 0 40px;font-weight:bold;}
#con4 th{color:#fff;text-align:center;line-height:2em;background:#00d3b3;}
#con4 th.gold{background:#ffb400;border-radius:5px 0 0 0;}
#con4 th.rightcell{border-radius:0 5px 0 0;} 
#con4 td{font-size:20px;text-align:center;padding:20px 0;background:#e6e6e6;border-bottom:1px solid #cfcfcf;vertical-align:top;font-weight:bold;}

#con4 td span{font-size:16px;width:100%;display:inline-block;font-weight:normal;}
#con4 td.gold span{color:#ffb400;font-weight:bold;}
#con4 td.gold{background:#fff9d9;font-size:26px;line-height:1.7;}
.gold b{font-size:28px;}
#con4 td.gold .sm{font-size:20px;color:#251e08;}

#con4 .table img{margin-bottom:20px;}
#con4 .foot th{border-bottom:0;}
#con4 .foot td{border-bottom:0;}
#con4 .foot td.gold{border-radius:0 0 0 5px;}
#con4 .foot td.rightcell{border-radius:0 0 5px 0;}
@media screen and (max-width:728px){
	#con4{padding:40px 0 40px;}
	#con4 h2{padding-bottom:30px;}
	#con4 h3{font-size:4vw;margin-bottom:1em;}
	#con4 .text{font-size:3.75vw;text-align:center;padding:0 25px 30px;}
	#con4 .container{width:94%;margin:0 auto;padding:30px 3%;}
	#con4 .point img{display:inline-block;width:48%;margin-right:0;}
	#con4 .point img:first-child{margin-right:2%;}
	#con4 .table .catch{font-size:5vw;margin:30px 0 40px;}
	#con4 .pcnone img{margin-bottom:20px;}
}

#con5{padding:70px 0 0px;width:100%;overflow:hidden;}
#con5 h2{padding:50px 0 30px;}
#con5 .intro{text-align:center;margin-bottom:70px;}
#con5 .block{width:100%;max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:99;}
#con5 h3{height:50px;display:inline-block;background:#00d3b3;border-radius:25px;color:#fff;font-size:22px;padding:0 75px;text-align:center;line-height:50px;}
#con5 h3 span{font-size:32px;}
#con5 .prof{color:#949494;font-size:22px;margin:10px 0 40px;}

#con5 .cf{width:100%;padding-bottom:120px;position:relative;z-index:99;}
#con5 .photo{float:left;width:40%;}
#con5 .photo2{float:right;width:40%;}
#con5 .text{float:right;width:60%;text-align:left;padding-top:50px;}
.texttitle{font-size:26px;color:#00d3b3;line-height:1.4;margin-bottom:10px;}

.tr1, .tr2, .tr3{position:relative;z-index:5;}
.tr1:before, .tr2:before, .tr3:before{position:absolute;z-index: 5;content: "";width: 50%;height: 150%;display: block;background-size: contain;}
.tr1:before{background: url(img/triangle.png) no-repeat;top: -4%;left:-3%}
.tr2:before{background: url(img/triangle2.png) no-repeat;top: -30%;right:-30%;}
.tr3:before{background: url(img/triangle.png) no-repeat;top: -45%;height:200%;left:-3%;}


@media screen and (max-width:1000px){
	
	#con5 {padding:40px 0 0px;}
	#con5 .cf{padding-bottom:30px;}
	#con5 h2{padding:50px 0 30px;}
	#con5 .intro{width:94%;margin:0 auto 30px;text-align:left;}
	#con5 h3{border-radius:0px; width:100%;height: auto;line-height: 1.2;padding:5px 0;}
	#con5 .prof{font-weight:bold;}
	#con5 .photo,#con5 .photo2{width: 80%;margin: 0 auto;float: inherit;}
	#con5 .text{width:94%;margin:0 auto;float:inherit;}
	.texttitle{font-size:3vw;font-weight:bold;}
	#con5 .textcon{font-size:2vw;padding:0 2%;}
	.tr1:before, .tr2:before, .tr3:before{position:absolute;z-index: 5;content: "";width: 100%;height: 150%;display: block;background-size: contain;}
.tr1:before{background: url(img/triangle.png) no-repeat;top: -15%;left:-25%}
.tr2:before{background: url(img/triangle2.png) no-repeat;top: -20%;right:-60%;}
.tr3:before{background: url(img/triangle.png) no-repeat;top: -12%;height:200%;left:-25%;}

}



@media screen and (max-width:508px){
	.texttitle{font-size:5vw;}
	#con5 .textcon{font-size:4vw;}
	.tr1:before, .tr2:before, .tr3:before{position:absolute;z-index: 5;content: "";width: 120%;height: 150%;display: block;background-size: contain;}
.tr1:before{background: url(img/triangle.png) no-repeat;top: -20%;left:-80%}
.tr2:before{background: url(img/triangle2.png) no-repeat;top: -30%;right:-80%;}
.tr3:before{background: url(img/triangle.png) no-repeat;top: -30%;height:200%;left:-80%;}

}





#con6{width:100%;padding:20px 0 90px;}
#con6 .block{width:100%;max-width:1000px;margin:0 auto;background:#ddf5f1;padding:50px;}
#con6 .block .box{float:left;background:#fff;border-radius:5px;position:relative;width:calc(98% / 3);margin-right:1%;max-width:calc(100% / 3);}
#con6 .block .box img{width:100%;}
#con6 .block .box:last-child{margin-right:0;}
#con6 .block .box .steptitle{font-weight:bold;font-size:22px;margin:50px 0 10px;text-align:center;}
#con6 .block .box .text{padding:15px;}
#con6 .step1:before{content:url(img/step1.png);position:absolute;left:calc(50% - 22.5px);top:-20px;width:55px;height:55px;}
#con6 .step2:before{content:url(img/step2.png);position:absolute;left:calc(50% - 22.5px);top:-20px;width:55px;height:55px;}
#con6 .step3:before{content:url(img/step3.png);position:absolute;left:calc(50% - 22.5px);top:-20px;width:55px;height:55px;}


@media screen and (max-width:1000px){
	#con6{padding-bottom:0;}
	#con6 .block .box{margin:0 20px 30px 0;}
	#con6 .block .box:last-child{margin-right:0;}
	#con6 .block .box .steptitle{font-size:2vw;margin:40px 0 10px;}
	#con6 .block .box .tett{font-size:2vw;}
	#con6 .step1:before{left:5px;}
	#con6 .step2:before{left:5px;}
	#con6 .step3:before{left:5px;}
}
@media screen and (max-width:508px){
	#con6{padding-bottom:0;}
	#con6 .block .box{margin:0 auto 30px;width:auto;float:none;max-width:100%;}
	#con6 .block .box .steptitle{font-size:4.2vw;margin:20px 0 10px;padding:10px 0 0 10px;}
	#con6 .block .box .text{font-size:4vw;}
	#con6 .step1:before{left:5px;}
	#con6 .step2:before{left:5px;}
	#con6 .step3:before{left:5px;}
}

#con7{width:100%;padding:70px 0 90px;background:#f6f6f8;}
#con7 .faqbox{width:100%;background:#fff;padding:30px 50px 10px;box-shadow:1px 0 3px #ccc;margin-bottom:30px;}
#con7 .faqbox .qes{font-size:20px;font-weight:bold}
#con7 .faqbox .qes:before{content:"Q";padding-right:10px;border-right:2px solid #00d3b3;color:#00d3b3;font-size:28px;margin-right:10px;display:inline-block;margin-bottom:20px;}
#con7 .faqbox .answer{padding:20px 0 40px 0px;display:table-cell;vertical-align:middle;}

@media screen and (max-width:728px){
	#con7{padding:40px 0 30px;}
	#con7 .faqbox{width:94%;margin:0 auto 30px;padding:5%;}
	#con7 .faqbox .qes{font-size:5vw;display:table;}
	#con7 .faqbox .qes span{display:table-cell;padding-left:10px;}
	#con7 .faqbox .qes:before{display:table-cell;}
	#con7 .faqbox .answer{font-size:4vw;padding:20px 0 10px 0px;}
}

#con8{padding:70px 0 90px;}
#con8 h2{padding-bottom:50px;}
#con8 table{width:90%;max-width:900px;margin:0 auto;}
#con8 th{padding:15px 0;width:30%;text-align:left;border-bottom:1px solid #f1f1f1;}
#con8 td{padding:15px 0;border-bottom:1px solid #f1f1f1;}

@media screen and (max-width:728px){
	#con8{padding:40px 0 40px;}
	#con8 h2{padding-bottom:10px;}
	#con8 th{border-bottom:1px solid #f1f1f1;padding:20px 0;font-size:3.5vw;}
	#con8 td{border-bottom:1px solid #f1f1f1;padding:20px 0;font-size:3.3vw;}
}

/* 新着情報 */
#blog {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #f6f6f8;
}
#blog .blogList {
  padding-bottom: 45px;
  border-top: solid 1px #ddd;
}
#blog .blogItem {
  border-bottom: solid 1px #ddd;
}
#blog .blogItem a {
  display: grid;
  grid-template-columns: -webkit-max-content 4.5em 1fr;
  grid-template-columns: max-content 4.5em 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  color: #251e08;
}
#blog .blogItem .category {
  text-align: center;
  padding: 2px 0;
  background-color: #00D3B2;
  color: #fff;
  font-size: 0.7em;
  line-height: 1.5;
  white-space: nowrap;
}
#blog .blogItem .thumbnail img {
  width: 100%;
  aspect-ratio: 1/0.625;
  -o-object-fit: cover;
     object-fit: cover;
}
#blog .blogItem .date {
  opacity: 0.7;
  font-size: 0.875em;
  line-height: 1.5;
}
#blog .blogItem .title {
  position: relative;
  top: -0.1em;
  line-height: 1.5;
}
#blog .more {
  text-align: center;
}
#blog .more > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
  width: 180px;
  padding: 0.5em 1em;
  background: #ffd300;
  border: solid 2px #fff4ba;
  border-radius: 6px;
  color: #251e08;
  font-weight: 700;
}
#blog .more > a > span {
  display: grid;
  place-content: center;
  width: 1em;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
#blog .more > a > span::after {
  content: "";
  display: block;
  background-color: #ffd300;
  width: 0.4em;
  height: 0.4em;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (max-width: 1000px) {
  #blog {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  #blog .wrap {
    padding-left: 3%;
    padding-right: 3%;
  }
  #blog h2 {
    padding-bottom: 5vw;
  }
  #blog .blogList {
    grid-template-columns: 1fr;
    gap: 2vw;
    padding-bottom: 7vw;
  }
  #blog .blogItem a {
    grid-template-columns: -webkit-max-content 16vw 1fr;
    grid-template-columns: max-content 16vw 1fr;
  }
  #blog .blogItem .category {
    font-size: 2.7vw;
  }
  #blog .blogItem .date {
    font-size: 3vw;
  }
  #blog .blogItem .title {
    font-size: 3.6vw;
  }
  #blog .more > a {
    width: 40vw;
    font-size: 3.6vw;
  }
  #blog .more > a > span {
    width: 3.5vw;
  }
}

#form{
	width:100%;
	max-width:1000px;
	margin:0px auto 80px;
	padding-top:0px;
	
}
#form h3{
	text-align:center;
	width:100%;
	font-size:32px;
	margin:50px auto;
}
#form table{
	width:80%;
	margin:0px auto 20px;
}
#form tr{
}
#form th{
	font-size:16px;
	color:#111;
	vertical-align:top;
	width:30%;
	text-align:left;
	padding:10px 0;
}
#form th span{float:right;display:inline-block;background:#fa1848;color:#fff;padding:5px;font-size:12px;}
#form td{
	color:#5b5b5b;
	position:relative;
	padding:10px 0 10px 20px ;
}
#form td input{
	background:#e6e6e6;
	width:80%;
	height:50px;
	line-height:50px;
	border:0px;
	padding:0 25px;
	font-size:16px;
}
#form .confirm{margin-top:20px;}
#form .confirm td span{
	background:#e6e6e6;
	width:80%;
	height:30px;
	line-height:30px;
	border:0px;
	padding:0 5px;
	display:inline-block;
}
#form td .radios input{
	width:auto;
	font-size:24px;
	height:auto;
}
#form .submit{
	margin:0 auto 25px;
	text-align:center;
	padding-top:40px;
}
#form td textarea{
	background:#e6e6e6;
	width:80%;
		border:0px;
	padding:25px;
}
#form td .text{
	padding:12px 0 0;
	display: inline-block;
}
#form td .nin{
	width:60px;
	height:36px;
	display:inline-block;
	background:#999;
	text-align:center;
	color:#fff;
	font-size:1vw;
	line-height:36px;
	position:absolute;
	top:16px;
	left:-50px;
}
#form td span.must{
	background:#fa1848;
	width:60px;
	height:36px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:1vw;
	line-height:36px;
	position:absolute;
	top:16px;
	left:-50px;
}
#form td .radios input{width:20px;height:20px;padding:0 .5em 0 0;}
#form td label{font-size:16px;padding:0 10px 0 0px;}
#form td select{width: 225px;height: 40px;cursor: pointer;background-color: #e9e9e9; box-shadow: 0 2px 0 white;
    border-radius: 2px;}
select {
	display: block;
	font-size: 16px;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%; 
	box-sizing: border-box;
	margin: 0;
	border: 0px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #e9e9e9;
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	
	background-image:url(img/select.png);
}
.select:-ms-expand {
	display: none;
}
.select:hover {
	border-color: #888;
}
.select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}
.select option {
	font-weight:normal;
}
#form .checks input{width:20px;height:20px;display:inline-block;box-shadow: 0 0;padding:0;} 
#form .checks p{display:inline-block;}
.input-box {text-align:center;}
.input-box .back{display:inline-block;width:30%;}
.input-box .back input{background:#8c8c8c;width:100%;display:inline-block;color:#fff;text-align:center;line-height:50px;border-radius:25px;padding:0 20px;border:0px;}
.input-box button{background:#fc3e7e;width:30%;display:inline-block;color:#fff;text-align:center;line-height:50px;border-radius:25px;padding:0 20px;border:0px;}
#form td a{text-decoration:underline;}
#form .contact-title{text-align:center;}
#form p{text-align:center;}
input[type=text]:required,input[type=email]:required,input[type=email]:invalid,textarea:required{vertical-align:middle;padding:10px 0;}
@media screen and (max-width:1000px){
	#form{background:#f6f6f8;padding:40px 0 40px;margin-bottom:0;}
	#form table{background:#fff;}
	#form h2{padding:50px 0 30px;}
	#form th{display:block;width:100%;padding:10px 5%;}
	#form th span{float:none;margin-left:1em;border-radius:5px;}
	#form td{display:block;width:100%;border-bottom:1px solid #ccc;padding:0 5% 10px;}
	#form td .radios{font-size:4vw;}
	.input-box .back{display:inline-block;width:35%;}
	.input-box button{width:35%;}
	#form .submit input{width:80%;}
	#form .checks p{display:inline-block;font-size:3.2vw;padding-bottom:20px;}
}

.pagetop{width:50px;height:50px;position:fixed;right:5%;bottom:min(12vw, 150px);z-index:999;}
.pagetop a{position:relative;display:block;}

.fixed{position:fixed;bottom:0;left:0;z-index:999;}
.copy a{color:#fff;}

#footnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1%;
  width: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
}
#footnav > div {
  width: 32%;
  max-width: 454px;
}
#footnav > div > a {
  display: block;
}
#footnav > div > a:hover {
  opacity: 0.8;
}
#footnav > div > a > img {
  width: 100%;
}

@media screen and (max-width:1000px){
	.pagetop{width:50px;height:50px;position:fixed;right:5%;z-index:999;}
}
@media screen and (min-width: 749px) {
  #footnav a img.-sp {
    display: none;
  }
}
@media screen and (max-width:748px){
	#footnav {
    gap: 0;
    padding: 0;
  }
  #footnav > div {
    width: 100%;
    max-width: none;
  }
  #footnav a img.-pc {
    display: none;
  }
	.pagetop {
		bottom: 15vw;
	}
}


#form .td {
  width: 320px;
}
#form .form p.error_m {
color: #e12350;
  font-size: 12px;
  padding: 4px;
 text-align:left;
width:100%;display:inline-block; 
}


header.sub{}
.sub .headblock{position:relative;background:#ffc700;}
.sub h1{padding-top:0;}
.sub .head_nav{padding:0 3% 1.5% 0;}
.sub h1 .logo{top:0;}
.privacy{padding-bottom:100px;}
.privacy h2{padding-top:0;}
.privacy h2:before{content:"";height:0;}
.privacy h3{text-align:left;font-size:16px;color:#251e08;padding-bottom:5px;}
.privacy p{text-align:left;color:#251e08;padding-bottom:26px;}
.subfoot{padding-bottom:50px;}

@media screen and (max-width:1000px){
	.sub .headblock{padding:3% 0;}
	.privacy{padding:8% 0;width:90%;margin:0 auto;}
	.privacy h2{padding:0 0 8% 0;}
	.subpage .pagetop{bottom:5%;}
}