@charset "UTF-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";


/************ 共通 *************/


/* 769px以上のとき */
@media screen and (min-width: 769px) {
  .sp-only {
    display: none;
  }
}

/* 768px以下のとき */
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}


	*,*::before,*::after{box-sizing:border-box}
	html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
	body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
	ul[role='list'],ol[role='list']{list-style:none}
	body{min-height:100vh;line-height:1.5}
	h1,h2,h3,h4,button,input,label{line-height:1.1}
	h1,h2,h3,h4{text-wrap:balance}
	a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
	img,picture{max-width:100%;}
	input,button,textarea,select{font:inherit}
	textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}
	
	*{
	word-break: keep-all;
	overflow-wrap: anywhere;
	color:#554d4d;
	}
	
	.bl_ll{ font-size:180%; font-weight:bold;}
	.bl_l{ font-size:150%; font-weight:bold;}
	.bl_m{ font-size:130%; font-weight:bold;}
	.bl_s{ font-size:110%; font-weight:bold;}
	
	.b_ll{font-size:180%; font-weight:bold;}
	.b_l{font-size:150%; font-weight:bold;}
	.b_m{font-size:130%; font-weight:bold;}
	.b_s{font-size:100%; font-weight:bold;}
	.b_ss{font-size:80%; font-weight:bold;}
	
	.red{color:red;}
	.red_m{color:red; font-size:130%; font-weight:bold;}
	.red_s{color:red; font-size:100%; font-weight:bold;}
	.buttonmsg{text-align:center; margin:0 auto;}
	
	
	.pan{
	padding:10px 0 10px 10px;
	font-size:80%;
	}

* {
	font-family:Arial, "メイリオ","ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
}



	.pc{}
	.sp{}

