@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500&family=Roboto:wght@400;500;700&family=Zen+Old+Mincho:wght@500;600&display=swap');

/* リセット
================================================== */
* {margin: 0; padding: 0;}
.pc_no{display:none;}
*::after,
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;	box-sizing: border-box;}
ul{padding: 0; margin: 0;}
li{padding: 0; margin: 0; list-style-type:none;}
img{border:none; vertical-align:top}
a:focus, *:focus {  outline:none; }
img a, a {
  -webkit-transition: .4s;
  transition: .4s;	
  outline: none;
}

/* 全体
================================================== */
html { scroll-behavior: smooth;}
body {
	font-family: "Figtree", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  	font-weight: 700;
	color: #000;
	font-size: 16px;
	line-height: 1.9em;
	letter-spacing: 0.03em;
	-webkit-text-size-adjust: none;
	background:#eee
}
img.w100{width:100%; height:auto}
.fc_white{color:#fff}
.pcmb25{margin-bottom:25px}
/* メイン
================================================== */
#main_wp{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	background:#f1f4fa;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}

.header_wp{
	width:100%;
 	background : url("../images/header-bk_pc.jpg") no-repeat center top;
	background-size:100%;
}
.header_title{
	background:#000;
	text-align: center;
	color: #fff;
	padding:0.5em;
}
.header_title h1{font-size:12px; font-weight: 600; letter-spacing: 0.07em;}

.header_catch{
	width:80%;
	max-width:650px;
	margin:0 auto;
	padding-top:28%;
}
.header_text{
	width:87%;
	margin:70px auto;
	text-align: center;
}
.header_text h2{
	font-size:24px;
	margin-bottom:1.5em;
}
.header_text p{margin-bottom:1em;}

.info_box{
	width:85%;
	max-width:780px;
	margin:30px auto 0;
	background:#1e48a6;
	text-align: center;
	position: relative;
	border-radius:7px;
}
.top_info,
.ft_info{padding:40px 40px 30px;}

.info_box img.area{
	width:160px;
	height:auto;
	position: absolute;
	top:-30px;
	right:-20px;
}
.info_box p.info_text01{
	font-size:18px;
	color:#fff;
	margin-bottom:1.2em;
}

.info_box p.info_text02{
	font-size:48px;
	color:#f6f30b;
	display: inline-block;
	margin:0 auto;
	padding: 0 0.5em 0.4em;
	border-bottom: dotted 3px #f6f30b;
}

.info_box img.logo{
	width:50%;
	max-width:270px;
	height:auto;
	display: block;
	margin:20px auto 0;
}
.tel_box{
	width:80%;
	margin:20px auto 13px;
	background:#fff;
	border-radius:7px;
	padding:20px;
	position: relative;
}
.info_box img.fc_icon{
	width:120px;
	height:auto;
	position: absolute;
	top:-50px;
	left:-50px;
}
.info_box h3{
	font-size:16px;
	margin-bottom:0.5em;
}
.info_box img.tel_txt{
	width:90%;
	max-width:350px;
	height:auto;
}
p.info_text03{
	font-size:12px;
	font-weight: 500;
	line-height: 1.6em;
}
@media screen and (max-width: 898px) {
	.info_box img.fc_icon{
		width:100px;
		top:-50px;
		left:-50px;
	}
	.info_box img.tel_txt{
		width:70%;
		max-width:300px;
		height:auto;
	}
}
.svs_title{
	width:90%;
	margin:120px auto 50px;
	text-align: center;
}
.svs_title p.svs_entitle{
	font-size:54px;
	margin-bottom:0.5em;
	color:#c0c9df;
}
.svs_title h1{font-size:15px;}

.svs_full{
	width:87%;
	margin:10px auto 50px;
	background:#fff;
	border-radius:7px;
	padding:35px;	
}
.svs_full h2,
.svs_inner h2{
	border-bottom: solid 1px #999;
	position: relative;
	padding:0 0.2em 0.5em;
	font-size:19px;
	margin-bottom:1em
	
}
.svs_full h2:after,
.svs_inner h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #224cac;
	bottom: -2px;
	left:-0.2em;
	width: 20%;
}
.svs_full h2 span,
.svs_inner h2 span{font-size:18px;}
.flex_wp{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}
.svs_full_img{width:45%}
.svs_full_text{width:50%}

.svs_half{
	width:87%;
	margin:15px auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.svs_inner{
	width:48%;
	margin-bottom:40px;
	background:#fff;
	border-radius:7px;
	padding:35px;
}
@media screen and (max-width: 898px) {
	.svs_full, .svs_inner{padding:30px 25px;}
}
.svs_half_img,
.svs_half_img_full{margin-bottom:1em}

.svs_full_text p,
.svs_half_text p,
.svs_half_text_full{font-size:14px; line-height: 1.7em; font-weight: 600}

.ft_infowp{
	width:100%;
	margin:100px auto;
}
.area_box{
	width:85%;
	max-width:780px;
	margin:15px auto 30px;
	background:#ccd1dd;
	padding:25px 40px 20px;
	border-radius:7px;
}
.area_box h3{
	font-size:15px;
	margin-bottom:0.7em;
	font-weight: 600;
}
.area_box h3 span{
	background:#224cac;
	color:#fff;
	padding:0.6em 1.5em;
	border-radius:30px;
}
.area_box p.area_text{font-size:15px;}
	
/* フッター
================================================== */
#footer_wp{
	width:100%;
	margin:0 auto;
	padding:45px 0;
	background:#000;
	text-align: center;
	color:#fff;
}
img.ft_logo{
	width:50%;
	max-width:280px;
	height:auto;
}
#footer_wp h3{font-size:14px; margin-top:0.7em; font-weight: 600}
#footer_wp p.add{font-size:15px; margin-bottom:0.5em; font-weight: 600}
p.url{letter-spacing: 0.05em; font-size:18px;}
p.url a{
	color:#edeca0;
	text-decoration: none;
	transition: .4s;
}
p.url a:hover{
	color:#f6f30b;
	text-decoration: underline;
}
p.copy{
	font-size:12px;
	letter-spacing:0.05em;
	margin-top:1.7em
}


/*　IEブラウザ用 */

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

.clearfix{
  min-height: 1px;
}

* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}