@charset "utf-8";

/* reset
----------------------------------- */
#contents div,
#contents dl,
#contents dt,
#contents dd,
#contents ul,
#contents li,
#contents p,
#contents a {
	box-sizing: border-box;
}

body {
	color: #4E4E4E;
}

#contents .inner {
	padding: 0 15px !important;
}

/* background
----------------------------------- */
.bgblue {
	background-color: #EDF7FF;
}

/* font-weight
----------------------------------- */
.fobold {
	font-weight: bold;
}

/* font-color
----------------------------------- */
.foblue {
	color: #0066B4;
}

.datecolor {
	color: #0091ff;
}


/* font-size
----------------------------------- */
.fo12 {
	font-size: 12px;
}

.fo16 {
	font-size: 16px;
}

.fo18 {
	font-size: 18px;
}

.fo20 {
	font-size: 20px;
}

/* margin
----------------------------------- */
.mb10 {
	margin-bottom: 10px !important;
}

.mb12 {
	margin-bottom: 12px;
}

.mb14 {
	margin-bottom: 12px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb65 {
	margin-bottom: 65px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb85 {
	margin-bottom: 85px;
}

.mb110 {
	margin-bottom: 110px;
}

.mb155 {
	margin-bottom: 155px;
}

/* hr
----------------------------------- */
#contents hr {
	display: block;
	border-top: 3px solid #0066B4;
	width: 44px;
	margin: 0 auto;
}

/* indent
----------------------------------- */
.indent {
	text-indent: -1em;
	padding-left: 1em;
}

/* h1-h4
----------------------------------- */
#contents h1 {
	text-align: center;
	margin-bottom: 50px;
}

#contents h2 {
	color: #0066B4;
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 12px;
	text-align: center;
}

#contents h3 {
	color: #4E4E4E;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	margin-block: calc((1em - 1lh) / 2);
	padding-bottom: 20px;
}

/* flex
----------------------------------- */
.flex-area {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}


/* mainvisual Area
----------------------------------- */
.mainvisual {
	background: url(../img/bg.png) repeat-x;
	height: 86px;
}

/* service Area
----------------------------------- */
.service {
	text-align: center;
	margin-bottom: 60px;
}

.service .click-point {
	margin: 0 auto 50px auto;
	display: block;
}

#contents .service h1 {
	color: #0066B4;
	line-height: 1;
	margin-bottom: 12px;
	text-align: center;
	font-size: 25px;
	margin-bottom: 15px;
}

#contents .service hr {
	margin-bottom: 60px;
}

.service p {
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
	text-align: left;
	padding-bottom: 30px;
}

.service .se-lead {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 18px;
	line-height: 1.556;
	margin-block: calc((1em - 1lh) / 2);
	text-align: center;
}

.useservice {
	border-radius: 10px;
	border: #EEEEEE solid 2px;
	overflow: hidden;
}

.useservice .flex-area dt {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 33px;
	color: #0066B4;
	background-color: #EDF7FF;
	line-height: 1;
	min-height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.useservice .flex-area dd {
	width: 100%;
	margin-bottom: 35px;
}

.useservice .flex-area dd:last-of-type {
	margin-bottom: 33px;
}

.changedate {
	padding: 25px 0 0 0;
}

.changedate dt {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #0091FF;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.changedate dd {
	font-size: 22px;
	font-weight: bold;
	color: #0066B4;
	background-color: #EDF7FF;
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* btnarea Area
----------------------------------- */
.btnarea {
	width: 100%;
	border: #A7A7A7 1px solid;
	color: #707070;
	font-weight: bold;
	background: url("../img/arrow_sp.png") #fff no-repeat 94% center;
	border-radius: 36px;
	text-align: center;
	min-height: 60px;
}

.btnarea a {
	text-decoration: none;
	color: #707070;
	display: block;
	min-height: 60px;
	padding-top: 20px;
}


/* login Area
----------------------------------- */
.login {
	text-align: center;
	padding: 46px 0 33px 0;
	background: #EDF7FF repeat-x;
}

#contents .login h2 {
	font-size: 19px;
	line-height: 1.6;
	margin-block: calc((1em - 1lh) / 2);
	padding-bottom: 35px;
}

.login p {
	text-align: left;
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
	margin-bottom: 35px;
}

.login .btnarea a {
	padding-right: 20px;
}

.notuse p {
	margin-bottom: 16px;
}

#contents .notuse h3 {
	text-decoration: underline;
	text-underline-offset: 5px;
	margin-bottom: 0;
	padding-bottom: 16px;
}


