@charset "UTF-8";
*{
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


p,.info1,.info2,.inq30,.inq70{
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}



h2.titleA{
    background-image: url(../img/p17.png);
    background-repeat: no-repeat;
    background-position: center;
//    background-size: cover;
//	height:400px;
}

@media screen and (max-width: 568px) {
	h2.titleA{
//		background-position:right;
	}
}


h2.titleB{
    background-image: url(../img/p26.png);
    background-repeat: no-repeat;
    background-position: center;
//    background-size: cover;
//	height:400px;
}

h2.titleC{
    background-image: url(../img/p41.png);
    background-repeat: no-repeat;
    background-position: center;
//    background-size: cover;
//	height:400px;
}

@media screen and (min-width: 568px) {

//	h2.titleC{
//		background-image: url(../img/p18a.jpg);
//		background-repeat: no-repeat;
//		background-position:top;
//		background-size: cover;
//		height:400px;
//	}
}
h2.titleD{
    background-image: url(../img/p52.png);
    background-repeat: no-repeat;
		background-position: center top;
//    background-size: cover;
//	height:400px;
}




h2.titleE{
    background-image: url(../img/p7a.jpg);
    background-repeat: no-repeat;
    background-position: center;
//    background-size: cover;
//	height:400px;
}

@media screen and (max-width: 568px) {
	h2.titleE{
		background-image: url(../img/p7b.jpg);
	}
}




h2.titleF{
    background-image: url(../img/p31.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:400px;
}



h2.title{
}

u{
	color:white;
}

@media screen and (min-width: 568px) {
	dt{
		width:100px !important;
	}
}





@media screen and (max-width: 568px) {
	.fullOuter2{
		height:auto !important;
	}
	.fullOuter6{
		height:auto !important;
	}
	
	h2.title{
		padding-left:20px;
	}
}


/*画面いっぱい系
 *
 *fullOuterTは電話
 * */
.fullOuter8,.fullOuter6,.fullOuter7,.fullOuter1, .fullOuter2, .fullOuter3, .fullOuter4, .fullOuter5,.fullOuter6, .fullOuterT,.fullOuterMap,.fullOuterC{
    width: 100vw;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    padding: 10px;
    background-image: url(../img/p11.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:400px;
	margin-bottom:100px;
	padding-top: 50px;
	padding-bottom: 100px;
}



.fullOuterMap{
	background-image:none !important;
}
@media screen and (max-width: 568px) {
	.fullOuterMap{
		padding:0;
		height:auto;
	}
}



.fullOuter1{
    background-image: url(../img/p18.jpg);
	height:auto !important;
}



.fullOuter6{
    background-image: url(../img/p48.jpg);
	height:500px;
}


.fullOuter7{
    background-image: url(../img/p47.jpg);
	height:500px;
}

.fullOuter8{
 
	
	background-image: url(../img/head.jpg);
	height:auto;
}




.fullOuterT{
    background-image: url(../img/head.jpg);
}

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

	.fullOuterT{
		height:auto !important;
		margin-bottom:50px;
	}

	.fullOuter1{
		height:auto !important;
		margin-bottom:50px;
	}
	
	.fullouterFoot {
		margin-top:-50px;
	}
}

@media screen and (min-width: 568px) {

	.fullOuterT{
		height:auto !important;
	}
}

.fullOuter0{
    background-image: url(../img/p00.jpg);
}

.fullOuter2{
    background-image: url(../img/p19.png),url(../img/p21.jpg);
	background-size: cover,cover;
	padding-top: 110px;
	padding-bottom: 110px;
}
@media screen and (max-width: 568px) {
	.fullOuter2{
		height:auto !important;
		padding-top: 20px;
		padding-bottom: 50px;
	}
}

.fullOuter6{
    background-image: url(../img/p21.jpg);
	background-size: cover;
	padding-top: 110px;
	padding-bottom: 110px;
}
@media screen and (max-width: 568px) {
	.fullOuter6{
		height:auto !important;
		padding-top: 20px;
		padding-bottom: 50px;
	}
}


.fullOuter3{
    background-image: url(../img/p22.jpg);
	background-size: cover;
	background-position: center;
	height:auto;
	margin-bottom: 100px;
}

.fullOuter4{
    background-image: url(../img/p42.jpg) !important;
	height:200px;
	background-position:bottom;
	margin-bottom: 100px;
}


.fullOuter5{
    background-image: url(../img/p45.jpg) !important;
	height:300px;
}

.fwaku{
	max-width:1000px;
	margin-left: calc((100% - 1000px)/2);
	padding: 1vw 1vw 1vw 1vw;
}

.waku-o{
	background-image: url(../img/p18.jpg);
	background-repeat: no-repeat;
	background-position: center;
/*    background-size: 90%;*/
    background-size: cover;
	padding:5em;
	margin-bottom: 100px;
}

.waku-o p{
padding:2em 5em 2em 5em;
/*color:#222;*/
}
@media screen and (max-width: 568px) {
.waku-o p{
padding:0.5em 0.5em 0.5em 0.5em;
}
.waku-o{
	padding:1em;
}
}


.waku2{
	background-image: url(../img/p51.jpg);
background-repeat: no-repeat;
	background-position: center;
//    background-size: 90%;
    background-size: cover;
padding:5em;
	border-radius:10px;
	background-color:white;
	background-color: rgba(255, 255, 255, 0.8);
	padding:10px;
}

.waku2 p{
padding:0em 5em 5em 5em;
color:#222;
}
@media screen and (max-width: 568px) {
.waku2 p{
padding:0em 0.5em 0.5em 0.5em;
}
}

.waku3{
	max-width:1000px;
	background-color:white;
 background-color: rgba(0,106,182,0.5);
 border:none;

	margin-left: calc((100% - 1000px)/2);
	padding:10px;
}


.pr, .pr td, .pr th {
  border-collapse: collapse;
   border-bottom: 1px solid #999; 
}

.pr td{
	background-color:white;	
}

td.tb1{
	width:200px;
}

td.tb2{
	width:100px;
}



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

	td.tb1{
		width:100px;
	}

	td.tb2{
		width:60px;
	}

	.fwaku{
		margin-left:0;
	}


	.pr, .pr td, .pr th {
		font-size:12px;
	}
	.fullOuter6{
		background-image: url(../img/p48a.jpg);
		height:500px;
	}

	h3.title2{
		font-size:25px;
	}
	
	#sp-site-branding2-1 .site-title {
		text-align:center;
	}
	


}

