@charset "utf-8";



/*全体の設定
---------------------------------------------------------------------------
html {
	height: 100%;
}
@media screen and (max-height:700px) {
html {
	height: auto;
}
}*/


body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.8;
	/*background: url(../images/mainimg.jpg) no-repeat center center / cover;
	background-attachment: fixed; */
	height: 100%;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 20px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
video {max-width: 100%;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #000;
	transition: 0.3s;
}
a:hover {
	color: #04135e;
	text-decoration: none;
}

/*home
---------------------------------------------------------------------------*/
#home {
	color: #fff;
	height: 100% !important;
}

/*header
---------------------------------------------------------------------------*/
@keyframes header {
0% {opacity: 0;top: -80px;}
100% {opacity: 1;top: 0px;}
}

header {
	/*position: fixed;*/
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 100%;
	height: 80px;
	box-shadow: 0px 0px 30px 30px #fff;
	animation-name: header;
	animation-delay: 1s;
	animation-duration: 0.2s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	background: rgba(51,62,151,0.9) url(../images/bg_header.png) no-repeat left top;
	box-shadow: none;
	border-bottom: 1px solid #222a7d;
}
header h1 img {
	width: 340px;
	position: absolute;
	left: 40px;
}


/*ヘッダー右上メニュー
---------------------------------------------------------------------------*/
#header-nav {
	display: none;
}

/*top
---------------------------------------------------------------------------*/

#top {
	display: table;
	margin: 0 auto;
	padding: 0 5% 30px;
	/*height: calc(100% - 50px);*/
	background:url(../images/mainimg.jpg) no-repeat center top;
}

.topl {
	display: table-cell;
	text-align: center;
	vertical-align: middle !important;
	padding-right: 30px;
	}
	
.topl p.catch {
	font-size: 1.3em;
	text-shadow: #039 1px 1px 4px, #039 -1px 1px 4px, #039 1px -1px 4px, #039 -1px -1px 4px;
	margin-bottom: 10px;
}
	
.topl p.mail a {
	display: block;
	background: #039;
	color: #FFF;
	padding: 15px;
	margin: 15px 0;
	text-decoration: none;
	font-size: 1.1em;
	border: 1px solid #afc2f7;
}
	
.topl p.mail a:hover {
	background: #936;
}
.topl p.txt {
	background: rgba(255,255,255,0.8);
	color: #000;
	padding: 15px;
}
.topl p.exinfo img {
	border: 1px solid rgba(255,255,255,0.8);
}
.topr {
	display: table-cell;
	text-align: center;
	vertical-align: middle !important;
	padding-left: 30px;
	padding-top: 20px;
	}
	

/*contents
---------------------------------------------------------------------------*/
.contents {
	clear: both;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px;
}

.contents p {
	padding: 0;
	margin-bottom: 15px;
}
.contents p.qaq {
	color: #04135e;
	font-size: 1em;
	line-height: 1.4;
	border-bottom: 1px dotted #04135e;
	margin-bottom: 10px;
	padding: 10px 0 10px 30px;
	background: url(../images/bg_qaq.png) no-repeat left top;
}


.contents .qaa {
	padding: 0 0 0 30px;
	background: url(../images/bg_qaa.png) no-repeat left top;
}

.contents .notes {
	margin: 30px 0 20px;
	padding: 10px 15px;
	font-size: 0.9em;
	border-radius: 5px;
	font-weight: bold;
	line-height: 1.6;
}
.contents .notes p:last-child {
	margin-bottom: 0;
}

.box1.p1 .notes {
	border: 1px solid #c9dfe2;
	background: #f4f9f9;
}
.box1.p2 .notes {
	border: 1px solid #d3d8df;
	background: #f6f7f9;
}

.contents section {
	display: table;
	margin: 0 auto;
}

.contents section + section {
	margin-top: 30px;
}
.contents p + p {
	margin-top: -8px;
}


