@charset "utf-8";

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

/*==================================================
stage
====================================================*/
#stage{
	padding: 5%;
	border-top: solid 2px #559c94;
}

#stage #topicpath{
	line-height: 1.5;
	margin-bottom: 30px;
}

#stage article{
	line-height: 1.5;
}

#stage article h1{
	background: linear-gradient(to bottom, #ffffff, #ffffff 90%, #276981);
	margin-bottom: 15px;
}

#stage article h1 span{
	display: block;
	background: url(../img/marker.png) left top no-repeat;
	padding-left: 55px;
	height: 45px;
	line-height: 3;
}

#stage article section{
	margin: 60px 5% 60px 5%;
}

#stage article section h2{
	margin-bottom: 15px;
}

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

#news section{
	border-bottom: dotted 1px #559c94;
}

#news section div p{
	padding-bottom: 15px;
}

/*==================================================
privacy_policy
====================================================*/
#privacy_policy ol{
	margin-top: 30px;
	margin-bottom: 30px;
}

#privacy_policy ol li{
	margin-left: 25px;
	margin-bottom: 15px;
}

#privacy_policy ul{
	margin-top: 30px;
	margin-bottom: 30px;
}

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

#privacy_policy .name{
	text-align: right;
}


/*==================================================
sitemap
====================================================*/
#sitemap ul{
	margin: 60px 30px 60px 30px;
}

#sitemap ul li{
	margin-bottom: 15px;
}

/*==================================================
contact
====================================================*/
#contact .tel{
	margin-top: 15px;
	text-align: center;
}

#contact .tel img{
	max-width: 100%;
}

#contact .note{
	background-color: #efefef;
	padding: 5px;
	margin-bottom: 30px;
	max-width: 815px;
	margin-left: auto;
	margin-right: auto;
}

#contact .note2{
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
	color: #559c94;
}

#contact form{
	border: double 3px #559c94;
	padding: 15px;
}

#contact form dl dt{
	background: linear-gradient(to bottom right, #559c94, #276981);
	padding: 5px;
	color: #ffffff;
	border-radius: 3px;
}

#contact form dl dd{
	padding: 5px;
	margin-bottom: 15px;
}

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

#contact form textarea{
	width: 96%;
	margin-bottom: 15px;
}

#contact form .sbmtbut{
	text-align: center;
}


/*==================================================
company
====================================================*/
#company #greeting p{
	margin-bottom: 15px;
}

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

#company #outline dl dt{
	background: linear-gradient(to bottom right, #559c94, #276981);
	color: #ffffff;
	padding: 5px;
}

#company #outline dl dd{
	padding: 5px;
}

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

#company #fukkou p{
	margin-bottom: 15px;
}

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

#company #reason .rs-list{
	margin-bottom: 30px;
}

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

#company #reason .rs-list h3{
	color: #202c9e;
	margin-top: 15px;
	margin-bottom: 15px;
}

#company #reason .keigen .em{
	font-size: 20px;
	font-weight: bold;
	color: #559c94;
}


/*==================================================
hanbai
====================================================*/
#hanbai #hanbai-link{
	background: #afcbc8;
	padding: 15px;
	border-radius: 5px;
	margin: 5%;
	
}

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

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

#hanbai #kumotu_all .faxpaper{
	border: double 3px #559c94;
	padding: 15px;
	margin-bottom: 60px;
}

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

#hanbai #kumotu_all .faxpaper ul li{
	margin-left: 25px;
}

#hanbai #kumotu_all .categori h3{
	border-left: solid 5px #559c94;
	padding-left: 10px;
	margin-bottom: 15px;
}

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

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

#hanbai #kumotu_all .categori .item table{
	border-bottom: solid 1px #202c9e;
	border-right: solid 1px #202c9e;
	border-collapse: collapse;
	width: 100%;
}

#hanbai #kumotu_all .categori .item table th{
	background-color: #bdc1e7;
	padding: 5px;
	border-top: solid 1px #202c9e;
	border-left: solid 1px #202c9e;
}

#hanbai #kumotu_all .categori .item table td{
	padding: 5px;
	border-top: solid 1px #202c9e;
	border-left: solid 1px #202c9e;
}

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


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

/*==================================================
soudan
====================================================*/
#soudan .finfo p{
	margin-bottom: 15px;
}

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

#soudan .mitumori .pho{
	text-align: center;
}

#soudan .mitumori .pho img{
	max-width: 100%;
}

#soudan .merit ul{
	background: #afcbc8;
	padding: 15px;
	border-radius: 5px;
}

#soudan .merit ul li{
	margin-left: 25px;
}

#soudan .merit .meritbx p{
	margin-top: 15px;
}

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

/*==================================================
saijyo
====================================================*/
#saijyo h3{
	margin-bottom: 15px;
}

#saijyo .finfo{
	margin-bottom: 30px;
}