.waku{
	border-radius:10px;
	background-color:white;
	background-color: rgba(255, 255, 255, 0.8);
	padding:10px;

}
@media screen and (max-width: 568px) {
	.waku{
		font-size:18px;
		text-align:left;
	}

}

h4.h4a{
	margin:0 !important;
	margin-bottom:20px !important;
	background-color:#265361;
	color:white;
	font-size:25px;
}


h4{
	color:#333 !important;
}

.rg73{
	width:70%;
}

.lf73{
	width:30%;
}

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

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

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


}
h3.gr{
	background-color:green;	
}

h3.yl{
	background-color:orange;	
}

h4.yl{
	border-bottom:2px solid orange;	
}


.wakugr{
	border:2px solid green !important;	
	border-radius:10px;
}


/*2023-06-02*/

/*問い合わせフォーム*/
.inq{
	width:80%;
	margin-left:10%;

	border-bottom:1px solid #bbb;
	border-collapse:collapse;
}
.inq td{
	//border:1px solid #666;
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;

}

.inq30{
	width:25%;
	background-color:#265361;
	padding:10px;
	vertical-align: middle;
	border-bottom:1px solid #fff;
	border-left:1px solid #bbb;
	color:white;
	font-weight:bold;
}

.inq30:first-child {
	border-top:1px solid #bbb;
}

.inq30l{
	width:25%;
	background-color:#8cb2dd;
	padding:10px;
	vertical-align: middle;
	border-bottom:1px solid #bbb;
	border-left:1px solid #bbb;
	color:white;
	font-weight:bold;
}


.tdtop{
	vertical-align:top;
}

