@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300&family=Noto+Sans+JP&family=Shippori+Mincho+B1&display=swap');

html {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-size: 62.5%; /*ベースを10pxにしています*/
}
	@media screen and (max-width:768px){
		html{
			font-size: 56.25%;
		}
}
body{
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	max-width: 1980px;
	margin: 0 auto;
}
#btn_open{
	display: none;
}
p, a, li, dt, dd, h2, h3, table{
	color: #4d4d4d;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', 'MS ゴシック',sans-serif;
	font-weight: 400;
	line-height: 1.5;
}
a{
	text-decoration: none;
}
th{
	font-weight: normal;
}
.fs12{
	font-size: 1.2rem;
}
.fs13{
	font-size: 1.3rem;
}
.fs14{
	font-size: 1.4rem;
}
.fs15{
	font-size: 1.5rem;
}
.fs17{
	font-size: 1.7rem;
}
.fs18{
	font-size: 1.8rem;
}
.fs20{
	font-size: 2rem
}
.fs22{
	font-size: 2.2rem;
}
.fs24{
	font-size: 2.4rem;
}
.fs26{
	font-size: 2.6rem;
}
.fs28{
	font-size: 2.8rem;
}
.fs30{
	font-size: 3rem;
}
.fs32{
	font-size: 3.2rem;
}
.fs36{
	font-size: 3.6rem;
}
.fs38{
	font-size: 3.8rem;
}
.fs40{
	font-size: 4rem;
}
.fs56{
	font-size: 5.6rem;
}
.fs58{
	font-size: 5.8rem;
}

.DB{
	color: #313855;
}
.LB{
	color: #0E7DCC;
}
.LG{
	color: #808080;
}
.WH{
	color: #fff;
}
.bg_LG{
	background-color: #e8f5f4;
}
.bg_GL{
	background-color: #b2a85c;
}
.marker_YL{
	background: linear-gradient(transparent 70%, rgba(255,199,69,1.00) 70%);
}
	@media screen and (max-width:959px){
		.css-br::after {
		  content: "\A" ;
		  white-space: pre;
		}
	}

.container{
	width: 95%;
	max-width: 1240px;
	margin: 0 auto;
}
.Title_L{
	width: 100%;
	height: 270px;
	margin-bottom: 100px;
	background-repeat: no-repeat;
	background-size: 250px;
	background-position: bottom;
	display: flex;
	align-items: flex-end;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
	font-weight: 400;
}
	@media screen and (max-width:599px){
		.title_sec03{
			margin-bottom: 30px;
			background-image: url("../images/sec03_bg_sp.png");
			background-position: center;
		}
}
.Title_L ul{
	width: 100%;
}
.Title_L li{
	text-align: center;
	letter-spacing: 0.1em;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
	font-weight: 400;
}
.Title_L h2{
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
	font-weight: 400;
	border-bottom: 5px solid #0E7DCC;
}

/******************
ヘッダー
********************/
header{
	width: 100%;
	height: 120px;
	position: relative;
	z-index: 99999;
}
@media screen and (max-width:599px){
	header{
		height: 70px;
	}
}
.wrap_header{
	width: 100%;
	position: fixed;
	height: 120px;
	background-color: #fff;
}
@media screen and (max-width:599px){
	.wrap_header{
		height: 70px;
	}
}
h1{
	width: 230px;
	position: absolute;
	top: 45px;
	left: 30px;
	z-index: 10;
}
	@media screen and (max-width:599px){
		h1{
			top: 10px;
			left: 10px;
		}
}
.application{
	width: 214px;
	position: absolute;
	top: 0;
	right: 125px;
}
	@media screen and (max-width:959px){
		.application{
			display: none;
		}
	}

/*------------ハンバーガーメニュー-----------------*/

