@charset "UTF-8";
/* CSS Document */

/* アンカーリンク*/
#anchor_link_area{
	background: #fff;
}
#anchor_link_area .anchor_link_area_wrapper ul{
	color:#08459D;
	font-size:15px;
	font-weight:500;
	text-align: center;
}
#anchor_link_area .anchor_link_area_wrapper ul li{
	flex: 1;
	padding:26px 0;
	line-height: 1.6;
	border-bottom:1px dotted #08459D;
}
#anchor_link_area .anchor_link_area_wrapper ul li+ li{
	border-left:1px dotted #08459D;
	border-right:0;
}
#anchor_link_area .anchor_link_area_wrapper ul li a:hover{
	opacity: 0.7;
}
#anchor_link_area .anchor_link_area_wrapper ul span{
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	#anchor_link_area .anchor_link_area_wrapper ul{
		flex-direction: row;
		flex-wrap: wrap;
	}
	#anchor_link_area .anchor_link_area_wrapper ul li{
		flex: auto;
		width:50%;
		padding:16px 0;
	}
	#anchor_link_area .anchor_link_area_wrapper ul li:nth-child(odd){
		border-left:none;
	}
}


h2{
	font-size:50px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	color:#08459D;
	text-align: center;
}
h3{
	font-size:15px;
	font-weight:600;
	margin-bottom: 50px;
	color:#08459D;
	text-align: center;
}

@media screen and (max-width: 768px) {
	h2{
		font-size:8vw;
	}
}


/* ごあいさつ */
#message .message_wrapper{
	padding:150px 100px;
	background: #fff;
	text-align:left;
	color:#08459D;
}
#message .message_wrapper p{
	max-width: 860px;
	margin: 0 auto;
	line-height: 2;
	font-size:15px;
	font-weight: 600;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	text-align: justify;
}
#message p.name{
	font-size:18px;
	margin-top: 30px;
	text-align: right;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 768px) {
	#message .message_wrapper{
		padding:60px 20px;
	}
	#message .message_wrapper p{
		font-size:14px;
		text-align: left;
	}
	#message p.name{
		font-size:16px;
	}
}

/* 会社概要 */
#outline .outline_wrapper{
	padding:150px 100px;
	background: #F7F7F7;
	margin:0 auto;
}
#outline .outline_wrapper table{
	width:100%;
}
#outline .outline_wrapper tr th{
	width:20%;
	color:#08459D;
	font-size:15px;
	padding:30px;
	border-bottom:1px solid #707070;
	line-height: 1.5;
}
#outline .outline_wrapper tr td{
	color:#121212;
	font-size:15px;
	padding:30px;
	border-bottom:1px solid #707070;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	#outline .outline_wrapper{
		padding:60px 20px;
	}
	#outline .outline_wrapper tr th{
		display: block;
		width:100%;
		border-bottom:none;
		padding:20px 20px 10px 20px;
		font-size:14px;
	}
	#outline .outline_wrapper tr td{
		display: block;
		width:100%;
		padding:10px 20px 20px 20px;
		font-size:14px;
	}
}