input[type="text"]{
	width:99%;
	font-size:20px;

	border:0;
padding:10px;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;


}
.inq textarea{
	width:100%;
	font-size:20px;

	border:0;
padding:10px;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;


}
.inq70{
	width:75%;
	padding:10px;
	vertical-align: middle;
	border:1px solid #bbb;
	vertical-align: middle;
}



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

	

	.inq,.inq70,.inq30,.inq30l{
		margin:0;
		padding:0;
		width:100%;
		display:block;
		border:none;
	}

	input[type="text"]{
		margin:0;
		padding:0;
		width:100%;
line-height:1.6;
	
	}
	.inq30{
		padding:5%;
		padding-right:-5px;
	//	margin-bottom:-20px;
		width:100%;
	}
	.inq70{
		padding-bottom:10px;
		padding-right:-5px;
	margin-bottom:10px;
		width:100%;
	}

}

.sub{
	border-radius:5%;
	font-size:18pt;
	text-align:center;
	cursor:pointer;
	padding:12px12px;
	color:#ffffff;
	background:navy;
	line-height:180%;
	border:none;
}


/*テーブル*/
.pr, .pr td, .pr th {
  border-collapse: collapse;
   border: 1px solid #999; 
}

.wakuH{
	float:right;
	background-color:#DDBA61;
	padding:10px;
	color:#666;
	margin-left:auto;
	width:150px;
	margin-left:10px;
	text-align:center;
}


@media screen and (max-width: 568px) {
	.wakuH{
		display:none;
		}
	.pr, .pr td, .pr th {
	   font-size:12px;
	}	
	
	.pr2{
		font-size:10px;
		line-height:120%;
	}
	table.ch td{
		display:block;
	}
}



.wakuT{
	 background-color: rgba(255,255,255,0.5);
}

h5{
	width:99%;
	padding:10px;
	color:#265361;
	margin-top:30px;
	border:none;
}

/*h3.title{
	margin-top:100px !important;
	margin-bottom:50px !important;

}*/

.b{
	background-color:#265361;
	color:white;
}


.waku{
	margin-top:20px;
}

.wakugr{
	margin-top:20px;
	padding:10px;
}

h5.gr{
	background-color:white !important;
	color:green !important;
	border-bottom:none;
}
.wakur{
	border:2px solid red;
	border-radius:10px;
	padding:10px;
	padding-top:16px;
	padding-bottom:0px;

}

table.line3 img{
	width:70% !important;
}



.dv3{
	width:330px;
	display: inline-block;
	margin-bottom:50px;
	font-size:16px;

	background-color:white;
/*	height:400px;*/
	margin-top:0px;
	vertical-align:top;
	padding:10px;
}
.dv3a{
	height:250px;
}


h4{
	margin:0 !important;
	padding:0 !important;
}


@media screen and (max-width: 568px) {
	.dv3{
		width:45vw !important;
		margin-bottom:50px;
		font-size:16px;
		height:auto;
		margin-left:1vw;
		padding:10px;
	}

	.dv3 p{
		font-size:10px;
	}

}

h4.title{
	color:#333 !important;
	font-size:24px;
	text-align:center;
	margin:0 !important;
	padding:0;
	border:none;
}
@media screen and (max-width: 568px) { 

	h4.title{
		font-size:16px;
	}

	h4.title2{
		font-size:11px;
	}
}


@-moz-document url-prefix() {
	table.line3 td {
		width:32%;
	}
	br.pc{
		margin-top:16px;
	}
}



span.h2c{
width:500px;
		background-color:rgba(255,255,255,0.8);
  display: block;
  text-align: center;
//margin-top:80px;
margin-top:0px;
margin-bottom:40px;
//margin-right:calc((100vw - 1000px) / 2);
margin-left:250px;
//color:#a74dc9;
color:#666;
font-family: "DFP教科書体RNW4", "Meiryo", sans-serif;

}



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

	span.h2c{
		width:300px;	
		margin-left:0px;
		background-color:rgba(255,255,255,0.8);

		margin-left:calc((100vw - 340px) / 2);

		padding:20px;
		font-size:30px;
	}


	span.h2ca{
		font-size:25px;
	}


	h2.titleA, h2.titleB, h2.titleC, h2.titleD, {
		padding-top:30px !important;
	}


	.l,.r{
		width:50% !important;
		display:inline !important;
		float:left;
	}

}




