﻿/* 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: #FFF8DB;
}
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;}
.mark_o{background: #fff;
    padding: 0.2rem 0.4rem;
    margin: 0 0.5rem;}
.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%;}
.xsmall {font-size: 60%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.xlarge {font-size: 140%;}
.xxlarge {font-size: 160%;}
.serif {font-family: 'Ryumin ExtraBold KL',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: 4rem !important;}
.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;
}
.tac{text-align: center;}
.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; }
/*--------prihead--------*/
#prihead {
	z-index: 20;
	position: fixed;
	width: 100%;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background: #000000; /* Old browsers */
}
#prihead #CDT {
	width: 960px;
	padding: 1rem 0;
	margin: 0 auto;
	color: #fcfbb2;
	line-height: 1.2;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, monospace;
}
#prihead #CDT .count_num {
	display: inline-block;
	padding: 0 .4rem;
	margin: 0 .4rem;
	border-radius: 3px;
	color: #333;
	font-size: 150%;
	background: #fff;
}
/*--------Header--------*/
header {width: 100%;margin: 0 auto;text-align: center;background: #fff;}
h1 img{margin: 0 auto;}
.header_arrow {position: absolute;right: -30px;bottom: -55px;z-index: 1;}
.header_arrow img {width: 50px;}
/*mv 共通*/
.header_mv{position: absolute;}
header .header_mv video {width: 100%;height: auto;/*border: #d84b51 3px solid;*/}
.mv_subttl{font-size: 2.5rem;font-weight: bold;font-family: "Gothic MB101 Medium", "ゴシックMB101 M",sans-serif;}
/*headA*/
#header_A{background: url("../img/naishi_optnew_head1.jpg") no-repeat center top;background-size: cover;}
#header_A .header_mv{position: unset;}
/*headB*/
#header_B{background: url("../img/naishi_optnew_head2.jpg") no-repeat center top;background-size: cover;}
#header_B .header_mv{position: unset;}
/*headC*/
#header_C{background: url("../img/naishi_optnew_head3.jpg") no-repeat center top;background-size: cover;}
#header_C .header_mv{position: unset;}
/*headD*/
#header_D{background: url("../img/naishi_optnew_head4.jpg") no-repeat center top;background-size: cover;}
#header_D .header_mv{position: unset;}
/*headE*/
#header_E{background: url("../img/naishi_optnew_head5.jpg") no-repeat center top;}
#header_E .header_mv{position: unset;}
/*headF*/
#header_F {width: 100%;margin: 0 auto;background: #fff;padding: 3rem 0 3rem 0;}
#header_F .header_mv{position: unset;}
.large_head #form_header{width: 85%;margin: 0 auto;}
.large_head #form_header .form2{padding: 3rem 5rem;}
.large_head #form_header .form2 .form_sub p{font-size: 2rem;}
.large_head #form_header .form_notice{margin: 0 auto;}
.large_head .header_mv{width: 85%;margin: 2rem auto 0;}
.large_head .merit_icon {margin: 0 auto 2rem;}
.large_head .form_btn2 {font-size: 2.5rem;}
/*headG*/
#header_G{background: url("../img/miyano_head7_bg.jpg") no-repeat center top;}
#header_G .header_mv{width: 350px;height: 210px;bottom: 8rem;left: 50%;transform: translateX(-50%);}
/*headH 漫画*/
#header_manga {
	width: 100%;
	margin: 0 auto;
	background: url(../img/myn_opt_head_manga_pri_bg.jpg) no-repeat center top,url("../img/myn_opt_head_manga_bg.jpg") no-repeat center/cover;
	padding: 0 0 3rem 0;
}
#header_manga .header_mv{position: unset;}
#header_manga #form_header{width: 80%;margin: 0 auto;}
#header_manga #form_header .form2{padding: 3rem 5rem;}
#header_manga #form_header .form2 .form_sub p{font-size: 2rem;}
#header_manga #form_header .form_notice{margin: 0 auto;}
#header_manga .header_mv{width: 80%;margin: 2rem auto;}
#header_manga .merit_icon {margin: 0 auto 2rem;}
#header_manga .merit_icon +.notice{margin: -2rem auto 2rem;}
#header_manga .form_btn2 {font-size: 2.5rem;}
/*---header 背景アニメーション---*/
.header_move_wrap{position: relative;overflow: hidden;height:100%;padding: 0;}
.header_move_wrap h1{z-index: 15;}
.header_move_wrap img{margin: 0 auto;}
.header_move_wrap h3{color: #000;}
/*6秒で背景切り替え*/
@keyframes anime {
	0% {opacity: 0;}
	8% {opacity: 1;}
	17% {opacity: 1;}
	25% {opacity: 0;transform:scale(1.2);z-index:9;}
	100% {opacity: 0;}
}
@-webkit-keyframes anime {
    0% { opacity: 0;}
    8% {opacity: 1;}
    17% {opacity: 1;}
    25% {opacity: 0;-webkit-transform: scale(1.2);z-index:9; }
    100% { opacity: 0 }
}
.move_img{
	opacity: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
	background: #fff;
    left: 0;
    top: 0;
    -webkit-animation: anime 24s 0s infinite;
    animation: anime 24s 0s infinite;
}
.move_img:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s; 
}
.move_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; 
}
.move_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; 
}
/*.move_img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; 
}
.move_img:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; 
}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {
	color: #ed6939;
	font-size: 5rem;
	font-weight: 900;
	line-height: 1.5;
	text-align: center;
	font-family: "Gothic MB101 Heavy", "ゴシックMB101 M";
	-webkit-font-feature-settings: 'palt'1;
	font-feature-settings: 'palt'1;
	margin: 0 auto 5rem;
	display: table;
	padding: 0 0 1.2rem;
	border-bottom: 2px solid #ed6939;
}
.sub_head2{
		color: #fff;
	font-size: 5rem;
	font-weight: 900;
	line-height: 1.5;
	text-align: center;
	-webkit-font-feature-settings: 'palt'1;
	font-feature-settings: 'palt'1;
	margin: 0 auto 5rem;
	display: table;
	border-bottom: 2px solid #ed6939;
	background: rgb(237,35,58);
background: linear-gradient(90deg, rgba(237,35,58,1) 0%, rgba(231,106,23,1) 100%);
	padding: 2rem;
}
.sec_inner {padding: 0 0 0rem;margin: 0 auto;width: 960px;}
/*--------　merit_icon --------*/
.merit_icon{ width: 70%; margin: 2rem auto 1rem;font-size: 1.4rem;}
.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-weight: normal;font-size: 100%;}
.merit_icon li{width: 32%;color: #fff;text-align: center;padding: .5rem ;border-radius: 5px;font-family: "Gothic MB101 Medium", "ゴシックMB101 M"; border: 2px dotted #fff;}
/*--------　list / box --------*/
ul {list-style: none;}
.list1 li {
	margin: 2rem 0 0;
	position: relative;
	padding: 0 0 2rem 4rem;
	line-height: 1.4;
	color: #FFFFFF;
}
.list1 li:last-child{padding: 0 0 0 4rem;}
.list1 li::after {
    display: block;
    content: '';
    position: absolute;
    top: -0.1em;
    left: -0.1rem;
	width: 70px;
	height: 70px;
	background: url(../img/rks_check.png)no-repeat;
	transform: scale(0.8);}
.list_ydn li {font-size: 3.3rem;}
.list_ydn li::after {top: .3em;}
/*--------　list / box --------*/
/* 共通 */
/* manga-----------------*/
.manga_wrap{margin: 0 auto;}
.manga_wrap img{margin: 0 auto;}
.manga .img_center{width: 700px;}
/* ballon-----------------*/
.quest{margin:/*3rem 12rem 0 0*/3rem auto;width: 700px;}
.quest_large{margin:3rem 10rem 0 0;}
.respond{margin: /*3rem 1rem 0 12rem*/3rem auto;width: 700px;}
.icon_name{font-size: 1.8rem;text-align: center;line-height: 1.2;}
.icon img{border: 2px solid #eee;}
.speech-balloon{max-width: 82%;position: relative;padding: 1rem 1.5rem; border: 2px solid #f8d6a2;border-radius: 6px;}
.quest .speech-balloon, .quest_large .speech-balloon {margin: 0 auto 0 1.5rem; width: 100%;background: #fffae7;}
.respond .speech-balloon {
	margin: 0 1.5rem 0 auto;
	border: 2px solid #bb4717;
	background: #fff9f7;
}
.quest .speech-balloon::before{content: '';position: absolute;display: block;width: 0;height: 0;left: -12px;top: 10px;border-right: 12px solid #f8d6a2;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
.quest_large .speech-balloon::before{content: '';position: absolute;display: block;width: 0;height: 0;left: -12px;top: 10px;border-right: 12px solid #e6e6e6;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
.quest .speech-balloon::after{content: '';position: absolute;display: block;width: 0;height: 0;left: -9px;top: 10px;border-right: 12px solid #fffae7;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
.quest_large .speech-balloon::after{content: '';position: absolute;display: block;width: 0;height: 0;left: -9px;top: 10px;border-right: 12px solid #fffae7;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
.respond .speech-balloon::before{content: '';position: absolute;display: block;width: 0;height: 0;right: -12px;top: 10px;border-left: 12px solid #bb4717;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
.respond .speech-balloon::after{content: '';position: absolute;display: block;width: 0;height: 0;right: -9px;top: 10px;border-left: 12px solid #fff9f7;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
.respond.balloon_many {flex-wrap: unset;}
.balloon_many .icon {width: 42rem;}
/*-------- profile --------*/
/*-------- profile --------*/
.profile {
	background: url( "../img/prof_bg.jpg")top center;
	position: relative;
	padding: 2rem 0 6rem;
	width: 100vw;
	left: calc((100% - 100vw)/2);
	z-index: 0;
	overflow: hidden;
	/*background: linear-gradient(45deg, #e3524f, #f9925a);*/
}
.profile img {margin: 2rem 0 0;}
.profile_img {
	z-index: 0;
	position: absolute;
	right: calc((100% - 960px)/2);
	bottom: 0px;
}
.profile_wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.profile_wrap_img {margin: 0 auto; margin-top: 3rem;}
.profile_name {width: 70%;padding: 3rem 0;margin: 0 30% 0 0;}
.profile_inner {width: 76%;padding-top: 26rem;}
.prof_img {
	position: absolute;
	left: -225px;
	transform: translatex(110%);
	top: -30px;
	z-index: -1;
}
.profile_wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.profile_box_wrap{width: 860px;margin: 0 auto;}
.prf_cap {
	text-align: center;
	padding: 1rem 0;
	color: #fff;
	line-height: 1.4;
	display: table-cell;
    vertical-align: middle;
    width: 420px;
    text-align: center;
    line-height: 1.43;
    font-weight: normal;
}
.profile_box {
	margin-top: 2rem;
	width: 48%;
}
.profile_box02 {
	margin-top: 2rem;
	width: 100%;
}
.prf_bg {	background: #f17954;}
.b_t {padding-top: 3rem;border-top: 2px solid #fff; font-size: 2.7rem;padding-bottom: 4rem; font-weight: 600;}
/*-------- chapter --------*/
.chapter{background: #fff;}
.chapter + .chapter{margin-top: 3rem;}
.chapter_img{width: 38%; z-index: 3}
.chapter_box{width: 62%;padding: 3rem 5rem 5rem;background: #fff;}
.chapter_box_inner{margin: auto 0;}
.chapter_num{font-size: 6rem;font-family: 'Ryumin ExtraBold KL',serif;color: #ed6939; font-style: italic;}
.chapter_txt{background: #fff;font-size: 2.5rem;line-height: 1.3;font-weight: bold;}
/*-------- chapter inner--------*/
.chapter_inner{
	border: 2px solid #ed6939;border-top:none;
	margin: 0 auto 10rem;
	padding: 5rem;
	background: #ffefce;
}
.chapter_inner:last-child{margin: 0 auto 5rem;}
.chapter_inner h3{
	font-family: "Gothic MB101 Medium", "ゴシックMB101 M", sans-serif;
	text-align: center;
	font-size: 3rem;
	line-height: 1.3;
	margin: 0 auto 3rem;
}
/*-------- chapter mv--------*/
h3.subttl{font-size: 4rem;font-weight: bold;text-align: center;line-height: 1.3;margin: 0 0 2rem 0;font-family: "Gothic MB101 Medium", "ゴシックMB101 M", sans-serif; -webkit-font-feature-settings: 'palt'1; font-feature-settings: 'palt'1;}

.mv_arrow{ /*background: #eee;*/padding: 5rem;}
.mv_arrow_bottom{    background:#f17954;}
.mv_arrow_toform{ background: #ffefce;width: 10rem;height: 3rem;margin: 0 auto;position: relative;}
.mv_arrow_triangle{
    border-top: 45px solid #ffefce;
    border-right: 75px solid transparent;
    border-left: 75px solid transparent;
    width: 155px;
    margin: 0 auto;
}
.mv_arrow_bottom_inner{}
.mv_bottom {
	padding-bottom: 5rem;
}
.content_mv video{margin: 0 auto;width: 80%; height: auto;display: block;}
/*-------- reco--------*/
.reco{background: rgb(227,73,69);
background: linear-gradient(90deg, rgba(227,73,69,1) 0%, rgba(234,156,109,1) 100%);;color: #fff;position: relative;font-family: "Ryumin ExtraBold KL", serif;font-weight: bold;}
.reco + .reco{margin-top: 3rem;}
.reco_img{position: relative;width: 40%;}
.reco_inner{padding: 0 3rem;width: 60%;}
.reco_box{position: absolute;top: 50%;transform: translateY(-50%)}
.reco_ttl{border-bottom:1px solid #fff;line-height: 1.3;font-size: 3.5rem;}
.reco_name{padding: 1rem 0 0;line-height: 1.3;font-size: 95%;}

/*-------- voice--------*/
.voice{background: rgb(227,73,69);
background: linear-gradient(90deg, rgba(227,73,69,1) 0%, rgba(234,156,109,1) 100%);color: #fff;position: relative;margin-top: 3rem;font-family: 'Ryumin ExtraBold KL',serif;}
.voice_img{position: relative;width: 40%;}
.voice_img img{-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
.voice_inner{padding: 0 3rem 0 0;width: 60%;}
.voice_box{position: absolute;top: 50%;transform: translateY(-50%);padding-left: 3rem;}
.voice_ttl{border-bottom:1px solid #fff;padding: 0 0 1rem 0;line-height: 1.3;font-size: 2.5rem;}
.voice_name{padding: 1rem 0 0;line-height: 1.3;font-size: 80%;}
/* description_area */
.description_area {/* width: 960px;*/margin: 0 auto;background:#f6f6f6;}
/* project */
.project {background: #ffb8b8;background: url(../img/ozawa_message_bg2.jpg)no-repeat center/cover;
}
/* bg3
------------------------------------------------------ */
.bg3 {background: url("../img/komagawa_bg3.jpg")center/cover;}
/* form
------------------------------------------------------ */
.form {
	background: #f17954;
	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: 1.5rem 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%;height: 6rem;background:#00a946;border:2px solid #7dff88;border-radius:50px;font-family:Gothic MB101 DemiBold,sans-serif;font-size:3rem;line-height:1;color:#fff;text-shadow:0 1px 5px #006e12;cursor:pointer;position:relative;transition:.2s;box-shadow:0 3px 7px rgb(0 0 0 / 50%);font-weight: bold;}
.form_btn2 i{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:80%;line-height:1}
.form_btn2:hover{filter:brightness(1.3)}
/* .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_btn: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:#f17954;}
.body_wrap .form2{width: 700px;margin: 0 auto 5rem;}
.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;}
/* scfooter
------------------------------------------------------ */
#scfooter {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 5;
	display: none;
}
#scfooter .form_btn:hover + .form_caution {bottom: 7rem;}
#scfooter .form_btn:hover + .form_caution:before {
	border-top: 2rem solid #ff7;
	border-bottom: none;
	bottom: -2rem;
	top: auto;
}
#scfooter .form_btn2:hover + .form_caution {bottom: 7rem;}
#scfooter .form_btn2:hover + .form_caution:before {
	border-top: 2rem solid #ff7;
	border-bottom: none;
	bottom: -2rem;
	top: auto;
}
#scfooter .form2{background: #ffefce;}
/*-------- 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;background: #fff;}
.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;
}
.message {
    background: url(../img/message_bg.jpg)no-repeat center top;
}
/*--------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;}

/*--------btn--------*/
/*--------btn--------*/
.btn {width: 860px;display: block;border-radius: 50px;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 {color: #fff;font-size: 5rem;font-weight: bold;text-align: center;}
.btn:hover{filter: brightness(120%);}
.btn {width: 100%;
    background: #00ad48;
    border: 2px solid #7dff88;
    border-radius: 100px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    padding: 2rem 0;}
.btn p {color: #fff;font-size: 4rem;font-weight: bold;text-align: center;}
.btn:hover{filter: brightness(120%);}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 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: 0;}
	.sub_head {
		width: 94%;
		font-size: 6vw;
		padding: 6vw 0 2vw;
		margin: 0 auto 4vw;
	}
	.sub_head2 {
		width: 94%;
		font-size: 6.8vw;
		padding: 0vw 0 2vw;
		margin: 0 auto 4vw;
	}.lh{line-height: 1.3;}
	.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: 100%;margin: 4vw auto;}
	.large_head .merit_icon {margin: 0 auto 4vw;}
	.large_head .form_btn2 {font-size: 6vw;}
	/*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;}
	/*-------- profile--------*/
	.profile {/*background: url("../img/rks_prf_bg_sp.jpg") top center no-repeat;*/background-size: cover; padding: 0rem 0 0rem;}
	.profile_bg {/*background: url("../img/rks_prf_bg_sp2.jpg") top center no-repeat;*/background-size: cover; padding: 0rem 0 0rem;}
	.profile_wrap{width: 100%;background: linear-gradient(45deg, #ed231e, #feec7f);padding: 0;padding-bottom: 3vw;}
	.profile_inner {padding: 0;margin: 0 auto;width: 100%;}
	.profile_name {width: 100%;padding: 0;margin: 0;}
	.profile img{box-shadow: none; margin: 0;}
	.prf_bg_sp {
		padding: 0vw;
	}
	.prf_bg_sp h2{
		text-align: center;
		color: #fff;
		background: #14324f;
		padding: 2vw;
		font-family: Gothic MB101 DemiBold, sans-serif;
		font-weight: 600;
	}
	.profile_box_wrap {
		width: 90%;
	}
	.profile_box {
		width: 100%;
	}
	.profile_box:first-child {
		margin-bottom: 2rem;
	}
	.prf_cap span.xsmall {
    font-size: 4vw;
}
	.flex {
		
	}
	.m_b{border-bottom:1px solid #fff; padding-bottom: 1vw;}
	.p_r {color: #fff;}
			ul.list1 {margin: 3vw auto 0; padding:3vw;width: 96%; background: rgb(0 0 0 / 50%);}
	ul.list1 li {padding: 1vw 0 1vw 8vw;font-size: 4.1vw;/*text-shadow: 1px 1px 2px rgb(0 93 170 / 50%), -1px -1px 2px rgb(0 93 170 / 50%), 1px 1px 2px rgb(0 93 170 / 50%), -1px -1px 2px rgb(0 93 170 / 50%);*/text-shadow:none;}
	.list1 li::after {top: .4vw; left: -2vw; width: 7vw; height: 7vw; background-size: 100%;}
	.list1 li:before {width: 5vw;height: 5vw;border-radius: 10px;left: 0;top: 3vw;}
	.list1 li:last-child:before {width: 20px;height: 20px;border-radius: 10px;left: 0;top: 6vw;}
	ul.list_ydn {
		padding-bottom: 1rem;
	}
	ul.list_ydn li {
		font-size: 4.6vw;
	}
	.list_ydn li::after {
		top: 3vw;
	}.list1 li:last-child {
    padding: 1vw 0 1vw 8vw;
}.list1 li {
	margin: 2vw 0 0;}
	/* manga-----------------*/
	.manga .img_center{width: 100%;}
	/* ballon-----------------*/
	.quest, .quest_large{margin: 5vw 0;width: 100%;}
	.respond{margin: 5vw 0;width: 100%;}
	.speech-balloon{width: 72%; padding: 1.5vw 2vw;}
	.quest .speech-balloon, .quest_large .speech-balloon{width: 72%;}
	.icon{width: 23%;}
	.icon_name{ font-size: 3.6vw; line-height: 1.2;}
	.balloon_many .icon {width: 77vw;}
	.balloon_many .speech-balloon {width: 100%;margin: 0 0 1rem 0;max-width: 95%;	}
	/*-------- profile--------*/
	.profile {background:none;}
	.profile_wrap {width:100%;margin: 0 auto;position: relative;z-index: 1;}
	.profile_inner {margin-right: 0;padding: 5vw 0 0;}
	.profile_name {width: 100%;}
	.profile_img{ }
	/* prf_box */
	.prf{padding: 7vw 0;}
	.prf_box_wrap{width:100%;margin: 0 auto;}
	.prf_box{width: 80%;margin-top: 5vw;margin: 5vw auto;}
	.prf_box:nth-child(1), .prf_box:nth-child(2){margin-top: 5vw;}
	.prf_img{}
	.prf_txt{padding: 2vw 0;}
	/*-------- chapter --------*/
	.chapter_wrap{width: 95%;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:none;margin: -7vw auto 10vw;padding: 5vw 3vw;}
	.chapter_inner:last-child{margin: -7vw auto 5vw;}
	.chapter_inner h3{font-size: 5vw;font-weight: bold;margin: 0 auto 2vw;}
	/*-------- chapter mv--------*/
	.mv_arrow{padding: 5vw 0;}
	.mv_arrow_toform{ width: 10vw;height: 3vw;}
	.mv_arrow_triangle{
		border-top: 4vw solid #ffefce;
		border-right: 8vw solid transparent;
		border-left: 8vw solid transparent;
		width: 15vw;
	}
	.mv_arrow_bottom_inner{}
	.content_mv video{width: 100%; }
	/*-------- reco--------*/
	.reco{position: relative;padding: 5vw 3vw;}
	.reco + .reco{margin-top: 7vw;}
	.reco_img{position: relative;width: 90%;margin: 0 auto;}
	.reco_inner{padding:5vw 3vw 0;width: 100%;text-align: center;}
	.reco_box{position:unset;top: 0;transform: none;}
	.reco_ttl{padding: 0 0 2vw 0;font-size: 6vw;}
	.reco_name{padding: 2vw 0 0;font-size: 80%;}

	/*-------- voice--------*/
	.voice{position: relative;padding: 5vw 3vw;}
	.voice_img{position: relative;width: 80%;margin: 0 auto;}
	.voice_img img{-webkit-clip-path:none;clip-path: none;}
	.voice_inner{padding: 5vw 3vw 0;width: 100%;margin: 0 auto;text-align: center;}
	.voice_box{position: unset;top:0;transform:none;padding-left: 0;}
	.voice_ttl{border-bottom:1px solid #fff;padding: 0 0 2vw 0;line-height: 1.3;font-size: 5.5vw;}
	.voice_name{padding: 2vw 0 0;line-height: 1.3;font-size: 80%;}
	.message{background: none;}
	.message .sec_inner{padding: 0;width: 100%;}
	/* form
	------------------------------------------------------ */
	.form {padding: 4vw 0 4vw;}
	.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: 2vw auto 1vw;
		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;}
	/* 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: 4vw 0 1vw;}
	/*--------footer-------*/
	footer {padding: 2rem 0 10rem;}
	#footer_inner {width: 90%;}
	#footer_inner p {text-align: center;}
	
	
		.btn {
    width: 100%;
		display: table;
    margin: 2vw auto 0;
    padding: 2vw 6vw;
    font-size: 5vw;
    height: 14vw;
}
	.btn p {
    font-size: 5.5vw;
    padding: 2vw;
}
	.icon_btn {
    background-size: 2.6vw;
		    border-top: 3px solid;
    border-right: 3px solid;
}
}