/* アクセス */
#access .access_wrapper{
	padding:150px 100px;
	background: #fff;
	margin:0 auto;
}
.head_office{
	align-items: center;
}
.head_office .left{
	width:60%;
	padding-right:60px;
}
.head_office .left img{
	width:100%;
	height:auto;
	object-fit: cover;
}
.head_office .right{
	width:40%;
	text-align: left;
}
.head_office .right h3{
	text-align: left;
	font-size: 24px;
}
.head_office .right ul{
	margin-top:20px;
	width: 100%;
}
.head_office .right ul li{
	border-bottom: 1px solid #707070;
	padding:30px 0;
}
.map{
	MARGIN-TOP:30PX;
}
.map iframe {
  width: 100%;
  aspect-ratio: 16/6;
}
h3.branch_office_title{
	font-size:28px;
	font-weight:600;
	text-align: left;
	border-bottom:2px solid #08459D;
	margin-top:100px;
	padding-bottom:10px;
}
.branch_office{
	justify-content: space-between;
	flex-wrap: wrap;
	gap:50px;
}
.branch_office article{
	flex-direction: column;
	width:calc(33.333% - 50px);
}
.branch_office iframe{
	width:100%;
	aspect-ratio: 16/9;
}
.branch_office .branch_header{
	color:#08459D;
	justify-content: space-between;
	padding:20px 0;
	font-size:13px;
}
.branch_office .branch_header h4{
	font-size:18px;
	font-weight:600;
}
.branch_office .branch_header p:after{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 16px;/*画像の幅*/
	height: 16px;/*画像の高さ*/
	background-image: url("img/Icon_material-open-in-new.png");
	background-size: contain;
	vertical-align: middle;
	margin-left:5px;
}
.branch_office .branch_inner{
	font-size: 14px;
	line-height: 1.6;
	color:#121212;
}
.branch_office .branch_inner.flex div{
	width:50%;
	padding-right:30px;
}
.branch_office .branch_inner img{
	width: 100%;
	height:auto;
}

@media screen and (max-width: 768px) {
	#access .access_wrapper{
		padding: 60px 20px;
	}
	.head_office .right h3{
		font-size:20px;
		margin-bottom:20px;
	}
	.head_office{
		flex-direction: column-reverse
	}
	.head_office .left{
		width:100%;
		padding-right: 0;
	}
	.head_office .right{
		width:100%;
		font-size:14px;
		margin-bottom: 30px;
	}
	.map iframe {
		aspect-ratio: 16/9;
	}
	h3.branch_office_title{
		font-size:20px;
	}
	.branch_office{
		gap:20px;
	}
	.branch_office article{
		width:calc(50% - 20px);
	}
	.branch_office .branch_header{
		justify-content: flex-start;
		flex-direction: column;
		grid-row-gap: 10px;
	}
	.branch_office .branch_inner{
		flex-direction: column;
		font-size:13px;
	}
	.branch_office .branch_inner.flex div{
		width: 100%;
	}
}


/* 資格 */
#license .license_wrapper{
	padding:150px 100px;
	background: #F7F7F7;
	margin:0 auto;
}
#license .license_line{
	flex-direction: column;
	gap: 10px;
	max-width: 900px;
	margin: 0 auto;
}
#license .license_inner{
	grid-row-gap: 10px;
	flex-direction: column;
	width:calc(50% - 25px);
}
#license .license_inner_base{
	grid-row-gap: 10px;
	flex-direction: column;
}
#license .license_line_side{
	gap:10px;
}
#license .license_width100{
	width: 100%;
	font-size:20px;
}
#license .license_width60{
	width: 60%;
	font-size:18px;
}
#license .license_width40{
	width: 40%;
	font-size:16px;
}
#license .license_box{
	background: #fff;
	width:100%;
	justify-content: space-between;
	padding:20px;
	border:1px solid #E7E7E7;
}
#license .license_box .license_name{
	color:#08459D;
	font-weight:600;
}
#license .license_people{
	color:#121212;
}
#license .etc{
	text-align: right;
	color: #08459D;
	font-size: 16px;
}
#license .notes{
	color: #08459D;
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	#license .license_wrapper{
		padding:60px 20px;
	}
	#license .license_line{
		flex-direction: column;
		grid-row-gap: 10px;
	}
	#license .license_inner{
		width:100%;
	}
	#license .license_box .license_name,
	#license .license_people{
	}
	#license .license_box{
		padding: 13px;
	}
	#license .license_line,
	#license .license_line_side,
	#license .license_inner_base{
		gap:4px;
	}
	#license .license_width60,
	#license .license_width40{
		width: 100%;
	}
	#license .license_line_side{
		flex-direction: column;
	}
	#license .notes,
	#license .etc{
		font-size: 13px;
	}
	#license .license_width100{
	font-size:18px;
}
#license .license_width60{
	font-size:15px;
}
#license .license_width40{
	font-size:12px;
}
}