/************* index.html ***************/
	
	header{
	width:1200px;
	margin:0 auto 10px;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: center;
	border-bottom:8px solid #554d4d;
	}
	
	h1 img{width:100%;}
	h1{
		padding: 30px 0;
		width:50%;
		}
	
	.inquiry img{width:50px; margin:0; padding:0;}
	.inquiry{
		width:50%;
		}
	
	.inquiry p{
		color:#fff;
	}
	
	.inquiry a{
	width:150px;
	display:block;
	font-weight:bold;
	line-height:130%;
	font-size:0.5;
	border-radius: 15px;
	padding: 15px;
	box-sizing: border-box;
	background:#00897b;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin:30px 0 0 auto;
		}
	
	
	.container{width:1200px; margin:0 auto;}
	.box_orange{
	background-color:#ed6d1e;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	padding:12px;
	}
	
	.box_orange img{
	width:300px;
	margin:0 5px -6px 0;
	}
	
	.box_mainimg{padding:30px 0;}
	.box_mainimg img{width:100%;}
	
	.box_mainimg2{padding:0; }
	.box_mainimg2 img{width:100%; margin:0 0 8px 0;}
	
	
	.box_menu_l{
	width:100%;
	border-top:20px solid #554d4d;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:10px 0 0 0;
	}
	
	.box_menu_l3{
	width:100%;
	line-height:250%;
	margin:10px 0 0 0;
	text-align:center;
	padding:30px 0 50px 0;
	}
	
	.title_line_top{
	margin:0 0 10px 0;
	text-align:center;
	margin:0 auto;
	line-height:2.5rem;
	}
	.title_line_top span{
	font-size:2rem;
	font-weight:bold;
	border-bottom:3px solid ;
	padding:0 0 0px 0;
	}

	.title_line{
	margin:0 0 10px 0;
	}
	.title_line span{
	font-size:2rem;
	font-weight:bold;
	border-bottom:3px solid ;
	padding:0 0 0px 0;
	}
	.title_line_kome{
	font-size:80%;
	}
	
	
	
	
	.box_menu_m{
	display: flex;
	flex-wrap: no-wrap;
	justify-content: center;
	}
	.box_menu_m01{
	width:50%;
	border-top:20px solid #554d4d;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:10px 5px 0 0;
	}
	
	.box_menu_m02{
	width:50%;
	border-top:20px solid #554d4d;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:10px 0px 0 5px;
	}
	
	
	
	footer{
	background-color:#cfcfcf;
	margin:30px 0 0 0;
	padding:0 0 50px 0;
	}
	
	
	
	.footer_bn{
	width:1200px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:center;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	}
	
	.footer_bn img{
	/*width:550px;*/
	margin:0 10px;
	}
	
	
	
	
	.footer_box{
	width:1200px;
	margin:0 auto;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: center;
		}
		
	.footer_box01{
	padding:20px;
	width:45%;
	margin:20px 10px 30px 0;
	background-color:#fff;
		}
	.footer_box02{
	padding:20px;
	width:45%;
	margin:20px 0px 30px 10px;
	background-color:#fff;
		}
	.footer_box2{
	width:1200px;
	margin:0 auto;
	}
	.footer_box2 p{
	display:box;
	width:100%;
	text-align:center;
		}
		
	.footer_box2 p:nth-child(even){margin:20px 0 0 0;}
		
	.box_menu_title{
		width:100%;
		display: flex;
		flex-wrap: no-wrap;
		justify-content: left;
		padding:20px 20px 30px 20px;
		}
	.box_menu_l > .box_menu_title > .box_menu_title_text{width:95%; background:;}
	.box_menu_m01 > .box_menu_title > .box_menu_title_text{width:90%;}
	.box_menu_m02 > .box_menu_title > .box_menu_title_text{width:90%;}
	.box_menu_title_icon{margin:0 8px 0 0;}
	.box_menu_title_icon img{}
	.box_menu_box01_text{font-size:70%;}
	
	.box_menu_box{
	display: flex;
	flex-wrap:wrap;
	justify-content: left;
	margin:0 20px 0 0;
	}
	
	.box_menu_box1{
	width:48%;
	display: flex;
	flex-wrap:no-wrap;
	margin:0 0 20px 20px;
	}
	
	
	.box_menu_box02_2{
	display: flex;
	align-items:end;
	justify-content: right;
	text-align:left;
	background-color:#fff;
	}
	
	.box_menu_box02_2 p{
	font-size:150%;
	font-weight:bold;
	}
	
	
	
	/*ボタン*/
	.box_menu_box02 a{
	display:block;
	font-weight:bold;
	line-height:130%;
	font-size:0.5;
	border-radius: 100px;
	padding: 15px 40px;
	box-sizing: border-box;
	background:#00897b;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 5px auto;
	width:100%;
	}
	
	.box_menu_box02_2 a{
	display:block;
	font-weight:bold;
	line-height:130%;
	font-size:0.5;
	border-radius: 100px;
	padding: 15px 40px;
	box-sizing: border-box;
	background:#00897b;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 5px auto;
	}
	
	
	.red_bg{background-color:#e9233c; color:#fff; font-weight:bold; padding:5px 10px;}
	
	.box_menu_box2{
	width:100%;
	display: flex;
	flex-wrap:no-wrap;
	margin:0 auto;
	text-align:center;
	justify-content:center;
	padding:50px 0;
	/*background-color:#000;*/
	}
	
	.box_menu_box2 > .box_menu_box01{
	width:60%;
		}
	.box_menu_box2 > .box_menu_box02{
	width:40%;
		}
	
	.box_menu_box2 > .box_menu_box01_2{
	padding:0 20px 0 20px;
		}
	.box_menu_box2 > .box_menu_box02_2{
		width:30%;
		margin:0;
		}
	
	.box_menu_box01{
	
	}
	.box_menu_box01 img{
	width:100%;
	padding:20px 20px 20px 50px;
	}
	
	.box_menu_box02{
	text-align:left;
	padding:50px 50px 50px 20px;
	}

	.arttitle01{
	font-size:150%;
	padding:0 0 10px 0;
	}

	.arttitle02{
	font-size:250%;
	font-weight:bold;
	padding:0 0 15px 0;
	}
	.arttitle02_2{
	font-size:150%;
	font-weight:bold;
	padding:0 0 15px 0;
	}
	.arttitle03{
	font-size:150%;
	padding:0 0 20px 0;
	}
	.arttitle04{
	font-size:110%;
	padding:0 0 20px 0;
	}
	
	
	.box_menu_box3{
	width:100%;
	margin:0;
	text-align:center;
	padding:0 0 20px 0;
	/*background-color:#000;*/
	}
	.box_menu_box3 > .box_menu_box01{
	width:100%;
	margin:0;
	padding:0 20px;
		}
		
	.box_menu_box3 > .box_menu_box01 img{
	width:80%;
		}
		
	.box_menu_box3 > .box_menu_box02{
	width:100%;
	margin:10px 0 0 0;
		}
		
		
		
		
/************* 第二階層 ***************/
		
	.container2{
	width:1200px;
	margin:0 auto;
	display: flex;
	justify-content:center;
	}
	
	.container2_menu{width:15%;}
	.container2_box{width:85%;}
	
	
	.box_menu_l2{
	width:100%;
	border-top:20px solid #554d4d;
	margin:10px 0 0 0;
	}
		
	.box_menu_box4{
	width:45%;
	display: flex;
	flex-wrap:no-wrap;
	margin:0 0 20px 20px;
	}
		
	.container2_menu{
		padding:0 10px 0 0;
		}
	.menu_g01{
		width:100%;
		background-color:#f7f7f7;
		}
	.menu_01{
		padding:0 10px;
		margin:10px 0 0 0;
		}
		.menu_01 img{width:100%;}
	.menu_02{
		padding:15px 10px 15px 25px;
		font-size:80%;
		font-weight:bold;
		}
	
	.active01	{background-color:#33b9d8;}
	.active02	{background-color:#7fd3e6;}
	
	
	.container2_mainimg{width:100%; text-align:center;}
	.container2_mainimg img{max-width:700px; width:100%; padding:50px 0; margin:0 auto;}
	
	
	.container2_text01{
		margin:30px 0;
		text-align:left;
		padding:0 50px 50px;
		line-height:4vh;
		}
		
	.container2_text02{
		width:100%;
		margin:5vh 0;
		padding:0 5vw;
		line-height:4vh;
		font-size:120%;
		}
	
	.container2_text03{
		margin:30px 0;
		text-align:center;
		width:100%;
		line-height:4vh;
		}
	
	.container2_text04{
		width:100%;
		padding:0 10px 0;
		line-height:3.5vh;
		font-size:100%;
		}
	
	.container2_text05{
		line-height:3vh;
		margin:0 0 8vh 0;
		}
	
	
	.container2_title{
		border-left:10px solid #554d4d;
		padding:0 0 0 10px;
		margin:0 0 30px 0;
		}
		
	.container2_img01{
		width:100%;
		text-align:center;
		padding:25px 0 25px 0;
		}
		
	.tenji img{width:80%; padding:0 0 50px 0;}
		
		.video {
		  width: 100%;
		  position: relative;
		  padding-top: 56.25%;
		}
		
		.video iframe {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		}
		
	.container2_img02{
		width:100%;
		text-align:center;
		margin:0 0 8vh;
		}
	
	.container2_img03{
		width:100%;
		text-align:center;
		padding-bottom:4vh;
		}
	
	.p01cv_a {text-decoration:none;}
	
	.p01cv {
		width:70%;
		font-weight:bold;
		line-height:3vh;
		border-radius: 20px;
		padding:15px 6vw 15px 6vw;
		box-sizing: content-box;
		background:#00897b;
		color: #fff;
		text-align:center;
		margin: 5px auto 80px;
		}
		
	.spopcv_a {text-decoration:none;}
	.spopcv{
		color:#fff;
		width:70%;
		font-weight:bold;
		
		border-radius: 30px;
		padding:15px 6vw 15px 6vw;
		box-sizing: content-box;
		background:#00897b;
		text-align:center;
		margin: 0px auto 80px;
		}
		
	.linkbutton a{
		color:#fff;
		}
		
		
	.framelist{
		display: flex;
		flex-wrap: no-wrap;
		justify-content: center;
		}
		
	.framelist img{
		width:30%;
		}
		
		
	@media screen and (max-width: 960px) {/* タブレット */
	
	header{width:100%; margin:0 auto 10px;}
	
	h1 img{width:100%;}
	h1{
		padding: 30px 0;
		width:70%;
		}
	
	.inquiry img{width:50px;}
	.inquiry{
		width:30%;
		text-align:center;
		}
	
	.inquiry a{
		width:100%;
		}

	.pc{display: none !important;}
	.sp{}
	
	
	header img{
	width:80%;
	margin:0 auto;
	padding:0 0 0 10px;
		}
	
	.container{width:100%; margin:0 auto;}
	
	.box_menu_l{
	width:100%;
	border-top:20px solid #554d4d;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:0px solid #ccc;
	margin:10px 0 0 0;
	}
	
	.box_menu_m{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}
	.box_menu_m01{
	width:100%;
	margin:0;
	}
	.box_menu_m02{
	width:100%;
	margin:0;
	}
	
	.box_menu_box1{
	width:45%;
	display: flex;
	flex-wrap:no-wrap;
	margin:0 0 20px 20px;
	}
	
	.footer_box{
	width:100%;
	margin:0 auto;
	padding:20px 0 0 0;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
		}
	
	
	
	.footer_bn{
	padding:10px 0 0 0;
	text-align:center;
	width:100%;
	margin:0 auto;
	justify-content: center;
	}
	
	.footer_bn img{
	width:95%;
	margin:0 auto 10px;
	}
	
	
	.footer_box01{
	padding:20px;
	width:45%;
	margin:0 20px 20px;
		}
	.footer_box02{
	padding:20px;
	width:45%;
	margin:0 20px 20px;
		}
	.footer_box2{
	width:100%;
	margin:0 auto;
	}
	
	/******** 第二階層 *********/
	
	.container2{
	width:100%;
	margin:0 auto;
	display: flex;
	justify-content:center;
	}
	.container2_box{padding:0 10px 0 0;}
	
	
	
	.box_menu_box4 > .box_menu_box02 a{
	padding:10px 20px;
		}
	
	.box_menu_box4 > .box_menu_box02 p{
		font-size:2vw;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	@media screen and (max-width: 520px) {/* スマホ */
	
	.pc{display: none !important;}
	.sp{}
	
	
	.bl_ll{ font-size:120%; font-weight:bold;}
	.bl_l{ font-size:110%; font-weight:bold;}
	.bl_m{ font-size:100%; font-weight:bold;}
	.bl_s{ font-size:90%; font-weight:bold;}
	
	.b_ll{font-size:120%; font-weight:bold;}
	.b_l{font-size:110%; font-weight:bold;}
	.b_m{font-size:100%; font-weight:bold;}
	.b_s{font-size:90%; font-weight:bold;}
	.b_ss{font-size:80%; font-weight:bold;}
	
	header{
	}
	
	
	h1 img{width:80%;}
	h1{
		padding:10px 0 5px;
		width:100%;
		margin:0 auto 0 0;
		}
	
	.inquiry img{}
	.inquiry{
		display:none;
		}
	
	.inquiry a{
		
		}
	
	.container{width:100%; margin:0 auto;}

	.box_orange{
	font-size:1em;
	padding:12px;
	}
	
	.box_orange img{
	width:250px;
	margin:0 5px -6px 0;
	}
	
	.box_mainimg{
		padding:10px;
		}
	
	.box_menu_title_text{width:95%;}
	
	.box_menu_l{
	border-top:10px solid #554d4d;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:0px solid #ccc;
	margin:10px 0 0 0;
	}
	
	.box_menu_title{
		width:100%;
		display: flex;
		flex-wrap: no-wrap;
		justify-content: left;
		padding:20px 10px 20px;
		margin:0;
		}
	.box_menu_title_icon{ margin:0 8px 0 0;}
	.box_menu_title_icon img{width:100%;}
	
	.box_menu_m{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}
	.box_menu_m01{
	width:100%;
	margin:0;
	border-top:5px solid #554d4d;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:0px solid #ccc;
	}
	.box_menu_m02{
	width:100%;
	margin:0;
	border-top:5px solid #554d4d;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:0px solid #ccc;
	}
	
	.box_menu_box{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin:0 0px 0 0;
	padding:0 10px;
	}
	
	
	.box_menu_box1{
	width:100%;
	margin:0 auto;
	}	
	
	.box_menu_box01{}
	.box_menu_box01 img{
	width:100%;
	padding:10px;
	}
	
	.box_menu_box02{}
	
	.box_menu_box02_2{justify-content: center;}
	
	.box_menu_box02 p{
	font-size:110%;
	font-weight:bold;
	}
	
	.box_menu_box02 a{padding: 10px 20px;}

	.box_menu_box2{
	width:100%;
	display: block;
	flex-wrap:no-wrap;
	
	margin:0 auto;
	text-align:center;
	justify-content:center;
	padding:0 0 20px 0;
	/*background-color:#000;*/
	}
	
	.box_menu_box2 > .box_menu_box01{
	width:100%;
	margin:0;
	padding:0 10px;
		}
	.box_menu_box2 > .box_menu_box02{
	width:100%;
	padding:0 10px;
	}
	
	.box_menu_box2 > .box_menu_box02_2{
	width:100%;
	padding:0 10px;
	}
	
	.red_bg{padding:3px;}
	
	
	
	.title_line{
	}
	.title_line span{
	font-size:130%;
	
	}
	.title_line_kome{
	}
	
	
	.box_menu_l3{
	width:100%;
	line-height:150%;
	text-align:left;
	padding:10px 10px 30px;
	}
	
	
	footer{
	background-color:#cfcfcf;
	margin:30px 0 0 0;
	padding:10px 0 50px 0;
	}
	
	.footer_box{
	width:100%;
	margin:0 auto;
	justify-content: center;
	}
	
	.footer_bn{
	padding:10px 0 0 0;
	text-align:center;
	width:100%;
	margin:0 auto;
	justify-content: center;
	}
	
	.footer_bn img{
	width:95%;
	margin:0 auto 10px;
	}
	
	
	
	
	.footer_box01{
	padding:20px;
	width:100%;
	margin:0 10px 10px;
		}
	.footer_box02{
	padding:20px;
	width:100%;
	margin:0 10px 10px;
		}
		
	.footer_box2{
	width:100%;
	margin:0 auto;
	padding:20px;
	font-size:3vw;
	}
	.footer_box2 img{width:70%;}
	
	
	/* 第二階層 */
	
	.container2{
	width:100%;
	margin:0 auto;
	display: block;
	justify-content:center;
	}
	
	.container2_mainimg{width:100%; text-align:center;}
	.container2_mainimg img{width:100%; padding:0; margin:0 auto;}
	.container2_menu{width:100%;display:none;}
	.container2_box{width:100%;}
	.pan{display:none;}
	
		
	.container2_text01{
		padding:0 5vw;
		}
		
	.container2_text02{
		font-size:3.8vw;
		padding:0 5vw;
		line-height:3vh;
		}
		
	.container2_text03{
		padding:0 5vw;
		line-height:3vh;
		text-align:left;
		}
		
	.container2_text05{
		padding:0 5vw;
		}
		
	.container2_img01{
		width:100%;
		text-align:center;
		padding:0 10px
		}
		
	.tenji img{width:100%;}
		
	.container2_img02{
		width:100%;
		text-align:center;
		padding:0 10px
		}
		
	.container2_img03{
		padding:0 10px 4vh 10px;
		}
		
	.box_menu_box4 > .box_menu_box02 a{
		}
	
	.box_menu_box4 > .box_menu_box02 p{
		font-size:100%;
		}
		
	.box_menu_l2{
	width:100%;
	border-top:5px solid #554d4d;
	}
	
	.box_menu_box4{
	width:100%;
	display: flex;
	flex-wrap:no-wrap;
	margin:0 0 20px 0px;
	}
	
	
	
	}