@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
form, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, a {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	list-style: none;
}

body {  margin:0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color:#333;
	font-size:1rem;
	line-height:25px;
}

.pc{display:none}

.skiplink{display:none}

a {color:#0066cc}

caption{display:none}


/* ---------------------------------------------------------
	CSS Document buttun
--------------------------------------------------------- */

a.bt01 {
	display:block;
	margin:0 auto;
	text-align:center;
	background:#f55516;
	padding:20px;
	font-size:33px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius:50px
}

a.bt01 span {
	position: relative;
	display: inline-block;
	padding-left: 35px;
}

a.bt01 span:before {
	content:url(../img/allow01.png);
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	bottom: 0;
	margin-right: 10px;
}

.bt01_off{
	display:block;
	margin:0 auto;
	text-align:center;
	background:#999;
	padding:20px;
	font-size:33px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius:50px
}

/* ---------------------------------------------------------
	CSS Document top
--------------------------------------------------------- */

.lead_01 {
	width:100%;
	background:url(../img/title_bk01_sp.png) top center,#0099c8;
	background-repeat:no-repeat,repeat-x;
	font-weight:bold
}

.lead_01 .lead_inner {
	position: relative;
	margin:auto;
	text-align:left;
}

.lead_01 .lead_inner img {
	position: absolute;
	top:14px;
	left:14px;
	width:95%;
	max-width:496px
}

.lead_01 .catch01 {
	width:60%;
	font-size:23px;
	line-height:1.4;
	padding:90px 15px 15px;
	color:#fff32b;
	text-shadow:
            2px 2px 2px #333, -2px -2px 2px #333,
           -2px 2px 2px #333,  2px -2px 2px #333,
            2px 0px 2px #333, -2px -0px 2px #333,
            0px 2px 2px #333,  0px -2px 2px #333;
}

.lead_01 h1 p{
	background:#fff32b;
	padding:15px 15px 12px;
	font-size:43px;
	line-height:1;
	margin-bottom:5px
}

.lead_01 h1 p:first-child{
	background:#fff32b;
	font-size:25px;
}

.lead_01 h1 p:last-child{
	background:#105291;
	font-size:22px;
	line-height:1.3;
	color:#fff
}

.lead_01 .catch02 {
	background:#ffc90a;
	font-size:22px;
	line-height:1.3;
	color:#105291;
	padding:10px;
}

.area_01 {
	background:#e0f5fc;
	margin:10% auto 5%;
	text-align:center;
	padding-bottom:5%;
}

.area_02 {
	margin:auto;
	padding:30px 0 20px;
}

.area_03 {
	width:100%;
	background:#faf7cd;
	margin:5% 0;
	text-align:center;
	padding:5%;
}

#about_01 {
	position: relative;
	font-size:20px;
	line-height:1.2;
	text-align:center;
	padding-top:20%
}

#about_01 h2 {
	position: absolute;
	width:70%;
	background:#105291;
	color:#fff;
	font-size:20px;
	margin:-27% 15%;
	padding:2%;
	border-radius:30px;
}

#about_01 h2 span {
	font-size:15px
}

#about_01 table {
	text-align:left;
	font-weight:bold;
	border-collapse: separate;
	border-spacing: 2px 2px;
}

#about_01 table td{
	vertical-align: top;
	padding:2px 8px
}

#about_01 table tr td:first-child {
	width:100px;
	font-size:15px;
	text-align:center
}

#about_01 table tr td span {
	display:block
}

#about_01 table tr td .obj01 {
	background:#105291;
	color:#fff;
	padding:5px
}

#about_01 table tr td .obj02 {
	background:#0099c8;
	color:#fff;
	padding:5px
}

#about_01 table .date01 {
	font-size:20px
}

#about_01 table .date01 strong {
	font-size:30px
}

#about_01 .info01 {
	font-size:18px;
	padding:20px 0 0;
	text-align:center
}

.taisyo01 {
	margin:auto
}

.taisyo01 h3 {
	display: flex;
	align-items: center;
	font-size:20px;
	font-weight:bold;
	margin-bottom:5%;
}

.taisyo01 h3 span {
	background:#0099c8;
	border-radius:30px;
	padding:5px 60px;
	color:#fff
}

.taisyo01 h3:before,h3:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #0099c8;
	display: block;
}

.taisyo01 p {
	margin:2% 5%;
	font-size:20px;
	font-weight:bold;
}

.taisyo01 p::before {
	content:"●";
	margin-right:10px;
	color:#0099c8
}

.note01 {
	background:#fff;
	border:1px solid #105291;
	margin:40px 5% 0;
	padding:5%;
	text-align:left;
}

.note01 span,
.note01 p {
	display:inline-block;
	vertical-align:top
}

