@charset "utf-8";
@media screen and (min-width: 769px) {

#contents > h1{
	font-size:2.5rem;
	margin:0 0 32px;
}
#contents article.bothsp{
	margin:0;
}
/*---------------240430目次CSS---------------*/
/*
#ez-toc-container nav > ul > li {
		padding: 15px;
		width: 24%;
	}
	#ez-toc-container nav > ul > li a{
	  font-size: 1.9rem;
	}
*/
/*------------END 240430目次CSS-------------*/
#container #contents h2{
font-size:2.7rem;
  margin:2em 0px 1em;
}
#container #contents h3{
	font-size:2.5rem;
}

#container #contents .region-h4{
	border-right: 1px #ccc solid!important;
border-bottom: 1px #ccc dotted!important;
border-left: 1px #ccc solid!important;
border-top: 1px solid #3b6e89!important;
	border-radius: inherit!important;
}

#contents .upperbnr{
	margin:0 0 28px;
}
#contents figure{
	margin:0 0 16px;
	width: 100%;
}
#contents figure img{
	width: 100%;
	height: auto;
}
#contents .upperbnr p{
	line-height:2;
}
#city figure{
	display: flex;
}
/* ------------------------------------------------------------------------- selectors */

/* table style for dl. add selecter wrapper */

.roundbt{
	margin: 5px;
}


.archivelist #dd p:after{content:"…";}


/* ------------------------------------------------------------------------- common banner */

/* 共通お問い合わせブロック */
#cntactbnr{margin:24px 0 15px;}
.cntactbnr{margin:0 0 24px;}
#cntactbnr > ul,
.cntactbnr > ul{
	background:url(../images/common/telbnr-under-back.webp) no-repeat left top;
	-moz-background-size:100% 100%;
	background-size: cover;
    padding: 2em 3em;
    margin: 0;
}
.one-column #cntactbnr > ul,
.one-column .cntactbnr > ul{
	background:url(../images/common/telbnr-back.jpg) no-repeat left top;
}
#cntactbnr > ul li:not(:last-child),
.cntactbnr > ul li:not(:last-child){
	margin:0 0 20px;
	max-width: 590px;
}
#cntactbnr > ul li a,
.cntactbnr > ul li a{
	width:460px;
	text-align:center;
	padding:8px 0;
}
#cntactbnr > ul li:last-child,
.cntactbnr > ul li:last-child{
	display:block;
	background:#fff;
	text-align:center;
	padding:7px 40px;
	margin:0;
}

#cntactbnr.multi > ul li:nth-child(2) small,
.cntactbnr.multi > ul li:nth-child(2) small{
	margin:0 1em 0 0;
}


#cntactbnr > ul li img,
.cntactbnr > ul li img{
	margin:0!important;
	max-width: 100%;
}



form{
	margin: 0;
	}
#form{
	margin: 17px auto;
	border: 1px solid #ffcc00;
	}

#form h3{
	margin: 0;
	padding: 0.25em 0.5em;
	line-height: 1.5em;
	color: #663300;
	background: #ffeb73;
	border-bottom: 1px solid #ffcc00;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
#form h3 span{
	font-size: 84%;
	font-weight: normal;
	color: #ff0000;
	}
		
#contents #form h4{
	margin: 0;
	padding: 0.25em 0.5em;
	line-height: 1.5em;
	color: #663300;
	background: #ffeb73;
	border-bottom: 1px solid #ffcc00;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
#contents #form h4 span{
	font-size: 84%;
	font-weight: normal;
	color: #ff0000;
	}
	#container #contents h4{
		font-size:18px;
	}
#container #contents h5{
	    font-size: 1.8rem;
}
#container #contents h6{
	font-size:2rem;
}

#contents .border-left{
	clear:both;
	font-weight:bold;
	font-size:16px;
	border-left:10px solid #3b6e89;
	padding-left:1em;
	margin:15px 20px;
	box-sizing:border-box;
	line-height:2;
}
	
#contents .kanrenh5{
	clear:both;
	font-weight:bold;
	font-size:16px;
	border-left:10px solid #3b6e89;
	padding-left:1em;
	margin:15px 20px;
	box-sizing:border-box;
	line-height:2;
}	
#contents .area-text h5{
	margin:15px 0 0;
}




#container.one-column .bfh5{
	clear:both;
	padding-left:1em;
	font-size:2rem;
	margin:15px;
	box-sizing:border-box;
}

#contents .btn-primary{
	padding: 10px 15px;
    background: #999;
    color: #fff;
    border-radius: 10px;
    margin-right: 15px;
}


.bothsp dt{font-weight:bold;}	
select {
	float:left;
}

textarea{
	margin: 0 0 0.25em 1em;
	height: 180px;
	font-size: 90%;
}

#form dl {
	margin:0 5px;
  padding:10px 0;
  border-bottom:1px solid #DADADA;
  text-align:left;
}

#form dt, #form dd {
  margin: 0;
  padding:5px 0 5px 10px;
}

#form dt {
  float: left;
  width: 180px;
  background-color:#FFC;
}

#form dd {
  margin-left: 200px;
  padding-left: 10px;
}

