@charset "utf-8";

html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, em, strong, 
ul, ol, li, dl, dt, dd, 
table, th, td {
	margin:				0px;
	padding:			0px;
}

html,
body {
	width:				100%;
	font-family:		'Noto Sans JP','ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
/*	font-family:		'Noto Serif', serif;*/
	font-size:			16px;
	font-style:			normal;
	font-weight:		normal;
	line-height:		1.7em;
	text-align:			left;
	color:				#000;
	word-wrap:			break-word;
	outline:			none;
}

h6,
h5,
h4,
h3,
h2,
h1 {
	margin:				0px;
	padding:			0px;
	font-size:			100%;
	font-weight:		normal;
	text-align:			left;
	line-height:		100%;
}

a:hover img {
	opacity:			0.8;
}

.txt_center {
	text-align:			center;
}

.txt_right {
	text-align:			right;
}

.txt_left {
	text-align:			left;
}

.box_left {
	float:				left;
}

.box_right {
	float:				right;
}

ul,li{
	list-style: 		none;
}

a{
	text-decoration: 	none;
	color: 				#000;
}

table{
	table-layout: 		fixed;
}

/* レスポンシブ対応 */
/* ---------------------------------------------------------------- */
body {
	-webkit-text-size-adjust:	100%;
}

img {
	max-width:			100%;
	height:				auto;
	width /***/:		auto;
}

/* clearfix */
/* ================================================================ */
.clearfix:after {
	content:	"";
	display:	block;
	clear:		both;
}

/* ---------------------------------------------------------------- */

.wrapper {
	width:				100%;
	max-width: 			1200px;
	margin: 			auto;
	padding:			1%;
}

.f_wrapper {
	width:				100%;
	max-width: 			1200px;
	margin: 			auto;
	padding:			0;
}


section{
	padding-top: 		120px;
}

/* ---------------------------------------------------------------- */

/*header{
	position: 					fixed;
	display: 					block;
	background-color: 			#f1f1f1;
	width: 						100%;
	min-height: 				100px;
	margin: 					auto;
	z-index: 					9999;
}*/

.h_inner{
	position: 					relative;
}

#logo{
	position: 					absolute;
	left: 						30px;
	top: 						10px;
	margin: 					0;
	width: 						250px;
}

.menuwrap{
    width: 				100%;
    max-width: 			800px;
    margin: 			auto;
    padding-top: 		2%;
}

.top-animate {
    background: 		#fff !important;
    top: 				13px !important;
    -webkit-transform: 	rotate(45deg);
    transform: 			rotate(45deg);
}

.mid-animate {
    opacity: 			0;
}

.bottom-animate {
    background: 		#fff !important;
    top: 				13px !important;
    -webkit-transform: 	rotate(-225deg);
    transform: 			rotate(-225deg);
}

.top-menu {
    top: 				5px;
    width: 				24px;
    height: 			2px;
    border-radius: 		10px;
    background-color: 	#F9A530;
}

.mid-menu {
    top: 				13px;
    width: 				24px;
    height: 			2px;
    border-radius: 		10px;
    background-color: 	#F9A530;
}

.bottom-menu {
    top: 				21px;
    width: 				24px;
    height: 			2px;
    border-radius: 		10px;
    background-color: 	#F9A530;
}

.menui {
    background: 				#fff;
    transition: 				0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin: 					10px 0 0 4px;
    position: 					absolute;
}

.icon {
	background: 				#333;
	z-index: 					999;
	position: 					fixed;
	display: 					block;
	padding: 					9px;
	height: 					32px;
	width:						32px;
	margin: 					0px;
	top: 						0;
	right: 						-10px;
	border-radius: 				50%;
	margin-top: 				1%;
	margin-right: 				5%;
}

.mobilenav {
    font-family: 				inherit;
    top: 						0;
    left:						0;
    z-index: 					999;
    display: 					none;
    position: 					fixed;
    width: 						100%;
    height: 					100%;
    background: 				rgba(226, 206, 84, 0.9);
    overflow-y: 				auto;
}

.mobilenav li {
    list-style-type: 			none;
    padding: 					5px;
    padding-left: 				1em;
}

.mobilenav li a {
    color: 						#000;
    text-decoration: 			none;
    width: 						100%;
}

.mobilenav li a:hover {
    color: 						#666;
}

.mobilenav li:first-child {
    margin-top: 				10px;
}

.accbox label {
    display: 					block;
    margin: 					1.5px 0;
    padding: 					13px 12px;
    color: 						#000;
    font-weight: 				bold;
    background: 				#fff;
    cursor :					pointer;
    transition: 				all 0.5s;
    padding-left: 				2em;
}

.accbox label:before {
    content: 					"\f054";
    font-family: 				"Font Awesome 5 Free";
    padding-right: 				8px;
    font-weight:				900;
}

.accbox label:hover {
    background :				#ffe9a9;
}

.accbox input {
    display: 					none;
}

