@charset "utf-8";

/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); */
 
/* ----------------------------------------------

 * 文字の大きさ可変関連

---------------------------------------------- */
html{ font-size: 62.5%; }
html#large { font-size: 74.2%; }
html#small { font-size: 46.9%; }
html#middle { font-size: 62.5%; }

@media screen and (max-width: 480px)  {
        html { font-size: 46.9%; }
	html#large { font-size: 62.5%; }
	html#small { font-size: 41.5%; }
	html#middle { font-size: 46.9%; }
}



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

 * TOPスライダー画像関連

---------------------------------------------- */
.fixed-bg {
  
position:relative;
 margin:0;
 padding:0;
  text-align: center;

}

.fixed-bg::after {
  content: '';
  position: fixed;
  /*background-image: url(./img/dot.png);*/
  width:100%;
  height:100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
 margin:0;
 padding:0;
}


/* 印刷対応 */
@media only  print {
.fixed-bg {
  position:relative;
  /*background-image: url(./img/dot.png); */
 margin:0;
 padding:0;
  text-align: center;
}

.fixed-bg::after {
  content: '';

  position: absolute;
  width:100%;
  height:100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
 margin:0;
 padding:0;
}

}

.layer-bg{ margin:0; padding:0; min-height: 100vh;
	display: flex;
	justify-content: center;	/*flex専用*/
	align-items: center;	/*flex専用*/ 
}

  .layer-bg_blend_90::after{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.7) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}
.layer-bg_blend_80::after{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.6) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}

.layer-bg_blend_70::after{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.4) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}

.layer-bg_blend_60::after{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.2) !important;
	content: '' ;
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}

.layer-bg_blend_50::after{
	background-color:rgba(255,255,255,0) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}

.layer-bg_blend_40::after{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.2) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}

.layer-bg_blend_30::after{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.4) !important;
	content: '' ;
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}

.layer-bg_blend_20::after{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.6) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}

.layer-bg_blend_10::after{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.7) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}
 .layer-bg_blend_::after{
	/*background-blend-mode:multiply !important;*/
	background-color:rgba(50,50,50,0) !important;
	content: '';
  	position: fixed;
  	width:100%;
  	height:100%;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
 	margin:0;
	padding:0;
}


/* 重ねるボックスの設定 */
.layer-in{
  min-height:10px;
  margin-top:120px;
  margin-bottom:120px;
  z-index:11 !important;
}

.layer-sp{
 /* width:auto;
  max-width:500px;*/
}
.layer-top{
   right: 5%;
   left:5%;
   width:auto;
   margin-left:3em;
   margin-right:3em;
}

.layer-top-right{
  right: 5em;
  left:auto;
  width:45%;
}

.layer-top-left{
  right: auto;
  left:5em;
  width:45%;
}

.layer-side{
  right: 50px;
  left: 300px;
  width:auto;
  margin-left:3em;
  margin-right:3em;
}

.layer-side-left{
  right: auto;
  left: 300px;
  width:calc(60% - 300px);
}

.layer-side-right{
  right: 50px;
  left: auto;
  width:calc(60% - 300px);
}

.layer-in img{
	
}

/* 重ねる文字の基本設定 */
.layer-txt{
  text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  color: #fff;
  font-size:2.4rem;
  font-weight:bold;
  letter-spacing: 0.1rem;
  line-height:140%;
  padding:0 2em;
  /*font-family: 'Noto Sans JP', sans-serif;*/
}

.layer-txt h1{
  text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  color: #fff;
  font-size:4.8rem;
  letter-spacing: 0.1rem;
  font-weight:bold;
  display:block;
  margin:1em 0;
  line-height:1.2 !important;
  /*font-family: 'Noto Sans JP', sans-serif;*/
}

.fixed-block{
  z-index:100000;
  background-color:#FFF;
  margin:0;
  padding:0;

}


@media screen and (max-width: 900px)  {
	
	.fixed-bg {
  		
		
	}

	.layer-bg{ 
	min-height: 100vh !important;
	
}

	/* 重ねるボックスの設定 */
	.layer-in{
 	   margin-top:200px;
  margin-bottom:150px;
	  padding:0;
	   width:auto;
	}

	.layer-top,.layer-top-right,.layer-top-left{
		right:0;
  	  	left:0;
  		margin-left:1em;
		margin-right:1em;
	}

	.layer-side,.layer-side-right,.layer-side-left{
		right:0;
  	  	left:0;
  		margin-left:1em;
		margin-right:1em;
	}


	/* 重ねる文字の基本設定 */
	.layer-txt{
		text-shadow: 1px 1px 2px rgba(0,0,0,.8);
  		/*font-size:1.8rem;  */
		line-height:1.5;
		
	}
	.layer-txt h1{
  		text-shadow: 1px 1px 2px rgba(0,0,0,.8);
  		/*font-size:2.8rem;*/
		letter-spacing: 0.2rem;
		line-height:1.4;
		margin:1em .5em;
		
	}


}

@media screen and (max-width: 480px) {

	/* 重ねる文字の基本設定 */
	.layer-txt{
		
  		/*font-size:1.4rem;*/
		line-height:1.4;
	}
	.layer-txt h1{
  
  		/*font-size:2.8rem; */
		line-height:1.4;
		margin:1em .5em;
	}


}
/* ----------------------------------------------

 * ヘッダー関連

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

#top-head {
    
	z-index:9999;
}

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

 * 背景位置関連

---------------------------------------------- */
/*
.bg_right_right{
	background-position:top right !important;
}

.bg_right_left{
	background-position:top right !important;
}

.bg_right_center{
	background-position:top right !important;
}

.bg_left_right{
	background-position:top left !important;
}

.bg_left_left{
	background-position:top left !important;
}

.bg_left_center{
	background-position:top left !important;
}

.bg_center_right{
	background-position:top center !important;
}

.bg_center_left{
	background-position:top center !important;
}

.bg_center_center{
	background-position:top center !important;
}
*/

@media screen and (max-width: 900px) {


@-webkit-keyframes bgscroll {
  0% {background-position: top 0 left 0;}
  100% {background-position: top 0 right 0;}
 }

 @keyframes bgscroll {
  0% {background-position: top 0 left 0;}
  100% {background-position: top 0 right 0;}
 }


/*
	.bg_right_right{
		background-position:top right !important;
	}

	.bg_right_left{
		background-position:top left !important;
	}
	.bg_right_center{
		background-position:top center !important;
	}

	.bg_left_right{
		background-position:top right !important;
	}

	.bg_left_left{
		background-position:top left !important;
	}

	.bg_left_center{
		background-position:top center !important;
	}
	
	.bg_center_right{
		background-position:top right !important;
	}
	.bg_center_left{
		background-position:top left !important;
	}
	.bg_center_center{
		background-position:top center !important;
	}
*/
}



.section-heading {
	width:100%;
	text-align:center;
	padding: 15vh 0 140px 0;
	z-index:1000 !important;
	/*font-family: 'Noto Sans JP', sans-serif;*/
  
}
.section-heading-bottom{
	padding-bottom:120px;
}

.section-heading-images{
	padding-bottom:200px;
}

.section-heading-map {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	padding: 15vh 0 0 0;
	z-index:1000 !important;
	/*font-family: 'Noto Sans JP', sans-serif;*/
  
}

.section-contents_map {
	position:absolute;
	width:80%;
	bottom:7%;
	left: 50%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
	text-align:center;
	padding: 20px 0;
	z-index:1000 !important;
	/*font-family: 'Noto Sans JP', sans-serif;*/
}

.section-contents_map .add_box{
	display:inline-block;
	width:auto;
	padding:1em 20px;
	text-align:center;
	background-color:rgba(255,255,255,1);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
}

.add_box i{
  font-size:1.6rem;
  margin-right:.5em;	
}

.section-images{
	padding-bottom:200px !important;
}

.section-form{
	padding:100px 0 0 0 !important;
}

.section-heading h2 ,.section-heading-map h2{
  position: relative;
  display: inline-block;
  width:auto;
  font-size:3.2rem;
  font-weight:bold;
  line-height:110%;
  color:#222;
  text-align:center;
  letter-spacing:4px;
  background-color:rgba(255,255,255,.9);
  padding:.6em 1em;
	
/*
  text-shadow: 
    rgba(255,255,255,.8) 1px 0px 1px, rgba(255,255,255,.8) -1px 0px 1px,
    rgba(255,255,255,.8) 0px -1px 1px, rgba(255,255,255,.8) -1px 0px 1px,
    rgba(255,255,255,.8) 1px 1px 1px, rgba(255,255,255,.8) -1px 1px 1px,
    rgba(255,255,255,.8) 1px -1px 1px, rgba(255,255,255,.8) -1px -1px 1px,
    
    2px  2px 10px rgba(255,255,255,.5),
    -2px  2px 10px rgba(255,255,255,.5),
    2px -2px 10px rgba(255,255,255,.5),
    -2px -2px 10px rgba(255,255,255,.5) ;
*/

}

.section-heading h2:after,.section-heading-map h2:after {
    background-color: #BBB; /* 線色 */
    border-radius: 3px; /* 線幅の半分 */
    content: "";
    display: block;
    margin-top:10px;
    height: 6px; /* 線幅 */
}

.section-heading h2 div,.section-heading-map h2 div{
  font-size:1.4rem;
  font-weight:normal;
  line-height:110%;
  margin:1em auto .4em auto;
  color:#222;
  text-align:center;
  letter-spacing:normal;
	
}


/*
.section-heading h2:before{
  content: '';
  position:absolute;
  margin-left:calc(50% - 14px);
  left:0;
  bottom: -29px;線の上下位置
    display: block;
width: 28px;
height: 28px;
border-top: 1px solid #222;
border-right: 1px solid #222;
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
*/


@media screen and ( max-width : 900px ) {
.section-heading {
	padding: 40vh 0 42vh 0;
}


.section-heading-map {

	padding: 14vh 0 0 0;
  
}

.section-heading-bottom {
	padding-top:10vh;
	padding-bottom:40px;
}

.section-images{
	padding-bottom:0 !important;
}

.section-form{
	padding-bottom:0 !important;
}

}

