﻿/*@charset "UTF-8";*/
/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:after, blockquote:before, q:after, q:before {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}table + p {margin-top: 2rem;}img {margin: 0 auto;padding: 0;max-width: 100%;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}a[href^="tel:"] {pointer-events: none;text-decoration: none;color: #666;}
/*--------Basic--------*/
html {font-size: 62.5%;}
body  { width: 100%;font-size: 2.2rem;color: #212121;font-weight: 500;line-height: 1.7;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;background: #eee;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
#body_wrap {/*width: 960px;*/margin: 0 auto;box-shadow: 0 0 5rem rgba(0,0,0,0.2);background: #fff;}
#body_wrap .sub_head{color: #000;}
.pc {display: block;}
.sp {display: none;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.img_right {float: right;padding: 0 0 2rem 2rem;}
.img_left {float: left;padding: 0 2rem 2rem 0;}
.caption {width: 100%;padding: 1rem;margin: 0;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
/* Font */
h1 {font-weight: normal !important;font-feature-settings: "palt"1;}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #d00;}
.y {
	color: #f4f745;
}
.w{color: #fff;}
.wht{color: #fff;}
.rubi {display: inline-block;line-height: 1;}
.rubi ruby {display: inline-table;vertical-align: bottom;}
.rubi rb {display: table-footer-group;}
.rubi rt {display: table-header-group;font-size: .5em;text-align: center;font-weight:100;}
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.xxsmall {font-size: 70%;}
.xsmall {font-size: 60%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.xxlarge {font-size: 270%;;}
.flex {display: flex;flex-wrap: wrap;align-content: stretch; justify-content: space-between;/*justify-content: space-around;*/}
.videotime {
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: 900;
	font-size: 115%;
}
.serif{font-family: Ryumin ExtraBold KL, serif;}
.bg_b{background: #f1fffc;}
.bg1{background: url( "../img/kmg_index_bg1.jpg")top center;}
.bg2{background: url(../img/bg2.jpg);background-position: bottom;}
.bg3{background:#ffefce;}
.bg4{background: url( "../img/ozawa_bgB.jpg")top center;}
.bg5{background: url(../img/bg_captureB.jpg)center;background-size: cover;}
/*--------Header--------*/
header {width: 100%;background: #ddddd;}
header h1 {padding: 0;background: linear-gradient(90deg, #011120, #01111f);background: #fff9ec;}
header.bgB h1 {	background: linear-gradient(90deg, #000, #222, #000);}
.logo_img { width: 30vw; margin: auto; padding: 1rem;}
header h1 ruby > rt {font-size: 35%;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
section {padding: 5rem 0;}
.sub_head {
		color:#ed6939;
		font-size: 5rem;
		font-weight: 500;
		line-height: 1.3;
		text-align: center;
		font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";
		-webkit-font-feature-settings: 'palt'1;
		font-feature-settings: 'palt'1;
		margin: 0 auto 8rem;
		display: table;
	position: relative;
}
.sub_head::after {
	content: "";
	height: 2px;
	width: 100px;
	background:#ed6939;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translate(-50%, -50%);
	
}
.sub_head2 {
		color: #fff;
		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 2rem;
		display: table;
		padding: 0;
		border-bottom: 2px solid;
		border-image: linear-gradient(to right, #000 0%, #fff 50%, #000 100%);
		border-image-slice: 1;
		text-shadow: 2px 2px #000;
}
.sub_head.wht { color: #fff!important; text-shadow: none; }
.sec_inner {width: 860px;margin: 0 auto;}
/*--------　list / box --------*/
/* 共通 */

.list1 {margin: 2rem 0 0;color: #fff;width: 100%;font-size: 2.8rem;}
.list1 li {position: relative;padding: 0 0 2rem 5rem;line-height: 1.4;font-weight: normal;}
.list1 li:last-child {padding-bottom: 0;}
.list1 li::after {display: block;content: '';position: absolute;top: -.1em;left: -.1rem;width: 70px;height: 70px;background: url('../img/rks_check.png')no-repeat; transform: scale(0.8);}


/*--loop--------*/
.loop_wrap {
	display: flex;
	width: 100%;
	min-width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.loop_wrap img {
  width: auto;
  height: 100%;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
  animation: loop 50s -25s linear infinite;
}
.loop_wrap img:last-child {
	animation: loop2 50s linear infinite;}

/*--------*/
#merit {padding: 3rem 0;}
#merit h3 {position: relative;
    overflow: hidden;
    padding: 1.5rem 2rem 1.5rem 130px;
    border: 2px solid #b67700;
    background: #f5f5f5;
    font-weight: bold;
    filter: drop-shadow(5px 5px 5px #825500);
    font-size: 3rem;
    color: #340c02;}
#merit h3:before {position: absolute;
    top: -150%;
    left: -100px;
    width: 200px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(
25deg
);
    transform: rotate(
25deg
);
    background: #fbe374;}
#merit h3 span {font-size: 4rem;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    padding-top: 3px;
    padding-left: 16px;
    color: #333;
    line-height: 1.8;
    font-family: UD Shin Go NT Bold;}
#merit h3 + h3 {margin-top: 1rem;}
#merit .sub_head {padding: 0 0 1rem;line-height: 1;}
/* achiev */
.achiev_wrap {padding: 0;text-align: center;margin: 0 auto 6rem;}
.achiev {width: 48%;overflow: hidden;border-radius: 8px;border-left: solid 1px #ddd;border-right: solid 1px #ddd;border-bottom: solid 5px #d2d2d2;margin: 2rem auto 0;margin: 2rem 0 0; background: #f2f9fc;}
.achiev img {width: 100%;}
.achiev_num {position: relative;box-sizing: border-box;}
.achiev_num p {display: inline-block;position: absolute;top: -1px;left: -1px;margin: 0;padding: 0;z-index: 2;width: 90px !important;text-align: center;font-size: 3.5rem;color: #fff!important;background: rgb(39 155 175 / 60%);font-weight: bold;font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";}
.achiev_txt {background: #f2f9fc;padding: 1.5rem .5rem;font-weight: bold;text-align: center;line-height: 1.4;margin: 0;}
/*-------- 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.bgB {background: url( "../img/ozawa_prf_bgB.jpg")top center;}
.profile img, .profile2 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_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;
}
.prf_bg {
	background: url( "../img/yym_prf_bg2.jpg")top center;
}
.prf_bg_txt {
    color: #fff;
    font-size: 3.5rem;
    display: inline-block;
    width: 46%;
    padding: 3rem 0;
    margin: 0px 0 0 56%;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	font-weight: 600;
	line-height: 1.3;
}
.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%;
}
.prf_bg {
	background: #041334;
}
.b_t {padding-top: 3rem;border-top: 2px solid #fff; font-size: 2.7rem;padding-bottom: 4rem; font-weight: 600;}
/*-------- content --------*/
.content1 {
	background:url("../img/naishi_opt_c10.png")top center/cover;
		height: 44rem;
}
.content2 {
	background:url("../img/naishi_opt_c12.png")top center/cover;
		height: 44rem;
}
.content3 {
	background:url("../img/naishi_opt_c11.png")top center/cover;
		height: 44rem;
}
.content4 {
	background:url("../img/naishi_opt_c13.png")top center/cover;
		height: 44rem;
}
.content_txt1 {
	width: 45%;
	color: #7e2200;
	margin: 0 0 0 55%;
	font-size: 3rem;
	padding: 10rem 0;
}
.content_txt2 {
	width: 45%;
	color: #7e2200;
	margin: 0 55% 0 10%;
	font-size: 3rem;
	padding: 10rem 0;
}
.contents_box {
	height: 170rem;
}
/*
.fadeUpTrigger {
	opacity: 0;
}
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
*/
/*
@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeUpTrigger1 {
	opacity: 0;
}
.fadeUp1 {
	animation-name: fadeUpAnime1;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime1 {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeUpTrigger2 {
	opacity: 0;
}
.fadeUp2 {
	animation-name: fadeUpAnime2;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime2 {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
*/
/*-------- reccomend --------*/
.reco_wrap{background:url(../img/yrk_merit_bg.jpg)center/cover;padding: 5rem 0;}
/*.reco_wrap .sub_head{color: #210101;text-shadow: 2px 2px white;}*/
.reco_box{width:760px;margin:0 auto 2rem; }
.reco{margin-top: 2rem; width: 48%;}
.reco p{
	display: table-cell;
	vertical-align: middle;
	width: 365px;
	background: #fff;
	background:linear-gradient(to right,#d4d4d4, #ffffff 50%,#d4d4d4);
	color: #000;
	text-align: center;
	line-height: 1.43;
	font-size: 1.8rem;
/*    border-top: 2px solid #d49f4c;*/
	height: 90px;
	font-weight: bold;}

/* achiev */
.achiev_wrap {padding: 0;text-align: center;}
.achiev {
	width: 48%;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #14324f;
	margin: 2rem auto 0;
	margin: 2rem 0 0;
	background: #f2f9fc;
}
.achiev img {width: 100%;}
.achiev_num {position: relative;box-sizing: border-box;}
.achiev_num p {display: inline-block;
	position: absolute;
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 1rem;
	z-index: 2;
	width: 90px;
	text-align: center;
	font-size: 2.5rem;
	color: #fff;
	background: #14324f;
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.achiev_txt {padding: 1.5rem .5rem;font-weight: bold;text-align: center;line-height: 1.4;margin: 0;}
.achiev_arrow{text-align: center;font-weight: bold; margin: 2rem auto 9rem;font-size: 3rem;position: relative;z-index: 0;}
.achiev_arrow.wht{margin: 2rem auto 2rem;}
.no_arrow{margin: 0rem auto;}
.arrow{text-align: center;font-weight: normal; margin: 2rem auto 9rem;font-size: 3rem;position: relative;z-index: 0;}
.arrow:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: 19rem;
	left: 50%;
	transform: translateX(-50%);
	z-index:-1;
}
ul.list_yym{
	margin-top: 3rem;
  padding: 0;
  width:100%;;
  list-style: none;
	text-align: left;
}
ul.list_yym li{
  position: relative;
  padding: 0.5em 1em 0.5em 2.9em;
  margin-bottom:1.2rem;
  color: #212121;
  font-size: 2.8rem;
  font-weight: bold;
  border: 2px solid rgba(20,50,79, 0.8);
	background-color: rgba(255,255,255,0.8);
	border-radius: 1rem;
}
ul.list_yym li:after,
ul.list_yym li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.list_yym li:before{
  top: 0.7em;
  left: 0.5em;
  width: 28px;
  height: 28px;
  border:2px solid rgba(20,50,79,0.5);
}
ul.list_yym li:after{
  top: 0.9em;
  left: 1.3em;
  width: 30px;
  height: 30px;
  background: rgba(20,50,70,0.3);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
/*-------- button:hover --------*/
@-webkit-keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------btn--------*/
.btn {width: 860px;display: block;margin: 6rem auto 6rem;border-radius: 50px;box-shadow: 0px 4px #328d47;background: #4aab46;background: -moz-linear-gradient(-45deg, #4aab46 0%, #328d47 100%);background: -webkit-linear-gradient(-45deg, #4aab46 0%,#328d47 100%);background: linear-gradient(135deg, #4aab46 0%,#328d47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );text-decoration: none;transition: all .3s;line-height: 1.4;border: 3px solid #9bfeac;}
.btn p {padding: 1rem;color: #fff;font-size: 5rem;font-weight: bold;text-align: center;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 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; }
.icon_btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	right: 4px;
	background: url(../img/base/icon_btn.png) no-repeat right center;
	height: 27px;
	background-size: 13px;
	padding-right: 13px;
}
.form_btn2:hover .icon_btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	right: 4px;
	background: url(../img/base/icon_btn03.png) no-repeat right center;
	height: 27px;
	background-size: 13px;
	padding-right: 13px;
}
/* scfooter
------------------------------------------------------ */
#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; }

@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------吹き出し--------*/
/* 共通 */
.form_attention .attention, .form_attention .attention2 { display: none;position: absolute;left: 15%;top: 120%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention3 { display: none;position: absolute;left: 15%;top: -330%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention:after, .form_attention .attention2:after { position: absolute;content: "";top: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-bottom: 16px solid #ff0;}
.form_attention .attention3:after { position: absolute;content: "";bottom: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-top: 16px solid #ff0;}
.form_attention:hover .attention, .form_attention:hover .attention2, .form_attention:hover .attention3 { z-index: 2;display: block;}
/* 固有 */
.form_attention { position: relative;z-index: auto;}
.form_attention img { width: 100%;height: 100%;}
.form_attention .attention { width: 650px;}
.form_attention .attention2 { width: 300px;}
.form_attention .attention3 { width: 300px;}
.form_attention .txt { top: 8px;left: 4px;padding: 1rem;color: #000;font-size: 1.1rem;line-height: 1;}
/*--------footer_attention--------*/
#footer_attention { width: 960px;margin: 0 auto;background: #fff;padding: 4rem 0;}
#footer_attention p, #footer_attention ul { font-size: 1.4rem;}
#footer_attention ul { text-indent: -1rem;padding-left: 1rem;margin: 2rem auto;}
.service_list { margin: 4rem auto 0;font-size: 80%;line-height: 1.4;background: #fff;}
.service_list th, .service_list td { padding: 1rem;border: 1px solid #ccc;vertical-align: middle;}
.service_list th { background: #eee;}
.service_list_A, .service_list_C { width: 25%;}
/*--------footer_attention2--------*/
p + ul { margin-top: 2rem;}
.service_list2 li { font-size: 1.4rem;}
.attention_box { margin: 2rem auto;background: #e9fbfa;border: solid 2px #cce4e3;}
.attention_box p { width: 95%;margin: 0 auto 15px;padding-top: 1.5rem;line-height: 1.2;font-size: 1.4rem;}
.attention_box h3 { width: 95%;margin: 20px auto 0;font-weight: bold;}
/*--------footer--------*/
footer {width: 100%;padding: 5rem 0;background: #ddd;}
#footer_inner {width: 960px;margin: 0 auto;font-size: 1rem;}
#footer_inner .logo {width: 25%;margin: -1rem auto 3rem;}
#footer_inner ul {display: flex;justify-content: center;}
#footer_inner li {padding: 0 2rem;border-left: 1px solid #ccc;}
#footer_inner li:first-child {padding-left: 0;border: none;}
#footer_inner p {padding-top: .5rem;text-align: center;}
#footer_inner a {text-decoration: none;}
#footer_inner a:link, #footer_inner a:visited, #footer_inner a:hover, #footer_inner a:active {color: #989898;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {
	/*	画像プロテクト
	section,#header_img1,#header_img2{
		  pointer-events:none;
		  -webkit-touch-callout:none;
		  -webkit-user-select:none;
		  -moz-touch-callout:none;
		  -moz-user-select:none;
		  touch-callout:none;
		  user-select:none;
	}
		section.form,.form_inner {
		pointer-events: auto;
		-webkit-touch-callout: auto;
		-webkit-user-select: auto;
		-moz-touch-callout: auto;
		-moz-user-select: auto;
		touch-callout: auto;
		user-select: auto;
	}*/
	/*--------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;}
	.small {font-size: 80%;}
	.large {font-size: 110%;}
	.flex p {margin: 0 auto;}
	.caption{font-size:3.7vw;}
	/*--------Section / sub_head / sec_inner--------*/
	section {padding: 7vw 0;}
	section.top{padding-top: 0;}
	.sub_head {margin: 0 auto 3.5rem;font-size: 6.2vw;}
	.sub_head::after {
    height: 2px;
    width: 10vw;
    bottom: -16px;
}
	.sub_head2 {margin: 0 auto 1.5rem;font-size: 6.5vw;}
	.sec_inner,#merit .sec_inner {width: 95%;}
	.prf_bg_sp .sec_inner {width: 100%;}
	.bg_b{background: #f1fffc;padding: 3vw 0;}
	.bg1{}
	.bg3{}
	.bg5{background-image: none;background: #000;}
	/*--------Header--------*/
	.logo_img { width: 70vw;}
	header h1 {padding: 0;font-size: 6vw;}
	/*--------　list / box --------*/
	ul.list1 {margin:0 auto 3vw; padding:3vw;width: 96%;background: rgba(0,0,0,0.6);}
	ul.list1 li {padding: 1vw 0 1vw 6vw;font-size: 4vw;}
	.list1 li::after {top: 1.1vw; left: 0vw; width: 5vw; height: 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;}
	/*-----------loop--------*/
	/*.loop_wrap {
		display: flex;
		height: 40vw;
		overflow: hidden;
		margin: 0 auto;
		width: 100%;
	}
	.loop_wrap img {
		width: 100%;
		height: auto;
	}
	@keyframes loop {
		0% {transform: translateX(100%); }
		to {transform: translateX(-100%); }
	}
	@keyframes loop2 {
		0% {transform: translateX(0);}
		to {transform: translateX(-200%); }
	}
	.loop_wrap img:first-child {animation: loop 60s -30s linear infinite;}
	.loop_wrap img:last-child {animation: loop2 60s linear infinite;}*/
	/*-------- profile--------*/
	.profile {/*background: url("../img/rks_prf_bg_sp.jpg") top center no-repeat;*/background-size: cover; padding: 0rem 0 0rem;}
	.profile_wrap{width: 100%;}
	.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;
	}
	.flex {
		display: block;
	}
	.m_b{border-bottom:1px solid #fff; padding-bottom: 1vw;}
	
	/*-------- content --------*/
	.contents_box_sp {
		width: 90%;
		margin: 0 auto;
		color: #ed6939;
	}
	.content_sp {
		margin-bottom: 2rem;
		border: 1px solid #ed6939;
	}
	.content_txt_sp {
		    padding: 1vw 0 1vw 13vw;
		font-size: 4vw;
		position: relative;
	}
	.sp1 , .sp2,.sp3,.sp4 {
		position: relative;
	}
	.sp1::after {
		content: "1";
	}
		.sp2::after {
		content: "2";
	}
		.sp3::after {
		content: "3";
	}
		.sp4::after {
		content: "4";
	}
	.sp1::after,.sp2::after,.sp3::after,.sp4::after{
		color: #ed6939;
    position: absolute;
    font-size: 10vw;
    left: 14px;
    top: -9px;
		font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";
	}
	/*-------- リスト--------*/
	ul.list_yym {margin-top: 1rem;}
	ul.list_yym li {font-size: 3.7vw;}
	ul.list_yym li {margin-bottom: 1rem;}
	ul.list_yym li:before {
    top: 0.7em;
    left: 0.5em;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(20,50,79,0.5);
}
	ul.list_yym li:after {
    top: 0.9em;
    left: 1.3em;
    width: 15px;
    height:15px;
    background: rgba(20,50,70,0.3);
    -webkit-transform: rotate(
60deg
);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(
60deg
);
}
	
	/*-------- merit --------*/
	#merit h3 {font-size: 6vw;}
	/*-------- reccomend --------*/
	.reco_wrap{width:100%;padding: 7vw 0;}
	.reco_box{width: 80%;margin: 2vw auto;}
	.reco{width: 100%;}
	.reco:first-child{margin-top: 0;}
	.reco p{font-size: 4vw;height: 15vw;}
	/*--------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 ;}
	/* form
	------------------------------------------------------ */
	.form form { width: 96%; }
	.form_sub p { font-size: 5.5vw; line-height: 1.3; }
	.form_left { width: 100%; }
	.form_must { font-size: 3vw; }
	.form_label { font-size: 4.7vw; left: 12vw; }
	.form_input { font-size: 4.5vw; padding: 2rem 0 1rem 12vw; }
	.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; }
	.form_notice p { font-size: 3.5vw;}
	.form { padding: 1.3rem 0 1rem;/*border-bottom: 2px solid #0e1c2b; */}
	.form_sub{margin: 0;}
	.form_notice {margin : .5rem 0 0 0;}
	/* achiev */
	.achiev_wrap {padding: 0 0 0;    margin-bottom: 0;}
	.achiev.top{margin-top: 0;}
	.achiev{width: 80%;margin: 0 auto 2rem;}
	.achiev img {width: 100%;	}
	.achiev_num {position: relative;box-sizing: border-box;	}
	.achiev_num p {top: 0;width: 12.5vw!important;font-size: 4vw;padding: 3vw;}
	.achiev_txt {padding: 3vw 2vw;font-size: 4vw;min-height: 11vw;}
	.achiev_arrow { margin: 2rem auto 3vw; font-size: 4.5vw;}
	/* scfooter
	------------------------------------------------------ */
	#scfooter.form { padding: 1rem 0; display: none; z-index: 11;}
	#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; }
*/
	/* form
	------------------------------------------------------ */
	.form {padding: 3vw 0;}
	.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: 4.7vw; 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: 1rem auto 0;
		padding: 1rem 6rem;
		font-size: 6vw;
		height: 14vw;
	}
	.form_notice p { font-size: 3.5vw; line-height: 1.3; }
	.form_notice  { margin: .5rem 0 0 0;}
	.description_area {width: 100%;}
	/* 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_btn:hover + .form_caution{display: none;}
	/*--------吹き出し--------*/
	.form_attention .attention2 { display: none;right: 0;left: auto;width: 300px;}
	.service_list { margin: 7vw auto 0;}
	/*--------footer_attention--------*/
	.service_list th, .service_list td { padding: 2vw 1vw;}
	.service_list th { background: #f5f5f5;}
	.service_list td.large { font-size: 120%;}
	.service_list2 { text-indent: -1em;padding-left: 1em;}
	.arrow{margin:0 auto 11vw;font-size: 4.5vw; position: relative; top: -3rem;}
	.arrow:after{border-width: 5vw 8vw 0 8vw;top: 38vw;}
	/*--------footer-------*/
	footer {padding: 4vw 0;}
	#footer_inner {width: 90%;}
	#footer_inner p {text-align: center;}
	#footer_inner .logo {width: 55%;margin: 0 auto 2rem;}
}