.accbox .accshow {
    height: 					0;
    padding: 					0;
    overflow: 					hidden;
    opacity: 					0;
    transition: 				0.8s;
}

.cssacc:checked + label + .accshow {
    height: 					auto;
    padding: 					5px;
    background: 				#fff5eb;
    opacity: 					1;
}

.accbox .accshow p {
    margin: 					15px 10px}

.cssacc:checked + label:before {
    content: 					"\f078";
}

.mobilenav::-webkit-scrollbar{
　　width: 						10px;
}
.mobilenav::-webkit-scrollbar-track{
　　background: 					#fff;
　　border-left: 				solid 1px #ececec;
}
.mobilenav::-webkit-scrollbar-thumb{
　　background: 					#ccc;
　　border-radius: 				10px;
　　box-shadow: 					inset 0 0 0 2px #fff;
}

.hd_right{
	z-index: 					999;
	position: 					fixed;
	display: 					block;
	padding: 					9px;
	margin: 					0px;
	top: 						0;
	right: 						120px;
	margin-top: 				1%;
	margin-right: 				5%;
}

.nav_link{
	position: 					relative;
	display: 					inline-block;
	float: 						right;
	max-width: 					190px;
	height: 					64px;
	margin: 					0 15px 0 0;
}

.ac_botan{
	z-index: 					999;
	position: 					fixed;
	display: 					block;
	width:						60px;
	margin: 					0px;
	top: 						0;
	right: 						60px;
	margin-top: 				1%;
	margin-right: 				5%;
}

.mainbotan{
	margin-top: 				2%;
}

.hd_sp{
	display: 					none;
}

.hd{
	display: 					block;
}

.menu_icon{
	max-width: 					120px;
}

.menu_box{
	width: 						100%;
	max-width:					790px;
}

.menu_box div{
	width: 						45%;
	max-width: 					350px;
	display: 					inline-block;
	background-color: 			#fff;
	margin-top: 				2%;
}

.musasi{
	font-size: 					80%;
}

/* ---------------------------------------------------------------- */
.flex {
	width: 				100%;
	display: 			flex;
	justify-content: 	center;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
}

.flex2 {
	width: 				100%;
	display: 			flex;
	justify-content: 	space-around;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
}

.flex2::after{
  content:				"";
  display: 				block;
  width:				33%;
}

.flex3 {
	width: 				100%;
	display: 			flex;
	justify-content: 	space-around;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
	padding-top: 		3%;
}

.flex4 {
	width: 				100%;
	display: 			flex;
	justify-content: 	space-around;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
}

.flex4::after{
  content:				"";
  display: 				block;
  width:				45%;
}

.campaign_block div{
	width: 					100%;
	max-width: 				500px;
}

.campaign_box{
	padding-bottom: 		1.5em;
}

.instagram,
.twitter{
	border: 				dashed 2px #8b6239;
	padding: 				2%;
	margin: 				10px 0;
	width: 					100%;
	max-width: 				370px;
}

.car_menu{
	width: 					100%;
	max-width: 				1200px;
	margin: 				auto;
}

.car_menu li{
	display: 				inline-block;
	width: 					30%;
	max-width: 				300px;
	margin: 				0 4%;
}

.menu_p{
	position: 				relative;
}

.menu_p p{
	position: 				absolute;
	top: 					37%;
	left: 					15%;
	font-size: 				36px;
	color: 					#fff;
	font-weight: 			bolder;
	text-align: 			center;
	line-height: 			1.3em;
}

.cercle{
	width: 					100%;
	height: 				100%;
/*	max-width: 				300px;
	min-height: 			120px;*/
 	-webkit-animation: 		anime_move1 15s linear infinite;
	animation: 				anime_move1 15s linear infinite;
}
	@-webkit-keyframes anime_move1 {
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes anime_move1 {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}

/* ---------------------------------------------------------------- */

#footer {
	box-sizing:			border-box;
	padding:			20px 0 0 0;
	line-height:		100%;
	text-align:			center;
	background-color: 	#000;
	color: 				#fff;
}

#footer a{
	color: 				#fff;
}

#copyright {
	font-size:			80%;
	padding-bottom: 	3%;
}

#page_lift {
	position:			fixed;
	box-sizing:			border-box;
	bottom:				1%;
	width:				100%;
	padding:			0 5%;
	text-align:			right;
	z-index: 			9;
}

#page_lift a {
	opacity:			0.8;
	text-decoration:	none;
}

#page_lift a:hover {
	opacity:			1.0;
}

.up_yellow{
	color: 				#e2ce54;
}


.f_logo span{
	display: 			block;
}

.fh{
	font-size: 			150%;
}

.f_logo{
	width: 				100%;
	max-width: 			500px;
	margin: 			auto;
	padding: 			1% 0;
	text-align: 		center;
}

.f_logo h1{
	text-align: 		center;
}

