/* 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;}
table {border-collapse: collapse;border-spacing: 0;}
table + p {margin-top: 2rem;}
img {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: #3f3f3f;
	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;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	background: #E5E5E5;
}
section {padding: 7rem 0;}
.body_wrap {margin: 0 auto;}
.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;}
.img_center {margin: 0 auto;}
.flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
/*.flex + .flex {
	margin: 2rem 0 0;
}*/
.caption {
	width: 100%;
	padding: 1rem;
	margin: 0 auto;
	background: #333;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
/* Font */
h1 {
	font-weight: normal !important;
	font-feature-settings: "palt"1;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #d11019;}
.y {color: #f4f745;}
.wht {color: #fff !important;}
.gradation_g {
	color: #f9db7f;
	background: -webkit-linear-gradient(0deg, #f9db7f, #fff8c8, #f9db7f);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Gothic MB101 Heavy', sans-serif;
}
/*.mark {
	background: linear-gradient(transparent 50%, #ffff84 50%);
}*/
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.xxsmall {font-size: 30%;}
.xxxsmall{font-size: 60%;line-height: 1.2;text-align: center;padding-top: .5rem;}
.xsmall {font-size: 60%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.xlarge {font-size: 140%;}
.xxlarge {font-size: 160%;}
.serif {font-family: 游明朝, "Yu serif", Yuserif, "Hiragino serif ProN", "Hiragino serif Pro", HGS明朝E, メイリオ, Meiryo, serif;}
.videotime {font-family: Arial, Helvetica, "sans-serif";font-weight: 900;font-size: 115%;}
.bg_b {background: #000;}
img.form_copy {margin: 0 auto 1.5rem;width: 60%;}
.middle {margin: 2rem 0;}
.bottom {margin-top: 2rem;}
.top {margin-bottom: 2rem;}
.notice {
    padding-top: 1rem;
    font-size: 1.5rem;
    text-align: right;
    font-weight: 400;
    font-family: sans-serif;
    color: #8a8a8a;
    letter-spacing: 1px;
}
.form_inner .notice{text-align: center;margin: 0 auto;font-size: 1.2rem;color:#d1d1d1;}
.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;
}
.ui-autocomplete { position: absolute!important; background: #fff; list-style: none; border-radius: 1rem; overflow: hidden; z-index: 10;}
.ui-autocomplete li { border-bottom: 1px solid #ccc; padding: 1rem; font-family: inherit!important; text-align: left;}
.ui-state-focus { background: #ff7; }
.ui-helper-hidden-accessible { display: none!important; }

/*--------Header--------*/
header {
	width: 100%;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
	background: #f9f6c6;
    border-bottom: 2px solid #fac162;
}
header h1 img{margin: 0 auto;width: 35%;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {
	font-size: 5rem;
    line-height: 1.3;
    text-align: center;
     font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N"; 
    font-family: "A1 Gothic B";
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
    margin: 0 auto 8rem;
    display: table;
    position: relative;
    color: #09203c;
}
.sec_inner {padding: 0 0 0rem;margin: 0 auto;width: 960px;}
/*--------　merit_icon --------*/
.merit_icon{ width: 100%; margin: 2rem auto;font-size: 1.5rem;}
.merit_icon.icon2{width: 60%;}
.merit_icon.icon2 li{background: none; color: #1d5d62; border: 2px dotted #488185;font-size: 80%;}
.merit_icon li span.videotime{font-family: "Gothic MB101 SemiBold", "A-OTF ゴシックMB101 Pr6N";font-weight: normal;font-size: 100%;}
.merit_icon li{width: 32%;color: #fff;text-align: center;padding: 1rem ;border-radius: 5px;font-family: "Gothic MB101 SemiBold", "A-OTF ゴシックMB101 Pr6N"; border: 2px dotted #fff;}
/*--------　list / box --------*/
.list1 {margin: 4rem 0 0;color: #471c1c;width: 100%;font-size: 2rem;}
.list1 li {position: relative;padding: 0 0 2rem 4rem;line-height: 1.4;font-family: "A1 Gothic B";}
.list1 li:last-child {padding-bottom: 0;}
.list1 li::after {display: block;content: '';position: absolute;top: -.2em;left: -.1rem;width: 70px;height: 70px;background: url('../img/check.png')no-repeat; transform: scale(0.8);}
.list_ydn li {font-size: 3.3rem;}
.list_ydn li::after {top: .3em;}
/* 共通 */
/*-------- profile --------*/
#profile {
    background-color: #f5ef98;
    background-image: radial-gradient(at 50% 40%, #ffd992 0, transparent 50%), radial-gradient(at 80% 0%, hsla(0, 0%, 100%, 1) 0, transparent 50%), radial-gradient(at 0% 50%, hsla(0, 0%, 100%, 1) 0, #ffffff00 50%), radial-gradient(at 90% 60%, #f5ef98 0, #b7caee00 50%), radial-gradient(at 10% 100%, #f5ef98 0, transparent 50%), radial-gradient(at 80% 100%, hsl(0deg 0% 100%) 0, transparent 50%), radial-gradient(at 20% 29%, #ffd992 0, #ffffff00 50%);
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    padding: 7rem 0;
    z-index: 0;
    overflow: hidden;
}
.profile_inner {padding:4.5rem 0rem 0 4rem;}
.profile_face{position: absolute;right: 0;top:2rem; z-index: -1;}
.profile_wrap {
	width:943px;
	background: #fffdea;
	padding: 2rem 0 4rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	border: solid 2px #fbc262;
    outline: solid 5px #fbc262;
    outline-offset: 3px;overflow: hidden
}
#profile .notice {text-align: left;width: 960px;margin: 0 auto;}
/*-------- profile box--------*/
#profile2{background: #09203c;}
#profile2 .sec_inner{width: 860px;}
.prf_box_wrap{width: 960px;margin: 0 auto;}
.prf_box {
	background: #fffdea;
	margin: 5rem 0 0;
	position: relative;
}
.prf_box.num01 {
	background: #f98433;
}
.prf_box.num02 {
	background: #34c0b6;
}
.prf_box02 {
	background: #f5f5f5;
	width: 100%;
	margin: 5rem 0 0;
	position: relative;
}

.prf_box p {
	text-align: center;
	line-height: 1.3;
	color:  #fff;
	font-size: 2rem;
/*	font-weight: bold;*/
	padding: 1rem 0 1rem;
	font-family: "A1 Gothic B";
}
.prf_box02 p {
	background: #f35e5e;
	text-align: center;
	line-height: 1.3;
	color: #fff;
	/*font-weight: bold;*/
	padding: 1rem 0 1rem;
	font-family: "A1 Gothic B";
}
/*-------- content --------*/
.content_wrap{width: 1000px;margin: 0 auto;}
.content{align-items: center;}
.content + .content{margin: 12rem 0 0;}
.content img{width: 57%;position: relative;left: -7rem;transform:scale(1.1);border-radius: 15px;}
.content_txt{width: 43%;}
.content h3{
	font-size: 6rem;
	color: #f1731e;
	line-height: 1;
	padding-bottom: 2rem;
	position: relative;
	/*font-family: "Ryumin ExtraBold KL", serif;*/
	font-family: "A1 Gothic B";
	border-bottom: 3px solid #f1731e;
}
.content_txt p{
	/*font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";*/
	font-family: "A1 Gothic B";
	font-size: 2.5rem;
	line-height: 1.5;
	padding: 3rem 0;
}
.num {padding-left: 1rem;font-size: 150%;letter-spacing: 0px;}
/*偶数の時*/
.content:nth-child(even){flex-direction: row-reverse;}
.content:nth-child(even) img{left: unset;right: -7rem;}
.opt_sec1{position: relative;background: #fff;    background-image: radial-gradient(at 80% 0%, #ffffff 0, transparent 50%), radial-gradient(at 0% 50%, #eafff9 0, transparent 50%), radial-gradient(at 80% 50%, #ffffff 0, #eafff9 50%), radial-gradient(at 0% 100%, hsla(0,0%,100%,1) 0, #ffffff00 50%), radial-gradient(at 80% 100%, #ffffff 0, #eafff9 50%);}
.opt_sec1 {
	position: relative;
	background-color: #FFFFFF;
	width: 100%;
}

.opt_sec1:before,
.opt_sec1:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	background: url('../img/tochiro_online_opt_bg.png') repeat-y left top 30px;
	background-size: 95px auto;
	width: 104px;
	height: 100%;
	z-index: 0;
}

.opt_sec1:before { left: 0; }
.opt_sec1:after { right: 0; transform: scaleX(-1); }
.opt_sec1 .sub_head{margin: 0 auto;}
.opt_sec1 .sub_ttl{width: 74rem; margin:1.3rem auto 10rem;background: #f1731e; color: #fff;text-align: center;line-height: 1.2;font-family: "Gothic MB101 Medium", "ゴシックMB101 M";}
/* merit_icon
------------------------------------------------------ */
.merit_icon{ width: 100%; margin: 0rem auto 0rem;font-size: 2rem;}
.merit_icon.icon2{width: 60%;}
.merit_icon.icon2 li{background: none; color: #1d5d62; border: 2px dotted #488185;font-size: 80%;}
.merit_icon li span.videotime{/*font-family: "Gothic MB101 Medium";, "ゴシックMB101 M"*/font-family: "A1 Gothic B";font-weight: normal;font-size: 100%;}
.merit_icon li{width: 36%;color: #fff;text-align: center;padding: .5rem ;border-radius: 5px;/*font-family: "Gothic MB101 Medium";, "ゴシックMB101 M"*/font-family: "A1 Gothic B"; border: 2px dotted #fff;}
.merit_icon li:nth-child(2){width: 25%;}
/*--------btn--------*/
.btn {width: 860px;display: block;margin:0 auto 2rem;z-index: 15; 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;text-shadow: 2px 2px 2px #275431;}
.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: 6rem auto;}
@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);} }
/*-------- 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;
}
/*--------吹き出し--------*/
/* 共通 */
.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%;
	bottom: 100%;
	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.2;
	text-align: left;
}
/*--------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 {padding: 3rem 0 0;}
.service_list {
	margin: 0 auto;
	font-size: 71%;
	line-height: 1.4;
	background: #fff;
}
.service_list th, .service_list td {padding: 1.5rem;border: 1px solid #ccc;vertical-align: middle;}
.service_list th {background: #eee;padding: 1.5rem 0;}
.service_list_A, .service_list_C {width: 24%;}
#service .sec_inner {padding: 0 5rem 1rem;}
/*--------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: 3rem 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 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {
	/*--------Basic--------*/
	body {width: 100%;font-size: 4.5vw;}
	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: 1.8vw;padding-top: 2vw;padding-bottom: 2vw;}
	/*--------Section / sub_head / sec_inner--------*/
	section {padding: 7vw 0;}
	.sub_head {
		width: 94%;
		font-size: 6.8vw;
		padding: 6vw 0 2vw;
		margin: 0 auto 4vw;
	}
	.sec_inner {width: 95%;padding: 0 0 7vw;}
	/*--------prihead--------*/
	#prihead {font-size: 4.2vw;z-index: 20;}
	#prihead #CDT {width: 100%;padding: .5rem 0;font-size: 3.5vw;}
	#prihead #CDT .count_num {display: inline-block;padding: 0 1vw;margin: 0 1vw;border-radius: 3px;color: #333;font-size: 140%;background: #fff;}
	/*--------Header--------*/
	/*header h1 img {margin: 0;}*/
	/*arrow*/
	.header_arrow {bottom: -9vw;right: 1vw;z-index: 1;}
	.header_arrow img {width: 5vw;}
	/*head共通*/
	h1 {width: 100%;}
	#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;}
	/*mv 共通*/
	header .header_mv video {width: 100%;height: auto;}
	.mv_subttl{font-size: 4.5vw;}

	/*headA*/
	#header_A .header_mv{width: 70%;height: auto;bottom: 18vw;}
	/*headB*/
	#header_B .header_mv{width: 70%;height: auto;bottom: 15vw;}
	/*headC*/
	#header_C .header_mv{width: 70%;height: auto;bottom: 15vw;}
	/*headD*/
	#header_D .header_mv{width: 68%;height: auto;bottom: 16vw;}
	/*headE*/
	#header_E .header_mv{width: 70%;height: auto;bottom: 15vw;}
	/*headF newdesign*/
	#header_F {padding: 5vw 3vw;}
	.large_head #form_header{width: 100%;}
	.large_head #form_header .form2{padding: 5vw 3vw;}
	.large_head #form_header .form2 .form_sub p{font-size: 24vw;}
	.large_head #form_header .form_notice{margin: 0 auto;}
	.large_head .header_mv{width: 80%;margin: 4vw auto;}
	.large_head .merit_icon {margin: 0 auto 4vw;}
	.large_head .form_btn2 {font-size: 5vw;}
	/*headG*/
	#header_G .header_mv{width: 80%;height: auto;bottom: 11vw;}
	/*headH manga*/
	#header_manga{background: #fff7c9;padding: 0 0 3vw 0;}
	header #header_manga .header_mv{}
	#header_manga #form_header{width: 94%;}
	#header_manga #form_header .form2{padding: 5vw 3vw;}
	#header_manga #form_header .form2 .form_sub p{font-size: 4vw;}
	#header_manga #form_header .form_notice{margin: 0 auto;}
	#header_manga .header_mv{width: 80%;margin: 4vw auto;}
	#header_manga .merit_icon {margin: 0 auto 4vw;}
	#header_manga .form_btn2 {font-size: 5vw;}
	#header_manga .merit_icon +.notice{margin: -4vw auto 1vw;}

	/*--------　merit_icon --------*/
	.merit_icon{ width: 95%; margin: 4vw auto 2vw; display: flex;}
	.merit_icon.icon2{width: 85%;}
	.merit_icon.icon2 li{font-size: 70%;}
	.merit_icon li{width: 32%;padding: 1vw 0; font-size: 75%;}
	.merit_icon li span.videotime{}
	.merit_icon li{width: 32%;padding: 2vw 0;}
	/*--------　list / box --------*/
	ul.list1 {margin: 0 auto 0; padding:3vw;width: 100%;}
	ul.list1 li {padding: 1vw 0 1vw 5vw;font-size: 4.1vw;text-shadow:none;}
	.list1 li::after {top: .6vw; left: -2vw; width: 6vw; height: 6vw; background-size: 100%;}
	/*-------- profile--------*/
	#profile { padding: 9vw 0;}
	.profile_wrap{width: 91%;padding: 0;margin-bottom: 0;    border: solid 2px #fbc262;
    outline: solid 4px #fbc262;
    outline-offset: 3px;}
	.profile_inner {padding: 0 0 20px;margin: 0 auto;width: 95%;}
	.profile_face{}
	#profile .notice {text-align: right;padding: 0 4vw 0 0;width: 100%;}
	/*-------- profile box--------*/
	#profile2{padding: 7vw 0;}
	#profile2 .sec_inner{width: 95%;}
	.prf_box_wrap{width: 100%;}
	.prf_box {width: 95%;padding:0 0 15px;margin: 5vw auto;}
	.prf_box:nth-of-type(1){margin: 0 auto;}
	.prf_box:nth-of-type(2){margin: 5vw auto;}
	.prf_box p {padding: 4vw 0 0;}
	.prf_box02{margin: 0 auto;width: 95%;}
	/* opt_sec1
	------------------------------------------------------ */
	.opt_sec1 .sub_ttl{width: 80%; margin:2vw auto 7vw;}
	.opt_sec1 .sub_head{padding: 0;}
	.manga:before, .manga:after {
    display: none
}
	.opt_sec1:before { left: 0; display: none}
.opt_sec1:after { right: 0; transform: scaleX(-1);display: none }
	/*-------- content --------*/
	.content_wrap{width: 100%;}
	.content{
		width: 90%;
		margin: 0 auto;
		padding: 5vw;
		background: #fff;
		border: 1px solid #371414;
		text-align: center;
	}
	.content + .content{margin: 10vw auto 0;}
	.content img{width: 100%;position: static;transform:scale(1);}
	.content_txt{width: 100%;padding: 5vw 0 0;}
	.content h3{font-size: 6vw;padding-bottom: 2vw;}
	.content_txt p{font-size: 4.6vw;padding: 3vw 0 0;}
	.num {padding-left: 1vw;}
	P + P{padding-top: 4vw;}
	.form_notice p{padding-top: 0;}
	.notice{font-size: 3vw;}
	/* form
	------------------------------------------------------ */
	.form {padding: 2vw 0 1vw;}
	.form form {width: 94%;}
	.form_sub {width: 100%;margin: 0;}
	.form_sub p {font-size: 5.5vw;line-height: 1.3;}
	.form_left {width: 100%;}
	.form_must {font-size: 3vw;}
	.form_label {font-size: 4vw;left: 12vw;}
	.form_input {font-size: 4.5vw;padding: 5vw 0 1rem 12vw;height: 14vw;}
	.form_input:focus + span, .form_input:not(:placeholder-shown) + span {
		transform: translateY(-2.2rem) scale(0.7);
	}
	.form_right {width: 100%;}
	.form_btn {
		display: table;
		width: auto;
		margin: 1rem auto 0;
		padding: 1rem 6rem;
		font-size: 6vw;
		height: 14vw;
	}
	.form_btn2 {
		display: table;
		margin: 1vw auto 0;
		padding: 2vw 6vw;
		font-size: 6vw;
		height: 14vw;
	}
	.form_notice p {font-size: 3.3vw;line-height: 1.3;}
	.form_notice {margin: .5rem 0 0 0;}
	.description_area {width: 100%;}
	/*forom　別パターン*/
	.body_wrap .form2{width:100%;margin: 0 auto;}
	.body_wrap .form2 .form_inner{width: 100%;padding:1vw 3vw;}
	.body_wrap .form2 .form_left,.body_wrap  .form2 .form_right{width:95%;margin: 0 auto 1vw;}
	.body_wrap .form2 .form_notice{width:95%;margin: 0 auto;}
	.body_wrap .form2 .form_sub p{line-height: 1.3;}
	.move.nobottom {
    margin: 8vw auto 0;
}.btn {
    width: 90%;
    margin: 2rem auto 3rem;
    border: 2px solid #9bfeac;
}
	.btn p {
    font-size: 4.8vw;
    padding: 1.5vw;
    text-shadow: 1px 1px 1px #275431;
}.btn::after {
    right: 4vw;
    content: '>';
    top: 46%;
}
	/* scfooter
	------------------------------------------------------ */
	#scfooter.form {padding: 1rem 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_attention .attention3 {left: auto;top: -392%;right: 0;width: 310px;}
	.form_attention .attention3:after {right: 32px;left: auto;}
	/*--------footer_attention--------*/
	.service_list th, .service_list td {padding: .5em;}
	.service_list th {background: #f5f5f5;}
	.service_list td.large {font-size: 120%;}
	.service_list2 {text-indent: -1em;padding-left: 1em;}
	#service .sec_inner {padding: 0;}
	section#service {padding: 0 0 1vw;}
	/*--------footer-------*/
	footer {padding: 2rem 0 10rem;}
	#footer_inner {width: 90%;}
	#footer_inner p {text-align: center;}
}