.note01 span{padding-bottom:3%;font-size:18px;font-weight:bold;color:#105291;text-align:center}
.note01 p{padding-top:3%;border-top:5px solid #105291;line-height:1.5}
.note01 span img{display:block;margin:5px auto 0}


#thema_01 ul li{
	position: relative;
	background:#e0f5fc;
	margin-bottom:35px;
	padding:5%;
}

#thema_01 ul li .thema_name01{
	position: absolute;
	top:-18px;
	left:25px;
	width:250px;
	height:50px;
	background:#105291;
	padding-top:13px;
	font-size:25px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#thema_01 ul li .thema_name02{
	position: absolute;
	top:30px;
	left:25px;
	width:250px;
	padding:10px;
	font-size:22px;
	line-height:1.2;
	color:#105291;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.05em;
}

#thema_01 ul li .thema_name01 span{
	display:block;
	color:#105291;
}

#thema_01 ul li .thema_ti01{
	padding:80px 0 0;
	font-size:20px;
	line-height:1.2;
	font-weight:bold
}

#thema_01 ul li .thema_txt01{
	border-left:10px solid #105291;
	margin:10px 0;
	padding:0 15px;
	font-size:16px;
	line-height:1.5;
}

#thema_01 .prof01{
	background:#fff;
	border:1px solid #79c3db;
	padding:5%;
	font-size:18px;
	line-height:1.5;
	margin-top:5%
}

#thema_01 .prof01 p{
	font-size:15px;
}

#thema_01 .prof01 .prof_txt01{
	padding-top:5%;
	text-align:center;
	font-weight:bold
}

#thema_01 .prof01 .prof_txt01 span{
	display:block;
	padding-top:4px
}

#thema_01 .prof01 .prof_txt01 span strong{
	font-size:23px
}

#thema_01 .prof01 .prof_txt01 img{
	margin-top:5%
}

#thema_01 .info01{
	padding:20px 0 0;
	font-size:18px;
	line-height:1.6
}

#thema_01 .info01 p span{
	color:#105291
}

#thema_01 ol{
	margin:3% 0
}

#thema_01 ol p{
	font-size:20px;
	background:#9ddef4;
	padding:5px;
	margin-bottom:3%;
	text-align:center;
	color:#105291;
	font-weight:bold
}

#thema_01 ol li{
	background:#fff;
	border:3px solid #79c3db;
	padding:20px;
	margin-bottom:3%
}

#thema_01 ol li img{
	display:block;
	margin:auto
}

#thema_01 ol li strong{
	display:block;
	font-size:20px;
	padding:15px 0;
	text-align:center
}

#thema_01 .co_01{
	border:1px solid #79c3db;
	padding:5%;
	text-align:center;
}

#thema_01 .co_01 span{display:block;background:#0099c8;font-size:20px;text-align:center;font-weight:bold;color:#fff;padding:5px;margin-bottom:3%}
#thema_01 .co_01 p.fa_txt01{line-height:1.5;text-align:left;}
#thema_01 .co_01 p.fa_txt02{font-weight:bold;line-height:1.3;text-align:center;padding-top:3%}
#thema_01 .co_01 p.fa_txt02 strong{font-size:20px}
#thema_01 .co_01 img{padding-top:3%}

.area_03 p {
	font-size:20px;
	font-weight:bold;
	padding:25px 0 0;
}

/* ---------------------------------------------------------
	CSS Document footer
--------------------------------------------------------- */
footer{
	text-align:center;
	background:#105291;
	color:#fff
}

footer .footer_inner{
	margin:auto
}

footer .unei{
	font-weight:bold;
	padding:5%;
	font-size:20px;
	text-align:center;
	font-weight:bold
}

footer .unei .name_01{
	display:block;
	font-size:20px;
	line-height:1.5;
	margin:5%
}

footer .unei .name_01 span{
	display:block;
	font-size:16px;
	font-weight:normal
}

footer .unei .name_02{
	display:block;
	font-size:18px;
	line-height:1;
}

footer .unei .name_02 p{
	margin-top:5%;
	line-height:1.6
}

footer .unei .name_02 p span{
	margin-top:5%;
	line-height:1
}

footer .unei .name_02 span{
	display:block;
	width:30%;
	font-size:15px;
	padding:5px;
	background:#022a51;
	color:#fff;
	margin:0 auto 2%;
	border-radius:5px
}

footer .unei .tel_01{
	font-size:18px;
}

footer .unei .tel_01 strong{
	font-size:25px;
}

footer .unei .mail_01{
	display:block;
	font-size:18px;
}

.policy{
	display:inline-block;
	background:#4484c1;
	font-size:15px;
	margin:5%;
	padding:3%;
	border-radius:5px
}

.policy a{
	color:#fff
}

.copyright{
	width:100%;
	font-size:12px;
	padding-bottom:2%
}

.copyright p{
	padding:5% 0 2%
}

/* ボタン全体 */
#page_top {
width: 90px;
height: 90px;
position: fixed;
right: 0px;
bottom: 0px;
background: #0099c8;
opacity: 0.8;
}

/* Font Awesome */
#page_top::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f062';
font-size: 30px;
color: #ffffff;
position: absolute;
top: 20%;
left: 50%;
translate: -50%;
}

#page_top::after {
content: 'TOP';
font-size: 16px;
color: #fff;
position: absolute;
margin: auto;
text-align: center;
width: 100%;
top: 53%;
left: 50%;
translate: -50%;

}