.f_menu{
	text-align: 		left;
	padding: 			2% 0;
	line-height: 		1.5em;
}

.f_menu div{
	width: 				100%;
	max-width: 			250px;	
}

.f_menu a:hover{
	text-decoration: 	underline;
}

.f_menu li{
	line-height: 		2em;
}

.logoarea{
	width: 				100%;
	max-width: 			1200px;
	padding-top: 		1%;
	padding-bottom: 		1%;
}

.grouplogo{
	width: 				90%;
	max-width: 			200px;
	padding: 			0 1%;
}

/* ---------------------------------------------------------------- */

.contents {
	box-sizing:				border-box;
	width:					100%;
}

/*---- features ----------------------------------------------------------------*/

.topbar{
	width: 						100%;
	height: 					60px;
	background-color: 			#afcfe2;
}

.topbar img{
	width: 						100%;
	max-width: 					65px;
	float: 						right;
	padding-top: 				0.5%;
	padding-right: 				0.5em;

}

.topinner{
	max-width: 					1200px;
	margin: 					auto;
}

.topinner h3{
	color: 						#fff;
	font-size: 					150%;
	font-weight: 				bolder;
	line-height: 				60px;
	width: 						70%;
	display: 					inline-block;
	padding-left: 				0.5em;
}

.features_menu{
	background-color: 			#fff;
	width: 						100%;
	max-width: 					400px;
	padding: 					0.5%;
	margin: 					1%;
}

.features_menu img{
	width: 						98%;
	max-width: 					150px;
}

.features_menu p{
	padding-left: 				1em;
	max-width:					200px;
}

.features_menu h4{
	color: 						#636363;
	font-weight: 				bolder;
	font-size: 					130%;
}


.features_menu_box{
	display: 					flex;
	justify-content: 			center;
	align-items: 				center;
	margin: 					1%;
}

.features_menu_box a{
	display: 					block;
}

.back_f{
	background-color: 			#fff;
	margin: 					auto;
	padding: 					2% 0;
}

/*------schoolinfo----------------------------------------------*/
.schoolbar{
	width: 						100%;
	background-color: 			#afcfe2;
	margin-bottom: 				1em;
	padding: 					2% 0;
	color: 						#fff;
	font-weight: 				bolder;
	font-size: 					110%;
}

.school_box div{
	width: 						100%;
	max-width: 					370px;
	padding: 					1%;
}

.schoolimg img{
	text-align: 				center;
}

/*------license----------------------------------------------*/
.lctable th,
.lctable td {
	border: 					solid 2px #fff;
	padding: 					1%;
}
 
.lctable {
	border-collapse:  			collapse;
	text-align: 				center;
	width: 						100%;
	max-width: 					1000px;
	margin: 					auto;
}

.green{
	background-color: 			#a2cf62;
	color: 						#fff;
	font-weight: 				bolder;
}

.lgreen{
	background-color: 			#e9f7d4;
}

.blue{
	background-color: 			#1fb0e6;
	color: 						#fff;
	font-weight: 				bolder;
}

.lblue{
	background-color: 			#f1faff;
}

.orange{
	background-color: 			#fec34d;
	color: 						#fff;
	font-weight: 				bolder;
}

.lorange{
	background-color: 			#fcf6e9;
}

.pink{
	background-color: 			#f27a90;
	color: 						#fff;
	font-weight: 				bolder;
}

.lpink{
	background-color: 			#fef0f1;
}

.bold{
	font-weight: 				bolder;
}

.botan2{
	width: 						100%;
	max-width: 					250px;
	height: 					40px;
	margin: 					20px auto;
	background-color: 			#2e6bb2;
	border-radius: 				10px;
	text-align: 				center;
	font-weight: 				bold;
	padding: 					0.5em;
}

.botan2 a{
	color: 						#fff;
	vertical-align: 			middle;
}

.licenseclubimg{
	width: 						100%;
	max-width: 					800px;
	margin:						auto;
	display: 					block;
}

/*------payment----------------------------------------------*/
.paytable th,
.paytable td {
    border: 					solid 1px #b23970;
    padding: 					1%;
}
 
.paytable {
	border-collapse:  			collapse;
	text-align: 				center;
	width: 						100%;
	max-width: 					1000px;
	margin: 					2em auto;
}

.paytable thead{
	background-color: 			#b23970;
	color: 						#fff;
	font-weight: 				bolder;
}

.paytable tbody{
	background-color:			#fff;
}

.paytable td{
	padding: 					0.5em;
}

.tejyun{
	width: 						100%;
	max-width: 					600px;
	margin: 					0 auto;
}

.cond_txt a:hover{
	text-decoration: 			underline;
}
/*------licensetype----------------------------------------------*/

.licensetable th,
.licensetable td {
    padding: 					1%;
}
 
.licensetable {
    border-collapse:  			collapse;
    text-align: 				center;
    width: 						100%;
    max-width: 					1000px;
    margin: 					auto;
}