/* table Area
----------------------------------- */
.notuse table {
	width: 100%;
	text-align: left;
	background-color: #fff;
	height: 100%;
}

.notuse table th {
	height: 95px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 1.714;
}

.notuse table th:first-of-type {
	background-color: #0066B4;
}

.notuse table th:last-of-type {
	background-color: #0091FF;
}


.notuse table td {
	height: 100%;
	vertical-align: middle;
	width: 48.53%;
}

.notuse table p {
	margin: 0;
	line-height: 1;
	padding-left: 20px;
}

.notuse .w53 {
	width: 53%;
}

.notuse .border {
	border-bottom: #CCC 1px solid;
}

.notuse .t-gray {
	font-weight: bold;
	color: #0066B4;
	background-color: #F6F6F6;
	margin: 8px 8px 8px 0;
}

.notuse .t-gray p {
	display: flex;
	align-items: center;
}

.notuse .flex {
	display: flex;
	align-items: center;
	width: auto;
}


/* table 個別アイテム
----------------------------------- */
.notuse [class^="table-item"] {
	font-size: 13px;
	width: 94%;
	margin-block: calc((1em - 1lh) / 2);
}

.notuse .table-item1 {
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.846;
}

.notuse .table-item2 {
	margin-block: 0;
	min-height: 94px;
}

.notuse .table-item3 {
	min-height: 94px;
	line-height: 1.692;
	margin: 8px 8px 8px 0;
}

.notuse .table-item4 {
	line-height: 1.846;
	padding-top: 20px;
}

.notuse .table-item5 {
	font-size: 12px;
	line-height: 1.667;
	padding-top: 10px;
	padding-bottom: 20px;
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 20px;
	width: 77%;
}

.notuse .table-item6 {
	padding-top: 20px;
	line-height: 1.846;
}

.notuse .table-item7 {
	margin-block: 0;
	font-size: 12px;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 20px;
}

.notuse .table-item8 {
	margin-block: 0;
	min-height: 94px;
}

.notuse .table-item9 {
	min-height: 94px;
	line-height: 1.692;
	margin: 8px 8px 8px 0;
}

.notuse .table-item10 {
	line-height: 1.692;
	padding-top: 20px;
	width: 93%;
}

.notuse .table-item11 {
	font-size: 12px;
	line-height: 1.667;
	padding-top: 10px;
	padding-bottom: 20px;
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 20px;
	width: 80%;
}

.notuse .table-item12 {
	margin-block: 0;
	min-height: 153px;
	padding-top: 26px;
	width: 100%;
	margin: 8px 8px 8px 0;
	display: flex;
	align-items: center;
}

.notuse .table-item13 {
	line-height: 1.692;
}

.notuse .table-item14 {
	font-size: 12px;
	line-height: 1.667;
	padding-top: 10px;
	padding-bottom: 20px;
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 20px;
	width: 76%;
	font-weight: normal;
}

.notuse .table-item15 {
	line-height: 1.692;
	border-bottom: #CCC 1px solid;
	padding-top: 20px;
	padding-bottom: 20px;
}

.notuse .table-item16 {
	min-height: 125px;
}

.notuse .table-item17 {
	line-height: 1;
	padding-top: 20px;
	padding-bottom: 20px;
}

.notuse .table-item19 {
	min-height: 210px;
}

/* close Area
----------------------------------- */
#contents .close h2 {
	line-height: 1;
	padding-bottom: 35px;
	margin: 0;
}

.close p {
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
}

.close p.fo12 {
	line-height: 1.833;
	margin-block: calc((1em - 1lh) / 2);
	margin-bottom: 27px;
}

.close .tap {
	margin-top: 35px;
	text-align: center;
}

.close .tap img {
	margin-bottom: 15px;
}

