@charset "utf-8";

/* main.css (common) */
html {
 font-size:16px;
 height:100%;
}
body {
 background-color:#fff;
 font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
 font-weight:500;
 line-height:1.7;
 color:#333;
 min-width:1082px;
 min-height:100%;
 margin:0;
}
img {
 max-width:100%;
 height:auto;
 vertical-align:middle;
}
a {
 transition:opacity .3s;
 color:#0058a1;
 text-decoration:underline;
}
a:visited {
 color:#0058a1;
}
a:hover {
 color:#0058a1;
}
a:active {
 color:#0058a1;
}
.small {
 font-size:.75rem
}
.TC-e2152a {
	color: #e2152a;
}
.TC-0058a1 {
	color: #0058a1;
}
.TC-39f {
	color: #3399FF;
}
.TC-096 {
	color: #009966;
}
.TS-M {
	 font-size:1.0rem;
	 font-weight:700;
}
@media only screen and (max-width:767px) {
 body {
	  font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;
	  min-width:100%;
	  padding-top:0;
 }
}

/* header */
#headerGuide {
	width:100%;
	min-width:1082px;
	margin-bottom:30px;
	border-top:5px #0058a1 solid;
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,.16);
}
#headerGuide #headerGuideLogo {
	width: 1082px;
	margin: 0 auto;
	padding: 15px 0 17px;
}
@media only screen and (max-width:767px) {
#headerGuide {
	width:100%;
	min-width: auto;
	margin-bottom:30px;
	border-top:5px #0058a1 solid;
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,.16);
}
#headerGuide #headerGuideLogo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
}

/* footer */
.l-Copyright {
 background-color:#0058a1;
 width:100%;
 padding:25px 0
}
.l-Copyright_Container {
 width:1082px;
 margin:0 auto
}
.l-Copyright_Text {
 font-size:.875rem;
 font-weight:700;
 text-align:center;
 line-height:1;
 color:#fff
}
@media only screen and (max-width:767px) {
 .l-Copyright_Container {
  width:auto
 }
}

