@charset "utf-8";
@media screen and (max-width: 768px) {
#contents{border-top:1px #ccc solid;padding:20px 0;}
#contents.multi{padding:20px 0 0;}
#contents > h1{
	font-size:1.8rem;
	margin:0 0 20px;
}
#contents article{
	line-height:1.8;
}
#contents article.bothsp{
	padding:0 12px;
}
#contents > article:not(:last-child){
	margin:0 0 28px;
}

#container #contents h2{
	font-size:2rem;
}

#container #contents h3{
	font-size:1.7rem;
}

#contents div.trouble-archive > p a{
	margin: 0!important;
}

#contents .upperbnr{margin:0 12px 15px;}

#contents .upperbnr img{ 
	margin-bottom:5px; width:100%;max-width:720px;height:auto;
}
#contents .upperbnr p{
	line-height:1.8;
}
.dltable > dl{
	width:100%;
	border-top:1px #ccc solid;
	font-size:1.3rem;text-align:left;
	line-height:1.6;
}
.dltable > dl > dt,
.dltable > dl > dd{
	border-bottom:1px #ccc solid;
	padding:5px;
}
.dltable > dl > dt{
	background:#efefef;
	text-align:center;
}
.roundbt{
	font-size:1.4rem;
}

.lcp_catlist p:after,
.archivelist p:after{
	content:"…";
}
#cntactbnr.basic{
	display:none;
}
#cntactbnr{
	margin:20px 0 0;
}
#cntactbnr > ul,
.cntactbnr > ul{
	background:url(../images/common/telbnr-back-s.jpg);
	padding:18px 14px 12px;
	margin:0;
}
#cntactbnr > ul li,
.cntactbnr > ul li{
	display:block;
	width:100%;
	max-width:300px;
	margin:0 auto 10px;
}
#cntactbnr > ul li img,
.cntactbnr > ul li img{
	width:100%;
	max-width:300px;
	height:auto;
}
#cntactbnr > ul li a,
.cntactbnr > ul li a{
	padding:16px 10px;
	box-sizing:border-box;
}
#cntactbnr > ul li a img,
.cntactbnr > ul li a img{
	width:100%;
	max-width:250px;
	height:auto;
}
#cntactbnr > ul li:last-child,
.cntactbnr > ul li:last-child{
	width:100%;
	background:#fff;
	text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:8px 0;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#cntactbnr.multi > ul li:nth-child(2) small,
.cntactbnr.multi > ul li:nth-child(2) small{
	padding:5px 0;
}

.cntactbnr.multi > ul li:nth-child(2) span.sds a{
	border:none;
	display:inherit;
	padding:inherit;
}

.data01 dt img {
    padding: 3px;
    margin: 0;
    background-color: #FFF;
    border: #dadada solid 1px;
    width: 108px;
    height: 90px;
    text-align: center;
}

#form_contents .title{
	width:auto;
	line-height:inherit;
-moz-background-size:cover;
margin:0 5px 10px;
background-size:100% 100%;
padding:5px 15px;
}


#form_contents table input,
#form_contents table input{
	width:100%;
	display:block;
}

#form_contents table th{
	text-align:left!important; font-weight:bold;
	padding:5px 10px!important;
	color:#333;
}
#form_contents table td{
	padding-bottom:10px;
}
#contents h6{
	clear:both;
	font-weight:bold;
	font-size:2rem;
}

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 h4{
	font-size:18px;
}
#contents h5{
	    font-size: 1.8rem;
}
.tsumari-ul-2 li, .tsumari-ul li{
	font-size: 1.6rem;
}

div#toc_container{
	width:100%;
	background:#fff!important;
	padding:0;
}
div#toc_container p.toc_title+ul.toc_list{
	margin:10px;
}
article #toc_container.toc_light_blue ul li ul {
    margin-top: 3px;
}

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;
}

.clearfix {
    zoom: 1;
    min-height: 1px;
}

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

.center {
    text-align: center;
}

.red {
	color:#f00;
}
.clear-both{
	clear:both;
}