/*inner共通
---------------------------------------------------------------------------*/
.inner {
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 5%;
}


/*sec1
---------------------------------------------------------------------------*/
.sec1 {
	background: rgba(255,255,255,0.7);
}
 @media screen and (min-width:800px) {
.sec1 {
	padding: 100px 0 !important;
	}
 }
.sec1 p.catch {
	font-size: 1.4em;
	font-weight: bold;
	color: #323e97;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.contents .lump {
	display: table;
	margin: 0 auto;
}

.sec1 .sec1l {
	display: block;
	margin: 0 0 20px 0;
	text-align: center;
}
.sec1 .sec1l img {
	width: 200px;
}


/*sec2
---------------------------------------------------------------------------*/
.sec2 {
	color: #fff;
	background: url(../images/bg_sec2.jpg) center top;
}

.sec2 ul {
	padding: 15px 0 0 0;
	margin: 0;
	border-top: 1px dashed #cecece;
	list-style: none;
	width: auto;
}
.sec2 ul li {
	padding: 0 6px;
	line-height: 1.8;
	font-size: 0.9em;
}
.sec2 ul li a {
	display: block;
	text-decoration: none !important;
	background: url(../images/arrow01.png) no-repeat right center;
}
.sec2 ul li a:hover {
	color: #C03;
	background: url(../images/arrow01_on.png) no-repeat right center;
}
/*sec3
---------------------------------------------------------------------------*/
.sec3 {
	background:url(../images/bg_sec3.jpg) center top;
}
.sec3 a {color: #fff;}
.sec3 h2 {
	text-align: center;
	margin: 0 auto;
	}



/*sec4
---------------------------------------------------------------------------*/
.sec4 {
	background:url(../images/bg_sec4.jpg) center top;
	color: #fff;
	padding: 100px 0;
}
.sec4 a {color: #fff;}
.sec4 h2 {
	color: #fff !important;
	text-align: center;
	}

/*sec5
---------------------------------------------------------------------------*/
.sec5 {
	background:url(../images/bg_sec5.jpg) no-repeat center top;
	background-size: 100%;
}
.sec5 a {color: #fff;}
.sec5 h2 {
	text-align: center;
	margin: 0 auto;
	}


/*sec6
---------------------------------------------------------------------------*/
.sec6 {
	background: url(../images/bg_sec6_2.png) no-repeat center top, url(../images/bg_sec6.jpg) center top;
}
.sec6 a {color: #fff;}
.sec6 h2 {
	text-align: center;
	margin: 0 auto;
	}



/*sec7
---------------------------------------------------------------------------*/
.sec7 {
	background: url(../images/bg_sec7.jpg) center top;
}
.sec7 a {color: #fff;}
.sec7 h2 {
	text-align: center;
	margin: 0 auto;
	}
.sec7 h2 img {
	text-align: center;
	margin: 0 auto;
	width: 100% !important;
	}
.sec7 h3 {
	text-align: center;
	margin: 0 auto;
	}

.sec7 .inner {
	/*max-width: 950px !important;
	margin-bottom: 50px !important;*/
}



/*sec8
---------------------------------------------------------------------------*/
.sec8 {
	margin-bottom: 80px;
	background: url(../images/mainimg.jpg) no-repeat center bottom;
	background-size: 100%;
}
.sec8 p {
	text-align: center;
}
	
	
.sec8 p.catch {
	font-size: 1.3em;
	text-shadow: #039 1px 1px 4px, #039 -1px 1px 4px, #039 1px -1px 4px, #039 -1px -1px 4px;
	margin-bottom: 30px;
	color: #fff !important;
}
	
.sec8 p.mail a {
	display: block;
	background: #039;
	color: #FFF;
	padding: 15px;
	margin: 15px 0;
	text-decoration: none;
	font-size: 1.1em;
	border: 1px solid #afc2f7;
}
	
.sec8 p.mail a:hover {
	background: #936;
}
.sec8 p.txt {
	color: #fff;
	font-size: 1.1em;
}




/*secmov
---------------------------------------------------------------------------*/

.secmov {
	color: #FFF;
	padding-bottom: 40px;
	padding-top: 20px;
	background: rgba(51,62,151,0.9);
}
/*
.secmov .inner {
	max-width: 900px;
}
*/
.secmov .inner section {
	display: none;
	/*position: relative;
	width: 100%;
	padding-top: 56.25%;*/
}

/*
.secmov iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
*/


.secmov .logo {
	margin: 20px auto 40px;
	text-align: center;
}

.secmov .logo img {
	width: 100px;
}

.secmov .copy {
	text-align: center;
}







/*list
---------------------------------------------------------------------------*/

.list01 {
	text-align: center;
	margin: 0 auto !important;
	display: table;
}
.list01 ul {
	padding: 20px 0 0 0;
}
.list01 ul li {
	display: table-cell;
	list-style: none;
	padding: 15px 25px;
	text-align: center;
	/*min-width: 230px*/
	}
	
.list01::after {
  content: "";
  display: block;
  clear: both;
}


.list01 ul li img {
	margin-bottom: 20px;
	}
.list01 ul li span {
	padding: 5px 10px !important;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #dfc1f0;
	font-size: 0.9em;
	}



/*boxmenu
---------------------------------------------------------------------------*/
.boxmenu {
	overflow: hidden;
	background: rgba(255,255,255,0.95);
	color: #000;
	margin: 0 0 20px;
	padding: 20px;
	display: table;
	width: calc(100% - 40px);
}


.boxmenub {
	overflow: hidden;
	background: none !important;
	margin: 0 0 20px;
	padding: 0;
	display: table;
	width: 100%;
}



.boxmenul {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.boxmenuc {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 15px;
}


.boxmenur {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}


.boxmenubl {
	float: left;
	max-width: calc(50% - 10px);
	margin-right: 10px;
}

.boxmenubr {
	float: right;
	max-width: calc(50% - 10px);
	margin-left: 10px;
}

.boxmenub img {
	border: 1px solid #fff;
	box-sizing: border-box;
}


.boxmenug {
	overflow: hidden;
	background: none !important;
	margin: 0 0 20px;
	padding: 0;
	display: table;
	width: 100%;
}



.boxmenug1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px 0 0;
}

.boxmenug2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}

.boxmenug3 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 0 0 10px;
}

.boxmenug1 img, .boxmenug2 img, .boxmenug3 img {
	border: 1px solid #fff;
	box-sizing: border-box;
}


.boxmenuv {
	padding: 10px 15px 15px;
	/*border: 1px solid #FF0;
	background: rgba(18,16,115,0.5); */
	display: table;
}

.col1 {
	display: table;
	margin: 0 auto;
}
.col2 {
	display: table-cell;
	vertical-align: top;
	padding: 0;
}


.col3 {
	display: table-cell;
	padding: 0;
}
.col3.mid {
	padding: 0 20px;
}

.sec2 .col3 ul {
	padding: 0 0 0 0;
	margin: 0;
	border-top: none;
	list-style: none;
	width: auto;
}
.sec2 .col3 ul li {
	padding: 0 0 0 0;
	line-height: 1.8;
	font-size: 0.9em;
}
.sec2 .col3 ul li.pd1 {
	padding: 0 10px 0 0;
}
.sec2 .col3 ul li:last-child {
	padding: 0 0;
	background: #0F9;
}


.sec2 .col3 ul li a {
	display: block;
	background: none;
}
.sec2 .col3 ul li a:hover {
	color: #C03;
	background: none;
}


.sec2 .col3 ul .ilblc {
	display: table-cell;
}

.boxmenuv a img {
	border: 1px solid #fff;
}

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

.boxmenuv {
	padding: 10px 15px 25px;
}
.col2 {
	display: block;
	margin: 0 auto;
	text-align: center;
}


.col3 {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.col3.mid {
	padding: 30px 0;
}
.sec2 .col3 ul li {
	padding: 0 5px;
}
.sec2 .col3 ul li.pd1 {
	padding: 0 10px 0 7px;
}

}


/*box
---------------------------------------------------------------------------*/

/*box1*/
.box1 {
	overflow: hidden;
	background: #fff;
	color: #000;
	margin: 0 2% 20px;
	border: 5px solid #004386;
	border-radius: 20px 0 20px 20px;
	box-sizing: border-box !important;
	padding: 2% 3% 2%;
	display: table !important;
}

.box1 h4 {
	color: #04135e;
	font-size: 16px;
	line-height: 1.4;
	border-bottom: 2px dotted #04135e;
	margin-bottom: 10px;
	padding: 10px 0 10px;
	text-align: center;
	}
.box1 figure {
	width: 180px;
}

.box1 .dept {
	position: relative;
	text-align: center;
	/*right: 0;
	top: 0;*/
	/*background: #004386;*/
	color: #000;
	/*border: 3px solid #004386;*/
	/*border-radius: 0 0 0 20px;*/
	/*box-sizing: border-box;*/
	padding: 0 2px 2px 8px;
	margin-bottom: 10px;
}

.box1 .fl {
	display: block;
	text-align: center;
	margin: 0 auto;
	/*vertical-align:middle;
	width: 180px;
	padding-right: 70px;*/
}

.box1 .fr {
	display: block;
	/*vertical-align:middle;*/
}

.box1 .fl figure {
	text-align: center !important;
	margin: 0 auto !important;
	width: 130px;
}


.box1 .name {
	background: #004386;
	color: #fff;
	border-top: 5px solid #fff;
	border-radius: 0 0 0 12px;
	box-sizing: border-box;
	padding: 8px 0 8px 0;
	line-height: 1.5;
	width: 180px;
	font-size: 0.9em;
}

.box1.p1, .box1.p2 {
	overflow: hidden;
	background: none;
	margin: 0 0 20px;
	border: none;
	border-radius: 0;
	border-collapse: separate;
	border-spacing: 15px;
	display: block !important;
	border: 1px solid #fff;
	max-width: 1440px;
}
.box1.p1 {
	padding: 50px 15px 10px 15px;
	background: url(../images/bg_p1.jpg) no-repeat left top, #6bb0db;
	background-size: 800px;
}
.box1.p2 {
	padding: 50px 15px 10px 15px;
	background: url(../images/bg_p2.jpg) no-repeat left top, #6869ac;
	background-size: 800px;
}

.box1 .title {
	text-align: center;
	display: block !important;
	margin-bottom: 30px;
}

.box1 .title img {
	width: 400px;
}

.box1cts {
	display: block;
	margin-bottom: 15px;
	padding: 10px 10px;
	width: 100%;
	background: #fff;
	border-radius: 6px;
	box-sizing: border-box !important;
	box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
}

.box1.p1 .name, .box1.p2 .name {
	background: #004386;
	color: #fff;
	/*border-top: 5px solid #fff;*/
	border-radius: 0;
	box-sizing: border-box;
	padding: 12px 8px 8px;
	line-height: 1.5;
	margin: 0 0;
	width: 100%;
	/*font-size: 0.9em;*/
	text-align: center;
	font-size: 1.3em;
	display:inline-block;
}
.box1.p1 .career, .box1.p2 .career {
	margin: 0 0 10px;
	width: calc(100% - 16px);
	text-align: left;
	font-size: 0.9em;
	line-height: 1.2;
	padding: 8px 8px;
}
.career.color1 {
	background: #c9dfe2;
}
.career.color2 {
	background: #d3d8df;
}
.career.color3 {
	background: #eedbe4;
}
.box1.p1 .name {
	background: #1a6491;
}
.box1.p2 .name {
	background: #424088;
}
.sec6 .box1.p1 .name, .sec6 .box1.p2 .name {
	background: #c151a2;
}




/*box2*/
.box2 {
	overflow: hidden;
	background: #fff;
	color: #000;
	margin: 0 2% 20px;
	border: 5px solid #009cdb;
	border-radius: 20px 0 20px 20px;
	box-sizing: border-box !important;
	padding: 3% 3% 2%;
	display: table !important;
}


.box2 h4 {
	color: #04135e;
	font-size: 24px;
	line-height: 1.4;
	border-bottom: 2px dotted #04135e;
	margin-bottom: 30px;
	padding: 30px 0 10px;
	}

.box2 figure {
	width: 130px;
}


.box2 .fl {
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	/*width: 130px;
	padding-right: 10px;*/
}

.box2 .fl img {
	width: 130px;
}

.box2 .fr {
	display: table-cell;
	vertical-align:middle;
	padding-left: 20px;
}

.box2 .flc {
	display: table-cell;
	vertical-align:middle;
	padding-right: 20px;
}

.box2 .frc {
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	/*width: 130px;
	padding-left: 10px;*/
}

.box2 .frc img {
	width: 130px;
}

.box2 .name {
	background: #fff;
	color: #000;
	border-top: 5px solid #fff;
	border-radius: 0 0 0 12px;
	box-sizing: border-box;
	padding: 8px 0 8px 0;
	line-height: 1.5;
	/*width: 130px;*/
	font-size: 0.9em;
}


.box2 .namer {
	background: #fff;
	color: #000;
	border-top: 5px solid #fff;
	border-radius: 0 0 12px 0;
	box-sizing: border-box;
	padding: 8px 0 8px 0;
	line-height: 1.5;
	/*width: 130px;*/
	font-size: 0.9em;
}






/*box3*/
.box3 {
	overflow: hidden;
	background: #fff;
	color: #000;
	margin: 0 2% 20px;
	border: 5px solid #009cdb;
	border-radius: 20px 0 20px 20px;
	box-sizing: border-box !important;
	padding: 2% 3% 2%;
	display: table !important;
}

.box3 h4 {
	color: #129cd7;
	font-size: 16px;
	line-height: 1.4;
	border-bottom: 2px dotted #129cd7;
	margin-bottom: 10px;
	padding: 10px 0 10px;
	}
.box3 figure {
	width: 130px;
}

.box3 .dept {
	position: absolute;
	right: 0;
	top: 0;
	background: #009cdb;
	color: #fff;
	border: 3px solid #009cdb;
	border-radius: 0 0 0 20px;
	box-sizing: border-box;
	padding: 0 2px 2px 8px;
}

.box3 .fl {
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	/*width: 180px;*/
	padding-right: 20px;
}

.box3 .fr {
	display: table-cell;
	vertical-align:middle;
}


.box3 .name {
	background: #fff;
	color: #000;
	border-top: 5px solid #fff;
	border-radius: 0 0 0 12px;
	box-sizing: border-box;
	padding: 8px 0 8px 0;
	line-height: 1.5;
	/*width: 180px;*/
	text-align: center;
	font-size: 0.9em;
}



/*btn
---------------------------------------------------------------------------*/

p.btn1 {
	text-align: center;
	margin: 15px 0 !important;
}
p.btn1 a {
	text-decoration: none;
	display: inline-block;
	border: 2px solid #25318d;
	background: #fff url(../images/arrow02.png) no-repeat right center;
	color: #25318d !important;
	border-radius: 10px;
	padding: 10px 30px;
	text-align: center;
	width: 80%;
	font-size: 1.1em;
}

p.btn1 a:hover {
	border: 2px solid #25318d;
	color: #fff !important;
	background: #25318d url(../images/arrow02_on.png) no-repeat right center;
}



/*PAGE TOP
---------------------------------------------------------------------------*/
@keyframes scroll {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body .nav-fix-pos-pagetop a {
	display: none;
}
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	z-index: 100;
	position: fixed;
	bottom: 65px;
	right: 2%;
	animation-name: scroll;
	animation-duration: 1S;
	animation-fill-mode: forwards;
}



/*-----------------------------------------------------------------
UTILITY 
-------------------------------------------------------------------*/
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w65p {width: 65% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w85p {width: 85% !important;}
.w90p {width: 90% !important;}
.wauto {width: auto !important;}

.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
.tal {
	text-align: left !important;
}
.vat {
	vertical-align: top !important;
}
.vam {
	vertical-align: middle !important;
}
.iconm {
	vertical-align: middle !important;
	margin: 0 5px;
	position: relative;
	bottom: 2px;
}
.iconmm {
	vertical-align: middle !important;
	margin: -1px 5px 0;
	position: relative;
	bottom: 0;
}


.clear {
	clear: both;
}
.noclear {
	clear: none !important;
}
.nodisplay {
	display: none;
}
.noborder {
	border: none !important;
}
.nowrap {
	white-space: nowrap;
}

.f12 {
	font-size: 1.2em;
}
.f11 {
	font-size: 1.1em;
}
.f09 {
	font-size: 0.9em;
}
.f08 {
	font-size: 0.8em;
}
.w100 {
	width: 100%;
}
.w50 {
	width: 50%;
}
.w25 {
	width: 25%;
}
.w20 {
	width: 20%;
}
.w15 {
	width: 15%;
}
.w10 {
	width: 10%;
}
.bld {
	font-weight: bold;
}
.nml {
	font-weight: normal !important;
}
.ul {
	text-decoration: underline;
}
.em {
	font-style: italic;
}
.bldem {
	font-weight: bold;
	font-style: italic;
}
.bldul {
	font-weight: bold;
	text-decoration: underline;
}

.col01 {
	color: #F00 !important;
}

.mb00 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mr00 {
	margin-right: 0 !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.ml1rem {
	margin-left: 1rem !important;
}
.ml2rem {
	margin-left: 2rem !important;
}
.ml3rem {
	margin-left: 3rem !important;
}
.ml4rem {
	margin-left: 4rem !important;
}
.ml5rem {
	margin-left: 5rem !important;
}
.ml6rem {
	margin-left: 6rem !important;
}
.ml00 {
	margin-left: 0 !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.pt00 {
	padding-top: 0 !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pb00 {
	padding-bottom: 0 !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pr00 {
	padding-right: 0!important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pl00 {
	padding-left: 0 !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}
html:not(.nojs) .hide-nojs {
	display: none;
}

/* blcac
------------------------------------------------------------*/
.blcac {
	display: table !important;
	margin: 0 auto !important;
	border-spacing: 0;
}


/* add
------------------------------------------------------------*/
	
.topinfo {
	background: rgba(255,255,255,0.9);
	border: 1px solid rgba(255,255,255,1);
	padding: 15px;
	color: #000;
}

.topinfo p {
	line-height: 1.4;
}
.topinfo p.ttl {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
.topinfo p.ttl span {
	display: block;
	color: #F30;
	margin-left: 0;
}
.topinfo ul.point {
	border: 2px solid #183095;
	border-radius: 8px;
	background: #FFF;
	padding: 8px 15px;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.topinfo ul.point li {
	text-align: left;
	background: url(../images/arrow03.png) no-repeat left center;
	padding: 0 6px 0 25px;
}
ul.pagelink01 {
	margin: 20px;
	padding: 0;
}


.pagelink01 li {
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	background: #183095;
	border: 1px solid #fff;
	position: relative;
	transition: 0.3s;
	line-height: 1.4;
}
.pagelink01 li a {
	display: block;
	padding: 10px 15px 8px 15px;
	text-indent: 0;
	color: #FFF;
	text-decoration: none;
}
.pagelink01 li:hover {
	background: #9b2d65;
}


h2 img {
	width: 400px;
}