@charset "UTF-8";

/*メインイメージ
---------------------------------------------------------*/
.contentpage .m_img_area::before{
	background-image: url("../images/m_img@2x.jpg");}



/* ページ固有
---------------------------------------------------------*/
.page_txt1{
	text-align: center;
	font-size:min(210%,3.5vw);
	letter-spacing: 0.15em;
	line-height: 1.6em;
	font-weight: bold;
}
.page_txt1 span{
	position: relative;
	display: inline-block;
	padding: 0 1.2em;
	box-sizing: border-box;
}
.page_txt1 span::before,
.page_txt1 span::after{
	position: absolute;
	display: block;
	content: "";
	background: #4d413c;
	background-size: 100% auto;
	width: 1px;
	height: 1.5em;
	bottom: 0;
}
.page_txt1 span::before{
	transform: rotate(-35deg);
	left: 0;
}
.page_txt1 span::after{
	transform: rotate(35deg);
	right: 0;
}

.page_txt2{
	text-align: center;
}
.page_txt2 dt{
	font-size: min(150%,2.5vw);
	letter-spacing: 0.15em;
	line-height: 1.8em;
	font-weight: bold;
}
.page_txt2 dt:has(+ dd){
	margin-bottom: .8em;
}

.shi_maru_col4{
	padding-bottom: min(90px,7vw);
	margin-bottom: 10px;
	background: url("../images/abs5.svg")no-repeat bottom center;
	background-size: 100% auto;
}
.shi_table tr:first-child td{
	text-align: center;
}
.shi_table td{
	text-align: left;
}

.page_list1{
	display: flex;
    justify-content: space-between;
}
.page_list1 li{
	width: 25%;
}
.page_list1 li .tit{
	background: #f7b13f;
	text-align: center;
	color: #fff;
	padding: .8em 0 1.4em;
	font-size:min(170%,3vw);
	line-height: 1em;
}
.page_list1 li:nth-child(2) .tit{background: #71d4d5;}
.page_list1 li:nth-child(3) .tit{background: #1b5e9d;}
.page_list1 li:nth-child(4) .tit{background: #0e2853;}

.page_list1 .img{
	width:40%;
	margin: -1.4em auto .6em;
}
.page_list1 dl{
	padding: 0 10%;
	box-sizing: border-box;
}
.page_list1 dt{
	text-align: center;
	font-weight: bold;
	font-size:min(150%,2.2vw);
	letter-spacing: 0.15em;
	line-height: 1.6em;
	border-bottom: 2px solid #f7b13f;
	color: #f7b13f;
	padding-bottom: .4em;
	margin-bottom: .6em;
}
.page_list1 li:nth-child(2) dt{
	border-color: #71d4d5;
	color: #71d4d5;
}
.page_list1 li:nth-child(3) dt{
	border-color: #1b5e9d;
	color: #1b5e9d;
}
.page_list1 li:nth-child(4) dt{
	border-color: #0e2853;
	color: #0e2853;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.page_txt2 dt{
	letter-spacing: 0.1em;
}
.page_txt2 dt:has(+ dd){
	margin-bottom: .4em;
}
	
.page_list1 dt{
	letter-spacing:normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.page_txt1{
	font-size: 130%;
	letter-spacing: 0.05em;
}
.page_txt1 span{
	padding: 0 1em;
}
	
.page_txt2 dt{
	font-size: 110%;
	letter-spacing: 0.05em;
}
.page_txt2 dt:has(+ dd){
	margin-bottom: .4em;
}
.page_txt2 dd{
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}

.shi_maru_col4{
	padding-bottom: 11vw;
	margin-bottom: 3vw;
}

.page_list1{
	display: block;
}
.page_list1 li{
	width: 100%;
	margin-bottom: 8%;
}
.page_list1 li:last-child{
	margin-bottom: 0;
}
.page_list1 li .tit{
	padding: .6em 0 1.2em;
	font-size: 130%;
}
.page_list1 .img{
	width: 5em;
	margin: -1.1em auto .6em;
}
.page_list1 dl{
	padding: 0;
}
.page_list1 dt{
	font-size: 120%;
	letter-spacing: 0.05em;
}
}