@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==================================================
contents
====================================================*/
.contents section{
	margin: 15px;
}

.contents section article h2{
	border-left: solid 5px #323da6;
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 1.5;
}

.contents #topicpath{
	display: none;
}

/*==================================================
company
====================================================*/

.contents #company article{
	margin-bottom: 60px;
}

.contents #company #greeting .imgbx{
	text-align: center;
}

.contents #company #greeting .imgbx img{
	width: 100%;
	max-width: 260px;
}

.contents #company #greeting .txtbx{
	margin-top: 15px;
}

.contents #company #greeting .txtbx p{
	margin-bottom: 15px;
	line-height: 1.5;
}

.contents #company #greeting .txtbx p.name{
	text-align: right;
}

.contents #company #outline dl{
	background-color: #e2e5ff;
	margin-bottom: 15px;
	border: solid 1px #cccccc;
	line-height: 1.5;
}

.contents #company #outline dl dt{
	padding: 5px;
}

.contents #company #outline dl dd{
	background-color: #ffffff;
	padding: 5px;
}

.contents #company #outline dl dd ul li{
	margin-left: 25px;
}

.contents #company #fukkou p{
	line-height: 1.5;
	margin-bottom: 15px;
}

.contents #company #fukkou .pho img{
	max-width: 100%;
}

.contents #company #reason .rs-list{
	line-height: 1.5;
	margin-bottom: 30px;
}

.contents #company #reason .rs-list .imgbx img{
	width: 100%;
	max-width: 770px;
}

.contents #company #reason .rs-list h3{
	background-color: #e2e5ff;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.contents #company #reason .keigen{
	line-height: 1.5;
}

.contents #company #reason .keigen .em{
	color: #323da6;
	font-weight: bold;
	font-size: 20px;
}

/*==================================================
saijyou
====================================================*/

#saijyou #saijyou-link{
	line-height: 1.5;
	background-color: #e2e5ff;
	padding: 15px;
	margin-bottom: 30px;
}

#saijyou #saijyou-link p{
	margin-bottom: 15px;
}

#saijyou #saijyou-link ul li{
	margin-left: 25px;
}

#saijyou article{
	margin-bottom: 90px;
}

#saijyou article .finfo{
	margin-bottom: 60px;
}

#saijyou article .finfo .imgbx img{
	width: 100%;
	max-width: 770px;
	margin-bottom: 15px;
}

#saijyou article .finfo .txtbx{
	line-height: 1.5;
	margin-bottom: 15px;
}

#saijyou article .finfo .txtbx .note{
	background-color: #efefef;
	padding: 15px;
	margin: 15px 0;
}

/*--------------20231113追加--------------*/

#saijyou article .finfo2{
	margin-bottom: 60px;
}
#saijyou article .finfo2 .plan{
	margin: 10px 0;
}
@media only screen and (min-width: 769px){
#saijyou article .finfo2 .plan{
	border: solid 1px #ccc;
	margin: 10px 0;
	}
}

#saijyou article .finfo2 .plan h3{
	background-color: #ccc;
	color: #000;
	padding: 5px;
	line-height: 1.5;
}

#saijyou article .finfo2 .plan .list{
	color: #000;
	padding: 5px;
	line-height: 1.5;
	text-align: center;
}

#saijyou article .finfo2 .plan .planprice{
	font-size: 1.2em;
	font-weight: 500;
	padding: 5px;
	text-align: center;
}

#saijyou article .finfo2 .plan p{
	margin: 15px;
	/*text-align: center;*/
	line-height: 1.5;
}

#saijyou article .finfo2 .plan .icon{
	/*margin: 15px;*/
	text-align: center;
	line-height: 1.5;
}

#saijyou article .finfo2 .plan .telnum{
	font-size: 20px;
	font-weight: bold;
}

#saijyou article .finfo2 .plan .telnum a{
	color: #323da6;
}

#saijyou article .finfo2 .plan .imgbx {
   margin:0 auto 0;
}
@media only screen and (min-width: 769px){
#saijyou article .finfo2 .plan .imgbx {
   margin-top:10px;
	}
}
#saijyou article .finfo2 .imgbx img{
	width: 100%;
	max-width: 770px;
	margin-bottom: 15px;
}

#saijyou article .finfo2 .plan .txtbx {
	line-height: 1.5;
	margin-bottom: 15px;
}

#saijyou article .finfo2 .plan .txtbx .note{
	background-color: #efefef;
	padding: 15px;
	margin: 15px 0;
}

#iconlist  li{
	float: left;
	width: calc(100%/2);
	line-height: 0;
	list-style: none;
}

#iconlist img{
	width: 80%;
	height: auto;
}