#saijyo .finfo .txtbx{
	background: #afcbc8;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}

#saijyo .finfo .toi{
	border-radius: 5px;
	padding: 15px;
	border: solid 2px #559c94;
}

#saijyo .finfo .toi .telnum a{
	color: #559c94;
	font-weight: bold;
	font-size: 22px;
}

#saijyo .map{
	margin-bottom: 30px;
}

#saijyo .map iframe{
	width: 100%;
	margin-top: 5px;
}

#saijyo .gallery img{
	max-width: 100%;
}

#saijyo .gallery p{
	margin-bottom: 15px;
}

/*==================================================
plan
====================================================*/
#plan .course .pho{
	margin-bottom: 15px;
}

#plan .course .pho img{
	max-width: 100%;
}

#plan .course .pricebx{
	border: solid 2px #559c94;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}

#plan .course .pricebx .price{
	color: #559c94;
	margin-bottom: 15px;
}

#plan .course .set{
	border: solid 1px #cccccc;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 60px;
}

#plan .course .set h3{
	margin-bottom: 15px;
}

#plan .course .set .setin{
	margin-bottom: 30px;
}

/*---------------追加20231115----------------*/

#plan .course .set .setin .planicon{
	text-align: center;
}
#iconlist  li{
	float: left;
	width: calc(100%/2);
	line-height: 0;
	list-style: none;
}
#iconlist  ul{
	flex: none;
	margin-bottom: 20px;
}

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


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

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

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～1340px */
@media only screen and (min-width: 769px){
	
	#stage{
		margin-top: 151px;
		border-top: none;
	}
	
	#stage #topicpath ul li{
		float: left;
		margin-right: 15px;
	}
	
	/* news */
	#news section{
		display: flex;
		justify-content: space-between;
	}
	
	#news section h2{
		width: 30%;
	}
	
	#news section div{
		width: 67%;
	}
	
	/* sitemap */
	#sitemap ul{
		margin: 60px 60px 60px 60px;
	}
	
	/* contact */
	#contact .soudan{
		max-width: 825px;
		margin: 0 auto;
	}
	
	#contact .note2{
		text-align: center;
		margin-bottom: 120px;
	}
	
	#contact form dl{
		display: flex;
		justify-content: space-between;
		margin-bottom: 5px;
	}
	
	#contact form dl dt{
		width: 30%;
	}
	
	#contact form dl dd{
		width: 67%;
		margin-bottom: 0;
	}
	
	#contact form textarea{
		margin-bottom: 0;
	}
	
	#contact form .sbmtbut{
		margin-top: 15px;
	}
	
	/* company */
	#company #outline dl{
		display: flex;
		justify-content: space-between;
		margin-bottom: 5px;
	}
	
	#company #outline dl dt{
		width: 30%;
	}
	
	#company #outline dl dd{
		width: 67%;
	}
	
	#company #fukkou .fukkoubx{
		display: flex;
		justify-content: space-between;
	}
	
	#company #fukkou .fukkoubx .txt{
		width: 57%;
	}
	
	#company #fukkou .fukkoubx .pho{
		width: 40%;
	}
	
	#company #reason .rs-list{
		display: flex;
		justify-content: space-between;
	}
	
	#company #reason .rs-list .imgbx{
		width: 40%;
	}
	
	#company #reason .rs-list .txtbx{
		width: 57%;
	}
	
	/* hanbai */
	#hanbai .categori .item{
		display: flex;
		justify-content: space-between;
	}
	
	#hanbai .categori .item p{
		width: 47%;
	}
	
	#hanbai #kumotu_all .categori .item table{
		width: 50%;
	}
	
	/* saijyo */
	#saijyo .finfo{
		display: flex;
		justify-content: space-between;
	}
	
	#saijyo .finfo div{
		width: 44.5%;
	}
	
	#saijyo .finfo div.txtbx{
		margin-bottom: 0;
	}
	
	#saijyo .gallery div{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#saijyo .gallery div p{
		width: 49%;
	}

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

	#soudan .merit .meritbx ul{
		width: calc(40% - 30px);
	}

	#soudan .merit .meritbx p{
		width: 57%;
		margin-top: 0;
	}

	
}

/* PC向けレイアウトの指定：1341px以上では固定レイアウト */
@media only screen and (min-width: 1341px){
	
	#stage{
		width: 1183px;
		margin: 119px auto 0 auto;
		padding: 5% 0 5% 0;
	}
	
	/* saijyo */
	#saijyo .finfo div{
		width: 46%;
	}
	
	/* plan */
	#plan .course .coursebx{
		display: flex;
		justify-content: space-between;
	}
	
	#plan .course .coursebx .pho{
		width: 60%;
	}
	
	#plan .course .coursebx .txt{
		width: 37%;
	}

	/* soudan */
	#soudan .merit .meritbx ul{
		font-size: 20px;
		line-height: 1.75;
	}
	
}