.licensetable thead{
	color: 						#fff;
	font-weight: 				bolder;
}

.licensetable tbody{
	background-color:			#fff;
}

.qa_box {
	width:						100%;
	max-width:					1000px;
	margin:						0 auto 20px;
}

.qa_box h4 {
	font-weight:				bolder;
	text-align:					left;
}

.qa_box h4 a {
	box-sizing:					border-box;
	width:						100%;
	padding:					15px;
	color:						#fff;
	display: 					flex;
	align-items: 				center;
}

.qa_box h4 a span {
	float:						right;
}

.qa_box h4 img{
	max-height: 				25px;
}

.qa_box div {
	display:					none;
	box-sizing:					border-box;
	width:						100%;
	padding:					1em 2em;
}

.qa_box .on span {

	-moz-transform:				rotateX(180deg);
	-webkit-transform:			rotateX(180deg);
	-o-transform:				rotateX(180deg);
	-ms-transform:				rotateX(180deg);
	transform:					rotateX(180deg);
}

.type1 {
	background-color: 			#39b54a;		
}

.type2 {
	background-color: 			#3aacaf;		
}

.type3 {
	background-color: 			#b23970;		
}

.type1 th,
.type1 td{
	border: 					1px solid #39b54a;
}

.type2 th,
.type2 td{
	border: 					1px solid #3aacaf;
}

.type3 th,
.type3 td{
	border: 					1px solid #b23970;
}

.payment{
	max-width: 					1000px;
	margin: 					auto;
}

/*------necessities----------------------------------------------*/
.yellow{
	background-color: 			#e2ce54;
	color: 						#fff;
	font-weight: 				bolder;
}

.conditions_box{
	margin:						1em auto;
}

.conditions_box table{
	margin: 					2% auto 2% 2%;
	line-height: 				2em;
}

.conditions_box .necetable th,
.conditions_box .necetable td {
    border: 					solid 2px #e2ce54;
    padding: 					1%;
}

.conditions_box th{
	vertical-align: 			top;
	width: 						30%;
}

.conditions_box td{
	padding-left: 				1em;
}
 
.conditions_box .necetable {
    border-collapse:  			collapse;
    text-align: 				center;
    width: 						100%;
    max-width: 					1000px;
    margin: 					auto;
}

.conditions_box{
	background-color: 			#fff;
	border-radius: 				10px;
	padding: 					2%;
}
.conditions_box img{
	max-width: 					150px;
}

.cond_ttl {
	padding: 					0.25em 0.5em;
	border-left: 				solid 5px #e2ce54;
	margin-top: 				2em;
}

.cond_txt{
	padding-left: 				2em;
	display: 					block;
}


/*------qanda----------------------------------------------*/

dt::before{
	content: 					"Q";
	width: 						30px;
	height: 					30px;
	border-radius: 				50%;
	background-color: 			#330066;
	color: 						#fff;
	display: 					inline-block;
	font-weight:		 		bolder;
	text-align: 				center;
	margin-right: 				0.5em;
}

dd:after{ 
	content: 					"Answer";
	position:					 absolute; 
	top: 						-1em; 
	left:						 10px; 
	background: 				#fff; 
	font-size: 					.75em; 
	color: 						#7ED1E6;
	padding: 					0 10px;
}

dt{
	color: 						#330066;
	font-weight: 				bolder;
	padding-top: 				2em;
	vertical-align: 			middle;
}

dd{
	vertical-align: 			middle;
	position: 					relative; 
	padding: 					2em .5em; 
	border: 					1px solid #7ED1E6;
	margin-top: 				1.5em;
}



/*------flow----------------------------------------------*/
.bo_ra1{
	background-color: 		#39b54a;
	border-radius: 			10px;
	width: 					250px;
	padding: 				3%;
}

.bo_ra2{
	background-color: 		#2e6bb3;
	border-radius: 			10px;
	width: 					250px;
	padding: 				3%;
}

.flow_menu_inner a{
	color: 					#fff;
}

.flow_menu_inner a:hover{
	text-decoration: 		underline;
}

.flow_menu_box a{
	display: 				block;
	text-align: 			center;
	margin-bottom: 			2%;
}

.flowbox,.flowbox2{
	text-align: 			center;
}

.flowbox img{
	max-width: 				50px;
}

.flowbox2 img{
	max-width: 				300px;
}

.orangebox{
	background-color:	 	#f99e43;
	border-radius: 			10px;
	padding: 				2%;
	color: 					#fff;
	max-width: 				500px;
	text-align: 			center;
	margin: 				50px auto 0;
}

.topposition3 {
	background-color: 			#f1f1f1;
	border:						2px solid #999;
	margin: 					2% auto;
	padding: 					2%;
	position: 					relative;
	z-index: 					1;
	width: 						85%;
	font-size: 					20px;
	text-align: 				center;
}

.topposition3::before,
.topposition3::after {
	content: 					"";
	height: 					100%;
	position: 					absolute;
	width: 						100%;
}