#form dt span {
	color:#F00;
}
.wpcf7 dl dt{
	text-align:right;
}
.clearfix {
    zoom: 1;
    min-height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.center {
    text-align: center;
}
.dialogue{
	border:1px #ccc solid;
	padding:15px 25px;
	margin:20px 15px;
	overflow:hidden;
}
.dialogue ul{
	list-style:none;
	margin:0;
}
.dialogue ul li{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
	box-sizing:border-box;
}
.dialogue img{
	width:20%!important;
	height:auto;
}
#container #contents .dialogue p{
	width:65%!important;
	position:relative;
	border-radius:15px;
	box-sizing:border-box;
	padding:15px;
	font-size:16px;
	margin:15px 20px 20px!important;
}
#container #contents .dialogue p.btn{
	width:inherit!important;
	margin:0;
}
#container #contents .dialogue p.btn a{
	line-height:2.5em!important;
}

.keyword{
	border:2px #ccc solid;
	border-radius:10px;
	position:relative;
	text-align:center;
	color:#09F;
	font-size:2em;
	line-height:3em;
	margin-bottom:60px;
}
.keyword span{
	position:absolute;
	bottom:-40px;
	left:45%;
	width:70px;
	height:40px;
 background:url(../images/common/arrow-down.png) no-repeat bottom center;
}
ul.star li{
	border:#09F 1px solid;
	margin-bottom:15px;
	line-height:1.7;
	background:url(../images/icon/icon-point.png) no-repeat 10px 10px;
	padding:15px 15px 15px 40px;
}
#contents ul.arrow{
	list-style:none;
	width:80%;
	margin:auto;
}
#contents ul.arrow li{
	background:url(../images/common/arrow-down.png) bottom center no-repeat;
	padding-bottom:50px;
	margin-bottom:1em;
}
#contents ul.arrow li p{
	padding:15px;
	border:2px dotted #F90;
	text-align:center;
	border-radius:10px;
}
#contents ul.arrow li:last-child{
	background:inherit;
	padding-bottom:20px;
}

#contents a.btn,
#contents p.btn a{
	display:block;

	text-align:center;
	line-height:2;
	background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
border:1px solid #ccc;
border-radius:5px;
	padding:0 10px;
}
#contents .btn a{
	color:#333;
}
#contents .btn a:hover{
	color:#F30;
}
#contents dl.post {
	padding:15px;
}
#contents dl.post dt{
	font-size:1.2em;	
	border-left:8px solid #4f7d97;
	padding-left:0.8em;
	margin-bottom:10px;
}
#contents dl.post dd{
	margin-bottom:1em;
}

.sidebar-ads li{
	display: inline-block;
    margin: 3px;
}

.sidebar-ads li a{
	display: block;
    padding: 5px 10px;
    border: 1px #ccc solid;
    border-radius: 5px;
}

.sidebar-ads li a:hover{
	
}


}

.bf_h3{
	clear:both;
	color:#09295c!important;
	border:2px #fff solid;
	background:rgb(254,254,254);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:-moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(247,247,247,1) 51%, rgba(227,227,227,1) 100%)!important;
	background:-webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(247,247,247,1) 51%,rgba(227,227,227,1) 100%)!important;
	background:linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(247,247,247,1) 51%,rgba(227,227,227,1) 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e3e3e3',GradientType=0);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,.6);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.6);
	box-shadow:1px 1px 3px rgba(0,0,0,.6);
	font-size:1.8rem;
	line-height:1.6;
	padding:10px 12px!important;
	margin: 20px 0;
	display:flex!important;
}

.bf_h3:before{
    font-family: "FontAwesome";
    content: "\f14a";
    margin: 0 4px 0 0;
}

.bf_h4{
    clear: both;
    background: #58a7ce!important;
    color: #FFF!important;
    padding-left: 1em;
    font-size: 18px;
    margin: 15px 10px;
    box-sizing: border-box;
    border: 0;
    line-height: 2.3;
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
	border:none!important;
}
.bf_h4:before{
    content:""!important;
}

.bfh1_{
    color: #09295c;
    font-size: 2.4rem;
    vertical-align: top;
    margin: 0 0 32px;
}

.bf_h4_ver2{
    clear: both;
    border-left: 5px solid #3b6e89;
    border-right: 1px solid #3b6e89;
    border-top: 1px solid #3b6e89;
    border-bottom: 1px solid #3b6e89;
    padding-left: 1em;
    font-size: 16px;
    margin: 15px;
    box-sizing: border-box;
	    background: none!important;
    color: #000!important;
	box-shadow: none!important;
}

h4.kanrenh5{
	border-top:none!important;
	border-right:none!important;
	border-bottom:none!important;
}

.bfh3_ver2{
    clear: both;
    color: #fff;
    background: url(../images/common/mainback.jpg);
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 10px 12px;
    margin: 15px 0 20px;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.6);
    -webkit-box-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
    box-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
}
#contents div.trouble-archive > p a,
.blue_btn a{
	background: #93b2c4;
	color: #fff!important;
	display: block;
	padding: 0.5em 1em;
	margin:0 1em 1em;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
}
.blue_btn{
	clear: both;
}
span.red{
	color: red;
	font-weight: bold;
	border-bottom: 5px yellow solid;
}
}