@charset "UTF-8;

/* CSSリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}ul{list-style:none}

body{
	margin:0;
	font-family: 'Shippori Mincho B1', serif;}
#navi {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	z-index: 999;
	opacity: 0.9;
}
@media (max-width: 768px) {
	#navi  {
		background-color: #FFF;
	}
}

#navi #sp_navi {
	position: absolute;
	top: 15px;
	left:20px;
	display: none;
}
@media (max-width: 768px) {
	#navi #sp_navi {
		display: block;
	}
}
#navi #sp_navi span {
	display: block;
	width: 25px;
	height: 1px;
	background: #333;
	margin-bottom: 6px;
}
#sp_menu {
	width: 100vw;
	height: 100vh;
	background: #000;
	position: fixed;
	top: 0;
	left: -100vh;
	opacity: 0;
	z-index: 999;
	transition: 0.25s;
}
#sp_menu ul {
	color: #fff;
	display: block;
	text-align: center;
	margin-top: 20vh;
	padding:0;
}
#sp_menu ul li {
	    margin: 2em 0;
}
#sp_menu ul li a{
	text-decoration: none;	
	color:#fff;
}
.head_menu{
	width: 100%;
	height: 80px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.head_menu dl{
	padding: 0;
	width: 20%;
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 768px) {
	.head_menu dl{
		height: 34px;
		justify-content: center;
		width: 100%;
	}
}
@media (max-width: 768px) {
	.head_menu dl dt{
		width: 25%;
		padding: 0;
		margin:0;
	}
}
.head_menu dl dt img{
	width: 56%;
	padding: 0;
}
@media (max-width: 768px) {
	.head_menu dl dt img{
		width: 50%;
		max-width: 50px;
	}
}
.head_menu dl dd{
	padding: 0;
	margin: 0;
	margin-top: 4px;
}
@media (max-width: 768px) {
	.head_menu dl dd{
		width: 40%;
	}
}
.head_menu ul{
	width: 67%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	height: 48%;
	justify-content: center;
	font-size: 15px;
	margin-left: 105px;
}
@media (max-width: 768px) {
	.head_menu ul{
		display: none;
	}
}
.head_menu ul li{
	margin:15px;
}
.head_menu ul li a {
	text-decoration: none;	
	color:#333;
}

@media (max-width: 1020px) {
	.head_menu dl{
		min-width: 205px;
	}
}
@media (max-width: 950px) {
	.head_menu dl{
		min-width: 185px;
	}
	.head_menu dt{
		width: 80px;
	}
	.head_menu dd{
		font-size: 0.9em;
	}
	.head_menu ul{
		margin-left: 30px;
    font-size: 0.85em;
	}
	.head_menu ul li{
		margin: 15px 9px;
	}
}

.key_visual{
	width: 95%;
	margin: 80px auto;
	padding:0;
}

.key_visual video{
	width: 100%;
}
@media (max-width: 768px) {
	.key_visual video{
		width: 100%;
		margin-top: 80px;
}
}
/*.key_visual img{
	width: 100%;
	height: 400px;
	object-fit: cover;
}*/
.content_block .betu{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	background-color: deeppink;
	color: #FFFF;
	padding-left: 5px;
	padding-top: 20px;
	padding-right: 5px;
	margin-bottom: 2px;
	font-size: 13px;
	height: 40px;
}
.content_block .betu a{
	text-decoration: none;
	color: #FFF;
}

