@charset "UTF-8";

/*---------------------------------------------------------------------------タイトル--*/

h2 {
	display: flex;
	align-items: center;
	text-align: left;
	justify-content: center;
	margin-bottom: 20px;
	font-size:36px;
}
h2:after {
	background: #666;
	content: "";
	flex-grow: 1;
	height: 1px;
	min-width: 20px;
	display: inline-block;
	vertical-align: middle;
}
h2:before {margin-right: 20px;}
h2:after {margin-left: 20px;}

h3 {font-size:28px;margin-bottom:5%;}
h4 {
	font-size: 26px;
	margin-bottom: 3%;
}

.h03 {
	position: relative;
	padding-top: 1.5em;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.h03::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    color: #d9f4ff;
    font-size: 3em;
    line-height: 1;
    content: attr(data-number);
    pointer-events: none;
}


/* -----------------------------------------------------------------------パンクズ-- */
ul.path {
	margin-right: 2%;
	margin-left: 2%;
	display: table;
	margin-top: 115px;
}
ul.path li{
	float: left;
	margin-right: 10px;
	padding-right: 0px;
	color: #FFF;
	font-size: 12px;
}
ul.path a {color:#FFF;text-decoration: none;}
ul.path a:after{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	margin-left: 10px;
}
ul.path li:last-child {
}

/* -----------------------------------------------------------------コンテンツ--- */
section {
	width: 100%;
	padding-bottom: 100px;
}
.inner {
	max-width: 1200px;
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
}
/* 文字下げ */
.kome {
	padding-left:1em;
	text-indent:-1.0em;
}

/* -----------------------------------------------------------------------BOX-- */
.lead {
	border: 10px solid #80BFFF;
	padding: 15px 15px 5px;
	margin-bottom: 5%;
}

/* -----------------------------------------------------------------------分割-- */
.row {display: flex;flex-wrap: wrap;}
.row > * {flex-grow: 0;flex-shrink: 0;}

.row-re {display: flex;flex-wrap: wrap-reverse;}
.row-re > * {flex-grow: 0;flex-shrink: 0;}

.col-20,.col-25,.col-30,.col-33,.col-40,.col-50,.col-60,.col-70,.col-75,.col-80 {padding-right: 1%;padding-left: 1%;}
.col-20 {width: 20%;}
.col-25 {width: 25%;}
.col-30 {width: 30%;}
.col-33 {width: 33%;}
.col-40 {width: 40%;}
.col-49 {width: 49%;}
.col-50 {width: 50%;}
.col-60 {width: 60%;}
.col-70 {width: 70%;}
.col-75 {width: 75%;}
.col-80 {width: 80%;}

ul.box-01,ul.box-02,ul.box-03,ul.box-04,ul.box-05,ul.box-06,ul.box-07,ul.box-08 {display: flex;flex-wrap:wrap;}
ul.box-01 li {width: 100%;}
ul.box-02 li {width: 50%;}
ul.box-03 li {width: 33%;}
ul.box-04 li {width: 25%;}
ul.box-05 li {width: 20%;}
ul.box-06 li {width: 16.666%;}
ul.box-07 li {width: 14.285%;}
ul.box-08 li {width: 12.5%;}

/* -----------------------------------------------------------------リスト--- */
ul.ulcheck {}
ul.ulcheck li {
	background-image: url(../images/check-icon.svg);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 1em;
	padding-left: 3em;
}

ul.ullist01 {
	/*margin-left: 1.6em;*/
	margin-left: 0.2em;
}
ul.ullist01 li {
	margin-bottom: 0.4em;
	padding-left: 0.8em;
}
ul.ullist01 li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	font-weight: 900;
	left: -6px;
	position: relative;
	margin-left: -10px;
	font-size: 50%;
}
ul.ullist01 li:before {color: #003366;}

/* 文字下げ */
ul.ullist02 {
	margin-left: 8px;
	text-align: left;
}
ul.ullist02 li {
	padding-left:2em;
	text-indent:-1.0em;
}

dl.dl01 {
	display: flex;
	flex-wrap: wrap;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #CCC;
}
dl.dl01 dt {
	width: 30%;
	padding: 10px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #f8f8f8;
	font-weight: bold;
}
dl.dl01 dd {
	width: 70%;
	padding: 10px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


dl.dl02 {
	display: flex;
	flex-wrap: wrap;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #CCC;
}
dl.dl02 dt {
	width: 30%;
	padding: 10px;
	border-top: 1px solid #CCC;
	font-weight: normal;
}
dl.dl02 dd {
	width: 70%;
	padding: 10px;
	border-top: 1px solid #CCC;
}

/* -----------------------------------------------------------------teble-- */




/* -----------------------------------------------------------------その他--- */
.btm0 {margin-bottom:0;}
.btm3 {margin-bottom:3%;}
.btm5 {margin-bottom:5%;}
.btm10 {margin-bottom:10%;}
.txtr {text-align:right;}

.arghtR {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	border: 1px solid #666;
	color: #666;
	background-color: #FFF;
	white-space: nowrap;
	transition-duration: 0.3s;
	text-decoration: none;
}
.arghtR:hover{
	background-color: #666;
	color:#fff;
	text-decoration: none;
}
.arghtR:before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	font-size: 18px;
	margin-top: -1px;
	margin-right: 8px;
}


.icon01,.icon01_s {
	border-radius: 50%;
	border: 1px solid #000;
	background-color:#fff;
	text-align: center;
	display: table;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.icon01 {
	width: 150px;
	height: 150px;
}
.icon01_s {
	width: 80px;
	height: 80px;
}

.icon02,.icon02_s {
	border-radius: 50%;
	border: 1px solid #000;
	background-color:#fff;
	text-align: center;
	display: table;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.icon02 {
	width: 80px;
	height: 80px;
}
.icon02_s {
	width: 80px;
	height: 80px;
}

.anchorlink {
	position: relative;
	top: -200px;
	display: block;
}


/* -----------------------------------------------------------------スペース-- */


@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 820px) {
h2 {font-size:30px;}
ul.path {margin-top: 70px;}


.anchorlink {
	top: -180px;
}

dl.dl01 {}
dl.dl01 dt {
	font-size: 18px;
	font-weight: bold;
}
dl.dl01 dd {}

}

@media screen and (max-width: 768px) {
h1 {font-size: 24px !important;}

dl.dl01 {
	display:block;}
dl.dl01 dt {
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	border-right: 1px solid #CCC;
}
dl.dl01 dd {width:100%;}

.lead {border: 8px solid #80BFFF;}

}

@media (max-width: 540px) {
/*---------------------------------------------------------------------------タイトル--*/
h2 {
	font-size: 24px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size: 18px;
}


.col-20 {width: 100%;}
.col-25 {width: 100%;}
.col-30 {width: 100%;}
.col-33 {width: 100%;}
.col-40 {width: 100%;}
.col-49 {width: 100%;}
.col-50 {width: 100%;}
.col-60 {width: 100%;}
.col-70 {width: 100%;}
.col-75 {width: 100%;}
.col-80 {width: 100%;}
}