.topposition3::before {
	left: 						0;
	top: 						0;
	z-index: 					-1;
}
.topposition3::after {
	background-color: 			rgba(226,206,84,.8);
	top: 						10px;
	left: 						10px;
	z-index: 					-2;
}

.flow_menu{
	width: 						100%;
	max-width: 					900px;
	padding: 					0.5%;
	margin: 					0.5% auto;
}

.flow_menu img{
	width: 						100%;
	max-width: 					300px;
}

.flow_menu_box{
	display: 					flex;
	justify-content: 			center;
	align-items: 				center;
	margin: 					1%;
}

.flow_menu_inner{
	padding: 					0 1em;
}

.flowwrap span{
	display: 					block;
}
/*------camp_plan----------------------------------------------*/

table.dorm {
	width: 						48%;
    max-width: 					1000px;
	margin: 					0 auto;
	border-collapse: 			separate;
	border-spacing: 			0px 15px;
	font-size: 					12px;
	float: 						left;
}

table.dorm th,
table.dorm td {
	padding: 					10px;
}

table.dorm th {
	background: 					#295890;
	vertical-align: 				middle;
	text-align: 					left;
	width: 							100px;
	overflow: 						visible;
	position: 						relative;
	color: 							#fff;
	font-weight: 					normal;
	font-size: 						15px;
}

table.dorm th:after {
	left: 							100%;
	top: 							30%;
	border: 						solid transparent;
	content: 						" ";
	height: 						0;
	width: 							0;
	position: 						absolute;
	pointer-events: 				none;
	border-color: 					rgba(136, 183, 213, 0);
	border-left-color: 				#295890;
	border-width: 					10px;
	margin-top: -					10px;
}
/* firefox */
@-moz-document url-prefix() {
table .dorm th::after {
	float: 							right;
	padding: 						0;
	left: 							3 0px;
	top: 							10px;
	content: 						" ";
	height: 						0;
	width:						 	0;
	position: 						relative;
	pointer-events: 				none;
	border: 						10px solid transparent;
	border-left: 					#295890 10px solid;
	margin-top: 					-10px;
	}
}

table.dorm td {
	background: 						#f8f8f8;
	max-width: 							360px;
	padding-left: 						20px;
	border: 							solid 2px #f8f8f8;
}

.campth{
	background-color: 				#e4e4e4;
}

.camptd{
	background-color: 				#fff;
}

.facility{
	background-color: 				#fff;
	border-radius: 					10px;
	padding: 						4%;
}

.camptable th,
.camptable td {
    border: 					solid 2px #fff;
    padding: 					1%;
}
 
.camptable {
    border-collapse:  			collapse;
    text-align: 				center;
    width: 						100%;
    max-width: 					1000px;
    margin: 					auto;
}

.plan{
	margin: 					auto;
	text-align: 				center;
}

.plan img{
	padding:					2em 0;
}

.fs11{
	font-size: 					110%;
}

.dorm_block{
	margin: 					auto;
}

.dorm_top{
	max-width: 					1000px;
	margin: 					auto 2%;
	float: 						left;
	width: 						48%;
}

.roomimg img{
	width: 						100%;
	max-width: 					300px;
}

.etc div{
	width: 						95%;
	max-width: 					500px;
}

.dormbox{
	margin: 					2em auto;
}
/*------licensetype_camp----------------------------------------------*/
.license_campbox {
	width:						100%;
	max-width:					1000px;
	margin:						0 auto 20px;
}

.license_campbox h4 {
	font-weight:				bolder;
	text-align:					left;
	padding: 					2%;
	color: 						#fff;
}

.license_campbox div {
	box-sizing:					border-box;
	width:						100%;
	padding:					1em 0;
}

.camp_bar{
	display: 					flex;
	align-items: 				center;
}

.camp_bar img{
	max-height: 				25px;
}

/*------camp----------------------------------------------*/

.acolor a{
	color: 						#000;
	text-decoration: 			underline;
}

.acolor{
	text-align: 				right;
}

.p1000{
	max-width: 					1000px;
	margin: 					auto;
}

/*------area----------------------------------------------*/
.areattl{
	background-color: 			#e2ce54;
	max-width: 					480px;
	padding: 					3%;
	border-radius: 				5px;
	color: 						#fff;
	font-weight: 				bolder;
	text-align: 				center;
	margin-bottom: 				4%;
}

.box3 img{
	max-width: 					350px;
}

.box3 span{
	max-width: 					350px;
	display: 					block;
}

.box3 div{
	margin:						3% auto;
}

.box2 img{
	width: 						100%;
	max-width: 					550px;
}

.box2 span,
.box2 p{
	width: 						100%;
	max-width: 					550px;
}

.topposition {
	background-color: 			#f1f1f1;
	border:						2px solid #000;
	margin: 					1em;
	padding: 					2em;
	position: 					relative;
	z-index: 					1;
	width: 						100%;
	max-width: 					460px;
}