.header_nav p{
	width: 50%;
	min-width: 174px;
	padding-left: 30px;
}
#gnav .header_nav p a{
	padding: 0 0 10px 20px;
}
.btn_box{
	position: fixed;
	top: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	z-index: 9999;	
}
.btn_menu{
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
	top: 30px;
	right: 30px;
    z-index: 9999;	
}
@media screen and (max-width:599px){
	.btn_menu{
		top: 0;
		right: 0;
	}
}
.btn_menu span{
    width: 70%;
    height: 2px;
    display: block;
    position: absolute;
    left: 8px;
    background-color: #313855;
    transition: .2s;
}
.btn_menu span:nth-of-type(1){
    top:14px;
    transform: rotate(0);
}
.btn_menu span:nth-of-type(2){
    top:27px;
    transform: scale(1);
}
.btn_menu span:nth-of-type(3){
    bottom: 18px;
    transform: rotate(0);
}
.btn_menu span:nth-of-type(3)::after{
content: "menu";
  position: absolute;
  top:8px;
  left:5px;
  color: #313855;
  font-size: 1rem;
  text-transform: uppercase;
}
#btn_open:checked + .btn_menu span:nth-of-type(1){
    top:25px;
    transform: rotate(-45deg);
}
#btn_open:checked + .btn_menu span:nth-of-type(2){
    transform: scale(0);
}
#btn_open:checked + .btn_menu span:nth-of-type(3){
    bottom: 32px;
    transform: rotate(45deg);
}
#btn_open:checked + .btn_menu span:nth-of-type(3)::after{
	content:"Close";/*3つ目の要素のafterにClose表示を指定*/
    transform: translateY(0) rotate(-45deg);
	top:14px;
	left:23px;
}
#gnav{
    width: 50%;
    padding: 10px 0;
    background-color:#fff;
    overflow: hidden;
    position: fixed;
    top:0;
    right: -100%;
    transition: right .5s;
    z-index: 999;
}
	@media screen and (max-width:599px){
			#gnav{
				width: 100%;
				background-color:rgba(255,255,255,0.90);
			}
	}