.dv4{
    width: 240px;
    float: left;
    background-color: white;
    color: #333;
}

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

	.dv4{
		width:45vw;
		float:left;
	}
	
	table.li td{
		display:block;
		font-size:16px;
	}


	h3.sm{
		font-size:20px !important:
	}
	h4.t2{
		font-size:22px;
	}
}

h2{
//	background-color:#fff !important;
}

.fullOuterMap{
	height:30vw !important;
	margin-bottom:10vw !important;
}



/*below use for 2023-09-11 */

.fullOuter2{
	height:auto;
}
.fullOuter6{
	height:auto;
}

.arrow{
	width:5vw;
	display:block;
	margin-left:1vw;
	margin-top:1vw;
	margin-bottom:1vw;
}

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

	.arrow{
		width:30px;
		display:block;
		margin-left:30px;
		margin-top:1vw;
		margin-bottom:1vw;
	}
}


h3.title{

	background-color:#F8EAFF !important;
width:100%;
//    background-image: url(../img/h2bf.png);
	height:50px;
//   background-position: center;
//    background-size: cover;
	padding-top:5px;
	color:#666;
text-align:right;
padding-right:1em;
}


.fullOuterMap{
	height:30vw !important;
	margin-bottom:10vw !important;
}

h3.title{
	border-bottom:3px solid #AE75C4;
}

#page{
	background-color:#F1ECE0 !important;

    background-image: url(../img/p8.jpg);
    background-position: center;
    background-size: cover;
}
#masthead{
	background-color:#F1ECE0 !important;

    background-image: url(../img/p8.jpg);
    background-position: center;
    background-size: cover;
}

p.id2{
	font-size:15px;
	margin-top:-10px;
}

table.pr td{
	border:none;
	padding:10px;
}

table.pr{
	border:none;
	border-right:none;
	margin-bottom:10px;
}


.dv3a{
	width:325px;
	background-color:white;
	height:450px;
}

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

	.dv3a{
		height:280px;
		margin-bottom:30px;
	}

	.dv3b{
		width:28vw !important;
		margin:0.6vw;
		padding:5px;
		height:250px;
	}

	.dv3b p{
		font-size:12px;

	}


	table.pr td{
		display:block;
		width:95vw;
	}
	h3.title{
		padding-top:10px;
	}
}

*{
//	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}


p,.info1,.info2{
//	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	color:#000;
}

.info1{
	color:#AE75C4;
}

h4.ei{
	font-size:30px;
	color:#333;
	/*padding-top:60px !important;*/
	text-align:center;
}

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

	h4.ei{
		font-size:25px;
		color:#333;
		/*padding-top:50px !important;*/
		text-align:center;
	}
	.fullOuter4{
		height:200px !important;
	}

	.dv3d{
		margin-bottom:20px !important;
	}
	h4.h4t2{
		display:block;
		height:40px;
	}
}


p.i2{
	margin-top:-15px;
}

#sp-site-branding2-1 .extra p {
	color:#000;
}

/*20231106 add*/
@media screen and (min-width: 568px) {
	.fwaku2{
		max-width: 1000px;
		margin-left: calc((100% - 1000px)/2);
		padding: 1vw 1vw 1vw 1vw;
		padding-left: 200px;
		padding-right: 200px;
	}
}
.waku-o2{
	background-image: url(../img/p22.jpg);
	background-repeat: no-repeat;
	background-position: center;
    background-size: 100% 100%;
	padding:5em;
	margin-bottom: 100px;
}

.waku-o2 p{
	padding:2em 5em 2em 5em;
}
@media screen and (max-width: 568px) {
	.fwaku2{
		padding-left: 0px;
		padding-right: 0px;
	}
	.waku-o2 p{
	padding:0.5em 0.5em 0.5em 0.5em;
	}
	.waku-o2{
		padding:1em;
	}
}

.waku-o3{
	width: 500px;
	background-image: url(../img/p40a.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
    background-size: cover;
	padding:5em;
	border-radius:10px;
	background-color:white;
	background-color: rgba(255, 255, 255, 0.8);
	padding:10px;
}

.waku-o3 p{
	padding:1em 4em 4em 5em;
	color:#222;
}
@media screen and (max-width: 568px) {
	.waku-o3{
		width:100%;
	}
	.waku-o3 p{
	padding:0em 0.5em 0.5em 0.5em;
	}
}