.topposition::before,
.topposition::after {
	content: 					"";
	height: 					100%;
	position: 					absolute;
	width: 						100%;
}

.topposition::before {
	left: 						0;
	top: 						0;
	z-index: 					-1;
}
.topposition::after {
	background-color: 			rgba(226,206,84,.8);
	top: 						13px;
	left: 						13px;
	z-index: 					-2;
}

.area_ye table{
	max-width: 					550px;
	width: 						100%;
}

.area_ye th,
.area_ye td{
	border:						none;
}

.storename{
	font-weight: 				bolder;
	font-size: 					130%;
	margin-bottom: 				0.5em;
}

.storename span{
	font-size: 					80%;
	font-weight: 				normal;
	padding-left: 				1em;
}

.storetxt,.storeinfo{
	font-size: 					80%;
}

.storeinfo{
	width: 						95%;
	max-width: 					400px;
	margin: 					auto;
}

.storeinfo p{
	font-weight: 				bolder;
}

.storeinfo span{
	display: 					block;
	padding-left: 				3%;
}

.storeinfo a{
	text-align: 				right;
}

.storeinfo a:hover{
	text-decoration: 			underline;
}

/*------access----------------------------------------------*/
.map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.map iframe,
.map object,
.map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.topposition2 {
	background-color: 			#f1f1f1;
	border:						2px solid #000;
	margin: 					1em auto;
	padding: 					0.5em;
	position: 					relative;
	z-index: 					1;
	width: 						100%;
	color: 						#fff;
	font-weight: 				bolder;
	font-size: 					150%;
	text-align: 				center;
}

.topposition2::before,
.topposition2::after {
	content: 					"";
	height: 					100%;
	position: 					absolute;
	width: 						100%;
}

.topposition2::before {
	left: 						0;
	top: 						0;
	z-index: 					-1;
}
.topposition2::after {
	background-color: 			rgba(204,204,204,.8);
	top: 						5px;
	left: 						5px;
	z-index: 					-2;
}

.pd{
	padding-left: 				1em;
	padding-right: 				1em;
}

.infobox{
	margin: 					auto;
	width: 						100%;
}

.balloon {
    width: 						100%;
    margin: 					1.5em auto;
    overflow: 					hidden;
    max-width: 					750px;
}

.balloon .faceicon {
	float: 						left;
	margin-right: 				-90px;
	width: 						100%;
	max-width: 					150px;
}

.balloon .faceicon img{
	width: 						100%;
	height: 					auto;
}

.balloon .chatting {
	width: 						100%;
}

.says {
	display: 					inline-block;
	position: 					relative; 
	margin: 					-50px 0 0 180px;
	padding: 					17px 13px;
	background: 				#e2ce54;
	text-align: 				left;
	color: 						#fff;
}

.says:after {
	content: 					"";
	display: 					inline-block;
	position: 					absolute;
	top: 						18px; 
	left: 						-24px;
	border: 					12px solid transparent;
	border-right: 				12px solid #e2ce54;
}

.acttl{
	font-size: 					150%;
	font-weight: 				bolder;
	width: 						80%;
	max-width: 					1000px;
	margin: 					auto;
}

.carfare{
	text-align:					left;
}

.actable th,
.actable td {
    border: 					solid 2px #fff;
    padding: 					1%;
}

.actable th{
	width: 						20%;
}

.actable td{
	text-align: 				left;
	padding-left: 				2em;
}

.actable {
	border-collapse:  			collapse;
	text-align: 				center;
	width: 						80%;
	max-width: 					1000px;
	margin: 					auto;
}

.ye{
	background-color: 			#e2ce54;
	color: 						#fff;
	font-weight: 				bolder;
}

.lye{
	background-color: 			rgba(226,206,84,.3);
}

.bluebox{
	background-color: 			#3fa9f5;
	padding: 					1%;
	color: 						#fff;
	font-weight:				bolder;
	width: 						250px;
	text-align: 				center;
	margin-bottom: 				20px;
}

.warning{
	padding:					3% 1%;
}

.warning p{
	font-weight: 				bolder;
	font-size:					150%;
}

/*------tuugaku----------------------------------------------*/
.tu_menu{
	border:						2px solid #f99e43;
	background-color: 			#fff;
	width: 						100%;
	max-width: 					370px;
	padding: 					0.5%;
	margin: 					0.5%;
}

.tu_menu h2{
	color: 						#f99e43;
	font-weight: 				bolder;
	font-size: 					110%;
	padding-left: 				1em;
	padding-top: 				2%;
	padding-bottom: 			2%;
}

.tu_menu a{
	display: 					block;
	color: 						#000;
}

.menu_box2{
	width: 						200px;
	background-color: 			#f99e43;
	padding: 					2%;
	color: 						#fff;
	font-weight: 				bolder;
	text-align: 				center;
	margin: 					1% 25%;
	border-radius: 				10px;
	display: 					inline-block;
	position: 					relative;
	border: 					none;
	cursor: 					pointer;
}