#gnav ul{
    display: block;
	margin-top: 60px;
    height: 100vh;
    text-align:center;
}
#gnav li{
    width: 90%;
	margin: 0 auto;
    line-height: 2;
	text-align: start;
}
#gnav a{
    width: 100%;
	padding: 15px 10px;
    display: block;
	color: #313855;
    text-decoration: underline;
	font-family: 'Roboto','Noto Serif JP', 'MS 明朝', serif;
	font-weight: 400;
}
#btn_open:checked ~  #gnav{
    right: 0;
}
.btn_menu{
    cursor: pointer;
}
.btn_menu{
	cursor: pointer;
}
.kv{
	width: 100%;
	height: 100vh;
	position: relative;
	background-image: url("../images/kv.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	z-index: -1;
}
	@media screen and (max-width:959px){
		.kv{
			display: none;
		}
	}
.kv_sp{
	width: 100%;
	display: none;
}
	@media screen and (max-width:959px){
		.kv_sp{
			display: block;
			margin-bottom: 15px;
		}
	}
.kv ul{
	padding-top: 20%;
	margin: 0 auto;

}
.kv li{
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
}
.kv li:last-child{
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}
.matching{
	width: 55%;
	max-width: 765px;
	margin: -100px auto 0;
}
	@media screen and (max-width:959px){
		.matching{
			display: none
		}
	}
.matching_sp{
	display: none;
}
	@media screen and (max-width:959px){
		.matching_sp{
			display: block;
			width: 95%;
			margin: 0 auto 30px;
		}
	}


/******************
sec01
********************/
.wrap_sec01{
	padding: 150px 0 100px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	@media screen and (max-width:959px){
		.wrap_sec01{
			padding: 0;
			margin-bottom: 60px;
		}
	}

.sec01_box01{
	width: 40%;
	height: auto;
	background-image: url("../images/sec01_01.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}
	@media screen and (max-width:959px){
		.sec01_box01{
			display: none;
		}
	}
.sec01_box02{
	width: 55%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
	@media screen and (max-width:959px){
		.sec01_box02{
			width: 95%;
			margin: 0 auto;
		}
	}
.sec01_box02 h2{
	margin-bottom: 70px;
	padding: 5px 0 5px 30px;
	letter-spacing: 0.1em;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
	font-weight: 400;
	border-left: 10px solid #0E7DCC;
}
	@media screen and (max-width:959px){
		.sec01_box02 h2{
			width: 100%;
			margin: 0 auto;
			padding: 5px 0 45px 20px;
		}
	}
	@media screen and (max-width:599px){
		.sec01_box02 h2{
			font-size: 24px;

		}
	}
.sec01_box02_sp{
	display: none;
}
	@media screen and (max-width:959px){
		.sec01_box02_sp{
			display: block;
			width: 100%;
			margin: 0 auto;
			padding: 5px 0 0 20px;
			border-left: 10px solid #0E7DCC;
		}
	}
.sec01_box02 p a{
	text-decoration: underline;
	color: #0E7DCC;
}
.sec01_box02 p{
	width: 90%;
	max-width: 710px;
	margin-bottom: 150px;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
}
	@media screen and (max-width:959px){
		.sec01_box02 p{
			width: 100%;
			max-width: none;
			margin-bottom: 30px;
		}
	}
.sec01_box02 ul{
	width: 90%;
	max-width: 710px;
	padding: 40px 0;
	border: 1px solid #B3B3B3;
	border-radius: 10px;
}
	@media screen and (max-width:959px){
		.sec01_box02 ul{
			width: 100%;
			margin: 0 auto;
			padding: 20px 0;
		}
	}
.sec01_box02 li{
	width: 90%;
	margin: 0 auto 30px;
	text-align: center;
}
	@media screen and (max-width:960px){
		.sec01_box02 li{
			margin: 0 auto 10px;
		}
	}
.sec01_box02 li a{
	width: 274px;
	height: 60px;
	padding: 15px 0;
	display: inline-block;
	background-color: #313855;
	border-radius: 10px;
}
.sec01_box02 li a:hover{
	opacity: 0.8;
}
.sec01_box02 li img{
	width: 24px;
	margin-left: 24px;
}

/******************
sec02
********************/
#sec02{
	background-color: #EAF6FD;
	margin-bottom: 30px;
}
.wrap_sec02{
	width: 95%;
	max-width: 1240px;
	margin: 0 auto 30px;
}
	@media screen and (max-width:599px){
		.wrap_sec02{
			margin: 0 auto 100px;
		}
}
.dr_sp{
	display: none;
	text-align: center;
}
	@media screen and (max-width:599px){
		.dr_sp{
			display: block;
		}
		.dr_pc{
			display: none;
		}
}
.sec02_box{
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec02_box ul{
	width: 55%;
	margin: auto;
}
	@media screen and (max-width:599px){
		.sec02_box ul{
			width: 100%;
		}
}
.sec02_box li{
	margin-bottom: 50px;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
}
	@media screen and (max-width:599px){
		.sec02_box li{
			margin-bottom: 20px;
		}
		.sec02_box li:first-child{
			text-align: center;
		}
		
	}
.sec02_box li img{
	width: 50%;
	max-width: 280px;
}
	@media screen and (max-width:599px){
		.sec02_box li img{
			width: 100%;
		}
}
.sec02_box p{
	width: 40%;
	margin-top: auto;
}
	@media screen and (max-width:599px){
		.sec02_box p{
			width: 100%;
		}
	}
/******************
sec03
********************/
#sec03 .Title_L{
	margin-bottom: 0;
	background-image: url("../images/sec03_bg.png");
}

.wrap_sec03{
	padding: 100px 0 150px;
	background-color: #F2F2F2;
}
	@media screen and (max-width:599px){
		.wrap_sec03 {
			padding: 100px 0 50px;
		}
	}
.Title_sec03{
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	border-bottom: 4px dotted #0E7DCC;
}
	@media screen and (max-width:959px){
		.Title_sec03{
			margin-bottom: 20px;
			padding-bottom: 15px;
		}
}
.Title_sec03 h3{
	width: 100%;
	padding-top: 10px;
	font-family: 'Noto Serif JP', 'MS 明朝', serif;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
}
	@media screen and (max-width:959px){
		.Title_sec03 h3{
			text-align: start;
		}
}
	@media screen and (max-width:599px){
		.Title_sec03 h3{
			font-size: 24px;
		}
	}

.Title_sec03 img{
	width: 17%;
	max-width: 224px;
	position: absolute;
	left: 0;
	bottom: 30px;
}
	@media screen and (max-width:959px){
		.Title_sec03 img{
			width: 50%;
			max-width: 134px;
			bottom: 130px;
			position: initial;
		}
}
	@media screen and (max-width:599px){
		.Title_sec03 img{
			bottom: 100px;
		}
	}
.sec03_box01,
.sec03_box02,
.sec03_box03,
.sec03_box04,
.sec03_box05,
.sec03_box06{
	margin-bottom: 130px;
}
	@media screen and (max-width:599px){
		.sec03_box01,
		.sec03_box02,
		.sec03_box03,
		.sec03_box04,
		.sec03_box05,
		.sec03_box06{
			margin-bottom: 80px;
		}
	}

.sec03_box01{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec03_box01 dl{
	width: 55%;
	display: flex;
	flex-wrap: wrap;
}
	@media screen and (max-width:599px){
		.sec03_box01 dl{
			width: 95%;
			margin: 0 auto 20px;
		}
	}
.sec03_box01 dt{
	width: 40px;
	
}
.sec03_box01 dd{
	width: calc(100% - 40px);
}
.sec03_box01 p{
	width: 40%;
}
	@media screen and (max-width:599px){
		.sec03_box01 p{
			width: 95%;
			margin: 0 auto;
		}
	}
.sec03_box02 dl{
	width: 100%;
	margin-bottom: 10px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	border-radius: 12px;
}
.sec03_box02 dt{
	width: 40px;
}
.sec03_box02 dt img{
	width: 24px;
}
.sec03_box02 dd{
	width: calc(100% - 40px);
}
.wrap_sec03 h4{
	width: 100%;
	margin-bottom: 40px;
	padding: 15px 0;
	background-color: #fff;
	text-align: center;
	border: 1px solid #0E7DCC;
	border-radius: 12px;
	letter-spacing: 0.1em;
}
	@media screen and (max-width:959px){
		.wrap_sec03 h4{
			margin-bottom: 20px;
		}
	}
	@media screen and (max-width:599px){
		.wrap_sec03 h4{
			margin-bottom: 12px;
		}
	}

@media screen and (max-width:959px){
	.sec03_box03 .Title_sec03 img{
		bottom: 60px;
	}
}
.sec03_box03_table{
	width: 100%;
	margin-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	@media screen and (max-width:599px){
		.sec03_box03_table{
			margin-bottom: 30px;
		}
	}
.sec03_table_pic{
	width: 30%;
	height: auto;
	background-image: url("../images/sec03_table_pic.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}
	@media screen and (max-width:599px){
		.sec03_table_pic{
			width: 100%;
			height: 200px;
		}
}
.sec03_box03_table table{
	width: 65%;
	margin: 0 0 0 auto;
}
	@media screen and (max-width:599px){
		.sec03_box03_table table{
			width: 100%;
			margin: 0 auto;
		}
	}
.sec03_box03_table tr{
	border-bottom: 1px solid #B3B3B3;
}
.sec03_box03_table tr:last-child{
	border-bottom: none;
}
.sec03_box03_table th{
	width: 35%;
	padding: 15px 30px 15px 0;
	text-align: start;
}
	@media screen and (max-width:599px){
		.sec03_box03_table th{
			display: block;
			width: 100%;
			padding: 7px 15px 0;
		}
	}
.sec03_box03_table td{
	padding: 15px 0;
}
	@media screen and (max-width:599px){
		.sec03_box03_table td{
			display: block;
			width: 100%;
			padding: 7px 15px;
		}
	}
.sec03_box03_table ul{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width:959px){
	.sec03_box04 .Title_sec03 img{
		bottom: 60px;
	}
}
.sec03_box04 .sec03_box04_pic p{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.sec03_box04_pic ul{
	width: 100%;
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width:959px){
	.sec03_box04_pic ul{
		margin-bottom: 50px;
	}
}
.sec03_box04_pic li{
	width: 32%;
}
.sec03_box04 .sec03_box04_ad p{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.sec03_box04_ad ul{
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width:959px){
	.sec03_box04_ad ul{
		margin-bottom: 50px;
	}
}
.sec03_box04_ad li{
	width: 32%;
}
.sec03_box04_ct {
	margin: 30px auto;
	text-align: center;
}


.sec03_box04_ct img{
	width: 100%;
	max-width:480px;	
}

.sec03_box04_ct_bottom {
	margin: 0px auto;
	text-align: center;
	width: 100%;
}


.sec03_box04_ct_bottom img{
	width: 100%;
	max-width:480px;
	margin-bottom: 30px;	
}

@media screen and (max-width:959px){
	.sec03_box04_ct ul{
	width: 100%;
		margin-bottom: 50px;
	}
}
.sec03_box04_ct li{
	width: 50%;
}

.sec03_box04 table{
	width: 100%;
	margin-bottom: 80px;
}
@media screen and (max-width:959px){
	.sec03_box04 table{
		margin-bottom: 50px;
	}
}
.sec03_box04 tr{
	border-bottom: 1px solid #B3B3B3;
}
.sec03_box04 th{
	width: 50%;
	padding: 15px 20px 15px 0;
	text-align: start;
}
	@media screen and (max-width:599px){
		.sec03_box04 th{
			display: block;
			width: 100%;
			padding: 7px 15px 0;
		}
	}
.sec03_box04 td{
	width: 50%;
	padding: 15px 0;
}
	@media screen and (max-width:599px){
		.sec03_box04 td{
			display: block;
			width: 100%;
			padding: 7px 15px;
		}
	}
.sec03_box04 p{
	margin-bottom: 80px;
}
@media screen and (max-width:959px){
	.sec03_box04 p{
		margin-bottom: 50px;
	}
}
@media screen and (max-width:599px){
	.sec03_box04 p{
		margin-bottom: 30px;
	}
}
@media screen and (max-width:959px){
	.sec03_box05 .Title_sec03 img{
		bottom: 60px;
	}
}
.sec03_box05 p{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.sec03_box05_table{
	width: 100%;
	margin-bottom: 30px;
	padding: 30px 10px;
	background-color: #fff;
	border-radius: 12px;
}
@media screen and (max-width:599px){
	.sec03_box05_table{
		padding: 20px 10px;
	}
}
.sec03_box05_table th{
	width: 240px;
	padding: 15px 0;
	text-align: start;
}
@media screen and (max-width:599px){
	.sec03_box05_table th{
		display: block;
		width: 100%;
		padding: 7px 15px 0;
	}
}
.sec03_box05_table td{
	padding: 15px 0;
}
@media screen and (max-width:599px){
	.sec03_box05_table td{
		display: block;
		width: 100%;
		padding: 7px 15px;
	}
}
.sec03_box05_col{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	@media screen and (max-width:959px){
		.sec03_box05_col {
			width: 95%;
			padding-left: 15px;
	border-left: 2px solid #0E7DCC;
		}
	}
.sec03_box05_col ul{
	width: 45%;
}
	@media screen and (max-width:959px){
		.sec03_box05_col ul{
			width: 100%;
			margin-bottom: 30px;
			order: 3;
		}
	}
.sec03_box05_col p{
	width: 28%;
}
	@media screen and (max-width:959px){
		.sec03_box05_col p{
			width: 100%;
			order: 2;
		}
	}
.sec03_box05_col p.LB{
	width: 154px;
	margin: 0;
	padding: 10px 0;
	position: relative;
	text-align: start;
	border-right: 2px solid #0E7DCC;
}
	@media screen and (max-width:959px){
		.sec03_box05_col p.LB{
			width: 100%;
			margin-bottom: 20px;
			padding: 0;
			border-right: none;
			order: 1;
		}
	}
.maru01{
	position: absolute;
	right: -9px;
	top: 32px;
}
	@media screen and (max-width:959px){
		.maru01{
			left: -23px;
			top: 23px;
		}
	}
.maru02{
	position: absolute;
	right: -9px;
	top: 5px;
}
	@media screen and (max-width:959px){
		.maru02{
			left: -23px;
			top: 0;
		}
	}
.sec03_box05_col .css-br::after {
		  content: "\A" ;
		  white-space: pre;
		}
	@media screen and (max-width:959px){
		.sec03_box05_col .css-br::after {
				  content: "" ;
				  white-space: pre;
				}
		}
@media screen and (max-width:959px){
	.sec03_box06 .Title_sec03 img{
		bottom: 60px;
	}
}
.sec03_box06 p{
	width: 100%;
	margin-bottom: 60px;
}
.sec03_box06_area{
	width: 100%;
	padding: 20px;
	background-color: #fff;
	border-radius: 12px;
}

.title_box{
	width: 100%;
	height: 322px;
	margin-bottom: 45px;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	display: flex;
	align-items: center;
	border-radius: 12px;
}
@media screen and (max-width:599px){
	.title_box{
		margin-bottom: 15px;
	}
}
.title_box01{
	background-image:url("../images/title_box_bg01.png");
}
.title_box02{
	background-image:url("../images/title_box_bg02.png");
}
.title_box ul{
	width: 100%;
}

.title_box li{
	padding: 10px 0;
	text-align: center;
	margin:  0 auto;
}
@media screen and (max-width:599px){
	.title_box li{
		padding: 5px 0;
	}
}
.border_LB{
	padding: 10px 0;
	border-bottom: 2px solid #0E7DCC;
}
@media screen and (max-width:599px){
	.border_LB{
		padding: 3px 0;
	}
}
.sec03_box06 h4{
	background-color: #0E7DCC;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
@media screen and (max-width:599px){
	.sec03_box06 h4{
		margin-bottom: 10px;
	}
}
.sec03_box06 li{
	line-height: 1.8;
}
.sec03_box06 table{
	width: 100%;
	margin-bottom: 80px;
}
@media screen and (max-width:599px){
	.sec03_box06 table{
		margin-bottom: 20px;
	}
}
.sec03_box06 tr{
	border-bottom: 1px solid #B3B3B3;
}
.sec03_box06 tr:last-child{
	border-bottom: none;
}
.sec03_box06 th{
	width: 18%;
	padding: 20px;
	text-align: start;
}
@media screen and (max-width:599px){
	.sec03_box06 th{
		display: block;
		width: 100%;
		padding: 10px 15px 0;
	}
}
.sec03_box06 td{
	width: 80%;
	padding: 20px 0;
	text-align: start;
}
@media screen and (max-width:599px){
	.sec03_box06 td{
		display: block;
		width: 100%;
		padding: 10px 15px;
	}
}
.sec03_box06 td ul{
	padding: 0;
}
.sec03_box06_area{
	margin-bottom: 65px;
}
@media screen and (max-width:599px){
	.sec03_box06_area{
		margin-bottom: 20px;
	}
}
.sec03_box06 ul{
	width: 100%;
	padding: 20px;
}
.sec03_box06_pic{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec03_box06_pic li{
	width: 48%;
}
@media screen and (max-width:959px){
	.sec03_box07 .Title_sec03 img{
		bottom: 60px;
	}
}


/******************
sec04 
********************/
.wrap_sec04{
	width: 100%;
	margin-bottom: 50px;
	padding: 100px 0;
	background-image: url("../images/sec04_bg.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
	@media screen and (max-width:599px){
		.wrap_sec04 {
			padding: 0;
			background-image: none;
		}
}
.sec04_pc{
	width: 95%;
	max-width: 1240px;
	margin: 0 auto;
		
}
	@media screen and (max-width:599px){
		.sec04_pc{
			display: none;
		}
}
.sec04_sp{
	display: none;
}
	@media screen and (max-width:599px){
		.sec04_sp{
			display: block;
			width: 100%;
		}
}
/******************
sec05
********************/
#sec05 .Title_L{
	background-image: url("../images/sec05_bg.png");
	background-size: 190px;
}
	@media screen and (max-width:599px){
		#sec05 .Title_L{
			margin-bottom: 15px;
		}
}
.wrap_sec05 .matching{
	margin: 80px auto 130px;
}
	@media screen and (max-width:599px){
		.wrap_sec05 .matching_sp{
			margin: 0 auto 100px;
		}
}


/******************
sec06
********************/
#sec06{
	background-color: #EAF6FD;
}
#sec06 .Title_L{
	background-color: #fff;
	background-image: url("../images/sec06_bg.png");
	background-size: 382px;
}
@media screen and (max-width:599px){
	#sec06 .Title_L{
		margin-bottom: 15px;
	}
}
.sec06_box01 table{
	width: 100%;
}
.sec06_box01 tr{
	border-bottom: 1px solid #B3B3B3;
}
.sec06_box01 th{
	width: 27%;
	padding: 15px 0;
	text-align: start;
}
	@media screen and (max-width:599px){
		.sec06_box01 th{
			display: block;
			width: 100%;
			padding: 10px 15px 0;
		}
}
.sec06_box01 td{
	padding: 15px 0;
}
@media screen and (max-width:599px){
	.sec06_box01 td{
		display: block;
		width: 100%;
		padding: 10px 15px;
	}
}
.sec06_box01 ul{
	display: flex;
	flex-wrap: wrap;
}
.sec06_box02{
	padding: 120px 0 150px;
}
@media screen and (max-width:599px){
	.sec06_box02{
		padding: 55px 0 50px;
	}
}
/******************
フッター
********************/
.wrap_footer {
	width: 100%;
	padding: 140px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	@media screen and (max-width:959px){
		.wrap_footer{
			padding: 20px 0;
		}
}
.footer_box01{
	width: 35%;
	max-width: 430px;
	margin: 0 30px 0 auto;
	
}
	@media screen and (max-width:959px){
		.footer_box01{
			width: 95%;
			max-width: none;
			margin: 0 auto;
		}
}
.footer_sp{
	display: none;
}
	@media screen and (max-width:959px){
		.footer_sp{
			display: block;
			margin-top: 20px;
		}
}
.footer_box01 ul{
	margin-bottom: 40px;
}

.footer_box01 dl{
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
}
.footer_box01 dt{
	width: 82px;
}
.footer_box01 dd{
	width: calc(100% - 94px);
	line-height: 1.8;
}
.footer_box01 table{
	width: 100%;
}
.footer_box01 th{
	width: 130px;
	padding: 5px 0;
	text-align: start;
}
.p_15{
	padding-top: 15px;
}
.border_footer{
	border-bottom: 1px solid #0E7DCC;
}
footer p{
	width: 100%;
	padding: 20px 0;
	background-color: #313855;
	text-align: center;
	letter-spacing: 0.1em;
}
footer .footer_box01 p{
	margin-bottom: 50px;
	background-color: #fff;
	text-align: start;
}
	@media screen and (max-width:959px){
		footer .footer_box01 p{
			margin-bottom: 20px;
		}
}
.access dt{
	width: 38px;
	margin-right: 10px;
}
.access dd{
	width: calc(50% - 50px);
	line-height: 1.3;
}

.footer_bg{
	width: 60%;
	height: auto;
	background-image: url("../images/footer01.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
	@media screen and (max-width:959px){
		.footer_bg{
			display: none;
		}
}
.footer_nav{
	display: none;
}
	@media screen and (max-width:599px){
		.footer_nav{
			display: block;
			width: 100%;
			height: 68px;
			background-color: #0E7DCC;
			display: flex;
			align-items: center;
		}
		.footer_nav ul{
			width: 100%;
			margin: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
		}
		.toiawase{
			width: 65px;
		}
		.oubo{
			width: 42px;
		}
		.saiyou{
			width: 52px;
		}
		.top{
			width: 45px;
		}
}





#contact_mail {
}
#formWrap {
	width: 95%;
    max-width: 1000px;
    margin: 0 auto 30px;
}
#formWrap h3 {
    text-align: center;
    padding: 30px 0;
}
#contact_mail table.formTable {
    width: 90%;
    margin: 30px auto 40px;
    border-collapse: collapse;
    overflow-x: initial;
}
#contact_mail table.formTable th {
	color: #000;
    border: 2px solid #dddddd;
    padding: 20px;
    width: 35%;
    font-weight: normal;
	background-color: #EAF6FD;
    text-align: left;
    line-height: 1.8;
    vertical-align: middle;
}
#contact_mail table.formTable th span {
    color: #fff;
    background: #0E7DCC;
    font-size: 14px;
    margin-left: 5px;
    padding: 3px 5px;
    border-radius: 4px;
}
#contact_mail table.formTable td {
    border: 2px solid #dddddd;
    padding: 20px;
	background-color: #fff;
    text-align: left;
    line-height: 2;
}
#contact_mail input,
#contact_mail select,
#contact_mail textarea {
	font-size: 100%;
    line-height: 1.2;
    padding: 5px 8px;
    border: 1px solid #aaaaaa;
}
#contact_mail [type="reset"], #contact_mail [type="submit"] {
	padding: 10px 30px;
	border-radius: 4px;
    color: #ffffff;
    background: #0E7DCC;
}

	@media screen and (max-width:499px){
	#formWrap h3 {
    text-align: center;
    padding: 60px 0 20px;
	}
	#contact_mail table.formTable {
    width: 100%;
    margin: 30px auto 30px;
    overflow-x: initial;
    }
	#contact_mail table.formTable th,
	#contact_mail table.formTable td {
	width: auto;
	display: block;
	}
	#contact_mail input[type="text"],
	#contact_mail textarea {
    width: 95%;
    padding: 5px;
    font-size: 110%;
    display: block;
	}
	}


.pcNone {
  display: none;
}
.spNone {
  display: block;
}

	@media screen and (max-width:599px){
	.pcNone {
    display: block;
	}
	.spNone {
    display: none;
	}
	}