/* content area */
#contentBody {
	width:100%;
}
#contentArea {
	width:1082px;
	margin:0 auto;
}
@media only screen and (max-width:767px) {
#contentArea {
	width:auto;
	margin:0 auto;
}
}
#contentArea p {
	margin-bottom:15px;
}
#contentArea .m-top05 {
	margin-top: 5px !important;
}
#contentArea .m-top10 {
	margin-top: 10px !important;
}
#contentArea .m-top20 {
	margin-top: 20px !important;
}
#contentArea .m-top30 {
	margin-top: 30px !important;
}
#contentArea .m-top40 {
	margin-top: 40px !important;
}
#contentArea .m-top50 {
	margin-top: 50px !important;
}
#contentArea .m-bottom00 {
	margin-bottom: 0 !important;
}
#contentArea .m-bottom05 {
	margin-bottom: 5px !important;
}
#contentArea .m-bottom10 {
	margin-bottom: 10px !important;
}
#contentArea .m-bottom20 {
	margin-bottom: 20px !important;
}
#contentArea .m-bottom30 {
	margin-bottom: 30px !important;
}
#contentArea .m-bottom40 {
	margin-bottom: 40px !important;
}
#contentArea .m-bottom50 {
	margin-bottom: 50px !important;
}
#contentArea h1 {
	margin-bottom: 30px;
	font-size:1.5rem;
	font-weight:700;
	color:#0058a1;
	text-align:center;
}
#contentArea .h2-bgE7F1F8 {
	box-sizing:border-box;
	background-color:#e7f1f8;
	width:1082px;
	margin:0 auto 20px;
	padding:7px;
}
#contentArea .h2-bgE7F1F8 h2 {
  font-size:1.2rem;
  font-weight:700;
  color:#0058a1;
  text-align:center;
}
#contentArea .h3-bgF8F9FA {
	box-sizing:border-box;
	background-color:#f8f9fa;
	border-top: 2px solid #0058a1;
	border-bottom: 1px solid #dee2e6;
	width:1082px;
	margin:0 auto 20px;
	padding:7px 15px;
}
#contentArea .h3-bgF8F9FA h3 {
	font-size:1.0rem;
	font-weight:700;
}
#contentArea .h4-circleB {
	font-size:1.0rem;
	font-weight:700;
	margin-bottom:10px;
	padding-left:25px;
	background:url(../img/m_circleB.svg) no-repeat 0 3px;
}
#contentArea .h4-0058a1 {
	font-size:1.0rem;
	font-weight:700;
	margin-bottom:10px;
	color:#0058a1;
}
@media only screen and (max-width:767px) {
#contentArea .h2-bgE7F1F8 {
	width:auto;
}
#contentArea .h3-bgF8F9FA {
	width:auto;
}
}
#contentArea .contentsListbody {
	width: 600px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: 30px auto 50px;
}
#contentArea .contentsListL {
	width:calc(40% - 40px);
	min-width:calc(40% - 40px);
	margin-right:80px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	align-items: stretch;
	background-color:#0058a1;
}
#contentArea .contentsListL p {
	font-size:1.3rem;
	font-weight:700;
	color: #FFF;
	display:-ms-flexbox;
	display:flex;
	flex: 1 0 25%;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#contentArea .contentsListR {
	 width:calc(60% - 40px);
	 min-width:calc(60% - 40px);
	 display:-ms-flexbox;
	 display:flex;
	 -ms-flex-direction:column;
	 flex-direction:column;
}
#contentArea .contentsListR ul.ul-circle {
	list-style:circle outside;
}
@media only screen and (max-width:767px) {
#contentArea .contentsListbody {
	width:auto;
	display: block;
	flex-wrap: nowrap;
	margin: 30px auto 50px;
}
#contentArea .contentsListL {
	width:90%;
	min-width:auto;
	margin:0 auto;
	display:block;
	flex-direction:column;
	align-items: stretch;
	background-color:#0058a1;
}
#contentArea .contentsListL p {
	text-align: center;
	display:block;
}
#contentArea .contentsListR {
	 width:auto;
	 min-width:auto;
	 display:block;
}
#contentArea .contentsListR ul.ul-circle {
	padding-left: 50px;
}
}
#contentArea .MG-lr30 {
	margin: 0 30px 80px;
	font-size: .875rem;
	line-height: 1.714;
}
#contentArea .MG-lr30 .bgBbody {
	background-color:#e7f1f8;
	border: 1px solid #dee2e6;
	padding:20px 30px 0;
}
@media only screen and (max-width:767px) {
#contentArea .MG-lr30 {
	margin: 0 20px 80px;
}
#contentArea .MG-lr30 .bgBbody {
	background-color:#e7f1f8;
	border: 1px solid #dee2e6;
	padding:10px 20px 0;
}
}
#contentArea .M-point {
	background:#fefbdd url(../img/m_point.svg) no-repeat 15px 10px;
	padding:20px 10px 15px 55px;
}
#contentArea .M-question {
	background:#e7f1f8 url(../img/m_question.svg) no-repeat 10px 10px;
	padding:15px 10px 13px 50px;
}
#contentArea .link-arrowB a {
	background:url(../img/m_arrowB.svg) no-repeat 0 2px;
	padding-left:16px;
}
#contentArea dl.dl-dtB {
	margin-bottom: 15px;
	display: -webkit-box;
  	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#contentArea dl.dl-dtB dt {
	width: 20%;
	margin-bottom:7px;
	font-weight:700;
	color:#0058a1;
}
#contentArea dl.dl-dtB dd {
	width: 80%;
	margin-bottom:7px;
}
@media only screen and (max-width:767px) {
#contentArea dl.dl-dtB {
	display: block;
	flex-wrap: nowrap;
}
#contentArea dl.dl-dtB dt {
	width: 100%;
}
#contentArea dl.dl-dtB dd {
	width: 100%;
}
}
#contentArea dl.dl-dtBL {
	margin-bottom: 10px;
}
#contentArea dl.dl-dtBL dt {
	margin-bottom:10px;
	font-weight:700;
	color:#0058a1;
}
#contentArea dl.dl-dtBL dd {
	margin:0 0 5px 15px;
	padding-left: 18px;
	background:url(../img/m_dotB.svg) no-repeat 0 6px;
}
#contentArea dl.dl-dtBL dl {
	display: -webkit-box;
  	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#contentArea dl.dl-dtBL dl dt {
	width: 8%;
	margin-bottom:0 !important;
	font-weight:100 !important;
	color:#333 !important;
}
#contentArea dl.dl-dtBL dl dd {
	width: 92%;
	margin:0 0 15px 0 !important;
	padding-left: 0 !important;
	background:none !important;
}
@media only screen and (max-width:767px) {
#contentArea dl.dl-dtBL dl {
	display: block;
	flex-wrap: nowrap;
}
#contentArea dl.dl-dtBL dl dt {
	width: 100%;
}
#contentArea dl.dl-dtBL dl dd {
	width: 100%;
}
}

#contentArea ul.ul-utBL {
	margin-bottom: 10px;
}
#contentArea ul.ul-utBL li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(../img/m_dotB.svg) no-repeat 0 6px;
}

#contentArea .column-main {
	margin-bottom: 20px;
	padding:7px 20px 0;
	background-color:#f1f2df;"
	margin-bottom: 15px;
	display: -webkit-box;
  	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#contentArea .column-main div {
	display: -webkit-box;
  	display: -ms-flexbox;
	display: flex;
	align-items: center;
	width: 50%;
}
#contentArea .column-main div #p-nonM {
	display: none;
}
#contentArea .column-main div #p-nonP {
	display: inline;
}

@media only screen and (max-width:767px) {
#contentArea .column-main {
	padding: 5% 0 0;
	display: block;
	flex-wrap: nowrap;
	width: 100%;
}
#contentArea .column-main div {
	padding: 0 3%;
	flex-wrap: nowrap;
	width: 94%;
}
#contentArea .column-main div #p-nonM {
	display: inline;
	text-align: center;
}
#contentArea .column-main div #p-nonP {
	display: none;
}
}