@media only screen and (min-width: 769px){
#iconlist  li{
	float: left;
	width: calc(100%/5);
	line-height: 0;
	list-style: none;
}
}


#saijyou article .finfo2 .toi{
	border: solid 3px #323da6;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#saijyou article .finfo2 .toi h3{
	background-color: #323da6;
	color: #ffffff;
	padding: 5px;
	line-height: 1.5;
}

#saijyou article .finfo2 .toi p{
	margin: 15px;
	text-align: center;
	line-height: 1.5;
}

#saijyou article .finfo2 .toi .telnum{
	font-size: 20px;
	font-weight: bold;
}

#saijyou article .finfo2 .toi .telnum a{
	color: #323da6;
}



/*--------------ここまで--------------*/




#saijyou article .finfo .toi{
	border: solid 3px #323da6;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#saijyou article .finfo .toi h3{
	background-color: #323da6;
	color: #ffffff;
	padding: 5px;
	line-height: 1.5;
}

#saijyou article .finfo .toi p{
	margin: 15px;
	text-align: center;
	line-height: 1.5;
}

#saijyou article .finfo .toi .telnum{
	font-size: 20px;
	font-weight: bold;
}

#saijyou article .finfo .toi .telnum a{
	color: #323da6;
}

#saijyou article .map{
	line-height: 1.5;
	margin-bottom: 60px;
}

#saijyou article .map h3{
	margin-bottom: 15px;
}

#saijyou article .map div{
	margin: 15px;
}

#saijyou article .map iframe{
	width: 100%;
}

#saijyou article .gallery{
	margin-bottom: 60px;
}

#saijyou article .gallery h3{
	margin-bottom: 15px;
}
#saijyou article .gallery p{
	margin-bottom: 15px;
}

#saijyou article .gallery p.saidan{
	margin-bottom: 0;
}

#saijyou article .gallery p.saidan-note{
	background-color: #efefef;
	padding: 5px;
}

#saijyou article .gallery p img{
	width: 100%;
	max-width: 825px;
}


/*==================================================
support
====================================================*/
#support .finfo{
	line-height: 1.5;
	margin-bottom: 15px;
}

#support .sp_tel{
	width: 90%;
	margin: 0 auto;
}

#support .sp_tel img{
	width: 100%;
	max-width: 825px;
}

#support .note{
	background-color: #efefef;
	line-height: 1.5;
	width: 90%;
	margin: 0 auto;
}

#support .note p{
	padding: 10px;
}

#support .sinfo{
	margin-top: 15px;
	margin-bottom: 30px;
	line-height: 1.5;
}

#support .tinfo{
	margin-bottom: 60px;
	line-height: 1.5;
}

/*==================================================
contact
====================================================*/

#contact .telinfo{
	line-height: 1.5;
}

#contact .telinfo p{
	margin-bottom: 15px;
}

#contact .telinfo div{
	border: dotted 1px #666666;
	padding: 15px 15px 0 15px;
	margin-bottom: 30px;
}

#contact .telinfo .spcen{
	font-weight: bold;
	color: #323da6;
}

#contact .telinfo .spcen .telnum{
	font-size: 20px;
}

#contact .telinfo .spcen .telnum a{
	color: #323da6;
}

#contact .conform .finfo{
	margin-bottom: 5px;
}

#contact .conform dl{
	background-color: #e2e5ff;
	line-height: 1.5;
}

#contact .conform dl dt{
	padding: 5px;
}

#contact .conform dl dd{
	padding: 5px;
	margin: 10px;
	background-color: #ffffff;
}

#contact .conform dl dd .txtbx{
	width: 96%;
}

#contact .conform dl dd textarea{
	width: 96%;
}

#contact .conform .sbmtbut{
	background-color: #323da6;
	padding: 5px;
	text-align: center;
}

/*==================================================
hanbai
====================================================*/
#hanbai #hanbai-link{
	line-height: 1.5;
	background-color: #e2e5ff;
	padding: 15px;
	margin-bottom: 30px;
}

#hanbai #hanbai-link p{
	margin-bottom: 15px;
}

#hanbai #hanbai-link ul{
	margin-left: 25px;
}

#hanbai article{
	line-height: 1.5;
	margin-bottom: 60px;
}

#hanbai #kumotu_all .faxpaper{
	margin-top: 15px;
	border: double 3px #323da6;
	padding: 15px;
	margin-bottom: 60px;
}

#hanbai #kumotu_all .faxpaper ul{
	margin-top: 15px;
	margin-left: 15px;
}

#hanbai #kumotu_all .categori{
	margin-bottom: 45px;
}

#hanbai #kumotu_all .categori h3{
	background-color: #efefef;
	padding: 5px;
}

#hanbai #kumotu_all .categori .item p{
	margin-top: 15px;
}

