/*@charset "UTF-8";*/
/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:after, blockquote:before, q:after, q:before {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}table + p {margin-top: 2rem;}img {margin: 0 auto;padding: 0;max-width: 100%;height:auto;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}a[href^="tel:"] {pointer-events: none;text-decoration: none;color: #666;}
/*--------Basic--------*/
html {font-size: 62.5%;}
body  { width: 100%;font-size: 2.2rem;color: #212121;font-weight: 500;line-height: 1.7;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;background: #eee;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
#body_wrap {/*width: 960px;*/margin: 0 auto;box-shadow: 0 0 5rem rgba(0,0,0,0.2);background: #fff;}
#body_wrap .sub_head{color: #000;}
.pc {display: block;}
.sp {display: none;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.img_right {float: right;padding: 0 0 2rem 2rem;}
.img_left {float: left;padding: 0 2rem 2rem 0;}
.caption {width: 100%;padding: 1rem;margin: 0;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
/* Font */
h1 {font-weight: normal !important;font-feature-settings: "palt"1;}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #6C1217;}
.y {	color: #f4f745;}
.w{color: #fff;}
.wht{color: #fff;}
.rubi {display: inline-block;line-height: 1;}
.rubi ruby {display: inline-table;vertical-align: bottom;}
.rubi rb {display: table-footer-group;}
.rubi rt {display: table-header-group;font-size: .5em;text-align: center;font-weight:100;}
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.xxsmall {font-size: 60%;}
.xsmall {font-size: 60%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.xxlarge {font-size: 270%;;}
.flex {display: flex;flex-wrap: wrap;align-content: stretch; justify-content: space-between;/*justify-content: space-around;*/}
.videotime {/*	font-family: Arial, Helvetica, "sans-serif";*/	font-weight: 900;	font-size: 115%;}
.notice {    padding-top: 1rem;    font-size: 1.5rem;    text-align: left;    font-weight: 400;    font-family: sans-serif;    color: #8a8a8a;    letter-spacing: 1px;}
.notice2{padding-top: 1rem;    font-size: 1.5rem;    text-align: left;    font-weight: 400;    font-family: sans-serif;    color: #eee;    letter-spacing: 1px;}
.serif{font-family: Ryumin ExtraBold KL, serif;}
.bg_b{background: #f1fffc;}
.bg_w{padding-top: 10rem;}
/*--------Header--------*/
header {width: 100%;background: #ddddd;}
header h1 {padding: 0;background: #2a2a2a;}
header.bgB h1 {	background: linear-gradient(90deg, #000, #222, #000);}
.logo_img2 { width: 15%;    padding: 2rem 0;}
header h1 ruby > rt {font-size: 35%;}
#profile .prf_box_wrap .notice{margin: 0;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
section {padding: 5rem 0;}
.sub_head {	font-size: 5rem;	font-weight: 500;	line-height: 1.3;	text-align: center;	font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";	-webkit-font-feature-settings: 'palt'1;	font-feature-settings: 'palt'1;	margin: 0 auto 5rem;	display: table;	position: relative;	color: #2a2a2a;}
.lead {	font-size: 4rem;	font-weight: 500;	line-height: 1.3;	text-align: center;	font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";	-webkit-font-feature-settings: 'palt'1;	font-feature-settings: 'palt'1;	margin: 0 auto 5rem;	display: table;	position: relative;	color: #2a2a2a;}
.sub_head.wht { color: #fff!important; text-shadow: none; }
.sec_inner {width: 960px;margin: 0 auto;}
/*--------　list / box --------*/
.list1 {margin: 4rem 0 0 3rem;color: #2a2a2a;width: 100%;/*font-size: 2.8rem;*/position: relative;
    z-index: 2;}
.list1 li {position: relative;padding: 0 0 2rem 4rem;line-height: 1.4;font-weight: bold;/*font-family: "Ryumin ExtraBold KL", serif;*/}
.list1 li:last-child {padding-bottom: 0;}
/*チェックマーク*/
.list1 li:before,.list1 li:after{content: "";position: absolute;}
.list1 li:before{	top: 0rem;	left: .5rem;	-webkit-transform: rotate(50deg);	-ms-transform: rotate(50deg);	transform: rotate(50deg);	width: 1rem;	height: 1.8rem;	border-right: 3px solid #2a2a2a;	border-bottom: 3px solid #2a2a2a;}
.list1 li:after{	left: 0;	top:.5rem;	width: 1.8rem;	height: 1.8rem;	border:1px solid #2a2a2a;border-radius: 2px;}
/* opt_sec1
------------------------------------------------------ */
#opt_sec1{background: #f5f6ea;color: #2a2a2a;}
#opt_sec1 .sub_head{margin: 0 auto;}
#opt_sec1 .sub_ttl{width: 74rem; margin:1.3rem auto 5rem;background: #2a2a2a; color: #fff;text-align: center;line-height: 1.2;font-family: "Gothic MB101 Medium", "ゴシックMB101 M";}
/*-------- content --------*/
.content_wrap{	width: 960px;margin: 0 auto 5rem;	background: #fff;	padding: 5rem;}
.content_wrap:last-of-type{margin-bottom: 0;}
.content{align-items: center;/*margin: 12rem auto 5rem;*/}
.content + .content{margin: 12rem 0 0;}
.content img{width: 47%;/*position: relative;left: -7rem;transform:scale(1.1)*/}
.content_txt{width: 49%;}
.content_wrap h3{	display: table;	font-size: 6rem;	line-height: 1;	padding-bottom: 2rem;	position: relative;	/*font-family: "Ryumin ExtraBold KL", serif;*/	font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";	border-bottom: 3px solid #E0DAC7;	margin: 0 auto 3rem;}
.content h3.sp{display: none;}
.content_txt p{	font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";	font-size: 3rem;	line-height: 1.5;	padding: 3rem 0;}
.num {font-size: 150%;letter-spacing: 0px;}
.triangle {    border-top: 65px solid #9b8327;    border-right: 125px solid transparent;    border-left: 125px solid transparent;    width: 35px;    margin: 0 auto 4rem;}
.triangle1 {    border-top: 35px solid #AB153D;    border-right: 35px solid transparent;    border-left: 35px solid transparent;    width: 35px;	margin: 2rem auto .5rem;}
.triangle2 {    border-top: 35px solid #D25D61;    border-right: 35px solid transparent;    border-left: 35px solid transparent;    width: 35px;    margin: 0 auto 2rem;}
.dot {    border-bottom: 4px dotted #fff;    margin: 0 auto;    color: #fff;    line-height: 1.3;}
/*-----------box-----------*/
.box{width: 32%;border: 1px solid #977819;}
.box p{	background:#fff;	color: #484848;	text-align: center;	line-height: 1.3;	padding: 1rem .2rem;	font-size: 85%;}
/*--------　list / box --------*/
.list1 {margin: 4rem 0 0 3rem;color: #2a2a2a;width: 100%;/*font-size: 2.8rem;*/position: relative;    z-index: 2;}
.list1 li {position: relative;padding: 0 0 2rem 4rem;line-height: 1.4;font-weight: bold;/*font-family: "Ryumin ExtraBold KL", serif;*/}
.list1 li:last-child {padding-bottom: 0;}
/*チェックマーク*/
.list1 li:before,.list1 li:after{content: "";position: absolute;}
.list1 li:before{	top: 0rem;	left: .5rem;	-webkit-transform: rotate(50deg);	-ms-transform: rotate(50deg);	transform: rotate(50deg);	width: 1rem;	height: 1.8rem;	border-right: 3px solid #2a2a2a;	border-bottom: 3px solid #2a2a2a;}
.list1 li:after{	left: 0;	top:.5rem;	width: 1.8rem;	height: 1.8rem;	border:1px solid #2a2a2a;border-radius: 2px;}
/*-------- profile --------*/
#profile {	background:#E0DAC7;	position: relative;	/*padding: 4rem 0;*/	z-index: 0;	overflow: hidden;}
.profile_inner {width: 100%;padding: 2rem 0 0 40%;}
.profile_face{position: absolute;left: -11rem;top:-3rem;}
.profile_wrap {	width:960px;	padding: 2rem 0;	margin: 0 auto;	position: relative;	z-index: 1;	background: #F5F6EA;	    outline: solid 5px #6C1217;    outline-offset: 3px;	overflow: hidden;}
.profile_wrap .notice {padding-left: 7rem;text-align: left;}
/*-------- profile box--------*/
#profile2{background: #5a5a5a;}
#profile2 .sec_inner{width: 860px;}
.prf_box_wrap{width: 960px;margin: 5rem auto 0;}
.prf_box {	background: #6C1217;	width: 48%;	margin: 5rem 0 0;	position: relative;}
.prf_box img{width: 100%;}
.prf_box:nth-of-type(1),.prf_box:nth-of-type(2){margin: 0;}
.prf_box p {	text-align: center;	line-height: 1.3;	color: #fff;	font-size: 90%;	font-weight: bold;	padding: 2rem 0;}
/*-------- chapter --------*/
.chapter{background: #484848;}
.chapter + .chapter{margin-top: 3rem;}
.chapter_img{width: 38%;}
.chapter_box{width: 62%;padding: 4rem 5rem 4rem;}
.chapter_box_inner{margin: auto 0;}
.chapter_num{font-size: 6rem;line-height: 1; font-family: 'Ryumin ExtraBold KL',serif;color: #ffe385; font-style: italic;}
.chapter_txt{font-size:3.8rem;line-height: 1.3;color: #fff;font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";}
/*-------- chapter inner--------*/
.chapter_inner{border:4px solid #E0DAC7;	margin: 0 auto 10rem;	padding: 5rem;	background: #fff;}
.chapter_inner:last-child{margin: 5rem auto 0;}
.chapter_inner h3{	font-family: "Gothic MB101 SemiBold", "A-OTF ゴシックMB101 Pr6N", sans-serif;	text-align: center;	font-size: 3rem;	line-height: 1.3;	margin: 0 auto 3rem;}
/*-------- chapter mv--------*/
h3.subttl{font-size: 3.6rem;font-weight: bold;text-align: center;line-height: 1.3;/*margin: 0 0 2rem 0;*/font-family: "Gothic MB101 SemiBold", "A-OTF ゴシックMB101 Pr6N", sans-serif; -webkit-font-feature-settings: 'palt'1; font-feature-settings: 'palt'1;}
.mv_arrow{ /*background: #eee;*/padding: 0rem 5rem 5rem;}
.mv_arrow_bottom{    background:#2a2a2a;}
.mv_arrow_bottom.s{    background:#2a2a2a;width: 760px;margin: 0 auto 5rem;padding: 1rem 0 0;}
.mv_arrow_toform{ background: #fff;width: 10rem;height: 3rem;margin: 0 auto;position: relative;}
.mv_arrow_triangle{	border-top: 45px solid #fff;	border-right: 75px solid transparent;	border-left: 75px solid transparent;	width: 155px;	margin: 0 auto;}
.mv_arrow_bottom_inner{}
.content_mv video{margin: 0 auto;width: 80%; height: auto;display: block;}
/* form
------------------------------------------------------ */
.form {	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#710707+0,a90329+52,710707+100 */	background: #2a2a2a;	padding: 2rem 0;}
.form.form_b {	background: #222;	border-top: 2px solid #fff;	border-bottom: 2px solid #fff;	padding: 2rem 0;}
.form form {width: 960px;margin: 0 auto;}
.form_inner {display: flex;flex-wrap: wrap;justify-content: space-between;}
.form_sub {width: 100%;margin: 0 auto 1rem;}
.form_sub p {	margin-bottom: 1rem;	font-family: Gothic MB101 DemiBold, sans-serif;	font-size: 2.7rem;	text-align: center;	color: #fff;	line-height: 1;	font-weight: bold;}
.form_left {width: 60%;position: relative;}
.form_must {	position: absolute;	left: 0.5rem;	top: 50%;	transform: translateY(-50%);	background: #e53935;	font-family: Gothic MB101 Medium, sans-serif;	font-size: 1.2rem;	color: #fff;	padding: 0.5rem;	line-height: 1;	z-index: 1;}
.form_label {	position: absolute;	top: 50%;	left: 5rem;	transform: translateY(-50%);	font-family: Gothic MB101 Medium, sans-serif;	font-size: 1.8rem;	color: #aaa;	line-height: 1;	transform-origin: 0 0;	transition: all 0.2s ease;}
.form_input {	position: relative;	background: #fff;	border: none;	border-radius: 5px;	padding: 2rem 0 2rem 5rem;	width: 100%;	font-family: inherit;	font-size: 2rem;	line-height: 1;	box-shadow: 0 0 0 0 #fff inset;	transition: all 0.2s ease;	height: 6rem;}
.form_input:not(:placeholder-shown) + span {color: #5a667f;transform: translateY(-2.2rem) scale(0.7);}
.form_input:focus {outline: none;box-shadow: 0 0 0 2px #07f inset;}
.form_input:focus + span {color: #07f;transform: translateY(-2.2rem) scale(0.7);}
.form_right {width: 38%;}
.form_btn {	width: 100%;	background: #00ad48;	border: 2px solid #7dff88;	border-radius: 10rem;	font-family: Gothic MB101 DemiBold, sans-serif;	font-size: 3rem;	line-height: 1;	color: #fff;	cursor: pointer;	position: relative;	transition: all 0.2s ease;	height: 6rem;}
.form_btn2 {	width: 100%;	background: #00ad48;	border: 2px solid #7dff88;	border-radius: 100px;	font-family: Gothic MB101 DemiBold, sans-serif;	font-size: 3rem;	line-height: 1;	color: #fff;	cursor: pointer;	position: relative;	transition: all 0.2s ease;	height: 6rem;}
.form_btn i {	position: absolute;	top: 50%;	right: 1.5rem;	transform: translateY(-50%);	font-size: 80%;	line-height: 1;}
.form_btn2 i {	position: absolute;	top: 50%;	right: 1.5rem;	transform: translateY(-50%);	font-size: 80%;	line-height: 1;}
.form_btn:hover {background: #fff;border: 2px solid #00ad48;color: #00ad48;}
.form_btn2:hover {background: #fff;border: 2px solid #00ad48;color: #00ad48;}
.form_attention {position: relative;}
.form_caution {display: none;}
.form_btn:hover + .form_caution {	display: block;	position: absolute;	right: 0;	margin-top: 1rem;	padding: 1rem;	background: #ff7;	font-size: 1.3rem;	line-height: 1.5;	z-index: 2;	text-align: left;}
.form_btn:hover + .form_caution:before {	content: "";	width: 0;	height: 0;	position: absolute;	top: -2rem;	left: 50%;	transform: translateX(-50%);	border-bottom: 2rem solid #ff7;	border-left: 1rem solid transparent;	border-right: 1rem solid transparent;	border-top: none;}
.form_btn2:hover + .form_caution {	display: block;	position: absolute;	right: 0;	margin-top: 1rem;	padding: 1rem;	background: #ff7;	font-size: 1.3rem;	line-height: 1.5;	z-index: 2;	text-align: left;}
.form_btn2:hover + .form_caution:before {	content: "";	width: 0;	height: 0;	position: absolute;	top: -2rem;	left: 50%;	transform: translateX(-50%);	border-bottom: 2rem solid #ff7;	border-left: 1rem solid transparent;	border-right: 1rem solid transparent;	border-top: none;}
.form_notice {width: 100%;margin: 1rem 0 0 60rem;}
.form_notice p {font-size: 1.4rem;color: #fff;text-align: center;}

/*forom　別パターン*/
.form2{/*background: #cf5601;*/}
.body_wrap .form2{width: 700px;margin: 0 auto;}
.body_wrap .form2 .form_inner{width: 700px;padding:1rem 3rem;}
.body_wrap .form2 .form_left,.body_wrap  .form2 .form_right{width:80%;margin: 0 auto 1rem;}
.body_wrap .form2 .form_notice{width:80%;margin: 0 auto;}
.body_wrap .form2 .form_sub p{line-height: 1.3;}
/*-------- button:hover --------*/
@-webkit-keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------btn--------*/
.btn {width: 860px;display: block;margin: 6rem auto 6rem;border-radius: 50px;box-shadow: 0px 4px #328d47;background: #4aab46;background: -moz-linear-gradient(-45deg, #4aab46 0%, #328d47 100%);background: -webkit-linear-gradient(-45deg, #4aab46 0%,#328d47 100%);background: linear-gradient(135deg, #4aab46 0%,#328d47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );text-decoration: none;transition: all .3s;line-height: 1.4;border: 3px solid #9bfeac;}
.btn p {padding: 1rem;color: #fff;font-size: 5rem;font-weight: bold;text-align: center;}
.btn:hover{filter: brightness(120%);}
.btn::after {content: '》';position: absolute;display: block;right: 45px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 145%;}
.move {animation: move 2s infinite;}
.move.nobottom{margin: 0 auto 0;position: relative;}
/*
@keyframes move {0% {transform: translate(2px, 0px);}
	5% {transform: translate(-2px, 0px);}
	10% {transform: translate(2px, 0px);}
	15% {transform: translate(-2px, 0px);}
	20% {transform: translate(2px, 0px);}
	25% {transform: translate(-2px, 0px);}
	30% {transform: translate(0px, 0px);} }
*/
/* form
------------------------------------------------------ */
.form {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#710707+0,a90329+52,710707+100 */
	background: rgb(113,7,7); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(113,7,7,1) 0%, rgba(169,3,41,1) 52%, rgba(113,7,7,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(113,7,7,1) 0%,rgba(169,3,41,1) 52%,rgba(113,7,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(113,7,7,1) 0%,rgba(169,3,41,1) 52%,rgba(113,7,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#710707', endColorstr='#710707',GradientType=1 ); /* IE6-9 */
	padding: 2rem 0;
}
.form.form_b { background: #222; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 2rem 0; }
.form form { width: 960px; margin: 0 auto; }
.form_inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.form_sub { width: 100%; margin: 0 auto 1rem; }
.form_sub p { margin-bottom: 1rem; font-family: Gothic MB101 DemiBold, sans-serif; font-size: 3rem; text-align: center; color: #fff; line-height: 1; font-weight: bold;}
.form_left { width: 60%; position: relative; }
.form_must { position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); background: #e53935; font-family: Gothic MB101 Medium, sans-serif; font-size: 1.2rem; color: #fff; padding: 0.5rem; line-height: 1; z-index: 1; }
.form_label { position: absolute; top: 50%; left: 5rem; transform: translateY(-50%); font-family: Gothic MB101 Medium, sans-serif; font-size: 1.8rem; color: #aaa; line-height: 1; transform-origin: 0 0; transition: all 0.2s ease; }
.form_input { position: relative; background: #fff; border: none; border-radius: 5px; padding: 2rem 0 2rem 5rem; width: 100%; font-family: inherit; font-size: 2rem; line-height: 1; box-shadow: 0 0 0 0 #fff inset; transition: all 0.2s ease; height: 6rem;}
.form_input:not(:placeholder-shown) + span { color: #5a667f; transform: translateY(-2.2rem) scale(0.7); }
.form_input:focus { outline: none; box-shadow: 0 0 0 2px #07f inset; }
.form_input:focus + span { color: #07f; transform: translateY(-2.2rem) scale(0.7); }
.form_right { width: 38%; }
.form_btn { width: 100%; background: #00ad48; border: 2px solid #7dff88; border-radius: 10rem; font-family: Gothic MB101 DemiBold, sans-serif; font-size: 3rem; line-height: 1; color: #fff; cursor: pointer; position: relative; transition: all 0.2s ease;  height: 6rem;}
.form_btn2 { width: 100%; background: #00ad48; border: 2px solid #7dff88; border-radius: .5rem; font-family: Gothic MB101 DemiBold, sans-serif; font-size: 3rem; line-height: 1; color: #fff; cursor: pointer; position: relative; transition: all 0.2s ease; height: 6rem;}
.form_btn i { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 80%; line-height: 1; }
.form_btn2 i { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 80%; line-height: 1; }
.form_btn:hover { background: #fff; border: 2px solid #00ad48; color: #00ad48; }
.form_btn2:hover { background: #fff; border: 2px solid #00ad48; color: #00ad48; }
.form_attention { position: relative; }
.form_caution { display: none; }
.form_btn:hover + .form_caution { display: block; position: absolute; right: 0; margin-top: 1rem; padding: 1rem; background: #ff7; font-size: 1.3rem; line-height: 1.5;z-index: 2; text-align: left;}
.form_btn:hover + .form_caution:before {content: ""; width: 0; height: 0; position: absolute; top: -2rem; left: 50%; transform: translateX(-50%); border-bottom: 2rem solid #ff7; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: none; }
.form_btn2:hover + .form_caution { display: block; position: absolute; right: 0; margin-top: 1rem; padding: 1rem; background: #ff7; font-size: 1.3rem; line-height: 1.5;z-index: 2; text-align: left;}
.form_btn2:hover + .form_caution:before {content: ""; width: 0; height: 0; position: absolute; top: -2rem; left: 50%; transform: translateX(-50%); border-bottom: 2rem solid #ff7; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: none; }
.form_notice { width: 100%; margin: 1rem 0 0 60rem; }
.form_notice p { font-size: 1.4rem; color: #fff; text-align: center; }
.icon_btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	right: 4px;
	background: url(../img/base/icon_btn.png) no-repeat right center;
	height: 27px;
	background-size: 13px;
	padding-right: 13px;
}
.form_btn2:hover .icon_btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	right: 4px;
	background: url(../img/base/icon_btn03.png) no-repeat right center;
	height: 27px;
	background-size: 13px;
	padding-right: 13px;
}
/* scfooter
------------------------------------------------------ */

@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------吹き出し--------*/
/* 共通 */
.form_attention .attention, .form_attention .attention2 { display: none;position: absolute;left: 15%;top: 120%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention3 { display: none;position: absolute;left: 15%;top: -330%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention:after, .form_attention .attention2:after { position: absolute;content: "";top: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-bottom: 16px solid #ff0;}
.form_attention .attention3:after { position: absolute;content: "";bottom: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-top: 16px solid #ff0;}
.form_attention:hover .attention, .form_attention:hover .attention2, .form_attention:hover .attention3 { z-index: 2;display: block;}
/* 固有 */
.form_attention { position: relative;z-index: auto;}
.form_attention img { width: 100%;height: 100%;}
.form_attention .attention { width: 650px;}
.form_attention .attention2 { width: 300px;}
.form_attention .attention3 { width: 300px;}
.form_attention .txt { top: 8px;left: 4px;padding: 1rem;color: #000;font-size: 1.1rem;line-height: 1;}
/*--------footer_attention--------*/
#footer_attention { width: 960px;margin: 0 auto;background: #fff;padding: 4rem 0;}
#footer_attention p, #footer_attention ul { font-size: 1.4rem;}
#footer_attention ul { text-indent: -1rem;padding-left: 1rem;margin: 2rem auto;}
.service_list { margin: 4rem auto 0;font-size: 80%;line-height: 1.4;background: #fff;}
.service_list th, .service_list td { padding: 1rem;border: 1px solid #ccc;vertical-align: middle;}
.service_list th { background: #eee;}
.service_list_A, .service_list_C { width: 25%;}
/*--------footer_attention2--------*/
p + ul { margin-top: 2rem;}
.service_list2 li { font-size: 1.4rem;}
.attention_box { margin: 2rem auto;background: #e9fbfa;border: solid 2px #cce4e3;}
.attention_box p { width: 95%;margin: 0 auto 15px;padding-top: 1.5rem;line-height: 1.2;font-size: 1.4rem;}
.attention_box h3 { width: 95%;margin: 20px auto 0;font-weight: bold;}
/*--------footer--------*/
footer {width: 100%;padding: 5rem 0;background: #ddd;}
#footer_inner {width: 960px;margin: 0 auto;font-size: 1rem;}
#footer_inner .logo {width: 25%;margin: -1rem auto 3rem;}
#footer_inner ul {display: flex;justify-content: center;}
#footer_inner li {padding: 0 2rem;border-left: 1px solid #ccc;}
#footer_inner li:first-child {padding-left: 0;border: none;}
#footer_inner p {padding-top: .5rem;text-align: center;}
#footer_inner a {text-decoration: none;}
#footer_inner a:link, #footer_inner a:visited, #footer_inner a:hover, #footer_inner a:active {color: #989898;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	/*--------Basic--------*/
@media screen and (max-width:768px) {
	body {width: 100%;font-size: 4.8vw;}
	a[href^="tel:"] {pointer-events: auto;text-decoration: underline;color: #00e;}
	.body_wrap {width: 100%;}
	/* Float */
	.img_right, .img_left {float: none;width: 80%;padding: 0 0 2rem;margin: 0 auto;}
	.pc {display: none;}
	.sp {display: block;}
	.xxsmall {font-size: 60%;}
	.xsmall {font-size: 70%;}
	.small {font-size: 80%;}
	.sp_small {font-size: 70%;}
	.large {font-size: 110%;}
	.xlarge {font-size: 130%;}
	.xxlarge {font-size: 150%;}
	.flex p {margin: 0 auto;}
	.middle {margin: 3vw 0;}
	.bottom {margin-top: 3vw;}
	.top {margin-bottom: 3vw;}
	.s_img {width: 80%;}
	.icon_btn {background-size: 2.6vw;}
	.caption{padding: 2vw 0; font-size: 4vw;}
	.notice{font-size: 2.2vw;padding-top: 2vw;padding-bottom: 2vw;}
	
	.flex {display: block;}
	
	.triangle {
		border-top: 6vw solid #9b8327;
		border-right: 20vw solid transparent;
		border-left: 20vw solid transparent;
		width: 35vw;
		margin: 0 auto;
	}
	.logo_img2 {
    width: 50%;
    padding: 1rem 0;
}
	/*--------Section / sub_head / sec_inner--------*/
	section {padding: 7vw 0 0;}
	.sub_head {
		width: 94%;
		font-size: 6vw;
		padding: 0 0 2vw;
		margin: 0 auto 4vw;
	}
	.lead {
    font-size: 5vw;
    margin: 0 auto 5vw;
}
	.sec_inner {width: 95%;padding: 10px 0 7vw;}
	.cta_btn {margin: 0 auto 0rem;padding: 1.5rem 1rem;}
	.cta_btn span { font-size: 3rem;}
	.message .sec_inner {background: #fff;margin: 0 auto 20px;padding: 3rem 3rem;}
	.header_arrow {bottom: -9vw;right: 1vw;z-index: 1;}
	.header_arrow img {width: 5vw;}
	/*head共通*/
	h1 {width: 100%;padding: 0 0 7rem 0;}
		.scrolldown span {
    left: -23px;
    bottom: 10px;
    font-size: 1.4rem;
}
	.scrolldown:after {
    height: 58px;
		width: 2px;
}
	.scrolldown:before {
		width: 2px;}
	#header_A,#header_B,#header_C,#header_D,#header_E,#header_G{background: none;}
	.header_face {position: absolute;bottom: 41vw;width: 25vw;left: 1vw;}
	header p {/*{font-size: 2vw;*/padding: 0;color: #3f3a17;}
	/*--------　list / box --------*/
	ul.list1 {margin: 3vw auto 0; padding:0;}
	ul.list1 li {padding: 1vw 0 1vw 5vw;text-shadow:none;}
	.list1 li::after {top: 1.8vw; left: -2vw; width: 4vw; height: 4vw; background-size: 100%;}
	.list1 li:before { top: 2vw; left: 0; width: 1vw; height: 3vw; border-right: 2px solid #2a2a2a; border-bottom: 2px solid #2a2a2a;}
	/*list2*/
	.list2{margin: 0 0 10vw;padding:5vw;border-radius:5px;}
	.list2 li{padding: 3vw 2vw 3vw 10vw;font-size: 4.5vw;}
	.list2 li:before{
		top: 2.5vw;
		left: 3.5vw;
		width: 2vw;
		height: 4vw;
		border-right: 2px solid #8b6b4e;
		border-bottom: 2px solid #8b6b4e;
	}
	.list2 li:after{left: 2vw;width: 3.5vw;height: 3.5vw;border:2px solid #131f4f52;border-radius: 2px;}
	.list_ttl{font-size: 5vw;
	}
	/*-------- profile--------*/
	#profile {}
	.profile_wrap{width: 95%; outline: solid 2px #6C1217; outline-offset: 2px;padding: 3vw;}
	.profile_inner {padding: 0;margin: 0 auto;width: 95%;}
	.profile_face{}
	#profile .notice {text-align: right;padding: 2vw 3vw 0 0;}
	/*-------- profile box--------*/
	#profile2 .sec_inner{width: 95%;}
	.prf_box_wrap{width: 100%;margin: 10vw auto 0;}
	.prf_box, .prf_box:nth-of-type(2){width: 95%;margin: 10vw auto 0;}
	.prf_box:nth-of-type(1){margin: 0 auto;}
	.prf_box p {padding: 2vw 0;font-size: unset;}
	/*-----------box-----------*/
	.box{width: 80%;margin: 5vw auto;}
	.box p{
		padding: 1rem .2rem;
		font-size: 85%;
		height: auto;
	}
		/* opt_sec1
	------------------------------------------------------ */
	#opt_sec1{padding: 7vw 0 0;}
	/*#opt_sec1 + section{padding: 0;}*/
	#opt_sec1 .sub_ttl{width: 80%; margin:2vw auto 2vw;}
	#opt_sec1 .sub_head{padding: 0;}
	/*-------- content --------*/
	.content_wrap{width: 100%;margin: 7vw auto;padding: 5vw;}
	.content{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.content_wrap:first-child{margin: 0 auto 7vw;}
	.content + .content{margin: 10vw auto 0;}
	.content img{width: 100%;position: static;transform:scale(1);}
	.content_txt{width: 100%;padding: 2vw 0 0;}
	.content_wrap h3{font-size: 6vw;padding-bottom: 2vw;    margin: 0 auto 3vw;}
	.content_txt p{font-size: 5vw;padding:0;}
	.num {padding-left: 1vw;}
	/*-------- chapter --------*/
	.chapter_wrap{width: 100%;margin: 0 auto;}
	.chapter{width: 100%;margin: 7vw auto;}
	.chapter.flex.reverse{flex-direction: column-reverse;}
	.chapter + .chapter{margin-top: 7vw;}
	.chapter_img{width: 100%;}
	.chapter_box{width: 100%;padding: 2vw 0 5vw;text-align: center;}
	.chapter_box_inner{margin: auto 0;}
	.chapter_num{font-size: 9vw;line-height: 1.3;}
	.chapter_txt{font-size: 4.5vw;font-weight: bold;}
	/*-------- chapter inner--------*/
	.chapter_inner{width: 100%;border:1px solid #E0DAC7;margin: -7vw auto 10vw;padding: 5vw 3vw;}
	.chapter_inner:last-child{margin: 3vw auto 5vw;}
	.chapter_inner h3{font-size: 4.7vw;font-weight: bold;margin: 0 auto 2vw;}
	/*--------btn--------*/
	.btn {width: 90%; margin: 2rem auto 3rem;border: 2px solid #9bfeac;}
	.btn p{font-size:5.4vw;padding: 1.5vw;}
	.btn::after{right: 4vw;content: '>';top: 40%;}
	.move.nobottom{margin: 0 auto 0;}
	/* scfooter
	------------------------------------------------------ */
	#scfooter{padding: 2vw 0;}
	#scfooter.form { padding: 0rem 0; z-index: 3 }
	#scfooter .form_left { width: 63%; }
	#scfooter .form_must {  width: 1.5em; text-orientation: upright; text-align: center; padding: 0.5em 0; }
	#scfooter .form_label { left: 8vw; font-size: 3.3vw; }
	#scfooter .form_input { padding: 2rem 0 1rem 8vw; }
	#scfooter .form_right { width: 35%; }
	#scfooter .form_btn { display: block; width: 100%; margin-top: 0; padding: 0; font-size: 4vw; line-height: 1.1; }
	#scfooter .form_btn i { right: 1rem; }
	#scfooter .form_btn:hover + .form_caution { width: 90vw; bottom: 17vw; }
	#scfooter .form_btn:hover + .form_caution:before { right: 12%; left: auto; }
	#scfooter .form_btn2 { display: block; width: 100%; margin-top: 0; padding: 0; font-size: 4vw; line-height: 1.1; }
	#scfooter .form_btn2 i { right: 1rem; }
	#scfooter .form_btn2:hover + .form_caution { width: 90vw; bottom: 17vw; }
	#scfooter .form_btn2:hover + .form_caution:before { right: 12%; left: auto; }
	 /*--------吹き出し非表示--------*/
	.form_btn:hover + .form_caution{display: none;}
	/*--------吹き出し--------*/
	.form_attention .attention2 { display: none;right: 0;left: auto;width: 300px;}
	.service_list { margin: 7vw auto 0;}
	/*--------footer_attention--------*/
	.service_list th, .service_list td { padding: 2vw 1vw;}
	.service_list th { background: #f5f5f5;}
	.service_list td.large { font-size: 120%;}
	.service_list2 { text-indent: -1em;padding-left: 1em;}
	.arrow{margin:0 auto 11vw;font-size: 4.5vw; position: relative; top: -3rem;}
	.arrow:after{border-width: 5vw 8vw 0 8vw;top: 38vw;}
	/*--------footer-------*/
	footer {padding: 4vw 0;}
	#footer_inner {width: 90%;}
	#footer_inner p {text-align: center;}
	#footer_inner .logo {width: 55%;margin: 0 auto 2rem;}
}