.data02 dt img {
    padding: 3px;
    margin: 0;
    background-color: #FFF;
    border: #dadada solid 1px;
    width: 108px;
    height: 90px;
    text-align: center;
}
.simpleblogcard_description{
	font-size: 16px!important;
}
.sidebar-ads li{
	padding: 5px;
}
#contents img,
.bothsp img{
	max-width:100%;
	height:auto;
}

.bothsp img.alignleft,
.bothsp img.alignright{
	float:none;
	margin:0 15px 10px 0;

}
.bothsp img.alignleft::after,
.bothsp img.alignright::after{
	content: "\A";
    white-space: pre;
}
#toc_container p.toc_title,
#toc_container .toc_toggle a{
	color:#FFF;
}
#toc_container p.toc_title{
	background:#4f7d97;
	padding:5px 15px;
}
#toc_container.toc_light_blue li{
	margin:0 3px 3px 0;
}
#toc_container.toc_light_blue li a{
	display:block;
	color:#062659;
	font-size:16px;
	line-height:1.8;
	padding:0 0 0 32px;
	text-align:left;
}
#toc_container.toc_light_blue li a:before{
	border-left:10px solid #4f7d97;
	margin-right:3px;
	content:"";
}
#toc_container.toc_light_blue ul li ul li a:before{
	border-left:6px solid #999;
}
#toc_container.toc_light_blue ul li ul li ul li a:before{
	border-left:2px solid #999;
}
.pc{
	display:none;
}
.text-pr{
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,.6);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.6);
	box-shadow:1px 1px 2px rgba(0,0,0,.6);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px;
	margin:10px 0;
	border:1px solid #2f8fb7;
	font-weight:bold;
	color:#095575;
}

.h4-box li{
	border:#CCC 1px solid;
	margin:5px;
	padding:10px;
}
.bothsp p.title{
	background:#2f8fb7;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:2em;
	margin-bottom:10px;
}
.bothsp ol {
    list-style: decimal;
    margin-left: 2em;
}
#sagyou01 img{
	max-width:inherit;
	width:inherit;
}
.wpcf7 dl dt{
	width:100%;
	box-sizing: border-box;
}
#result-list li h4{
	padding-left:0;
	margin-top:5px!important;
}
#result-list li > h4 a{
	padding:10px!important;
	font-size:1.4rem;
}
#result-list li > div{
	padding:10px!important;
}
.common-box01-inner table th,
.common-box01-inner table td{
	display:block;
}
#ryoukin01 > dl{
	overflow:hidden;
	padding:5px 5px 0!important;
	position:relative;
}
#ryoukin01 > dl dt:first-child{
	float:left;
	width:32%;
}
#ryoukin01 > dl dt{
	font-size:1.6rem;
	padding-top:15px;
}
#ryoukin01 > dl dd{
	position:absolute;
	bottom:10px;
	right:10px;
	width:60%;
}
#container.one-column .inner{
	text-align:left;
	padding:0 10px 20px;
}
#container.one-column #contents img{
	margin:15px 0;
}
#container.one-column #contents p{
	margin:0 1em 1em;
}
#container.one-column .dialogue{
	margin-top:20px;
}
#container.one-column .dialogue li{
	margin-bottom:1em;
	overflow:hidden;
}
#container.one-column .dialogue img{
	width:20%;
	margin:0!important;
}
#container.one-column .dialogue p{
    width: 75%;
    position: relative;
    border-radius: 10px;
	text-align:left;
    box-sizing: border-box;
    padding: 10px;
	margin:0!important;
}
#container.one-column .dialogue .w_coment img{
	float:left;
}
#container.one-column .dialogue .w_coment p {
    float: right;
    border: 5px solid #ef887e;
}

#container.one-column .dialogue .m_coment img{
	float:right;
}
#container.one-column .dialogue .m_coment p {
    float: left;
    border: 5px solid #007bff;
}
.dialogue p span{
  position: absolute;
  width: 20px;
  height: 30px;

}
.dialogue .w_coment p span{
  left:-25px;
  top:0;
  background:url(../images/common/dialogue-w-sankaku.png) no-repeat top left;
}
.dialogue .m_coment p span{
  right:-25px;
  top: 0;
  background:url(../images/common/dialogue-m-sankaku.png) no-repeat top right;
}
#container #contents h2{
	font-size:2rem;
	line-height:1.5;
	margin:15px 0;
}

