﻿/* 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:#222222;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:#f1f5ff;}
section {padding:5rem 0 0;}
.body_wrap { margin: 0 auto;max-width: 750px;  background: #ffffff;}
.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;display: unset;width: 100%;}
.flex {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.flex + .flex {margin:2rem 0 0;}
.img_arrow {margin: 1rem auto 0;}
.caption {width:100%;padding:1rem;margin:0 auto;background:#333;color:#fff;font-size:1.8rem;font-weight:900;line-height:1.4;text-align:center;}
.u {text-decoration:underline;}
.b {font-weight:bold;}
.r {color:#7e0606;}
.y {color:#ffeb7b;}
.bl {color: #222222;}
.wht {color:#fff;}
.border-wht {border: dotted 2px #fff;}
.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:'Noto Sans JP', sans-serif;font-weight:900;}
.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%;}
.m-small {font-size:90%;}
.large {font-size:120%;}
.xlarge {font-size:140%;}
.xxlarge {font-size:160%;}
.sans {font-family:'Noto Sans JP', sans-serif;}
.serif {font-family: 'Noto Serif JP', "serif";}
.videotime {font-family:Arial, Helvetica, "sans-serif";font-weight:700;font-size:115%;}
.day_after { display:none;}
.bg_b {background:#000;}
.middle {margin:2rem auto;}
.bottom {margin-bottom:2rem;}
.top {margin:2rem auto 0;}
.notice {padding-top:1rem;font-size:1.5rem;font-weight:400;font-family:sans-serif;color:#8a8a8a;letter-spacing:1px;text-align: left;}
.notice2 {padding-top:1rem;font-size:1.4rem;text-align:left;font-weight:400;font-family:sans-serif;color:#0a0f25;letter-spacing:1px;}
.icon_btn {position:absolute;right:0.7em;top:50%;transform:translateY(-50%) rotate(45deg);width:0.7em;height:0.7em;border-top:3px solid;border-right:3px solid;}
.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; }
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {font-size: 4.2rem;font-weight:700; line-height:1.3;text-align:center;font-family:'Noto Sans JP', sans-serif;-webkit-font-feature-settings:'palt'1;font-feature-settings:'palt'1;margin:0 auto 3rem;display:table;position:relative;color:#222222;}
.lead {font-size:3rem;font-weight:900;line-height:1.3;text-align:center;font-family:'Noto Sans JP', sans-serif;-webkit-font-feature-settings:'palt'1;font-feature-settings:'palt'1;margin:0 auto 5rem;display:table;position:relative;color:#222222;}
.sec_inner {padding: 0 3rem 5rem;}
/*--------　list / box --------*/
ul {list-style:none;}
.list1 {margin: 3rem auto 0;width: 100%;background: #fffbe1;padding: 3.5rem 2.7rem 4rem;font-size: 2.6rem;color: #222222;}
.list1 li {position:relative;padding:0 0 2rem 4rem;line-height:1.4;font-weight:bold;}
.list1 li:last-child {padding-bottom:0;}
/*チェックマーク*/
.list1 li:before,.list1 li:after{content:"";position:absolute;}
.list1 li:before{top:.5rem;left:.5rem;-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg);width:1rem;height:1.8rem;border-right:3px solid #222222;border-bottom:3px solid #222222;}
.list1 li:after{left:0;top:1rem;width:1.8rem;height:1.8rem;border:1px solid #222222;border-radius:2px;}
/*新規CSS-------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
------------------------------------------------------ */
/*-------- profile --------*/
#profile {padding:0;}
.profile_inner {padding:1rem 3rem 4rem;}
.profile_wrap {background: #202f55;margin: 0 auto;margin-bottom: 0;}
#profile .notice {text-align:left;margin:0;color: #7f7f7f;}
/*-------- profile box--------*/
.prf_box_wrap{padding:3rem;}
/*btn------------------------------------------------------ */
.btn {
	display: block;
	margin: 3rem auto 0rem;
	text-decoration: none;
	width: 100%;
	background: #00ad48;
	border: 2px solid #7dff88;
	border-radius: 100px;
	font-family: 'Noto Sans JP', sans-serif;
	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(1.3)}
/*-------- 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;}
/*--------footer--------*/
footer {width:100%;padding:3rem 0;background:#ddd;}
#footer_inner {width:750px;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;color: #989898;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:480px) {
	/*--------Basic--------*/
	body {width:100%;font-size:4.8vw;}
	a[href^="tel:"] {pointer-events:auto;text-decoration:underline;color:#00e;}
	.body_wrap {width:100%;}
	.body_wrap { margin: 0 auto; border-left: none; border-right: none;}
	/* Float */
	.img_right, .img_left {float:none;width:80%;padding:0 0 2rem;margin:0 auto;}
	.pc {display:none !important;}
	.sp {display:block !important;}
	.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;margin-bottom: 1rem !important;}
	.top {margin-bottom:3vw;}
	.s_img {width:80%;}
	.icon_btn {background-size:2.6vw;}
	.caption{padding:2vw 0; font-size:4vw;}
	.notice{font-size:2.2vw;padding-top:2vw;padding-bottom:2vw;}
	.notice2 {text-align:left;padding:2vw 0 0 3vw;width:100%;font-size:3vw;}
	/* .flex {display:block;} */
	.triangle {border-top:6vw solid #9b8327;border-right:20vw solid transparent;border-left:20vw solid transparent;width:35vw;margin:0 auto;}
	.img_logo{width:100%;}
	.notice{font-size:3vw;}
	/*--------Section / sub_head / sec_inner--------*/
	section {padding:7vw 0 0;}
	.sub_head { width: 100%; font-size: 5.8vw;margin: 0 auto 3vw;}
	.lead {font-size:5vw;margin:0 auto 5vw;}
	.sec_inner {padding: 0 3vw 7vw;}
	/*--------　list / box --------*/
	ul.list1 {margin:3vw auto 0; padding:3vw 3vw 3vw 0;width:100%;    font-size: 4.5vw;}
	ul.list1 li {padding:1vw 0 1vw 8vw;text-shadow:none;}
	.list1 li::after {top:1.8vw; left:2vw; width:4vw; height:4vw; background-size:100%;}
	.list1 li:before { top:2vw; left:4vw; width:1vw; height:3vw; border-right:2px solid #222222; border-bottom:2px solid #222222;}
	/*-------- profile--------*/
	#profile {padding:2vw 0;padding-top: 0;}
	.profile_wrap{padding:7vw 3vw;}
	.profile_inner {padding:0;margin:0 auto;width:100%;}
	#profile .notice {padding:2vw 0 0 0;width:100%;}
	/*-------- profile box--------*/
	.prf_box_wrap{padding: 3vw;}
	.prf_box_wrap .content_mv {margin-bottom: 6vw;}
	/* btn------------------------------------------------------ */
	.btn { width: 100%; display: table; margin: 5vw auto 0; padding: 2vw 6vw; font-size: 5vw; height: 14vw;}
	.btn p { font-size: 5.5vw; padding: 2vw;}
	/*--------footer-------*/
	footer {padding:2rem 0 10rem;}
	#footer_inner {width:90%;}
	#footer_inner p {text-align:center;}
}