@media screen and ( max-width : 480px ) {


.section-heading h2,.section-heading-map h2{
	/*font-size: 2.1rem; */
	font-weight:600;
	letter-spacing:2px;
}

.section-heading h2 div,.section-heading-map h2 div{
  	/*font-size:1.2rem;*/
	
}



}



.box{
	margin:0;
	position: absolute;
	top:0;
	left:0;
  	/*transform: translateY(-20%);*/
	
}

.box_text{
	margin: 10% 5% 5% 5%;
	padding:1em 1.5em;
	font-size:1.8rem !important;
	line-height:1.4 !important;
	text-align:center !important;
	background-color:rgba(255,255,255,.9);
	color:#000;
	width:auto;
	display:inline-block;
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
}

.box_text2{
	margin: .5em 2% 2em 2%;
	padding:0;
	font-size:1.8rem !important;
	line-height:1.4 !important;
	text-align:left !important;
	color:#000;
	width:auto;
}

 .box_25{
	width:25%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

 .box_30{
	width:30%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

.box_75{
	width:75%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

.box_33{
	width:33%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

.box_67{
	width:67%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}


.box_40{
	width:40%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

.box_60{
	width:60%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
	
}


.box_50{
	width:50%;
	display:inline-block; 
	margin:0 0 1em 0;
	vertical-align:middle;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

.box_100{
	width:100%;
	display:block; 
	margin:0 0 1em 0;
	vertical-align:top;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

.box_square{
	width:92%;
	display:block; 
	margin:0 4% 0 4%;
	vertical-align:top;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}

.box_square_radius{
	width:92%;
	display:block; 
	margin:0 4% 0 4%;
	vertical-align:top;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
}

.box_bottom{
	width:100%;
	display:block;
	margin:0 0 0 0;
	padding:0;
	vertical-align:top;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}


.box_news{
        width:auto;
        max-width:900px;
	font-size:0;
	margin:10px;
	position:relative;
	vertical-align:top;
	text-align:center;
}

.box_whats{
	max-width:560px;
	height:100%;
	display:inline-block; 
	margin:0 0 20px 0;
	padding:0 10px;
	vertical-align:top;
	text-align:left;
	position: relative;
	background-color:rgba(255,255,255,0);
	font-size:1.4rem;
	line-height:1.5;
}

.box_whats_wide{
	max-width:800px;
	height:100%;
	display:inline-block; 
	margin:0 0 1em 0;
	padding:0 10px;
	vertical-align:top;
	text-align:left;
	position: relative;
	background-color:rgba(255,255,255,0);
	font-size:1.4rem;
	line-height:1.5;
}

.box_sp{
	width:100%;
	display:block;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
}


.box_fb, .box_tw{
	width:280px;
	display:inline-block; 
	margin:0 0 1em 0;
	padding:0 10px;
	vertical-align:top;
	text-align:center;
	position: relative;
	background-color:rgba(255,255,255,0);
	font-size:1.4rem;
	line-height:1.5;
}

.box_fb_sp, .box_tw_sp{
	position:fixed;
	bottom:calc(50% - 400px);
	left:24%;
	transform: translateX(-24%);
	width:280px;
	display:inline-block; 
	margin:0 0 1em 0;
	padding:0 10px;
	vertical-align:top;
	text-align:center;
	background-color:rgba(255,255,255,0);
	font-size:1.4rem;
	line-height:1.5;
	
}


@media screen and ( max-width : 1364px ) {

.box_fb_sp,.box_tw_sp{
	display:none;
}
}
.box_image{
	text-align:center;
	padding:20px 0;
}
.box_bottom_image{
	text-align:center;
	/* min-height:22vh; */
	margin-bottom:40px;
}

.box_image img{ margin:0 10px; max-width:500px; max-height:500px; object-fit:contain;}

.box_bottom_image img{ margin:0 auto; max-width:800px; max-height:800px; object-fit:contain;}

.box_bottom_noimage{
	text-align:center;
	/* min-height:22vh; */
	margin-bottom:400px;
}

.box_sp_image{
	text-align:center;
	/* min-height:22vh; */
	margin-bottom:0px;
}


.box_sp_image img{ margin:0; width:100%; object-fit:contain;}

@media screen and ( max-width : 900px ) {


.box{
	position:relative;
	transform: translateY(0%);

}

.box_25,.box_75,.box_30,.box_33,.box_67,.box_60,.box_40,.box_50,.box_100,.box_square,.box_bottom{
	width:100%;
	margin:0;
	
}

.box_square_radius{
	width:100%;
	margin:0;
	-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;
}

.box_image{
	order: 1;
	padding:0px 0 20px 0;
}

.box_column{
	order: 2;
}

.box_fb,.box_tw{
	width:100%;
	height:auto;
	margin:0 0 50px 0;
	padding:0;
}



.box_whats_wide{
	width:100%;
	height:auto;
	min-height:376px;
	margin:0 0 50px 0;
	padding:0;
}

.box_news{
        width:auto;
	margin:0 50px 20px 50px;
}

.box_image img{ margin:20px; max-width:calc(100% - 40px);}
.box_bottom_image img{margin:20px; max-width:calc(100% - 40px);}

.box_bottom_noimage{
	text-align:center;
	/* min-height:22vh; */
	margin-bottom:120px;
}



}

 @media screen and ( max-width : 480px ) {

	.box_news{
        width:300px;
	margin:0 0 20px 0;
}

}

.section-contents {
	text-align:left;
	vertical-align:middle;
	margin: 0 auto;
	padding:0  0 140px 0;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	max-width:1100px;
	min-width:1100px;
	height: calc(100% - 40px );
  	position: relative;
}

.section-contents_max_white {
	text-align:left;
	vertical-align:middle;
	margin: 0 auto;
	padding:0  0 0 0;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	height: calc(100% - 40px );
  	position: relative;
	 background-color:rgba(255,255,255,1);

}

.section-contents_max_black {
	text-align:left;
	vertical-align:middle;
	margin: 0 auto;
	padding:0  0 0 0;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	height: calc(100% - 40px );
  	position: relative;
	 background-color:rgba(120,120,120,1);
}

.section-contents_bottom {
	text-align:left;
	vertical-align:middle;
	margin:0 0 0 0 ;
	padding:0  0 40px 0;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	max-width:1100px;
	min-width:1100px;
	height: calc(100% - 40px );
  	position: relative;
}

.section-contents_sp {
	text-align:left;
	vertical-align:middle;
	margin: 0 auto;
	padding:0  0 40px 0;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	width:100%;
	height:100%;
  	position: relative;
}


.clear_box{
	margin:0 0;
	padding:0 ;
	font-size:1.4rem;
	line-height:1.6;
	color:#000;
	/*display: inline-block !important;*/
	max-width:100%;
}

.box .white{ background-color:rgba(255,255,255,1); position:relative;}
.box .black{ background-color:rgba(120,120,120,1); position:relative;}
.box .half_white{ background-color:rgba(255,255,255,0); position:relative;}
.box .half_black{ background-color:rgba(0,0,0,0); position:relative;}
.box .non_box{ background-color:rgba(255,255,255,0); position:relative;padding:10px 0;}
.box .w_box{ background-color:rgba(255,255,255,0); position:relative; border:1px solid #FFF;padding:10px 0; margin:20px;}
.box .b_box{ background-color:rgba(255,255,255,0); position:relative; border:1px solid #000;padding:10px 0; margin:10px 20px;}
.box .square{ position:relative;padding:20px 0; margin:10px 20px;}
.box .square_radius{ position:relative;padding:20px 0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin:10px 20px;}

.voice_bottom, .voice_top, .voice_left, .voice_right{
    	position: relative;
	margin:20px;
    	
    	
    }
     .voice_left, .voice_right{
    	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	padding:20px 0;
    	width: calc(100% - 60px);
    	height: 100%;
	min-height:3em;
	vertical-align:middle;
    }

    .voice_left::after,.voice_right::after{
    	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    	width: 100%;
    	height: 100%;
	min-height:3em;
	
    }

    .voice_bottom, .voice_top{
    	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	padding:10px 10px;
    	width: calc(100% - 60px);
    	height: 100%;
	min-height:3em;
	vertical-align:middle;
    }

    .voice_bottom::after,.voice_top::after{
    	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    	padding:10px 0;
    	width: 100%;
    	height: 100%;
	min-height:3em;
	
    }

    .voice_bottom::before,.voice_top::before,.voice_left::before,.voice_right::before,
    .voice_bottom::after,.voice_top::after,.voice_left::after,.voice_right::after {
    	/*background:rgba(255,255,255,.8);*/
    }
 
    .voice_bottom, .voice_top, .voice_left, .voice_right,
    .voice_bottom::before,.voice_top::before,.voice_left::before,.voice_right::before {
    	/*box-shadow:1px 3px 5px 5px rgba(0,0,0,.2);*/
    }

    .voice_bottom::after,.voice_top::after,.voice_left::after,.voice_right::after {
    	content: '';
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    }

    .voice_inner {
    	position: relative;
    	z-index: 5 !important;
    	padding:1.5em 2em 1.5em 2em;
	font-size:1.41.4rem;
	text-align:left;
    }



    .voice_inner img {
    	max-width:100% !important;
	height:auto !important;
    }

    .voice_left::before {
    	content: '';
    	display: block;
    	 position: absolute;
top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid rgba(255,255,255,1);
    }

    .voice_right::before {
    	content: '';
    	display: block;
    	 position: absolute;
top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid rgba(255,255,255,1);
    }
	
    .voice_top::before {
    	content: '';
    	display: block;
    	 position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -19px;
  border: 20px solid transparent;
  border-bottom: 20px solid rgba(255,255,255,1);
    }

    .voice_bottom::before {
    	content: '';
    	display: block;
    	 position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -19px;
  border: 20px solid transparent;
  border-bottom: 20px solid rgba(255,255,255,1);
    }

   .square_bottom, .square_top{
	vertical-align:middle;
    }




@media screen and ( max-width : 900px ){

  .box .half_white{ background-color:rgba(255,255,255,1); position:relative;width:100%; margin:0; }
  .box .half_black{ background-color:rgba(0,0,0,1); position:relative;width:100%; margin:0; }
  .box .non_box{ background-color:rgba(255,255,255,0); position:relative;width:100%; margin:0; }
  .box .w_box{ background-color:rgba(255,255,255,0); position:relative; width:calc(94% - 2px); margin:3%;}
  .box .b_box{ background-color:rgba(255,255,255,0); position:relative; width:calc(94% - 2px); margin:3%;}
  .box .square{ background-color:rgba(255,255,255,0); position:relative; width:94%; margin:3%;}
  .box .square_radius{ background-color:rgba(255,255,255,0); position:relative; width:94%; margin:3%;-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
  .box .white{ background-color:rgba(255,255,255,1); position:relative; }
  .box .black{ background-color:rgba(120,120,120,1); position:relative; }
  .voice_bottom, .voice_top, .voice_left, .voice_right{
    	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
    	width:94% ; margin:3% !important;
    	height: 100%;
	min-height:3em;
    }


  .box .voice_bottom:before, .box .voice_top:before{
	content: '';
    	display: block;
    	 position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -19px;
  border: 20px solid transparent;
  border-bottom: 20px solid rgba(255,255,255,1);
	
  }

  .voice_left:before{
	content: '';
    	display: block;
    	 position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -19px;
  border: 20px solid transparent;
  border-bottom: 20px solid rgba(255,255,255,1);
	
  }

   .voice_right:before{
	content: '';
    	display: block;
    	 position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -19px;
  border: 20px solid transparent;
  border-bottom: 20px solid rgba(255,255,255,1);
	
  }
  
  .voice_inner {
        padding:2em 1.5em;
    }

  



}


.clear_box .title{
	
	display:block;
	margin:0 0 1em 0;
	padding:1em;
	border:1px solid #CC0033;
	/*background-color:#CC0033; */
	color:#CC0033;
	font-size:120%;
	line-height:1.6;
	text-align:center;
	
	
}

.clear_box img{
	max-width:96% !important;
	padding:10px 2%;
	/*height:200px; */ 
	object-fit:cover; 
	
	
}


.map_box{
	display:inline-block;
	margin:0 0 0 0;
	padding:20px 20px;
	width:600px;
	font-size:100%;
	line-height:150%;
	background-color:rgba(255,255,255,1);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	
}

iframe.map{
	width:100%;
	height:885px;
	border0px solid #CCC;

}

.youtube_box{
	display:inline-block;
	margin:0 0 0 0;
	padding:20px 20px;
	width:calc(100% - 40px);
	max-width:800px;
	font-size:100%;
	line-height:150%;
	background-color:rgba(255,255,255,0);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	
	
}
.youtube_box .youtube_waku{padding:5% 2%; } 
.youtube_box .youtube_waku .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background-color:#FFF;
  box-shadow:0 0 6px rgba(0,0,0,.2);
  
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


@media screen and ( max-width : 900px ){
	
	
.box_text{
	/*font-size:1.6rem !important;*/
	margin: 0 0 20px 0;
	padding:1em 4%;
	text-align:left !important;
	width:92%;
}

.box_text2{
	/*font-size:1.6rem !important;*/
	margin: 0 0 2em 0;
	padding:0;
	text-align:left !important;
	width:100%;
}



.section-contents ,.section-contents_bottom ,.section-contents_max_white, .section-contents_max_black {
	margin:0 !important;
	padding: 0 0 40px 0;
	width:100%;
	min-width:100px;
	height:100% !important;
	vertical-align:bottom;
	display: flex;
  	flex-direction: column;
  
}

.clear_box{
	margin:0;
	padding:0 0 10px 0 !important;
	/*font-size:100%;*/
	line-height:1.6;
}

.clear_box .title{
	
	/*font-size:100%; */
	line-height:1.6;
}

.clear_box img{
	max-width:92% !important;
	padding:10px 4%;
	
}

.map_box{
	margin:0 0 0 0;
		padding:20px 20px;
		width:calc(100% - 40px); 
		/*font-size:100%;*/
		line-height:140%;
		background-color:rgba(255,255,255,0);
		}


iframe.map{
	height:680px;

}

.youtube_box{
	margin:0 0 0 0;
		padding:20px 20px;
		width:calc(100% - 40px); 
		/*font-size:100%;*/
		line-height:140%;
		background-color:rgba(255,255,255,0);
		-webkit-border-radius:0;/* for Safari and Chrome */
		-moz-border-radius:0; /* for Firefox */
		-o-border-radius:0; /* for opera */
		border-radius:0;}

.youtube_box .youtube_waku{padding:10% 5%; } 

}

@media screen and ( max-width :480px ) {
	

.box_text,.box_text2{
	/*font-size:1.4rem; */
}
.clear_box{
	/*font-size:1.2rem; */
	line-height:1.6;
}



.map_box{
	/*font-size:1.2rem;*/
	line-height:160%;
}

iframe.map{
	height:500px;

}

.youtube_box .youtube_waku{padding:10% 0; } 

}



.whatsnew{
	list-style:none;
	margin:0;
	padding:20px 1.5em 20px 1.5em;
	background-color:#FFF;
	border:2px solid #CCC;
	min-height: 300px;
	max-height: 376px;
	overflow-y: scroll;
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	box-shadow:0 0 6px rgba(0,0,0,.2);
}

.whatsnew li{
	text-align:left;
	vertical-align:top;
	font-size:1.6rem;
	line-height: 1.4;
	padding:0 0 10px 1.5em;
	margin : 0 0 10px 0 ;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #888;
	position:relative;
	color:#000;
}

.whatsnew li:before{
	font-family: "Font Awesome 5 Free";
	position:absolute;
	top:0;
	left:0;
	content: "\f101";
	color:#F03;
	font-weight:bold;
}

.news_title{
	font-family: "Font Awesome 5 Free";
	font-size:21px;
	font-weight:bold;
	letter-spacing:.05em;
	text-align:center;
	margin:0 .5em;
	text-shadow: rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px;

}

.sns_waku{
	border:0px solid #CCC;
	margin:0;
	padding:0;
	background-color:rgba(0,0,0,0);
}

.news_title .facebook{
	vertical-align:middle;
	text-shadow: rgba(255,255,255,0) 0px 0px 0px, rgba(255,255,255,0) -0px 0px 0px !important;
	display:inline-block;
	position: relative;
	width: 25px !important;
	height: 25px !important;
	text-align: center;
	line-height: 25px;
	border-radius:50%;
	font-size: 18px;
	color: #FFF;
	margin:5px;
	background: #305097;
}

.news_title .twitter{
	vertical-align:middle;
	text-shadow: rgba(255,255,255,0) 0px 0px 0px, rgba(255,255,255,0) -0px 0px 0px !important;
	display:inline-block;
	position: relative;
	width: 25px !important;
	height: 25px !important;
	text-align: center;
	line-height: 25px;
	border-radius:50%;
	font-size: 15px;
	color: #FFF;
	margin:5px;
	background: #55acee;
}

.news_title .x{
	vertical-align:middle;
	text-shadow: rgba(255,255,255,0) 0px 0px 0px, rgba(255,255,255,0) -0px 0px 0px !important;
	display:inline-block;
	position: relative;
	width: 25px !important;
	height: 25px !important;
	text-align: center;
	line-height: 25px;
	border-radius:50%;
	font-size: 15px;
	color: #FFF;
	margin:5px;
	background: #000;
}

.news_title .facebook i{margin:4px 6px;}
.news_title .twitter i{margin:5px 4px;}
.news_title .x img{margin-top:3px; width:17px;}

@media screen and ( max-width : 900px ) {

.whatsnew{
	list-style:none;
	margin:0;
}

.whatsnew li{
	/*font-size:1.4rem;*/
}


}
/* ----------------------------------------------

 * ボタン各種

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



.btn_orange{width:90%;padding:18px 2% 18px 2% !important;margin:auto !important;color:#FFF !important;font-weight:bold;font-size:21px;line-height: 100% !important;text-align:center;display:block;text-decoration:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;opacity: .7;
border:solid 2px #EEE;
position:relative;
background-color: #FF9900;
max-width:400px;
min-width:200px;}


.btn_glay{width:90%;padding:18px 2% 18px 2% !important;margin:auto !important;color:#FFF !important;font-weight:bold;font-size:21px;line-height: 100% !important;text-align:center;display:block;text-decoration:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;opacity: .7;
border:solid 2px #EEE;
position:relative;
background-color: #999;
max-width:400px;
min-width:200px;}

.btn_white{width:90%;padding:18px 2% 18px 2% !important;margin:auto !important;color:#888 !important;font-weight:bold;font-size:21px;line-height: 100% !important;text-align:center;display:block;text-decoration:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;opacity: .7;
border:solid 2px #CCC;
position:relative;
background-color: #FFF;
max-width:400px;
min-width:200px;}

.btn_orange::after,.btn_glay::after {
  color: #FFF;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-size:120%;
  font-weight:bold;
  top:50%;
  right:0;
transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 0 2%;
  content: '\f105';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
  }

.btn_white::after {
  color: #3366FF;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-size:120%;
  font-weight:bold;
  top:50%;
  right:0;
transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 0 2%;
  content: '\f105';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
  }

.btn_orange:hover,
.btn_orange:focus,
.btn_orange:active,
.btn_glay:hover,
.btn_glay:focus,
.btn_glay:active{
  color: #fff !important;
  opacity: 1;
  text-decoration: none;
  -webkit-transition: all .4s ease;transition: all .4s ease;
 cursor:pointer;
}

.btn_white:hover,
.btn_white:focus,
.btn_white:active{
  color: #CCC !important;
  opacity: 1;
  text-decoration: none;
  -webkit-transition: all .4s ease;transition: all .4s ease;
 cursor:pointer;
}

.btn_return{width:auto;padding:18px 2% 18px 2% !important;margin:auto !important;color:#888 !important;font-weight:bold;font-size:21px;line-height: 100% !important;text-align:center;display:block;text-decoration:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;opacity: .7;
border:solid 2px #CCC;
position:relative;
background-color: #FFF;
min-width:140px;
}

.btn_return::after {
  color: #888;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-size:120%;
  font-weight:bold;
  top:50%;
  left:2%;
transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 0 2%;
  content: '\f104';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
  }
.btn_return:hover,
.btn_return:focus,
.btn_return:active{
  color: #CCC !important;
  opacity: 1;
  text-decoration: none;
  -webkit-transition: all .4s ease;transition: all .4s ease;
 cursor:pointer;
}

@media screen and ( max-width : 480px ) {


.btn_orange,.btn_glay,.btn_white{width:90%; padding:13px 0 14px 0;margin:auto !important;font-size:16px;min-width:140px;}

.btn_orange::after,.btn_glay::after,.btn_white::after {
  font-size:110%;
  padding: 10px 2% 10px 1%;
  }

.btn_return{ padding:13px 0 14px 0;margin:auto !important;font-size:16px;}

.btn_return::after {
  font-size:110%;
  padding: 10px 2% 10px 1%;
  }

  
}

/* グラディエーションボタン */
/* <a href="#" class="gradi_button gradi_red"><span>お申込みはこちら</span></a>  */

a.gradi_button {
  text-decoration: none;
  color:#FFF !important;
}
a.gradi_button:hover, a.gradi_button:focus, a.gradi_button:active {
  text-decoration: none;
  color:#FFF !important;
}


.gradi_button {
  display: inline-block;
  margin: 20px 0;
  font-family: "Font Awesome 5 Free";
  font-size: 21px;
  line-height:1.2;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  min-width:120px;
  text-align:center;
}
.gradi_button:before {
  content: '';
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -5px;
  left: 30px;
  right: 30px;
  z-index: -1;
  border-radius: 30em;
  -webkit-filter: blur(20px) brightness(0.95);
          filter: blur(20px) brightness(0.95);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.gradi_button i {
  margin-top: -1px;
  margin-right: 20px;
  font-size: 12px;
  vertical-align: middle;
}
.gradi_button span {
  display: inline-block;
  padding: 18px 50px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.gradi_button:focus, .gradi_button:active {
  color: #ffffff;
}
.gradi_button:hover {
  color: #ffffff;
}
.gradi_button:hover span {
  -webkit-filter: brightness(1.05) contrast(1.05);
          filter: brightness(1.05) contrast(1.05);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.gradi_button:hover:before {
  bottom: 0;
  -webkit-filter: blur(10px) brightness(0.95);
          filter: blur(10px) brightness(0.95);
}



.gradi_blue span,
.gradi_blue:before {
  background: #52A0FD;
  background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
  min-width:120px;
}

.gradi_green span,
.gradi_green:before {
  background: #44ea76;
  background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  min-width:120px;
}

.gradi_red span,
.gradi_red:before {
  background: #fa6c9f;
  background: linear-gradient(to right, #FF3399 0%, #FF99FF 80%, #FF99FF 100%);
  min-width:120px;
}

.gradi_orange span,
.gradi_orange:before {
  background: #fa6c9f;
  background: linear-gradient(to right, #F37335 0%, #ffe140 90%, #ffe140 100%);
  min-width:120px;
}

.gradi_gray span,
.gradi_gray:before {
  background: #fa6c9f;
  background: linear-gradient(to right, #89A0B0 0%, #D0DBE0 90%, #D0DBE0 100%);
  min-width:120px;
}

@media screen and ( max-width : 900px ) {

 .gradi_button {
  line-height:1.2;
}

}

@media screen and ( max-width : 480px ) {

 .gradi_button {
  font-size: 16px;
  line-height:1.2;
}

.gradi_button span {
  padding: 18px 25px;
 
}

}

/* TOP用ボタン */
/* <a href="#" target = "_blank" class="top_btn">お申込みはこちら</a>  */
a.top_btn {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width:auto;
	margin: 20px;
	padding: 2rem 8rem;
	font-size:2.8rem;
	line-height:1.2;
	font-weight: bold;
	border: 3px solid #27acd9;
	color: #27acd9 !important;
	transition: 0.2s;
	border-radius:50px;
	background-color:#FFF;
	text-shadow:none !important;
}
a.top_btn:hover {
	color: #fff !important;
	background: #27acd9;
}

@media screen and ( max-width : 900px ) {

a.top_btn {
	padding: 2rem 6rem;
}

}

@media screen and ( max-width : 480px ) {

a.top_btn {
	padding: 2rem 2rem;
	/*font-size:1.8rem;*/
}

 
}


/*　フォームリンクボタン　*/
.btn-form-url {
  display: inline-block;
  padding: 30px 20px;
  border-radius: 5px;
  text-decoration: none;
  color: #222;
  font-size:2.1rem;
  font-weight:bold;
  line-height:1;
  background-color:#ffff00;
  border: 2px solid #222;
  transition: .8s;
  width:calc( 100% - 40px );
  max-width:500px;
}

.btn-form-url i {
  padding: 0 0 0 10px;
  color: #222;
  font-size:18px;
}

.btn-form-url:hover {
  background-color:#ffCC00;
}


.btn-form-url2 {
  display: inline-block;
  padding: 20px 20px;
  border-radius: 55px;
  text-decoration: none;
  color: #222;
  font-size:2.1rem;
  font-weight:bold;
  line-height:1;
  background-image: linear-gradient(45deg, #fffc00 0%, #FFCC33 100%);
  transition: .4s;
  width:calc( 100% - 40px );
  max-width:300px;
}

.btn-form-url2 i {
  padding: 0 0 0 10px;
  color: #FFF;
  font-size:18px;
}

.btn-form-url2:hover {
  background-image: linear-gradient(45deg, #FFCC33 0%, #fffc00 100%);
}


.btn-form-url3 {
  display: inline-block;
  padding: 1.2em 1.5em;
  border-radius: 55px;
  text-decoration: none;
  color: #555;
  font-size:2.6rem;
  font-weight:bold;
  line-height:1;
  background-color:#FFFF33;;
  transition: .4s;
  width:calc( 100% - 40px );
  max-width:300px;
text-shadow: 1px 1px 4px rgba(0,0,0,0) !important;
}

.btn-form-url3 i {
  padding: 0 0 0 10px;
  color: #555;
  font-size:18px;
}

.btn-form-url3:hover {
    background-color:#CCCC33;
}

@media screen and ( max-width : 480px ) {

	.btn-form-url {
  		padding: 20px 10px;
  		/*font-size:1.6rem;*/
  		width:calc( 100% - 20px );
	}

	.btn-form-url i {
  		font-size:16px;
	}



	.btn-form-url2, .btn-form-url3{
  		padding: 20px 10px;
  		/*font-size:1.6rem;*/
 		width:calc( 100% - 20px );
	}

	. i {
  		font-size:16px;
	}



}


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

 * テーブル各種

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

table.table_detail{font-size:1.4rem; color:#000; width:100%;border:1px #CCCCCC solid;border-collapse:collapse;border-spacing:0;margin-top:1%;vertical-align:middle;}
table.table_detail th{padding:10px;border:1px #CCCCCC solid;border-width:0 1px 1px 1px;font-weight:bold;line-height:120%;text-align:center;vertical-align:middle;}
table.table_detail td#column{padding:10px;border:1px #CCCCCC solid;border-width:0 0 1px 1px;text-align:center;width:25%;vertical-align:middle;}
table.table_detail td{padding:10px;border:1px #CCCCCC solid;border-width:0 0 1px 1px; background-color:rgba(255,255,255,1);vertical-align:middle;}
table.table_detail td.gray{background-color:rgba(220,220,220,.8);vertical-align:middle;}
table.table_detail td.yellow{background-color:rgba(255,255,100,.8);vertical-align:middle;}
table.table_detail td.red{background-color:rgba(255,150,150,.8);vertical-align:middle;}


table.table_detail2{font-size:1.4rem; color:#000; width:100%;border:1px #CCCCCC solid;border-collapse:collapse;border-spacing:0;margin-top:1%;vertical-align:middle;}
table.table_detail2 th{padding:10px;border:1px #CCCCCC solid;border-width:0 1px 1px 1px;font-weight:bold;line-height:120%;text-align:center;vertical-align:middle;}
table.table_detail2 td#column{padding:1em 10px;border:1px #CCCCCC solid;border-width:0 0 1px 1px;text-align:center;width:25%;vertical-align:middle;}
table.table_detail2 td{padding:1em 10px;border:1px #CCCCCC solid;border-width:0 0 1px 1px; background-color:rgba(255,255,255,1);vertical-align:middle;}
table.table_detail2 td.gray{background-color:rgba(220,220,220,.8);vertical-align:middle;}
table.table_detail2 td.yellow{background-color:rgba(255,255,100,.8);vertical-align:middle;}
table.table_detail2 td.red{background-color:rgba(255,150,150,.8);vertical-align:middle;}


@media screen and ( max-width : 480px ) {
	table.table_detail{/*font-size:1.2rem;*/ line-height:110%;}
	table.table_detail2{/*font-size:1.2rem;*/ line-height:110%;}
}

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

 * お客様の声各種

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



.opinion_box{
	display:inline-block;
	margin:0 0 0 0;
	padding:20px 20px;
	width:100%;
	/*min-width:400px;*/
	max-width:calc(100% - 40px);
	vertical-align:top;
	text-align:center;
	background-color:rgba(255,255,255,0);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
}




.opinion_waku{
    position: relative;
	margin:50px 10px 70px 10px;
	padding:45px 1em 20px 1em;
	border-radius:10px;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 6px rgba(0,0,0,.2);
}


.opinion_waku img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
	width:100px;
	height:100px;
	object-fit:cover;
	border-radius:50%;
	object-position:0px 0px;
	border-width:4px;
	border-style:solid;
	border-color:rgba(255,255,255,1);
}

.opinion_waku h1{
	font-size:2.1rem !important;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	border-bottom:2px solid #CCC;
	display:block;
	padding: 0 0 .2em 0;
}

.opinion_waku p{
    
	font-size:1.6rem !important;
	line-height:1.5;
	text-align:left;
	margin:10px 0 ;
}

@media screen and (max-width: 900px) {


.opinion_box{
		margin:0 0 0 0;
		padding:20px 20px;
		width:100%;
		max-width:calc(100% - 40px);
		min-width:100px;
		/*min-height:240px;*/
		-webkit-border-radius:0;/* for Safari and Chrome */
		-moz-border-radius:0; /* for Firefox */
		-o-border-radius:0; /* for opera */
		border-radius:0;
	}

}
@media screen and (max-width: 480px) {

.opinion_waku h1{
	/*font-size:1.8rem !important; */
}

.opinion_waku p{
	/*font-size:1.4rem !important;*/
}

}

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

 * スライダー各種

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

ul.slider  {
	margin:0 0 20px -.2em !important;
	padding:0 !important;

	
}

.slider li {  
    list-style:none;  
        font-size:0;
	background:rgba(255,255,255,1); 
	margin:10px 5px; 
	color:#000;
	cursor:pointer;
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	box-shadow:0 0 6px rgba(0,0,0,.2);
	
} 
  

.slider li a{  
    display:block;
    line-height:1.4;
    padding:0;
	color:#191919;
	text-decoration:none;
    /* background:#FFF; */ 
} 
 

.slider li a:hover{color:#0066FF !important;}
.slider li a:hover img{
 -moz-transform: scale(1.1,1.1);
  	-webkit-transform: scale(1.1,1.1);
  	-o-transform: scale(1.1,1.1);
  	-ms-transform: scale(1.1,1.1);
}

.slider div.image{overflow: hidden; margin:0;
 width:auto;
 height:auto;
 max-width: 100%;
 max-height: 260px;
 	-webkit-border-radius:10px  10px 0 0 ;/* for Safari and Chrome */
	-moz-border-radius: 10px  10px 0 0 ; /* for Firefox */
	-o-border-radius: 10px  10px 0 0 ; /* for opera */
	border-radius: 10px  10px 0 0 ;
}

.slider div.title{font-size:2.1rem; line-height:120%;font-weight:bold; margin:1em 15px .5em 15px; vertical-align:top; text-align:left;}
.slider div.text{font-size:1.6rem; line-height:1.4; margin:.5em 15px; vertical-align:top; text-align:left;}


.slider_btn{
	width:90%;padding:18px 2% 18px 2% !important;
	margin:1em 10px;
	color:#FFF !important;
	font-weight:bold !important;
	font-size:18px !important;
	line-height: 100% !important;
	text-align:center;
	display:block;
	text-decoration:none;
	position:relative;
	background-color: #FF9900;
	-webkit-border-radius: 50px;/* for Safari and Chrome */
	-moz-border-radius: 50px; /* for Firefox */
	-o-border-radius: 50px; /* for opera */
	border-radius: 50px;
}

.slider_btn:hover{
	opacity:.7;
	background-color: #FF9900;
}

.slider_box{
        
	display:inline-block;
	margin:0 0 0 0;
	padding:20px 20px;
	width:calc(100% - 40px);
	max-width:calc(100% - 70px);
	font-size:100%;
	line-height:150%;
	background-color:rgba(255,255,255,0);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
}

.contents_box{
        
	display:inline-block;
	margin:0 0 0 0;
	padding:20px 20px;
	width:calc(100% - 40px);
	max-width:calc(100% - 70px);
	font-size:100%;
	line-height:150%;
	background-color:rgba(255,255,255,0);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
}

@media screen and (max-width: 900px) {
	
	
	.slider_box,.contents_box{
		margin:0 0 0 0;
		padding:20px 20px 50px 20px;
		width:100%;
		max-width:calc(100% - 40px);
		min-width:100px;
		min-height:240px;
		/*font-size:100%;*/
		line-height:140%;
		background-color:rgba(255,255,255,0);
		-webkit-border-radius:0;/* for Safari and Chrome */
		-moz-border-radius:0; /* for Firefox */
		-o-border-radius:0; /* for opera */
		border-radius:0;
	}



}


@media screen and (max-width: 480px) {
	
	
	
	.slider div.title{/*font-size:1.6rem;*/}
	.slider div.text{/*font-size:1.2rem;*/}
	
	.slider_btn{
	padding:14px 2% 14px 2% !important;
	margin:1em 10px;
	font-size:14px !important;
	}

	.slider div.image{
		 /*max-height: 240px;*/

	}

}

.slider div img{
	display: inline-block;
	width:100%;
	border:0px #CCC solid;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: contents;
	vertical-align:middle;
	text-align:center;
}


.image-main{
	
	font-size:0;
	
}
.image-main div{
	display:inline-block; width:calc( 32% - 2px); margin: .5% 0;
	vertical-align:top;
	overflow: hidden;
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	box-shadow:0 0 6px rgba(0,0,0,.2);
}


.image-main div.image_sp_list{
		width:calc( 49% - 2px) !important;
		margin: .5% 0 !important;

	} 

.image-main div div.image_waku{
	display:block; width:calc(100% - 6px); margin: 0; position:relative; border:3px solid #DDD;
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	background-color:#FFF;
}

.image-main div a{
  color:inherit;
}

p.images_title{
  margin:0;
  padding:.8em ;
  text-align:center;
  font-size:1.6rem !important;
  font-weight:bold !important;
  line-height:1.1;
  color: #FFF !important;/*文字を白に*/
}
p.images_comment{
  margin:0;
  padding:.8em ;
  text-align:left;
  font-size:1.6rem !important;
  line-height:1.2;
}

	
.image-main div div.image_waku img{
	width:100%;
	height: 200px; object-fit: cover;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;

}

/*
.image-main div div.image_waku:hover img{
 -moz-transform: scale(1.1,1.1);
  	-webkit-transform: scale(1.1,1.1);
  	-o-transform: scale(1.1,1.1);
  	-ms-transform: scale(1.1,1.1);
}
*/
	


@media screen and (max-width: 900px){
	
	.image-main div{
		width:calc( 49% - 2px); margin: .5% 0;

	}


	
	.image-main div div.image_waku img{
		width:100%;
		height: 200px; object-fit: cover;
	}

	.slider div.image{
		 max-height: 240px;

	}
	 p.images_title {font-size:1.4rem !important;}	
	 p.images_comment {font-size:1.4rem !important;}
}

@media screen and (max-width: 480px) {
	
/*	.image-main div{
		width:calc( 100% - 2px); margin: .5% 0;

	} */

	
	.image-main div div.image_waku img{
		width:100%;
		height: 140px; object-fit: cover;
	}

	.slider div.image{
		 /*max-height: 180px;*/

	} 
	 p.images_title {font-size:1.2rem !important;}	
	 p.images_comment {font-size:1.2rem !important;}

}

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

 * フォーム各種

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

/*フォーム関連*/

.mail-box {
	display:inline-block;
	margin:0 20px 10px 20px;
	padding:20px 20px 40px 20px;
	max-width:650px;
	position: relative;
  	overflow: hidden;
  	background-color:rgba(255,255,255,1);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	box-shadow:0 0 10px rgba(0,0,0,.3);
}

.mail-box2 {
	display:inline-block;
	margin:0 0 10px 0;
	padding:40px 20px;
	max-width:600px;
	position: relative;
  	overflow: hidden;
  	background-color:rgba(255,255,255,1);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	box-shadow:0 0 10px rgba(0,0,0,.3);
}

.form-box {
	display:inline-block;
	margin:0 0 10px 0;
	padding:0 10px;
	width:calc(100% - 20px);
	max-width:700px;
	position: relative;
  	overflow: hidden;
  	background-color:rgba(255,255,255,1);
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	border-radius: 10px;
	box-shadow:0 0 10px rgba(0,0,0,.3);
}


.p-text {
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  position: relative;
}

font.required{
	background-color:rgba(255,0,0,.8);
	padding:.4em .8em;
	margin:0 .5em;
	color:#FFF;
	font-size:100%;
	display:inline-block;
	line-height:1;
}

.form_column{
	
	vertical-align:top; 
	display:inline-block; 
	width:220px; 
	text-align:right;
	margin:.5em;
	
}

.form_entry{
	
	vertical-align:top; 
	display:inline-block;
	width:calc(90% - 220px );
	padding:0 0 5px 0;
	
}

.form_column_sp{
	display:block;
	width:100%; 
	vertical-align:top; 
	text-align:left;
	margin:1em 0 .4em 0;
	
}

.form_entry_sp{
	display:block;
	width:100%;
	vertical-align:top;
	padding:0 0 5px 0;
}


.form_caution{
	color:#000;
	font-size:1.4rem; 
	font-weight:normal !important;
	text-align:left !important;

}

.mail_caution {
  margin-top:.5em;
  padding:1em;
  width:calc(91% - 2em);
  text-align:left;
  border-width:1px;
  border-style:solid;
  border-color:#FF0000;
  font-size:1.2rem;
  line-height:1.4;
  color:#000;
}

input[type=submit], input[type=button], select, textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=submit][disabled]{
    background:#AAA !important;
    cursor:not-allowed; /* 禁止カーソル */
}

button:disabled{
    background:#AAA !important;
    cursor:not-allowed !important; /* 禁止カーソル */
}


input[type=text]{width:90%; height:3em; border:1px solid #CCCCCC; margin:4px 0; padding:0 .4em; font-size:1.8rem; background-color:rgba(255,255,255,1);}
input[type=tel]{width:90%; height:3em; border:1px solid #CCCCCC; margin:4px 0; padding:0 .4em; font-size:1.8rem; background-color:rgba(255,255,255,1); }
input[type=number]{width:90%; height:3em; border:1px solid #CCCCCC; margin:4px 0; padding:0 .4em; font-size:1.8rem; background-color:rgba(255,255,255,1); }
textarea{width:calc( 90% - .6em); height:10em; border:1px solid #CCCCCC;  margin:4px 0; padding:.4em; font-size:1.8rem; background-color:rgba(255,255,255,1); }

input[type=file]{width:90%; height:3em; margin:2px 0; font-size:1.4rem; }

select {
	width:calc( 90% + 4px); height:3em; border:1px solid #CCCCCC;
	margin-bottom:4px !important; font-size:1.8rem;
	background-color:rgba(255,255,255,1) !important;
	background: url(./form/arrow.png) right 50% no-repeat;
	background-size: 30px, 100%;
	padding:.4em;
}

select.birth {
	min-width:80px;
	
}

select::-ms-expand {
    display: none;
}

/* チェックボックス　*/
label.chkbox {
    padding-left:38px; /* ラベルの位置 */
    display:        inline-block;
    cursor:         pointer;
    position:       relative;
	line-height:32px;
	margin:5px 0;
}

label.chkbox:before {
    content:        '';
    width:          32px;           /* ボックスの横幅 */
    height:         32px;           /* ボックスの縦幅 */
    display:        inline-block;
    position:       absolute;
    left:           0;
    background-color:   #fff;
    border:1px solid #DDD;
}
/* 元のチェックボックスを表示しない */
input[type=checkbox] {
    display:        none;
}

input[type=checkbox]:checked + label:before {
    content:        '\f00c';        /* チェックの文字 */ 
    font-size:      34px;           /* チェックのサイズ */
    color:          rgba(255,0,0,.8);           /* チェックの色 */
    background-color:   #FFF;           /* チェックした時の色 */
	font-weight:bold;
	font-family: "Font Awesome 5 Free";
}


/* ラジオボタン　*/
label.radiobtn {
    padding-left:38px; /* ラベルの位置 */
    display:        inline-block;
    cursor:         pointer;
    position:       relative;
	line-height:32px;
}

label.radiobtn:before {
    content:        '';
    width:          32px;           /* ボックスの横幅 */
    height:         32px;           /* ボックスの縦幅 */
    display:        inline-block;
    position:       absolute;
    left:           0;
    background-color:   #fff;
    border:1px solid #DDD;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

/* 元のチェックボックスを表示しない */
input[type=radio] {
    display:        none;
}

/* ラジオボタン　*/
label.radiobtn2 { 
    border: 1px solid #BBB;
    padding:10px 0 8px 0;
	margin:8px 0 8px -14px;
    display:inline-block;
    cursor:pointer;
	min-width:80px;
	height:26px;
    text-align:center;
    background:#FFF;
	font-size:18px;
 -webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	position:relative;
	margin:5px;
	font-weight:bold !important;
}
input.radiobtn2[type=radio]:checked + label { background: #CC3333; color: #ffffff; }



/* チェックした時のスタイル */
input[type=radio]:checked + label:before {
    content:        '';        /* チェックの文字 */ 
    background-color:rgba(255,0,0,.8);          /* チェックした時の色 */
	
}





input[type=text]:focus{border:1px solid #0099CC; background-color:rgba(255,255,255,1);-webkit-transition: all .4s ease;transition: all .4s ease;
box-shadow: 0 0 6px rgba(0,153,204,0.4);-moz-box-shadow: 0 0 6px rgba(0,153,204,0.4);-webkit-box-shadow: 0 0 6px rgba(0,153,204,0.4);-o-box-shadow: 0 0 4px rgba(0,153,204,0.4);-ms-box-shadow: 0 0 6px rgba(0,153,204,0.4);}
input[type=tel]:focus{border:1px solid #0099CC; background-color:rgba(255,255,255,1);-webkit-transition: all .4s ease;transition: all .4s ease;
box-shadow: 0 0 6px rgba(0,153,204,0.4);-moz-box-shadow: 0 0 6px rgba(0,153,204,0.4);-webkit-box-shadow: 0 0 6px rgba(0,153,204,0.4);-o-box-shadow: 0 0 4px rgba(0,153,204,0.4);-ms-box-shadow: 0 0 6px rgba(0,153,204,0.4);}
input[type=number]:focus{border:1px solid #0099CC; background-color:rgba(255,255,255,1);-webkit-transition: all .4s ease;transition: all .4s ease;
box-shadow: 0 0 6px rgba(0,153,204,0.4);-moz-box-shadow: 0 0 6px rgba(0,153,204,0.4);-webkit-box-shadow: 0 0 6px rgba(0,153,204,0.4);-o-box-shadow: 0 0 4px rgba(0,153,204,0.4);-ms-box-shadow: 0 0 6px rgba(0,153,204,0.4);}
textarea:focus{border:1px solid #0099CC; background-color:rgba(255,255,255,1);-webkit-transition: all .4s ease;transition: all .4s ease;
box-shadow: 0 0 6px rgba(0,153,204,0.4);-moz-box-shadow: 0 0 6px rgba(0,153,204,0.4);-webkit-box-shadow: 0 0 6px rgba(0,153,204,0.4);-o-box-shadow: 0 0 4px rgba(0,153,204,0.4);-ms-box-shadow: 0 0 6px rgba(0,153,204,0.4);}

select:focus {
	border:1px solid #0099CC;
	background-color:rgba(255,255,255,1) !important;
	-webkit-transition: all .4s ease;transition: all .4s ease;
	box-shadow: 0 0 6px rgba(0,153,204,0.4);-moz-box-shadow: 0 0 6px rgba(0,153,204,0.4);-webkit-box-shadow: 0 0 6px rgba(0,153,204,0.4);-o-box-shadow: 0 0 4px rgba(0,153,204,0.4);-ms-box-shadow: 0 0 6px rgba(0,153,204,0.4);
}


@media screen and (max-width: 900px) {

.mail-box, .mail-box2, .form-box  {
  margin:0 0 0 0;
		padding:20px 20px 60px 20px;
		width:calc(100% - 40px); 
		background-color:rgba(255,255,255,1);
		-webkit-border-radius:0;/* for Safari and Chrome */
		-moz-border-radius:0; /* for Firefox */
		-o-border-radius:0; /* for opera */
		border-radius:0;
		box-shadow:0 0 0 rgba(0,0,0,0);
}
  
.p-text {
  /*font-size: 1.2rem;*/
  }
  
  font.required{
	/*font-size:1.2rem;*/
}

.form_column{
	display:block;
	width:100%; 
	text-align:left;
	margin:1em 0 .4em 0;
	
}

.form_entry{
	display:block;
	width:100%;
	
}

.form_caution{

	/*font-size:1.2rem !important;*/ 
	font-weight:normal !important;
	text-align:left !important;

	
}


.mail_caution {
  width:calc(97% - 2em);
  /*font-size:1.2rem !important;*/
}

input[type=text]{width:97%; height:2.5em; border:1px solid #CCCCCC; margin:2px 0; /*font-size:1.6rem;*/ }
input[type=tel]{width:97%; height:2.5em; border:1px solid #CCCCCC; margin:2px 0; /*font-size:1.6rem;*/ }
input[type=number]{width:97%; height:2.5em; border:1px solid #CCCCCC; margin:2px 0; /*font-size:1.6rem; */}
textarea{width:95%; height:10em; border:1px solid #CCCCCC;  margin:2px 0; padding:.4em; /*font-size:1.6rem;*/ }
select{width:98%; height:3em; border:1px solid #CCCCCC;  margin:2px 0;/* font-size:1.4rem;*/}
select.birth {
	min-width:60px;
	
}
input[type=file]{width:97%; height:3em; margin:2px 0;/* font-size:1.2rem;*/ }



}


input.myError {
background-color:#FF9999;
border:2px solid #FF0000 !important;
}

select.myError {
background-color:#FF9999 !important;
border:2px solid #FF0000 !important;
}


label.myError {
color:#FFF;
font-size:1.2rem;
width:auto;
background-color:#FF0000;
padding:1% 2%;
display:none;
margin-top:7px;
position: relative;
}

/* beforeで本体の三角を表現 */
label.myError::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -6px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ff0000;
  border-left: 7px solid transparent;
}

textarea.myError {
background-color:#FF9999;
border:2px solid #FF0000 !important;
}


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

 * 画像切り替え

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

img.pc_img { display: block;!important;}
img.mobile_img { display:none;}

@media screen and (max-width: 900px) {
	
	img.pc_img  { display:none;}
	img.mobile_img {display: block;!important;}
	
}

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

 * summernoteフォント指定部

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

.box div, .box p{font-size:1.6rem; line-height:1.5;font-weight:normal;}
.normal .box h1{font-size:6rem; line-height:1.2;font-weight:normal; margin:0;}
.normal .box h2{font-size:4.2rem; line-height:1.3;font-weight:normal; margin:0;}
.normal .box h3{font-size:3.2rem; line-height:1.3;font-weight:normal; margin:0;}
.normal .box h4{font-size:2.4rem; line-height:1.5;font-weight:normal; margin:0;}
.normal .box h5{font-size:1.8rem; line-height:1.5;font-weight:normal; margin:0;}
.normal .box h6{font-size:1.4rem; line-height:1.5;font-weight:normal; margin:0;}

/*.box div,.box p,.box font,.box span{font-size:14px; line-height:1.5;font-weight:normal;}*/
/*.box blockquote{font-size:14px; line-height:1.5;font-weight:normal;}*/

@media screen and (max-width: 480px) { 
	
	/*.box div, .box p{font-size:1.4rem; line-height:1.5;font-weight:normal;}
	.normal .box h1{font-size:4.2rem; line-height:1.2;font-weight:normal; margin:0;}
	.normal .box h2{font-size:3.2rem; line-height:1.3;font-weight:normal; margin:0;}
	.normal .box h3{font-size:2.4rem; line-height:1.3;font-weight:normal; margin:0;}
	.normal .box h4{font-size:1.8rem; line-height:1.5;font-weight:normal; margin:0;}
	.normal .box h5{font-size:1.4rem; line-height:1.5;font-weight:normal; margin:0;}
	.normal .box h6{font-size:1.2rem; line-height:1.5;font-weight:normal; margin:0;} */

	/*..box div,.box p,.box font,.box span{font-size:14px; line-height:1.5;font-weight:normal;}
	.box blockquote{font-size:14px; line-height:1.5;font-weight:normal;}*/
	
 } 

.yoko {
 
  margin:10px 10px 0 10px;
  width:calc(100% - 80px);
  max-height:500px;
  text-align:left;
  overflow:auto;
  
}

.yoko_bottom {
 
  margin:10px 10px 10px 10px;
  width:calc(100% - 80px);
  max-height:150px;
  text-align:left;
  overflow:auto;
  
}

.yoko_bottom_noimage {
 
  margin:10px 10px 10px 10px;
  width:calc(100% - 80px);
  max-height:500px;
  text-align:left;
  overflow:auto;
  
}

.tate {
  display:inline-block !important;
  margin:10px 30px 0 10px;

  width:auto;
  height:auto;
  max-height:600px;
  max-width:calc(100% - 80px);
  line-height: 1.4;
  text-align:center !important;
  overflow:auto;
  direction:rtl;
}

/* firefoxのみ幅がauto化しないので対応*/
@-moz-document url-prefix(){

	.tate {
	  width:1200px !important;
	}
}

.tate_bottom {

  margin:10px 10px 10px 10px;
  width:calc(100% - 80px);
  height:auto;
  max-height:600px;
  line-height: 1.4;
  text-align:center !important;
  overflow:auto;
  direction:rtl;
}

.tate_bottom_noimage {

  margin:10px 10px 10px 10px;
  width:calc(100% - 80px);
  height:auto;
  max-height:600px;
  line-height: 1.4;
  text-align:center !important;
  overflow:auto;
  direction:rtl;
}

.tate_font{
  -webkit-text-orientation: upright;
  text-orientation: upright;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align:left;
  display:inline-block;
    direction:ltr;
  height:520px;
}


.pop__up {
  display: none;
  height: calc(100% - 40px);
  width: 100%;
  background:rgba(0,0,0,.8);
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  overflow:auto;
  padding:20px 0;
  z-index:99999999;
}
.pop__up_c {
  background: #fff;
  padding: 20px;
  width: 60%;
   overflow: auto;
  z-index:99999999;
}

.pop__up_image{
	padding:10px;
}

.pop__up_title{
	padding:10px;
	font-size:2.4rem;
	font-weight:bold;
	line-height:140%;
}

.pop__up_text{
	padding:10px;
	font-size:1.8rem;
	font-weight:normal;
	line-height:140%;
}

.pop__up_image img{
	width:auto;
 	height:auto;
 	max-width: 100%;
 	max-height: 500px;}
.pop__show {
  display: flex;
  justify-content: center;
}

.owner_logo{}
.owner_logo img{
	 width:auto;
   	 height:auto;
     	 max-width:900px;
    	/*max-height:280px;*/
    	object-fit:contain;
	margin:40px 0 20px 0 !important;
}


@media screen and (max-width: 900px) {

.yoko, .yoko_bottom, .yoko_bottom_noimage{

width:calc(100% - 60px);
  max-height:10000px;
  margin:0 !important;
}


.tate, .tate_bottom, .tate_bottom_noimage{
width:100%;
height:auto;
max-width:calc(100% - 60px);
  max-height:500px;
  margin:0 auto !important;

}


.tate_font{

  height:420px;
}

}

@media screen and (max-width: 900px) {
	

.pop__up_c {
  padding: 20px;
  width: 80%;
}



.pop__up_title{
	/*font-size:1.8rem;*/
	line-height:140%;
}

.pop__up_text{
	/*font-size:1.4rem;*/
	line-height:140%;
}



	
}


@media screen and (max-width: 900px) {
	.owner_logo{}
	.owner_logo img{
     	max-width: 100%;
    	/*max-height:280px;*/
    	object-fit:contain;
	margin:0 !important;

	}

}

/* 表コンテンツ */


.tablelist__waku{background-color:rgba(0,0,0,0); padding:0; display:inline-block;}

.tablelist__detail{
	
	margin-bottom:20px;
}

table.tablelist{font-size:1.6rem; color:#000; width:auto; max-width:900px;margin-top:0;vertical-align:middle;}
table.tablelist tr{background-color:rgba(255,255,255,1);}
table.tablelist th{min-width:80px; padding:1.5em 1em;font-size:1.8rem;font-weight:bold;line-height:120%;text-align:center;vertical-align:middle;}
table.tablelist td#column{padding:1.5em 1em;text-align:center;vertical-align:middle;}
table.tablelist td{padding:1.5em 1em;vertical-align:middle;text-align:center;}
table.tablelist td.gray{background-color:rgba(220,220,220,.8);}
table.tablelist td.yellow{background-color:rgba(255,255,100,.8);}
table.tablelist td.red{background-color:rgba(255,150,150,.8);}

table.tablelist2{font-size:1.6rem; color:#000; width:auto; max-width:900px;margin-top:0;vertical-align:middle;}
table.tablelist2 tr{background-color:rgba(255,255,255,1);}
table.tablelist2 th{min-width:80px; padding:1.5em 1em;font-size:1.8rem;font-weight:bold;line-height:120%;text-align:center;vertical-align:middle;}
table.tablelist2 td#column{padding:1.5em 1em;text-align:center;vertical-align:middle;}
table.tablelist2 td{padding:1.5em 1em;vertical-align:middle;text-align:center;}
table.tablelist2 td.gray{background-color:rgba(220,220,220,.8);}
table.tablelist2 td.yellow{background-color:rgba(255,255,100,.8);}
table.tablelist2 td.red{background-color:rgba(255,150,150,.8);}


table.tablelist3{font-size:1.6rem; color:#000; width:auto; max-width:900px;margin-top:0;vertical-align:middle;}
table.tablelist3 tr{background-color:rgba(255,255,255,1);}
table.tablelist3 th{min-width:80px; padding:1.5em 1em;font-size:1.8rem;font-weight:bold;line-height:120%;text-align:center;vertical-align:middle;}
table.tablelist3 td#column{padding:1.5em 1em;text-align:center;vertical-align:middle;}
table.tablelist3 td{padding:1.5em 1em; vertical-align:middle;text-align:center;}
table.tablelist3 td.gray{background-color:rgba(220,220,220,.8);}
table.tablelist3 td.yellow{background-color:rgba(255,255,100,.8);}
table.tablelist3 td.red{background-color:rgba(255,150,150,.8);}

table.tablelist th:first-child,table.tablelist2 th:first-child,table.tablelist3 th:first-child{border-radius: 18px 0 0 0;}
table.tablelist th:last-child,table.tablelist2 th:last-child,table.tablelist3 th:last-child{border-radius: 0 18px 0 0;}

table.tablelist tr:last-child td:first-child,table.tablelist2 tr:last-child td:first-child,table.tablelist3 tr:last-child td:first-child{border-radius: 0 0  0 18px;}
table.tablelist tr:last-child td:last-child,table.tablelist2 tr:last-child td:last-child,table.tablelist3 tr:last-child td:last-child{border-radius: 0 0 18px 0;}
table.tablelist tr:nth-child(2n+1),table.tablelist2 tr:nth-child(2n+1),table.tablelist3 tr:nth-child(2n+1){background-color:rgba(249,255,255,1); !important;}


.table__line{border-spacing:0;border-collapse: separate; border: solid 2px #CCC; border-radius: 20px; }
.table__line th{border:1px #CCCCCC solid;border-width:0 1px 1px 1px;}
.table__line td#column{border:1px #CCCCCC solid;border-width:0 0 1px 1px;}
.table__line td{border:1px #CCCCCC solid;border-width:0 0 1px 1px;}

.table__under{border-spacing:0;border-collapse: separate; border: solid 2px #CCC; border-radius: 20px; }
.table__under th{border:1px #FFF solid;border-width:0 1px 1px 1px;}
.table__under td#column{border:1px #CCCCCC solid;border-width:0 0 1px 0;}
.table__under td{border:1px #CCCCCC solid;border-width:0 0 1px 0;}

.table__none{border-spacing:3px;border-collapse: separate; border-radius: 20px; }
.table__none th{}
.table__none td#column{}
.table__none td{}



.scroll-table {
		display:inline-block;
		width:auto;
  		margin:0;
	        -webkit-border-radius: 20px;/* for Safari and Chrome */
		-moz-border-radius: 20px; /* for Firefox */
		-o-border-radius: 20px; /* for opera */
		border-radius: 20px;
		box-shadow:0 0 10px rgba(0,0,0,.2);

}

.scroll-table_sp {
		display:inline-block;
		width:100%;
  		overflow: auto;
  		margin:0;
	        -webkit-border-radius: 20px;/* for Safari and Chrome */
		-moz-border-radius: 20px; /* for Firefox */
		-o-border-radius: 20px; /* for opera */
		border-radius: 20px;
		box-shadow:0 0 10px rgba(0,0,0,.2);

}

	.scroll-table_sp table.tablelist3{/*font-size:1.4rem;*/ width:680px;}

.scroll-table .scroll-comment,.scroll-table_sp .scroll-comment{
	display:none;
	
}

@media screen and ( max-width : 680px ) {

	table.tablelist3{width:680px;}

	.scroll-table {
		width:100%;
  		overflow: auto;
  		margin:0;

	}

	.scroll-table .scroll-comment,.scroll-table_sp .scroll-comment{
		display:none;
		position: -webkit-sticky; /* ←必要なもの */
		position: sticky; /* ←必要なもの */
		bottom:0;
		left: 0;
		color:#666;
		font-size:18px;
	
	}

	.scroll-table .scroll-comment i,.scroll-table_sp .scroll-comment i{
		font-size:18px !important;
		margin:0 .4em;
	
	}

}


@media screen and ( max-width : 480px ) {

	table.tablelist{/*font-size:1.4rem;*/ width:480px;}
	table.tablelist2{/*font-size:1.4rem;*/ width:480px;}
	table.tablelist3{/*font-size:1.4rem;*/ width:680px;}

}



/* 会社情報 */

.company__detail{

	margin-bottom:100px;
}
	
.company__box{

	font-size:0; max-width:600px; border-width:0 0 1px 0; border-style:solid; border-color:#888; 
}

.company__item{

	font-size:0; display:inline-block; width:28%; vertical-align:top;
}

.company__contents{

	font-size:0; display:inline-block; width:68%; vertical-align:top;
}

.company__item p , .company__contents p{

	font-size:1.6rem; line-height:1.5; text-align:left; padding:.2em .5em .2em .5em;
	
}


@media screen and (max-width: 480px) {
	
	.company__item p , .company__contents p{

		/*font-size:1.4rem;*/
	
	}
	
}

/* TELバナー */

.tel__window {
  padding: 0;
  position:fixed;
  z-index: 1000;
  width: auto;
  bottom: -75px;
  left: 10px;
  /*transform: translateX(-50%);*/
  display: none;
  white-space: nowrap;
  text-align:center;
  font-size:0;
  transition:all 0.8s ease;
}

.tel__window:hover {
  bottom: 0;
  
}



.tel__window .tel_box{

	font-size:0; display:inline-block; vertical-align:top; text-align:center; padding:20px 20px; background-color:rgba(255,155,0,.8); min-width:250px;
}

.tel__window .mail_box{

	font-size:0; display:inline-block; vertical-align:top; text-align:center; padding:20px 10px; min-width:250px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

.tel__window h1{font-size:24px; line-height:1; color:#FFF; margin:10px 0; padding:0; display:block; }

.tel__window .tel_box p , .tel__window .mail_box p{

	font-size:16px; line-height:1; text-align:center; padding:0 .5em;
	margin:0;padding:0;
}

.tel__window i{font-size:32px; margin-right:10px; color:#FFF}


.tel_banner{
	font-size:14px;
	color:#555;
	display:inline-block; vertical-align:top; text-align:center; 
	padding:10px 20px !important;
	background-color:rgba(255,255,255,1) !important;
}

.tel_banner h1{font-size:28px; line-height:1; color:#555; margin:.5em 0; padding:0; display:block; font-weight:bold;}
.tel_banner i{font-size:32px; margin-right:10px;}
.tel_banner  p {
	display:block;
	font-size:14px; line-height:1; text-align:center; padding:.7em 1em;
	margin:1em 0 0 0; color:#FFF;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}



a.tel_box:hover{color:#FFF; text-decoration:none; background-color:rgba(255,155,0,1);}
a.mail_box:hover{color:#FFF; text-decoration:none;}

.tel__window a, .tel__window a:link, .tel__window a:visited, .tel__window a:hover,.tel__window a:active{color:#FFF; text-decoration:none;}


@media screen and (max-width: 900px) {
	
.tel__window {
  display: block;
  width:auto;
  bottom: 0;
  transition:0;
 
}


.tel__window .tel_box{

		width:calc( 50% - 20px ); vertical-align:top; text-align:center; padding:20px 5px;  min-width:100px;
	
	}

.tel__window .mail_box{

		width:auto; vertical-align:top; text-align:center; padding:10px 10px 5px 10px;  min-width:100px;
	
	}
	
.tel__window .tel_box p , .tel__window .mail_box p{

		font-size:14px;
	
	}
	
	

.tel__window h1{font-size:18px; line-height:1; margin:.4em 0; padding:0;}
.tel__window i{font-size:25px; margin-right:5px;}



.tel_banner{font-size:14px; padding:10px 10px !important;}
.tel_banner h1{font-size:26px; line-height:1; margin:.4em 0; padding:0;}
.tel_banner i{font-size:32px; margin-right:5px;}
.tel_banner  p {font-size:14px;}

	
}

@media screen and (max-width: 580px) {
	
.tel__window {
  display: block;
  width:auto;
  bottom: 0;
  transition:0;
 
}


.tel__window .tel_box{

		width:calc( 50% - 10px ); vertical-align:top; text-align:center; padding:20px 5px;  min-width:100px;
	
	}

.tel__window .mail_box{

		width:auto; vertical-align:top; text-align:center; padding:10px 10px 5px 10px;  min-width:100px;
	
	}
	
.tel__window .tel_box p{

		font-size:10px;
	
	}
	
.tel__window .mail_box p{

		font-size:12px;
	
	}
		

.tel__window h1{font-size:15px; line-height:1; margin:.4em 0; padding:0;}
.tel__window i{font-size:30px; margin-right:5px;}

.tel_banner{font-size:12px;}
.tel_banner h1{font-size:19px; line-height:1; margin:.4em 0; padding:0;}
.tel_banner i{font-size:30px; margin-right:5px;}
.tel_banner  p {font-size:12px;}
	
}

.btn-bg-close{
    cursor: pointer;
    	width:130px;
	height:35px;
	/*display:none; */
	position:absolute;
top:10vh;
left: 50%;
  transform: translateX(-50%);
 border: 0px solid #ccc;
  background: rgba(50,50,50,.5);
 /* background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
  background: -webkit-linear-gradient(top, #FFF 0%, #CCC 100%);
  background: linear-gradient(to bottom, #FFF 0%, #CCC 100%); */

        border-radius: 20px;
	z-index:100002 !important;

}

.btn-bg-close:before{
  content:"背景のみ表示";
	position:absolute;
	left:20px;
	top:7px;
	font-size:16px;
	color:#FFF;
	text-align:center;
}


.bg-close_active{
    	width:130px;
	height:35px;
  background: rgba(255,255,255,.6);
}

.bg-close_active:before{
  content:"コンテンツを表示";
	position:absolute;
	left:10px;
	top:8px;
	font-size:14px;
	color:#000;
	text-align:center;
}


.bg_active{
    opacity: 0;

}

/* 管理者専用 */



.top_catch {
  font-size:58px !important;
  font-weight:bold !important;
  line-height:1.2 !important;
  text-align:center;
  margin:15px 0;
}

.top_title {
  font-size:32px !important;
  font-weight:bold !important;
  line-height:1.2 !important;
  text-align:left;
  margin:10px 0;
}

.top_column {
  font-size:18px !important;
  font-weight:bold !important;
  line-height:1.5 !important;
  text-align:center;
}

.top_image{
	text-align:center;
}

.top_image img{width:calc(100% - 40px); height:auto; margin:0 20px; max-width:500px;}

@media screen and (max-width: 900px) {
	


.top_image img{ margin:20px; max-width:calc(100% - 40px); max-width:500px;}
	
}

@media screen and (max-width: 480px){
	

.top_catch {
  font-size:38px !important;
  font-weight:bold !important;
  line-height:1.1 !important;
}

.top_title {
  font-size:21px !important;
  font-weight:bold !important;
  line-height:1.2 !important;
}

.top_column {
  font-size:14px !important;
  font-weight:bold !important;
  line-height:1.5 !important;
}


	
}

 .bg_blend_90{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.7) !important;
}
.bg_blend_80{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.6) !important;
}

.bg_blend_70{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.4) !important;
}

.bg_blend_60{
	background-blend-mode:lighten !important;
	background-color:rgba(255,255,255,.2) !important;
}

.bg_blend_50{
	background-color:rgba(255,255,255,0) !important;
}

.bg_blend_40{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.2) !important;
}

.bg_blend_30{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.4) !important;
}

.bg_blend_20{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.6) !important;
}

.bg_blend_10{
	background-blend-mode:darken !important;
	background-color:rgba(50,50,50,.7) !important;
}
 .bg_blend_{
	/*background-blend-mode:multiply !important;*/
	background-color:rgba(50,50,50,0) !important;
}


/*背景のフィルター化*/
.bg_blend_blur{
	position: absolute;
   	top:0;
	bottom:0;
   	left:0;
	right:0;
    	content: "\A";
	z-index:-1;
	backdrop-filter:blur(8px); //ぼかし化
	-webkit-backdrop-filter:blur(8px); //ぼかし化
}

.bg_blend_sepia{
	position: absolute;
   	top:0;
	bottom:0;
   	left:0;
	right:0;
    	content: "\A";
	z-index:-1;
	backdrop-filter:sepia(90%);　//セピア化
	-webkit-backdrop-filter:sepia(90%);　//セピア化
}

.bg_blend_grayscale{
	position: absolute;
   	top:0;
	bottom:0;
   	left:0;
	right:0;
    	content: "\A";
	z-index:-1;
	backdrop-filter:grayscale(100%); //モノクロ化
	-webkit-backdrop-filter:grayscale(100%); //モノクロ化
}

.bg_blend_saturate{
	position: absolute;
   	top:0;
	bottom:0;
   	left:0;
	right:0;
    	content: "\A";
	z-index:-1;
	backdrop-filter:saturate(180%); //彩度（180%)
	-webkit-backdrop-filter:saturate(180%); //彩度（180%)
}

.bg_blend_rotate{
	position: absolute;
   	top:0;
	bottom:0;
   	left:0;
	right:0;
    	content: "\A";
	z-index:-1;
	backdrop-filter:hue-rotate(180deg); //色相反転（180度)
	-webkit-backdrop-filter:hue-rotate(180deg); //色相反転（180度)
}



/*画像のフィルター化*/
.image_blend_blur{
	filter:blur(8px); //ぼかし化
	-webkit-filter:blur(8px); //ぼかし化
}

.image_blend_sepia{
	filter:sepia(90%);　//セピア化
	-webkitp-filter:sepia(90%);　//セピア化
}

.image_blend_grayscale{
	filter:grayscale(100%); //モノクロ化
	-webkit-filter:grayscale(100%); //モノクロ化
}

.image_blend_saturate{
	filter:saturate(180%); //彩度（180%)
	-webkit-filter:saturate(180%); //彩度（180%)
}

.image_blend_rotate{
	filter:hue-rotate(180deg); //色相反転（180度)
	-webkit-filter:hue-rotate(180deg); //色相反転（180度)
}

img.contents_image_waku{
	width:100%;

	margin:20px 0 ;
}

img.contents_image_waku_radius{
	 border-radius:15px;
	width:calc(100% - 40px);

	margin:20px;
}
img.contents_image_waku_circle{
	width:calc(100% - 40px);
	max-width:800px !important;
	height:auto;
	max-height:800px !important;
	object-fit:cover;
	border-radius:50%;
	aspect-ratio: 1/1;
	margin:20px;
}

/*フルHD全画面用サイズ指定*/
@media screen and (min-width: 1600px){

.section-contents {
	max-width:1400px;
	min-width:1400px;
}


.owner_logo img{

     	 max-width:1200px;
    	/*max-height:280px;*/
}

.image-main div{
	display:inline-block; width:calc( 24% - 2px); margin: .5% 0;
} 




.box_image img{max-width:600px; max-height:600px;}
.box_bottom_image img{max-width:80%;}


.slider div.image{

 max-height: 250px;

}

table.tablelist,table.tablelist2,table.tablelist3{ max-width:1500px;}



/*.accordion_area{max-width:1000px;}*/

}