.tu_menu img{
	max-width: 					100px;
}

.tu_menu_box{
	display: 					flex;
	justify-content: 			center;
	align-items: 				center;
	margin: 					1%;
}

.tu_menu_box a{
	display: 					block;
}

.tu_menu_box p{
	padding-left: 				0.5em;
}

.btn span{
	display: 					block;
}

button::before, button::after{
	content:					"";
	width: 						0;
	height: 					2px;
	position: 					absolute;
	transition: 				all 0.2s linear;
	background: 				#fff;
}

.btn span::before, .btn span::after{
	content:					"";
	width:						2px;
	height:						0;
	position: 					absolute;
	transition: 				all 0.2s linear;
	background: 				#fff;
}

button:hover::before, button:hover::after{
	width: 						100%;
}

button:hover span::before, button:hover span::after{
	height: 					100%;
}

.btn::before{
	left: 						50%;
	top:				 		0;
	transition-duration: 		0.4s;
}
.btn::after{
	left: 						50%;
	bottom: 					0;
	transition-duration: 		0.4s;
}
.btn span::before{
	left: 						0;
	top: 						50%;
	transition-duration: 		0.4s;
}
.btn span::after{
	right: 						0;
	top: 						50%;
	transition-duration: 		0.4s;
}
.btn:hover::before, .btn:hover::after{
	left: 						0;
}
.btn:hover span::before, .btn:hover span::after{
	top: 						0;
}

/*------contact----------------------------------------------*/
.formback{
	margin: 					auto;
	background-color: 			#e2ce54;
	padding: 					1%;
}

.forminner{
	margin: 					auto;
	background-color: 			#fff;
	width: 						90%;
	max-width: 					930px;
	padding:					3%;
}

.f13{
	font-size: 					130%;
}

.contact_table{
	width: 						100%;
}

.contact_table tr{
	height: 					60px;
}

.contact_table th{
	width: 						30%;
	max-width: 					300px;
}

.sei{
	width: 						40%;
}

.contact_p{
	margin:						20px 0;
}

.mailbox{
	width: 						90%;
}

.redbox{
	background-color: 			#c1272d;
	color: 						#fff;
	padding: 					2px;
	font-size: 					80%;
}

.subbotan{
	background-color: 			#f99e43;
	padding: 					1%;
	color: 						#fff;
	width: 						80%;
}

.back{
	background-color: 			#999;
	padding: 					1%;
	color: 						#fff;
	width: 						80%;
}

.mt10{
	margin-top: 				30px;
	padding-bottom: 			10%;
}

.mt10 p{
	display: 					flex;
	flex-direction: 			row-reverse;
	justify-content: 			center;
	align-items: 				center;
}

.mt30{
	margin-top: 				50px;
}

.mb30{
	margin-bottom: 				50px;
}

#contact_check .sma,
#contact_complete .sma,
#contact_check .pp_sc,
#contact_complete .pp_sc{
	display: 					none;
}

#contact_check .subbotan,
#contact_check .back{
	width: 						40%;
}

.comp_ttl{
	color: 						#7ac943;
	font-weight: 				bolder;
	font-size: 					130%;
}

.sma{
	font-size: 					80%;
}

.pp_sc{
	width: 						90%;
	max-width: 					700px;
	height: 					auto;
	max-height: 				250px;
	overflow: 					scroll;
	border:						1px solid #000;
	padding:					1.5em;
	margin:						auto;
}

.formbox{
	border:						1px solid #999;
	border-radius: 				5px;
	padding: 					.5em;
}

#zip{
	width: 						20%;
}
/*------footernav----------------------------------------------*/
/*.footernav{
	max-width: 					1200px;
	margin: 					auto;
}

.footernav li a{
	color: 						#000;
	display: 					block;
}

.footernav li{
	padding-left: 				2em;
}

.footernav span{
	margin-top: 				1px;
	margin-right: 				1em;
}*/

.f_hr{
	border: 						#603813 2px solid;
}

.f_hr2{
	border: 						#603813 1px dashed;
}

.bdr01{
	display: 						inline-block;
	padding: 						10px;
	margin: 						0;
	border: 						solid 1px #603813;
	background-color: 				#603813;
	position: 						relative;
}

.bdr01:after{
	content: 						"";
	border: 						solid 0.5px #fff;
	background-color: 				rgba(255,255,255,.5);
	position: 						absolute;
	bottom: 						3px;
	right:							3px;
	width: 							100%;
	height: 						100%;
}

/*------privacypolicy----------------------------------------------*/
#privacypolicy .cond_ttl{
	margin-top: 					3%;
}

.txt_inner{
	padding-left: 					2em;
}

