/* 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;}
.or{color: #CF5601;}
.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: 游明朝, "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;
}
.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--------*/
#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 {width: 100%;margin: 0 auto;text-align: center;background: #0b243e;}
header img{margin: 0 auto;width: 60%;padding: 2rem 0;}
.header_arrow {position: absolute;right: -30px;bottom: -55px;z-index: 1;}
.header_arrow img {width: 50px;}


/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {
	color: #032141;
	font-size: 5rem;
	font-weight: 900;
	line-height: 1.3;
	text-align: center;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	-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 #032141;
}
.sec_inner {padding: 0 0 0rem;margin: 0 auto;width: 960px;}
/*--------　merit_icon --------*/
.merit_icon{ width: 70%; 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 --------*/
ul {list-style: none;}
.list1 li {
	position: relative;
	padding: 0 0 2rem 4rem;
	line-height: 1.4;
	color: #0D233B;
}
.list1 li:last-child{padding: 0 0 0 4rem;}
.list1 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: -.1rem;
	width: 22px;
	height: 22px;
	background-color: #f00;
	background: url(../img/check.svg)no-repeat;
	background-size: contain;
}
.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 {
	background: url(../img/myn_p_bg.jpg) no-repeat top center/cover;
	position: relative;
	overflow: hidden;
}
.profile_wrap {width: 960px;margin: 0 auto;position: relative;z-index: 1;}
.profile_inner {margin-right: 24rem;padding: 3rem 0 0;}
.profile_name {width: 65%;}
.profile_img{ position: absolute; right: calc((100% - 960px)/2 - 11rem); top: -30px; z-index: -1;}
/* prf_box */
.prf{background: #032141;}
.prf_box_wrap{width: 960px;margin: 0 auto;}
.prf_box{width: 48%;margin-top: 3rem;}
.prf_box:nth-child(1), .prf_box:nth-child(2){margin-top: 0;}
.prf_img{}
.prf_txt{background: #cf5601;color: #fff;text-align: center;font-weight: bold;padding: 1rem 0;}
/*-------- chapter --------*/
.chapter{background: #fff;}
.chapter + .chapter{margin-top: 3rem;}
.chapter_img{width: 38%;}
.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: #cf5601; font-style: italic;}
.chapter_txt{background: #fff;font-size: 2.5rem;line-height: 1.3;}
/*-------- chapter inner--------*/
.chapter_inner{
	border: 2px solid #dbdbdb;border-top:none;
	margin: 0 auto 10rem;
	padding: 5rem;
	background: #e5e5e5;
}
.chapter_inner:last-child{margin: 0 auto 5rem;}
.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: 4rem;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: 5rem;}
.mv_arrow_bottom{    background:#cf5601;}
.mv_arrow_toform{ background: #e5e5e5;width: 10rem;height: 3rem;margin: 0 auto;position: relative;}
.mv_arrow_triangle{
    border-top: 45px solid #e5e5e5;
    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;}
/*-------- reco--------*/
.reco{background: #0b243e;color: #fff;position: relative;}
.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;padding: 0 0 1rem 0;line-height: 1.3;}
.reco_name{padding: 1rem 0 0;line-height: 1.3;font-size: 80%;}

/*-------- voice--------*/
.voice{background: #0b243e;color: #fff;position: relative;}
.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%)}
.voice_ttl{border-bottom:1px solid #fff;padding: 0 0 1rem 0;line-height: 1.3;}
.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;}
/*philosophy*/
.philosophy{font-family: Ryumin ExtraBold KL,serif;}
.philosophy .sub_head{border:none;}
.philosophy .img_left{margin: 0 -19rem 0 0;position: relative;left: -6rem;}
.philosophy_box{padding: 0 0 0 3rem;}
.philosophy h3{
	font-size: 3.7rem;
	line-height: 1.3;
	font-weight: bold;
	padding: 2rem 0 2rem 0;
	border-bottom: 1px dashed #d15a07;
	color: #d15a07;
	overflow: hidden;
	z-index: 3;
	position: relative;
}
.philosophy h4{
	font-size: 3rem;
	line-height: 1.3;
	font-weight: bold;
	padding: 2rem 0 3rem 0;
	color: #032141;
	position: relative;
	z-index: 3;
}
.philosophy_box{background:rgba(255, 255, 255,0.4);padding: 3rem;overflow: hidden;z-index: 3;position: relative;}
.philosophy_box h5{font-size: 2.5rem;font-weight: bold;color: #032141;border-bottom: 1px dashed #032141;margin: 0 0 1rem 0;}
.philosophy_box p{}


/*--------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;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: 0 auto 0;}
@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;}
/*forom　別パターン*/
.form2{background: #cf5601;}
.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;
}
/*-------- 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: 76%;
	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: 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;}
	/*--------Header--------*/
	#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 h1 img {margin: 0;}
	.header_arrow {bottom: -9vw;right: 1vw;z-index: 1;}
	.header_arrow img {width: 5vw;}
	h1 {width: 100%;}
	#header_img1, #header_img2, #header_img3, #header_img4, #header_img5, #header_img6, #header_img7, #header_img8, #header_img9 {background: #000;}
	header h1 img {margin: 0 auto;}
	header .header_mv video {width: 100%;height: auto;}
	.header_face {
		position: absolute;
		bottom: 41vw;
		width: 25vw;
		left: 1vw;
	}
	header p {font-size: 2vw;padding: 0;color: #3f3a17;}
	/*mv 共通*/
header .header_mv video {}
.mv_subttl{font-size: 4.5vw;}

	/*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;}

	
	
	/*パターン1*/
	#header_img1 img {
		z-index: 0;
	}
	header #header_img1 .header_mv {
		width: 64%;
		height: 34vw;
		bottom: 18vw;
		left: 2vw;
	}
	header #header_img1 .header_mv::before {
		background-size: 23vw;
		left: -20vw;
		top: 0;
	}
	
	/*F*/
	#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;}

	/*--------　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: 78%;}
	.merit_icon li span.videotime{}
	.merit_icon li{width: 32%;padding: 2vw 0;}
	
	/*--------　list / box --------*/
	ul.list1 {margin: 0;padding:2vw 3vw 3vw 7vw;font-weight: bold;}
	ul.list1 li ,.list1 li:last-child{padding: 2vw 0 2vw 4vw;font-size: 4vw;}
	.list1 li::after {
		top: 3vw;
		left: -2vw;
		width: 3.5vw;
		height: 3.5vw;
		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;}
	/* 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: url(../img/profile_bg1_sp.jpg) top center no-repeat;
		background-size: cover;
		padding: 0rem 0 0rem;
	}
	.profile_wrap {width: 100%;}
	.profile_wrap img {margin: 0;}
	.profile_inner {padding: 0;margin: 0 auto;width: 100%;border-bottom: 5px solid #d84b51;}
	.profile_name {width: 100%;padding: 0;}
	.profile img {box-shadow: none;}*/
	.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 #e5e5e5;
		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 1rem 0;}
	.reco_name{padding: 1rem 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;}
.voice_ttl{border-bottom:1px solid #fff;padding: 0 0 1rem 0;line-height: 1.3;}
.voice_name{padding: 1rem 0 0;line-height: 1.3;font-size: 80%;}

	/* message
	------------------------------------------------------
	.project {background: none;}
	.message {padding: 0;}
	.message .sub_head {font-size: 6.6vw;}
	.message_wrap {background: url(../img/ozawa_message_bg_sp.jpg)center/cover;}
	.message .mark { box-shadow: 0px -11px 5px -11px #d0dd3e inset, 0px 11px 4px -11px #d0dd3e;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 20px #fff;}
	.message .sec_inner {padding: 2vw;}
	.message_wrap {width: 98%;margin: 0 auto;}
	.message_txt {padding: 0 0 1rem 0;background-image: none;background-size: 100%  1.975em;} */
	/*philosophy*/
.philosophy .img_left{margin: 0 auto;position: unset;}
.philosophy_box{padding: 0;}
.philosophy h3{font-size: 5.8vw;padding:4vw 0 2vw 0;}
.philosophy h4{font-size: 4.7vw;padding: 2vw 0 3vw 0;
}
.philosophy_box{padding: 4.6vw;}
.philosophy_box h5{font-size: 4.5vw;margin: 0 0 1vw 0;}
.philosophy_box p{}
	/*--------btn--------*/
	.btn {width: 90%; margin: 2rem auto 3rem;border: 2px solid #9bfeac;}
	.btn p{font-size:6.8vw;padding: 1.5vw;}
	.btn::after{right: 4vw;content: '>';top: 46%;}
	.move.nobottom{margin: 0 auto 0;}
	
	/* 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;}
	/* 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;}
}