@charset "utf-8";

@media print, screen and (max-width:619px){

/* ----------------------------------------
	h1
---------------------------------------- */

h1{
	background:url(../img/common/h1-bg-section.png) repeat-x center top;
}
	
h1 span{
	display: block;
	min-height: 210px;
	padding: 70px 5px 0;
	box-sizing: border-box;
	background:url(../img/common/h1-bg-narrow.png) no-repeat center top;
	background-size: 770px 187px;
	color: #2F4791;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}


/* ----------------------------------------
	contentsBox
---------------------------------------- */

div.contentsBox{
	padding:  0 0 40px;
}


/* ----------------------------------------
	ntentsBox a
---------------------------------------- */
	
div.contentsBox a{
	text-decoration: underline;
}
div.contentsBox a:hover,
div.contentsBox a:visited{
	color: #6F00B8;
}

	
/* ----------------------------------------
	h2, h3, h4
---------------------------------------- */
	
h2{
	padding: 0 0 25px;
	text-align: center;
}
	
h2 span{
	position: relative;
	display: inline-block;
	padding: 3px 50px;
	background-color:#F3F3F5;
	color: #2F4791;
	font-size: 24px;
	font-weight: normal;
}
h2 span:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	display: block;
	width: 30px;
	height: 31px;
	margin: auto;
	background:url(../img/common/h2-bg-left.png) no-repeat center center;
	background-size: 30px 31px;
}
h2 span:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	display: block;
	width: 30px;
	height: 31px;
	margin: auto;
	background:url(../img/common/h2-bg-right.png) no-repeat center center;
	background-size: 30px 31px;
}

h3{
	min-height: 35px;
	margin: 0 20px 15px;
	padding: 0 0 0 13px;
	border-left: #2F4791 7px solid;
	font-size: 20px;
	font-weight: bold;
}
	
h4{
	margin: 0 30px;
	padding: 0 0 15px 23px;
	background:url(../img/common/icon-h4.png) no-repeat left 7px;
	background-size: 16px 15px; 
	font-size: 18px;
	font-weight: bold;
}


	
/* ----------------------------------------
	p
---------------------------------------- */
	
p{
	padding: 0 20px 30px;
	font-size: 16px;
	line-height: 18px;
}
p.textForH3{
	padding: 0 30px 30px !important;
}
p.textForH4{
	padding: 0 40px 30px !important;
}
p.textCenter{
	font-weight: bold;
	text-align: center;
	line-height: 1.7 !important;
}
	
	
/* ----------------------------------------
	ul
---------------------------------------- */

div.contentsBox ul{
	padding: 0 20px 20px;
}
	
div.contentsBox ul li{
	padding: 0 0 7px 15px;
	background:url(../img/common/icon-hexagon1.png) no-repeat left 8px;
	background-size: 10px 10px;
	font-size: 16px;
	font-weight: bold;
}

ul.pdfList{
	margin: 0 20px;
	padding: 0 0 45px !important;
}

ul.pdfList li{
	padding: 13px 0 13px 30px !important;
	box-sizing: border-box;
	background:url(../img/common/icon-pdf.png) no-repeat left center !important;
	background-size: 21px 27px !important;
}
ul.pdfList li a{
	font-size: 16px;
	text-decoration: underline;
	font-weight: normal !important;
}
	ul.xlsList li{
	padding: 13px 0 0px 30px !important;
	box-sizing: border-box;
	background:url(../img/common/icon-xls.png) no-repeat left center !important;
	background-size: 21px 27px !important;
}

ul.pdfhead li{
	padding: 0 0 0px 30px !important;
	box-sizing: border-box;
	background:url(../img/common/icon-pdf.png) no-repeat left center !important;
	background-size: 21px 27px !important;
}
ul.pdftable li{
  	padding: 0px 0px 0px 30px !important;
	box-sizing: border-box;
	background:url(../img/common/icon-pdf.png) no-repeat left !important;
	background-size: 21px 27px !important;
}

/* ----------------------------------------
	ol
---------------------------------------- */

ol{
	padding: 0 20px 20px;
}

ol li{
	margin: 0 0 0 20px;
	padding: 0 0 20px;
	list-style: decimal;
	font-size: 16px;
	font-weight: bold;
}	
	

/* ----------------------------------------
	dl
---------------------------------------- */

dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0 20px;
	padding: 0 0 40px;
	overflow: hidden;
}
	
dl dt{
	position: relative;
	width: 100px;
	padding: 10px 20px 10px 0;
	font-size: 16px;
}

dl dt:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 810px;
	height: 4px;
	background:url(../img/common/dot.png) repeat-x left center;
	background-size: 9px 4px;
}

dl dd{
	width: calc(100% - 120px);
	padding: 10px 0;
	font-size: 16px;
}
	
	
/* ----------------------------------------
	imgRight, imgLeft
---------------------------------------- */

div.imgRight,
div.imgLeft{
	margin: 0 20px;
	padding: 0 0 40px;
}
div.imgRight p{
	margin: 0 !important;
	padding: 0 0 20px!important;
}
div.imgLeft p{
	margin: 0 !important;
	padding: 20px 0 0 !important;
}

div.imgRight img,
div.imgLeft img{
	display: block;
	width: 100%;
}
	
	
/* ----------------------------------------
	img3, img2
---------------------------------------- */

div.img3,
div.img2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 20px;
}
	
div.img3 div{
	width: calc((100% - 40px) / 3);
	padding: 0 0 30px;
}
div.img3 div:nth-child(3n+2){
	padding: 0 20px 30px !important;
}
	
div.img3 img{
	width: 100%;
	height: auto;
}
	
div.img2 div{
	width: calc((100% - 20px) / 2);
	padding: 0 0 30px;
}
	
div.img2 img{
	width: 100%;
	height: auto;
}
	div.img1 img{
	display: flex;
	flex-wrap: wrap;
	max-width: 400px;
	margin: 0 auto;
}
	
/* ----------------------------------------
	special
---------------------------------------- */

div.special{
	position: relative;
	margin: 0 20px;
	padding: 28px 0 65px 26px;
}
	
div.specialNo{
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 53px;
	height: 56px;
	padding: 6px 0 0 5px;
	box-sizing: border-box;
	background:url(../img/common/icon-green-hexagon.png) no-repeat center center;
	background-size: 53px 56px;
	color: #ffffff;
	font-size: 26px;
	text-align: center;
}
	
div.specialBox{
	position: relative;
	padding: 30px 35px 35px;
	box-sizing: border-box;
	background-color: #ffffff;
}
div.specialBoxA{
	background-image:url(../img/flow/00i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxB{
	background-image:url(../img/flow/01i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxC{
	background-image:url(../img/flow/02i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxD{
	background-image:url(../img/flow/03i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxE{
	background-image:url(../img/flow/04i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxF{
	background-image:url(../img/flow/05i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxG{
	background-image:url(../img/flow/06i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxH{
	background-image:url(../img/flow/07i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxI{
	background-image:url(../img/flow/08i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxJ{
	background-image:url(../img/flow/07i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxK{
	background-image:url(../img/flow/10i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxL{
	background-image:url(../img/flow/07i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxM{
	background-image:url(../img/flow/07i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxN{
	background-image:url(../img/flow/13i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBoxO{
	background-image:url(../img/flow/14i.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 86px 72px;
}
div.specialBox:after{
	content: "";
	position: absolute;
	bottom: -39px;
	left: 0;
	right: 0;
	display: block;
	width: 78px;
	height: 39px;
	margin: 0 auto;
	background:url(../img/common/arrow-down.png) no-repeat center center;
	background-size: 78px 39px;
}
	
p.specialTitle{
	padding: 0 0 15px !important;
	font-weight: bold;
}
	
p.specialContent{
	padding: 0 !important;
}

	
/* ----------------------------------------
	table
---------------------------------------- */

div.tableA,
div.tableB,
div.tableC,
div.tableD{
	margin: 0 20px;
	padding: 0 0 50px;
}
div.tableC{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

table *{
	border-collapse: separate;
	font-size: 16px;
	font-weight: bold;
}
	
div.tableA table,
div.tableB table{
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
		text-align: center;
}
div.tableC table{
	border-collapse: separate;
	border-spacing: 5px;
	width: calc((100% - 10px) / 2);
		text-align: center;
}

div.tableD table{
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
}
	
table thead th{
	padding: 5px 0;
}

table tbody th{
	padding: 10px 0;
	background-color: #CDD1E3;
}
	
table tbody td{
	padding: 10px 0;
	background-color: #ffffff;
}

	
}