@charset "UTF-8";

#contents,
.pageFooter div,
.pageFooter .logo span a,
.pageFooter .linkList p span a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.sp {
	display: none;
}

#contents #main a {
	transition: .3s;
}
#contents #main a:hover {
	opacity: 0.7;
	text-decoration: none;
}

#contents #main a.link01 {
	position: relative;
	display: inline-block;
	padding-left: 13px;
	color: #0050a3 !important;
}
#contents #main a.link01::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #0050a3;
	border-right: solid 1px #0050a3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
}

#contents #main img {
	width: 100%;
	height: auto;
	vertical-align: top;
	-webkit-backface-visibility: hidden;
}


/* .notes01(※) */
#contents #main .notes01 li {
	position: relative;
	left: 1.2em;
	padding-right: 1.2em;
	line-height: 1.6em;
}
#contents #main .notes01 li::before {
	position: absolute;
	content: '\203B';
	left: -1.2em;
	top: 0;
}
#contents #main .notes01 li + li {
	margin-top: .4em;
}
/* .notes05(・) */
#contents #main .notes05 li {
	position: relative;
	left: 1.2em;
	padding-right: 1.2em;
	line-height: 1.6em;
	font-size: 13px !important;
}
#contents #main .notes05 li::before {
	position: absolute;
	content: '\30FB';
	left: -1.2em;
	top: 0;
}
#contents #main .notes05 li + li {
	margin-top: .4em;
}


/* #wrapper */
#wrapper {
	width: 100%;
}

/* #contents */
#contents {
	width: 100% !important;
}


/* #main */
#main {
	float: none;
	width: 100% !important;
	margin: 0 auto 60px;
	padding: 0 !important;
	box-sizing: border-box;
	font-size: 13px !important;
}


/* #topicPath */
#topicPath  {
	width: 910px;
	margin: 0 auto;
}


/* h1 */
#main h1 {
	width: 100% !important;
	height: auto;
	margin-bottom: 40px;
	padding: 1em 0;
	background: #33a2c3;
	background: linear-gradient(135deg, #33a2c3 0%, #4a63b1 100%);
	color: #fff;
	text-align: center;
	font-size: 2.25em !important;
	font-weight: normal;
	line-height: 1.2em;
}
#main h1 span {
	font-size: 16px;
}


/* h2 */
#main h2 {
	margin: 0 0 20px;
	padding: 18px 20px;
	background: none;
	background-color: #10228a;
	height: auto;
	font-size: 20px;
	text-align: center;
	color: #fff;
	line-height: 1;
	letter-spacing: 2px;
}


/* h3 */
#main h3 {
	height: auto;
	margin-bottom: 20px;
	padding: 16px 20px;
	background-color: #246cbf;
	border-left: none;
	line-height: 1;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 1px;
}


/* #lead-txt */
#lead-txt {
	width: 910px;
	margin: 0 auto 30px;
	font-size: 16px;
	font-weight: bold;
	color: #246cbf;
	line-height: 1.8em;
}


/* #sec01 */
#sec01 {
	margin: 0 auto 40px;
	padding: 30px 0;
	text-align: center;
	background-color: #fdfaf5;
}
#sec01 h2 {
	box-sizing: border-box;
	display: inline-block;
	margin: 0 0 30px;
	padding: 0 20px;
	background: linear-gradient(transparent 70%, yellow 70%);
	font-size: 30px;
	color: #0091e8;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#sec01 .inner {
	width: 910px;
	margin: 0 auto;
}
#sec01 .box01 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
#sec01 .box01 dl {
	width: 30%;
}
#sec01 .box01 dt {
	width: 100%;
	padding: 20px 0;
	background-color: #fff !important;
	text-align: center;
}
#sec01 .box01 dt img {
	width: 80px !important;
}
#sec01 .box01 dd:nth-of-type(1) {
	margin-bottom: 20px;
	padding: 0 20px 20px;
	background-color: #fff !important;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
}
#sec01 .box01 dd:nth-of-type(2) {
	line-height: 1.6em;
	font-size: 14px;
	text-align: left;
}
#sec01 .box02 {
	text-align: left;
}
#sec01 .box02 .ttl01 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #ff6f97;
	text-align: center;
}
#sec01 .box02 .link01 {
	margin-top: .4em;
}



/* #sec02 */
#sec02 {
	width: 910px;
	margin: 0 auto 60px;
}
#sec02 .txt01 {
	margin-bottom: 1em;
	font-size: 16px;
	font-weight: bold;
	color: #246cbf;
	line-height: 1.8em;
}
#sec02 p .ico01 {
	width: 14px !important;
	height: 11px !important;
	vertical-align: baseline !important;
}
#sec02 #sec02-01 {
	margin-bottom: 40px;
}
#sec02 #sec02-01 .box01 {
	margin-bottom: 40px;
}
#sec02 #sec02-01 .box01 dl {
	display: flex;
	align-items: center;
}
#sec02 #sec02-01 .box01 dl + dl {
	margin-top: 20px;
}
#sec02 #sec02-01 .box01 dt {
	box-sizing: border-box;
	width: 140px;
	margin-right: 20px;
	padding: 8px 20px;
	border-radius: 4px;
	background-color: #0091e8;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
}
#sec02 #sec02-01 .box01 dt em {
	font-size: 20px;
	font-weight: bold;
	color: #fff !important;
}
#sec02 #sec02-01 .box01 .triangle {
	margin: 10px 0 20px 54px;
}
#sec02 #sec02-01 .box01 .triangle img {
	width: 32px;
}
#sec02 #sec02-01 .box01 dd {
	font-size: 15px;
}
#sec02 #sec02-01 .box02 .btn01 a {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 380px;
    margin: 0 auto 15px;
    padding: 24px 16px;
    border-radius: 6px;
    background: linear-gradient(to bottom, #ff95b4 0%,#fe6e98 100%);
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff !important;
}
#sec02 #sec02-01 .box02 .box02-01 {
	width: 380px;
	margin: 0 auto;
}
#sec02 #sec02-01 .box02 .box02-01 p + p {
	margin-top: .4em;
}



/* #sec03 */
#sec03 {
	width: 910px;
	margin: 0 auto 60px;
}
#sec03 .txt01 {
	margin-bottom: 1em;
	font-size: 16px;
	font-weight: bold;
	color: #246cbf;
	line-height: 1.8em;
}
#sec03 .img01 {
	width: 575px;
	margin: 0 auto;
}


/* #sec04 */
#sec04 {
	width: 910px;
	margin: 0 auto;
}
#sec04 #sec04-01 {
	margin-bottom: 30px;
}
#sec04 .txt01 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #246cbf;
	line-height: 1.8em;
}


/* #pagetop */
#pagetop{
	display:none;
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	right: 20px;
}

#pagetop.static{
	position: static;
}