@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

@media screen and (min-width: 768px) {
	img {
		width: auto;
	}
}
.pcOnly {display:none;}

@media screen and (min-width: 768px) {
	.spOnly {display:none !important;}
	.pcOnly {display:inherit;}
}

/* ヘッダー */
header {
	background:#fff;
}
header .inner {
	margin:0 auto;
	padding:10px 0;
	max-width:1400px;
}


@media screen and (min-width:769px) {
	header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 80px;
		z-index:9999;
	}
	header .inner .sp_header {
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin:0 auto;
		width:97%;
	}
	header .inner .sp_header .logo {
		max-width:256px;
	}
}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:768px) {
	header .inner {
		padding:0 0 0px;
		width:100%;
	}
	header .inner .sp_header .logo {
		margin-left:2%;
		max-width:50%;
		height:60px;
		display:flex;
		align-items: center;
	}
}

/* 本文 */
@media screen and (max-width:768px) {
	main {
		margin-top:60px;
	}
}

.sec_white {
	margin:0 auto;
	padding:80px 0 100px;
	background:#fff;
}
.sec_orange {
	margin:0 auto;
	padding:80px 0 100px;
	background:#FFF9EF;
}
.sec_gray {
	margin:0 auto;
	padding:80px 0 100px;
	background:#F7F7F7;
}

.sec_inner {
	margin:0 auto;
	max-width:1200px;
}
.sec_inner100 {
	margin:0 auto;
	max-width:100%;
}
.sec_inner h2 ,
.sec_inner100 h2 {
	font-family: "Noto Sans JP", sans-serif;
	font-size:32px;
	font-weight: 700;
	color:#F0A820;
	text-align:center;
}
.sec_inner .h2_read ,
.sec_inner100 .h2_read {
	margin-top:30px;
	font-size:18px;
	line-height:1.8;
	text-align:center;
}

@media screen and (max-width:1200px) {
	.sec_inner {
		max-width:96%;
	}
	.sec_inner100 {
		max-width:100%;
	}
}
@media screen and (max-width:768px) {
	.sec_white {
		padding:40px 0;
	}
	.sec_orange {
		padding:40px 0 ;
	}
	.sec_gray {
		padding:40px 0 ;
	}
	.sec_inner {
		max-width:90%;
	}
	.sec_inner100 {
		max-width:100%;
	}
	.sec_inner h2 {
		font-size:5.5vw;
	}
	.sec_inner .h2_read {
		font-size:4.0vw;
		text-align:left;
	}
}


/* フッター */
footer {
	background:#fff;
	color:#333;
}
footer .inner {
	display:flex;
	flex-wrap: wrap;
	margin:0 auto;
	padding:50px 0;
	max-width:1100px;
}
footer .inner .col:nth-child(1) {
	width:50%;
}
footer .inner .col:nth-child(2) {
	width:50%;
}
footer .inner .col .f_copy {
	font-size:14px;
}
footer .inner .col ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	font-size:16px;
}
footer .inner .col ul li {
	margin-left:2em;
}
footer .inner .col ul li a {
	display:block;
	color:#333;
	text-decoration:none;
}
footer .inner .col ul li a:before {
	content: '- ';
}

footer .inner .col ul li a:hover {
	color:#3D72EA;
}
@media screen and (max-width:1200px) {
	footer .inner {
		max-width:96%;
	}
}
@media screen and (max-width:768px) {
	footer .inner {
		flex-direction: column;
		padding:30px 0 50px;
		max-width:90%;
	}
	footer .inner .col:nth-child(1) {
		width:100%;
	}
	footer .inner .col:nth-child(2) {
		margin-top:20px;
		width:100%;
	}
	footer .inner .col ul {
		justify-content: center;
		margin-right:3em;
		font-size:3vw;
	}
	footer .inner .col ul li {
		margin-left:2em;
	}
		footer .inner .col .f_copy {
		font-size:3vw;
		text-align:center;
	}
}

/* マージン */

.mt00 {margin-top:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}