.close .tap p.indent {
	font-size: 12px;
	text-align: left;
}

.close .member {
	border: #CCCCCC 1px solid;
	border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.close .member.mb0 {
	margin-bottom: 0;
}

.close .dtblue {
	background-color: #EDF7FF;
}

.close dt {
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
	font-weight: bold;
	text-align: center;
	padding: 18px 17px 13px 17px;
	min-height: 60px;
}

.close .nomember {
	display: flex;
	justify-content: center;
	align-items: center;
}

.close dd {
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
	text-align: left;
	padding: 23px 20px 22px 20px;
}

.close dd p.indent {
	margin-top: 12px;
	margin-bottom: 0;
}


/* qa-area Area
----------------------------------- */
#contents .qa-area h2 {
	line-height: 1;
	margin-bottom: 34px;
}

.qa-accordion {
	border: #ccc 1px solid;
	border-radius: 10px;
	min-height: 50px;
	padding: 0 20px 0 17px;
	margin-bottom: 16px;
}

.qa-accordion:last-of-type {
	margin-bottom: 0;
}

.qa-title {
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.qa-title p {
	font-weight: bold;
	padding: 12px 17px 12px 0;
	text-indent: -24px;
	padding-left: 29px;
	line-height: 1.85;
	width: 100%;
}

.qa-title p::before {
	content: "Q";
	font-size: 14px;
	font-weight: bold;
	color: #0066B4;
	padding-right: 12px;
}







.qa-content p {
	padding-bottom: 1.8em;
	padding-left: 30px;
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
}

.qa-content p:last-of-type {
	padding-bottom: 22px;
}

.qa-content p.answer::before {
	content: "A";
	font-size: 18px;
	font-weight: bold;
	color: #DF4C0D;
	padding-right: 14px;
}

.qa-content p.answer {
	text-indent: -27px;
	padding-left: 30px;
	line-height: 1.786;

}

.qa-content p.qa-titel-indent {
	text-indent: -1em;
	padding-left: 3em;
	padding-bottom: 10px;
	font-weight: bold;
}

.qa-content p.qa-indent {
	text-indent: -1em;
	padding-left: 3em;
	font-size: 12px;
	padding-bottom: 1.6em;
	line-height: 1.833;
}

.qa-content p.qa-indent-list {
	text-indent: -1em;
	padding-left: 3em;
	font-size: 12px;
	padding-bottom: 1.6em;
	line-height: 1.833;
}

.qa-content p.qa-indent:last-of-type {
	padding-bottom: 22px;
}

.qa-content ol {
	padding-left: 30px;
	padding-bottom: 1.5em;
}

.qa-content ol li {
	line-height: 1.786;
	text-indent: -1.5em;
	padding-left: 2.5em;
}

.qa-content .pb0 {
	padding-bottom: 0;
}

.qa-content .pb8 {
	padding-bottom: 8px;
}

.qa-content .pb20 {
	padding-bottom: 20px !important;
}





#contents .qa-content hr {
	display: block;
	width: auto;
	border-top: 1px solid #CCC;
	margin-bottom: 18px;
}

/* qa-area Area accordion
----------------------------------- */
.qa-title i.ac-btn {
	position: relative;
	top: 16px;
	background: url(../img/open_g.png) no-repeat;
	width: 19px;
	height: 17px;
}

.qa-title.open i.ac-btn {
	position: relative;
	top: 23px;
	background: url(../img/close_g.png) no-repeat;
	width: 19px;
	height: 3px;
}

.qa-content {
	display: none;
}

/* contact Area
----------------------------------- */
.exlink {
	margin-left: 5px;
	margin-bottom: -3px;
}
.contact {
	padding: 45px 0 85px 0;
}

#contents .contact h2 {
	line-height: 1;
	margin: 0;
	padding-bottom: 25px;
}

#contents .contact hr {
	margin-bottom: 38px;
}

.c-btn {
	border-color: #D4ECFF;
}

.c-btn a {
	color: #0066B4;
}

.contact p {
	line-height: 1.8;
	margin: -5px 0;
}

.contact .btnarea {
	margin-bottom: 30px;
}

.contact .txt-link {
	text-align: center;
	margin-bottom: 20px;
}