#container.one-column h4{
	clear: both;
    padding:13px ;
    font-size:18px;
    margin: 15px 0;
	line-height:1.5;
}

.keyword {
    border: 2px #ccc solid;
    border-radius: 10px;
    position: relative;
    text-align: center;
    color: #09F;
    font-size: 1.5em;
    line-height: 3em;
    margin: 20px 0 60px;
}
.keyword span {
    position: absolute;
    bottom: -40px;
    left: 40%;
    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;
	font-size:16px;
}

#contents ul.arrow{
	list-style:none;
	width:90%;
	margin:auto;
}
#contents ul.arrow li{
	background:url(../images/common/arrow-down.png) bottom center no-repeat;
	padding-bottom:25px;
	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;
}
#container.one-column #contents h1{display:table;width:100%;background:url(../images/common/mainback.jpg);color:#fff;font-size:1.5rem;line-height:1.6;padding:12px 0;margin:0 0 20px; text-align:center;}
#container.one-column #contents h1 > span{display:table-cell;vertical-align:middle;padding:0 5px;}

#ez-toc-container nav > ul > li {
    line-height: 1.2;
		padding: 10px;
		width: 100%;
	}
	#ez-toc-container nav > ul > li a{
		font-size: 1.6rem;
		line-height: 1.2;
	}
#ez-toc-container nav > ul ul{
	display: none!important;
}
/*
#ez-toc-container nav > ul > li {
    line-height: 1.2;
		padding: 10px;
		width: 31%;
	}
	#ez-toc-container nav > ul > li a{
		font-size: 1.6rem;
		line-height: 1.2;
	}
#ez-toc-container nav > ul ul{
	display: none!important;
}
*/
#contents a.btn,
#contents .btn a{
	display:block;
	text-align:center;
	line-height:2;
	color:#333;
	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.1em;
	border-left:8px solid #4f7d97;
	padding-left:0.8em;
	margin-bottom:10px;
}
#contents dl.post dd{
	margin-bottom:1em;
}

.dialogue ul{
	list-style:none;
	margin:0 0 20px;
}
.dialogue ul li{
	overflow:hidden;
	box-sizing:border-box;
}
.dialogue img{
	width:20%!important;
	height:auto;
}
.dialogue p{
	width:70%!important;
	position:relative;
	border-radius:15px;
	box-sizing:border-box;
	padding:10px;
	font-size:16px;
	margin:0 0 15px;
}
.dialogue p span{
  position: absolute;
  width: 40px;
  height: 40px;

}
.dialogue p.btn{
	width:inherit!important;
	margin:0;
}
.dialogue p.btn a{
	line-height:2.5em!important;
}

.dialogue .w_coment img{
	float:left;
}
.dialogue .w_coment p{
	float:right;
	border:5px solid #ef887e;
}

.dialogue .w_coment p span{
  left:-40px;
  top:15px;
  background:url(../images/common/dialogue-w-sankaku.png) no-repeat top left;
}
.dialogue .m_coment img{
	float:right;
}
.dialogue .m_coment p{
	float:left;
	border:5px solid #007bff;
}
.dialogue .m_coment p span{
  right:-40px;
  top: 15px;
  background:url(../images/common/dialogue-m-sankaku.png) no-repeat top right;
}
#container #contents .trouble-archive p{
	margin:0;
}

	.contact-bnr .fixed-contact__contact .fixed-contact__mail .fixed-contact__text,
	.contact-bnr .fixed-contact__contact .fixed-contact__line .fixed-contact__text {
		font-size: 12px!important;
	}
	#container .case ul.flexbox-justify > li a img{
		width: 100%;
		height: auto;
	}
}
#ez-toc-container .ez-toc-title-container::after{
	width:80% !important;
}
#contents #ez-toc-container nav > ul{white-space: unset !important;}
@media screen and (max-width: 767px) {
	#ez-toc-container .ez-toc-list{
		width: 100% !important;
	}
	#ez-toc-container nav > ul > li{
		display: flex;
	}
	#contents article.bothsp{
		padding:0 !important;
	}
	#ez-toc-container nav > ul > li::before{
		position: relative;
		left: 10px;
	}
	#ez-toc-container .ez-toc-title-container::after{
	width:65% !important;
}
}