.content_block .concept_t{
	width: 95%;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.5em;
}
.content_block .concept_t h1{
	font-size: 23px;
	text-align: center;
	margin: 60px auto;
}
@media (max-width: 768px) {
	.content_block .concept_t h1{
		text-align: left;
		line-height: 2em;
	}
}
.content_block .concept_t h4{
	width: 95%;
	text-align: center;
	margin: 30px auto;
	font-size: 20px;
}
.content_block .concept_t p{
	font-size: 14px;
    width: 65%;
    padding: 0;
    margin: 0 auto;
}
@media (max-width: 768px) {
	.content_block .concept_t p{
		width: 95%;
	}
}
.content_block .title{
	width: 95%;
	margin: 40px auto;
	text-align: center;
	margin-bottom: 10px;
}
.concept_p{
	width: 95%;
	margin: 60px auto;
}
@media (max-width: 768px) {
	.concept_p{
		margin:0 auto;
		height: 770px;
	}
}
.concept_p .boxA{
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	text-align: center;
	margin: 0 auto;
	justify-content: center;
	padding: 0;
}
.concept_p .boxA li{
	width: 43%;
}
@media (max-width: 768px) {
	.concept_p .boxA li{
		width: 95%;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 50px;
	}
}
.concept_p .boxA li img{
	width: 70%;
	border-radius: 10px;
}
@media (max-width: 768px) {
	.concept_p .boxA li img{
		width: 95%;
	}
}
.concept_p .boxA li h4{
	font-size: 15px;
}
.concept_p .boxA li p{
	font-size: 12px;
}
.content_block .faq{
  padding: 1em;
  border-radius: 1em;
  font-size: 15px;
  width: 50%;
  padding: 0;
  margin: 120px auto;
}
@media (max-width: 768px) {
	.content_block .faq{
		width:85%;
		margin:0 auto;
		margin-bottom: 60px;
	}
}
.content_block .faq dt{
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.content_block .faq dt:before{
  content: "Q";
  font-weight: normal;
  background: red;
  color: #ffff;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6;
  text-align: center;
  display: inline-block;
  border-radius: 1em;
  margin-right: .5em;
}
.content_block .faq dd{
  margin-bottom: 2em;
}
.content_block .faq dd:last-child{
  margin-bottom: 0;
}
.content_block .boxB{
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	margin-top: 50px;
	padding: 0;
}
.content_block .boxB li{
	width: 35%;
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.content_block .boxB li{
		width: 85%;
	}
}
.content_block .boxB li p{
	font-size: 13px;
}
.content_block .boxB li img{
	width: 85%;
	border-radius: 10px;
}
.content_block .yoyaku .yoyaku_A{
	width: 100%;
	margin-top: 40px;
}
.content_block .yoyaku .yoyaku_A h5{
	font-size: 18px;
}
.content_block .yoyaku .yoyaku_A p{
	font-size: 13px;
    width: 85%;
    text-align: center;
    margin: 5px auto;
} 
@media (max-width: 768px) {
	.content_block .yoyaku .yoyaku_A p{
		width: 95%;
		line-height: 1.8em;
	}
}
.content_block .yoyaku .yoyaku_A dl{
	width: 95%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	line-height: 2em;
}
.content_block .yoyaku .yoyaku_A dl dt{
	font-weight: 600;
	width: 95%;
	margin: 5px auto;
}
.content_block .yoyaku .yoyaku_A dl dd{
	width: 95%;
	margin: 0 auto;
	font-size: 14px;
	margin-top: 20px;
}
.content_block .yoyaku .yoyaku_A dl dd span{
	padding: 6px;
	background-color: red;
	color: white;
	padding-left: 4px;
	border-radius: 5px;
	margin: 5px;
}
.content_block .ryoukin_t{
	width:95%;
	text-align:center;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.content_block .ryoukin_t{
		margin-bottom: 60px;
	}
}

.content_block .ryoukin_t .key_ryokin{
	background: linear-gradient(transparent 70%, #ff99ab 70%);
	width: 30%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.content_block .ryoukin_t .key_ryokin{
		width:100%;
}
}
 
.content_block .ryoukin_t h4{
	line-height: 2em;
	font-size: 14px;
}
.content_block .ryoukin_t h4 span{
	padding: 3px;
}
.content_block .ryoukin_t dl{
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	text-align: center;
	margin: 0 auto;
	justify-content: center;
	margin-bottom: 30px;
	line-height: 2em;
}
@media (max-width: 768px) {
	.content_block .ryoukin_t dl{
		width: 95%;
	}
}
.content_block .ryoukin_t dl dt{
	width: 40%;
    text-align: end;
}
@media (max-width: 768px) {
	.content_block .ryoukin_t dl dt{
		width: 45%;
	}
}
.content_block .ryoukin_t dl dd{
	width: 40%;
    text-align: left;
}
.content_block .yoyaku{
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
.content_bolock .yoyaku .yoyaku_B{
	width: 95%;
	text-align: center;
	margin: 30px auto;
	font-size: 18px;
	line-height: 2em;
}
.content_block .yoyaku .yoyaku_B p{
	width: 95%;
	text-align: center;
	margin: 20px auto;
	font-size: 18px;
}

.content_block .yoyaku .yoyaku_B ol{
	width: 40%;
    text-align: left;
    margin: 0 auto;
}
@media (max-width: 768px){
	.content_block .yoyaku .yoyaku_B ol{
		width: 85%;
		line-height: 1.8em;
}
}

@media (max-width: 768px){
	.content_block .yoyaku .yoyaku_B p{
		font-size: 18px;
		margin-top: 15px;
		line-height: 1.8em;
	}
}
.content_block .yoyaku .yoyaku_B img{
	width: 15%;
	margin: 20px auto;
}
@media (max-width: 768px) {
	.content_block .yoyaku .yoyaku_B img{
		width: 50%;
	}
}
.content_block .staff_box{
	width: 95%;
	text-align: center;
	margin: 0 auto;	
}
.content_block .staff_box p{
	font-size: 13px;
	width: 95%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.content_block .staff_box p {
		margin-bottom: 30px;
		
	}
}

.content_block .staff_box .staff_box_m{
	width: 75%;
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto;
	justify-content: center;
}
.content_block .staff_box .staff_box_m .staff_box_p{
	width: 37%;
	margin-bottom: 30px;
	margin-top: 20px;
}
@media (max-width: 768px) {
	.content_block .staff_box .staff_box_m .staff_box_p {
		margin-bottom: 0;
	}
}
.content_block .staff_box .staff_box_m .staff_box_p img{
	margin: 0;
	padding: 0;
	width: 95%;
	border-radius: 10px;
}
@media (max-width: 768px) {
	.content_block .staff_box .staff_box_m .staff_box_p {
		width:100%;
	}
}
.content_block .staff_box .staff_box_m .staff_box_p h8{
	font-size: 14px;
}
.content_block .staff_box .staff_box_m .staff_box_p p{
	padding: 0;
	width: 74%;
	line-height: 2em;
	text-align: initial;
	margin-top: 15px;
}
@media (max-width: 768px) {
	.content_block .staff_box .staff_box_m .staff_box_p p {
		width:95%;
	}
}
.content_block .accese_box{
	width: 95%;
	height: 100px;
	margin: 0 auto;
}

.content_block .accese_boxB{
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	margin: 250px auto;
	justify-content: center;
	margin-bottom: 30px;
	color: black;
}
.content_block .accese_boxB h4{
	width:95%;
	text-align:center;
	margin:0;
	padding: 0;
}
@media (max-width: 768px) {
	.content_block .accese_boxB h4{
		width:100%;
	}
}
.content_block .accese_boxB dl{
	width:50%;
	float:right;
	font-size:15px;
	margin:0 auto;
	padding:0;
	line-height:2em;
}
@media (max-width: 768px) {
	.content_block .accese_boxB dl{
		width:95%;
	}
}
@media (max-width: 768px) {
	.content_block .accese_boxB dl dt{
		width:100%;
	}
}

.content_block .youtube{
	width: 85%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.content_block .youtube iframe{
		width: 95%;
		margin: 0 auto;
		height: auto;
		inline-size:auto;
	}
}
footer{
	text-align: center;
	font-size: 10px;
}