#hanbai #kumotu_all .categori .item img{
	width: 100%;
	max-width: 770px;
}

#hanbai #kumotu_all .categori .item table{
	border: solid 1px #666666;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}

#hanbai #kumotu_all .categori .item table th{
	border: solid 1px #cccccc;
}

#hanbai #kumotu_all .categori .item table td{
	border: solid 1px #cccccc;
	text-align: center;
}

#hanbai #butugu p{
	text-align: center;
}

#hanbai #butugu p img{
	width: 100%;
	max-width: 650px;
}

/*==================================================
news
====================================================*/

#news2 article{
	line-height: 1.5;
	margin-bottom: 30px;
	border-bottom: dotted 1px #cccccc;
}

#news2 article div{
	background-color: #efefef;
	padding: 15px;
	margin: 15px;
}

#news2 article div p{
	margin-bottom: 15px;
}

#news2 article div p.last{
	margin-bottom: 0;
}

/*==================================================
policy
====================================================*/

#policy article{
	line-height: 1.5;
	margin-bottom: 60px;
}

#policy article ol{
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 30px;
}

#policy article ol li{
	margin-bottom: 15px;
}

#policy article ul{
	margin-left: 25px;
	margin-top: 15px;
}

#policy article p.name{
	margin-top: 15px;
	text-align: right;
}

/*==================================================
サイトマップ
====================================================*/
#sitemap ul{
	line-height: 2;
	margin-left: 25px;
	margin-bottom: 60px;
}

/*==================================================
soudan
====================================================*/

#soudan article{
	line-height: 1.5;
}

#soudan article h3{
	margin-top: 15px;
}

#soudan article ul{
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 60px;
}

#soudan article .mitumori{
	margin-top: 30px;
	margin-bottom: 60px;
}

#soudan article .mitumori p{
	margin-top: 15px;
}

#soudan article .mitumori p img{
	width: 100%;
	max-width: 825px;
}

#soudan article .merit p{
	margin-bottom: 60px;
}

#soudan article .merit p img{
	max-width: 100%;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px){
	
	/* contents */
	.contents section{
		margin: 0;
	}
	
	.contents #topicpath{
		display: block;
		margin-bottom: 15px;
	}
	
	.contents #topicpath li{
		list-style-type: none;
		float: left;
		margin-right: 10px;
	}
	
	/* company */
	
	/*
	.contents #company #greeting .imgbx{
		width: 30%;
		float: left;
	}
	
	.contents #company #greeting .txtbx{
		width: 67%;
		float: right;
	}
	*/
	
	.contents #company #outline dl{
		margin-bottom: 0;
		border-bottom: none;
	}
	
	.contents #company #outline dl.last{
		border-bottom: solid 1px #cccccc;
	}
	
	.contents #company #outline dl dt{
		width: 30%;
		float: left;
	}
	
	.contents #company #outline dl dd{
		width: 65%;
		float: right;
	}
	
	.contents #company #fukkou .txt{
		width: 57%;
		float: left;
	}
	
	.contents #company #fukkou .pho{
		width: 40%;
		float: right;
	}
	
	.contents #company #reason .rs-list .imgbx{
		width: 57%;
		float: left;
	}
	
	.contents #company #reason .rs-list .txtbx{
		width: 40%;
		float: right;
	}
	
	/*--------------------------------
	saijyou いったん中止20231115*/
	
	#saijyou article .finfo .imgbx{
		width: 40%;
		float: left;
	}
	
	#saijyou article .finfo .txtbx{
		width: 57%;
		float: right;
	}
	
	/* saijyou 新たに設定*/
	#saijyou article .finfo2 .plan .imgbx{
		width: 70%;
	}
	
	/*-------------------------------*/
	
	/* contact */
	#contact .conform dl{
		border-top: solid 1px #323da6;
		border-left: solid 1px #323da6;
		border-right: solid 1px #323da6;
	}
	
	#contact .conform dl dt{
		width: 30%;
		float: left;
	}
	
	#contact .conform dl dd{
		width: 65%;
		float: right;
		margin: 0;
	}
	
	/* hanbai */
	#hanbai #kumotu_all .categori .item p{
		width: 40%;
		float: left;
	}
	
	#hanbai #kumotu_all .categori .item table{
		width: 57%;
		float: right;
		margin-top: 15px;
	}
	
	
	
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px){
	
	/* support */
	#support .tinfo{
		text-align: center;
	}
	
	/* contact */
	#contact .telinfo div{
		width: 500px;
		margin: 0 auto 30px auto;
		text-align: center;
	}

	/* soudan */
	#soudan article .merit{
		display: flex;
		justify-content: space-between;
	}

	#soudan article .merit ul{
		width: 30%;
	}

	#soudan article .merit p{
		width: 67%;
	}
}