﻿/* 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;list-style: none;}
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%;}
html {
 overflow-x: hidden;
}
body {width: 100%;font-size: 2.2rem;color: #242632;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;}
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;}
.caption {width: 100%;padding: 1rem;margin: 0 !important;border-left: 2px solid #110604;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
/* Font */
h1 {font-weight: normal !important;font-feature-settings: "palt"1;width: 1000px;margin: 0 auto;position: relative;}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #ad0002;}
.y {color: #f4f745;}
.wht {color: #fff !important;}
.gradation_g {color: #f9db7f;background: -webkit-linear-gradient(0deg, #f9db7f, #fff8c8, #f9db7f);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Gothic MB101 Heavy', sans-serif;}
/*.mark {background: linear-gradient(transparent 50%, #ffff84 50%);}*/
.txt_c {text-align: center;}
.txt_r {text-align: right;}
#profile .notice.txt_r{text-align: right; padding: 1vw 0 0 0;}
.txt_l {text-align: left;}
.xxsmall {font-size: 50%;}
.xsmall {font-size: 70%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.large_pc {font-size: 110%;}
.xlarge {font-size: 140%;}
.xxlarge {font-size: 160%;}
.notice {padding-top: 1rem;font-size: 1.4rem;text-align: right;font-weight: 400;font-family: sans-serif;color: #fff;letter-spacing: 1px;}
.notice2 {padding-top: 1rem;font-size: 1.4rem;text-align: left;width: 960px;font-weight: 400;font-family: sans-serif;color: #242632;letter-spacing: 1px;}
.contents_box .notice{position: relative;top: -2rem;}
.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%;}.day_after { display: none;}
.bg_b {background: #000;}
.bg_lg{background: #4bbfbf;}
img.form_copy {margin: 0 auto 1.5rem;width: 60%;}
.middle {margin: 2rem 0;}
.bottom {margin-bottom: 2rem;}
.top {margin-top: 2rem;}
.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;}
.logo_img {
    width: 45%;
    padding: 2rem 0 1rem;
}
.flex + .flex {
    margin: 2rem auto 0;
}
.content + .content {
    margin: 12rem 0 0;
}
/*--------Header--------*/
header {width: 100%;margin: 0 auto;text-align: center;background: #242632;}
header h1 img {margin: 0 auto;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {
    font-size: 5rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
    margin: 0 auto 8rem;
    display: table;
    position: relative;
}.sec_inner {padding: 0 ;margin: 0 auto;width: 960px;}
p + p{padding-top: 3rem;}
/*--------　list / box --------*/
.list1 {
    margin: 3rem 0 0;
    color: #fff;
   /* width: 106%;*/
    /* font-size: 2.8rem; */
}
.list1 li {
    position: relative;
    padding: 0 0 2rem 3.5rem;
    line-height: 1.4;
    font-family: "Ryumin ExtraBold KL", serif;
    text-shadow: 0 0 10px #0a1f30;
	font-size: 90%;
	letter-spacing: 0.03em;
}
.list1 li:last-child {padding-bottom: 1rem;}
/*チェックマーク*/
.list1 li:before {
    top: 0.1rem;
    left: 1rem;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: .5rem;
    height: 1.5rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.list1 li:before, .list1 li:after {
    content: "";
    position: absolute;
}
.list1 li:after {
    left: 0;
    top: 0.6rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #fff;
    border-radius: 2px;
}
.list1 li:before, .list1 li:after {
    content: "";
    position: absolute;
}
/*-------- profile --------*/
#profile {
    background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 80% 0%, hsla(225,100%,96%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(174,30%,68%,0.36) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(45,42%,76%,0.71) 0px, transparent 50%);
    overflow: hidden;
    position: relative;
    padding: 7rem 0;
    z-index: 0;
}
.profile_inner {
	width: 63%;
	margin: 0 0 0 37%;/*リスト右側*/
	padding:4.5rem 5rem 0 4rem;/*リスト右側*/
}
/*写真右側*/
/*.profile_face{position: absolute;right: 0;top:2rem; z-index: -1;}*/
/*写真左側*/
.profile_face{position: absolute;left: 2rem;top:2rem; z-index: -1;    width: 38%;}
.profile_wrap {
	width:943px;
	background: #e28c1e;
	padding: 2rem 0 4rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	/*border: solid 2px #bbb241;*/
    outline: solid 5px #e28c1e;
    outline-offset: 3px;
	overflow: hidden;
}
#profile .notice {text-align: left;width: 960px;margin: 0 auto;}
.profile_wrap .notice {color: #c9c9c9;}

.profile_wrap {
width:960px;
	background:  #3f8da1;
	background:linear-gradient(322deg, #3f8da1, #636981);
	padding: 2rem 0 4rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	/*border: solid 2px #bbb241;*/
    outline: solid 5px  #3f8da1;
    outline-offset: 3px;
	overflow: hidden;
}
.prf_box img {
    width: 100%;
}

#profile .sec_inner {}
.frame1,.frame2,.frame3,.frame4{position: absolute;}
.frame1{    top: 1rem;    left:1rem;}
.frame2{    top: 1rem;    right: 1rem;}
.frame3{    bottom: 1rem;    left: 1rem;}
.frame4{    bottom:1rem;    right: 1rem;}
/*-------- profile box--------*/
.prf_box_wrap{width: 960px;margin: 0 auto;}
.prf_box {
    background: #f5f5f5;
    width: 48%;
    margin: 5rem 0 0;
    position: relative;
}
.prf_box p {
	text-align: center;
	line-height: 1.3;
	color: #101010;
	font-family: "Ryumin ExtraBold KL", serif;
	/*font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";*/
	font-weight: bold;
	padding: 2rem 0;
	font-size: 2rem;
}.prf_box .xsmall {    font-size: 70%;    display: contents;}
/*-------- content --------*/
.content_wrap{width: 960px;margin: 0 auto;}
.content{align-items: center;}
/*.content + .content{margin: 12rem 0 0;}*/
.content img{width: 57%;position: relative;left: -7rem;transform:scale(1.1)}
.content_txt{width: 43%;}
.content h3{
	display: table;
	font-size: 6rem;
	line-height: 1;
	padding-bottom: 2rem;
	position: relative;
	/*font-family: "Ryumin ExtraBold KL", serif;*/
	font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";
	border-bottom:3px solid #7D5A25;
}
.content h3.sp{display: none;}
.content_txt p{
	font-family: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";
	font-size: 2.3rem;
	line-height: 1.5;
	padding: 3rem 0;
}
.num {font-size: 150%;letter-spacing: 0px;}
/*偶数の時*/
.content:nth-child(even){flex-direction: row-reverse;}
.content:nth-child(even) img{left: unset;right: -7rem;}
/* opt_sec1
------------------------------------------------------ */
#opt_sec1 {
    background: #fefff6;
    color: #242632;
}
#opt_sec1{background: #fefff6;color: #242632;}/*文字色*/
#opt_sec1 .sub_head{margin: 0 auto;}
#opt_sec1 .sub_ttl{width: 74rem; margin:1.3rem auto 10rem;background: #242632; color: #fff;text-align: center;line-height: 1.2;font-family: "Gothic MB101 Medium", "ゴシックMB101 M";}
/*--------btn--------*/
.btn {width: 860px;display: block;margin: 6rem auto 0rem;z-index: 15; border-radius: 50px;box-shadow: 0px 4px #328d47;background: #4aab46;background: -moz-linear-gradient(-45deg, #4aab46 0%, #328d47 100%);background: -webkit-linear-gradient(-45deg, #4aab46 0%,#328d47 100%);background: linear-gradient(135deg, #4aab46 0%,#328d47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );text-decoration: none;transition: all .3s;line-height: 1.4;border: 3px solid #9bfeac;}
.btn p {padding: 1rem;color: #fff;font-size: 5rem;font-weight: bold;text-align: center;}
.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{}
@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);} }
/*--------footer--------*/
footer {width: 100%;padding: 3rem 0;background: #ddd;}
#footer_inner {width: 1000px;margin: 0 auto;font-size: 1rem;}
#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) {
.form_left, .form_left input, .form_left span{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;}
.xxsmall {font-size: 80%; display: block;}
.xsmall {font-size: 70%;}
.small {font-size: 80%;}
.sp_small {font-size: 80%;font-weight: bold;}
.large {font-size: 110%;}
.large_pc {font-size: 100%;}
.xlarge {font-size: 120%;}
.xxlarge {font-size: 270%;}
.flex {display: block;}
.middle {margin: 3vw 0;}
.bottom {margin-top: 3vw;}
.top {margin-bottom: 3vw;}
.s_img {width: 80%;}
.icon_btn {background-size: 2.6vw;}
	.notice2 {
    text-align: left;
    padding: 2vw 0 0 6vw;
    width: 100%;
    font-size: 3vw;
}
/*--------Section / sub_head / sec_inner--------*/
section {padding: 7vw 0;}
.sub_head {width: 96%;font-size: 5.5vw;padding: 0 0 2vw;margin: 0 auto 4rem;border-image: linear-gradient(linear-gradient(to right, transparent 0%, #070D36 50%, transparent 100%));border-image-slice: 1;}
.sec_inner {width: 95%;padding: 7vw 0 8vw;margin: 0 auto;}
/*--------Header--------*/
header h1 img {margin: 0;}
h1 {width: 100%;}
header h1 img {margin: 0 auto;}
	.logo_img {
    width: 45%;
    padding: 1rem 0;
}
	/*--------　list / box --------*/
	ul.list1 {margin:0 auto; padding:3vw 0;width: 95%;}
	ul.list1 li {padding: 1vw 0 1vw 8vw;font-size: 4.1vw;text-shadow:none;}
	/*チェックマーク*/
	.list1 li:before{
		top: 1vw;
		left: 2vw;
		width: 2vw;
		height: 4vw;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	.list1 li:after{
		left: 0;
		top:2vw;
		width: 4vw;
		height: 4vw;
	}
/*-------- profile--------*/
	#profile {padding: 0;padding: 10vw 0;}
	.profile_wrap {
		width: 90%;
		padding: 0;
		/*border: solid 1px #bbb241; */
		outline: solid 2px #3f8da1;
		outline-offset: 1px;
		background: linear-gradient(to bottom, #3f8da1 40%, #636981 70%);
	}
	.profile_inner {
		padding: 0 0 8vw;
		margin: 0 auto;
		width: 95%;
	}
	#profile .notice {/*text-align: right;*/padding: 4vw 0 0 2vw;width: 95%;}
	#profile .profile_wrap .notice{/*text-align: right;*/padding: 0;width: 95%;}
	
	/*-------- profile box--------*/
	#profile2 .sec_inner{width: 95%;}
	.prf_box_wrap{width: 100%;margin: 10vw auto 0;}
	.prf_box, .prf_box:nth-of-type(2){width: 90%;margin: 10vw auto 0;}
	.prf_box:nth-of-type(1){margin: 0 auto;}
	.prf_box p {padding: 2vw 0;font-size: 4vw;}
	/*-------- opt_sec1 --------*/
	#opt_sec1 .sub_ttl{width: 80%; margin:2vw auto 7vw;}
	#opt_sec1 .sub_head{padding: 0;}
	/*-------- content --------*/
	.content_wrap{width: 100%;}
	.content{
		width: 90%;
		margin: 0 auto;
		background: #fff;
		border:1px solid #7D5A25;
		text-align: center;
	}
/*	.content + .content{margin: 5vw auto 0;}*/
	.content img{width: 100%;position: static;transform:scale(1);}
	.content_txt{
		width: 100%;
		padding: 3vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;}
	.content h3.pc{display: none;}
	.content h3.sp{display: table;}
	.content h3{
		width: 10%;
		font-size: 12vw;
		border:none;
		padding-bottom: 0;
	}
	.content_txt p{font-size: 4.3vw;padding: 0;text-align: left;width:75%;}
	P + P{padding-top: 4vw;}
	.form_notice p{padding-top: 0;}
	.notice{font-size: 3vw;}
	.flex p {
    margin: 0 auto;
}
/*--------btn--------*/
.btn {width: 95%; margin: 2rem auto 3rem;border: 2px solid #9bfeac;}
.btn p{font-size: 6vw;padding: 1.5vw;}
.btn::after{right: 4vw;content: '>';top: 45%;}
.move.nobottom{margin: 0 auto ;}
/*--------footer-------*/
footer {padding: 2rem 0 10rem;}
#footer_inner {width: 95%;}
#footer_inner p {text-align: center;}
	.sp_large{font-size:115%;
	}
	.content + .content {
    margin: 5vw auto 0;
}
}