/*------campaign_tuugaku----------------------------------------------*/
.campaingn_ttl{
	background: 					#dfefff;
	box-shadow: 					0px 0px 0px 5px #dfefff;
	border: 						dashed 2px white;
	padding: 						1em 0.5em;
	margin-top: 					20px;
	margin-bottom: 					20px;
}

.campaingn_txt{
	font-size: 						14px;
}

.campaingntable th,
.campaingntable td {
    border: 					solid 2px #fff;
    padding: 					1%;
}
 
.campaingntable {
    border-collapse:  			collapse;
    text-align: 				center;
    width: 						100%;
    max-width: 					1000px;
    margin: 					auto;
}

/*------link----------------------------------------------*/

.linkimg{
	max-width: 					590px;
	width: 						100%;
	margin: 					10px 0;
}

#link .cond_ttl{
	margin-bottom: 				2em;
}

/*------single----------------------------------------------*/
.topics_item h5{
	padding-top: 				1em;
	padding-bottom: 			1em;
	text-align: 				right;
}

.blogtxt{
	position:	 				relative;
	color: 						white;
	background: 				#81d0cb;
	line-height: 				1.4;
	padding: 					1em 0em 1em 2.8em;
}

.blogtxt:before{
	font-family: 				"Font Awesome 5 Free";
	content: 					"\f044";
	position: 					absolute;
	left :						0.5em; 
}

.blogtxt a{
	display: 					block;
	color: 						#fff;
}

.blogtxt a:hover{
	text-decoration:			underline;
}

.camp_botan{
	background-color: 			#39b54a;
	color: 						#fff;
	padding: 					1%;
	text-align: 				center;
	margin: 					4% auto;
	display: 					block;
	width: 						80%;
	max-width: 					300px;
}
/*------responseb----------------------------------------------*/
@media all and (max-width: 1195px) {	
	.car_menu li{
		margin: 				0 2%;
	}
}

@media all and (max-width: 1030px) {	
	.car_menu li{
		margin: 				0 1%;
	}
}

@media all and (max-width: 930px) {	

	.hd{
		display: 					none;
	}

	.hd_sp{
		display: 					block;
	}

	.main_sp{
		width: 						100%;
		max-width: 					450px;
		margin:						0 auto;
		padding-top: 				70px;
		text-align: 				center;
	}

	.main_sp img{
		width: 						90%;
		max-width: 					200px;
		margin: 					1%;
	}

	.main_sp a{
		display: 					table-cell;
	}
}

@media all and (max-width: 870px) {	

	body {
		font-size:					13px;
		margin:						auto;
	}

	.wrapper,.inner{
		width: 						96%;		
	}

	.topinner h3{
		font-size: 					100%;
	}

	.actable {
		width: 						90%;
	}

	.qa_box div {
		padding:					1em;
	}

	.topposition,
	.topposition2,
	.topposition3 {
		font-size: 					16px;
		width: 						90%;
	}

	.topposition::after,
	.topposition2::after,
	.topposition3::after {
		top: 						5px;
		left: 						5px;
	}

	.flow_menu_box{
		display: 					block;
		text-align: 				center;
	}

	.flow_menu_box a{
		margin:						2% auto;
	}

	.flow_menu_inner {
		padding: 					0;
	}

	.dorm_top,table.dorm{
		float: 						none;
		width: 						98%;
	}

	.car_menu{
		padding:					0;
	}

	#logo{
		width: 						50%;
		left: 						5px;
	}

	.f_wrapper .flex3{
		flex-wrap: 					nowrap;
	}
	
	.topbar img {
		max-width: 50px;
		padding-top: 2.5%;
	}

	.storename{
		font-size: 					100%;
	}

	.menu_p p{
		font-size: 					30px;
	}

	.acttl{
		width: 						100%;
	}

}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media all and (max-width: 750px) {
	.hd_right{
		right: 						40px;
	}

	.menu_p p{
		font-size: 					26px;
	}

	.contact_table,
	.contact_table th{
		width: 100%;
	}

	.contact_table th,
	.contact_table td {
		display: block;
	}

	.formbox{
		padding: 					1em;
	}

	.contact_table td {
		margin-bottom: 				.5em;
	}

	.linkimg{
		max-width: 					590px;
	}

	.fh{
		font-size: 					120%;
	}

}

@media all and (max-width: 660px) {
	.menu_p p{
		font-size: 					20px;
	}
}

@media all and (max-width: 560px) {	
	.menu_p p{
		font-size: 					18px;
	}
}

@media all and (max-width: 440px) {	
	.menu_p p{
		font-size: 					14px;
	}

	.menu_box div{
		font-size: 					10px;
	}

	.accbox label {
		padding-left: 				1em;
	}

	.ac_botan{
		margin-right: 				3%;
	}
}

@media all and (max-width: 330px) {
	.menu_p p{
		font-size: 					12px;
	}
}


.insta_item{
	text-align: 		center;
}

.instaimg{
	width: 				30%;
	width: 				118px;
	height: 			118px;
}