@charset 'UTF-8';

html {
	color: #4d4d4d;
	font: 62.5%/1.5 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Arial, sans-serif;
}

html:lang(en) {
	font-family: arial, helvetica, clean, sans-serif, 'ＭＳ Ｐゴシック', 'メイリオ';
}

body {
	min-width: 1000px;
	font-size: 1.4rem;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

section {
	position: relative;
}

a {
	color: #3f8892;
	text-decoration: none;
	transition: opacity ease-out .3s
}

a:hover {
	text-decoration: underline;
	opacity: .8;
}

*[tabindex]:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: normal;
	color: #57565b;
	margin: 1em 0;
}

h1 {
	color: #004831;
}

ul,
ol,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

dl,
dt,
dd,
figure {
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
	font-weight: bold;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #d9d9d9;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

pre {
	font-family: inherit;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* ==========================================================================
   Component
   ========================================================================== */

.container {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

/* margin
-------------------------------------*/
.ma00{margin:0 !important;}
.ma01{margin:1px !important;}
.ma02{margin:2px !important;}
.ma03{margin:3px !important;}
.ma04{margin:4px !important;}
.ma05{margin:5px !important;}
.ma06{margin:6px !important;}
.ma07{margin:7px !important;}
.ma08{margin:8px !important;}
.ma09{margin:9px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma35{margin:35px !important;}
.ma40{margin:40px !important;}
.ma45{margin:45px !important;}
.ma50{margin:50px !important;}
.ma55{margin:55px !important;}
.ma60{margin:60px !important;}
.ma65{margin:65px !important;}
.ma70{margin:70px !important;}
.ma75{margin:75px !important;}
.ma80{margin:80px !important;}
.ma85{margin:85px !important;}
.ma90{margin:90px !important;}
.ma95{margin:95px !important;}
.ma100{margin:100px !important;}

.mt00{margin-top:0 !important;}
.mt01{margin-top:1px !important;}
.mt02{margin-top:2px !important;}
.mt03{margin-top:3px !important;}
.mt04{margin-top:4px !important;}
.mt05{margin-top:5px !important;}
.mt06{margin-top:6px !important;}
.mt07{margin-top:7px !important;}
.mt08{margin-top:8px !important;}
.mt09{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}

.mb00{margin-bottom:0 !important;}
.mb01{margin-bottom:1px !important;}
.mb02{margin-bottom:2px !important;}
.mb03{margin-bottom:3px !important;}
.mb04{margin-bottom:4px !important;}
.mb05{margin-bottom:5px !important;}
.mb06{margin-bottom:6px !important;}
.mb07{margin-bottom:7px !important;}
.mb08{margin-bottom:8px !important;}
.mb09{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

.ml00{margin-left:0 !important;}
.ml01{margin-left:1px !important;}
.ml02{margin-left:2px !important;}
.ml03{margin-left:3px !important;}
.ml04{margin-left:4px !important;}
.ml05{margin-left:5px !important;}
.ml06{margin-left:6px !important;}
.ml07{margin-left:7px !important;}
.ml08{margin-left:8px !important;}
.ml09{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}
.ml85{margin-left:85px !important;}
.ml90{margin-left:90px !important;}
.ml95{margin-left:95px !important;}
.ml100{margin-left:100px !important;}

.mr00{margin-right:0 !important;}
.mr01{margin-right:1px !important;}
.mr02{margin-right:2px !important;}
.mr03{margin-right:3px !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr06{margin-right:6px !important;}
.mr07{margin-right:7px !important;}
.mr08{margin-right:8px !important;}
.mr09{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;}
.mr70{margin-right:70px !important;}
.mr75{margin-right:75px !important;}
.mr80{margin-right:80px !important;}
.mr85{margin-right:85px !important;}
.mr90{margin-right:90px !important;}
.mr95{margin-right:95px !important;}
.mr100{margin-right:100px !important;}

/* padding
-------------------------------------*/
.pa00{padding:0 !important;}
.pa01{padding:1px !important;}
.pa02{padding:2px !important;}
.pa03{padding:3px !important;}
.pa04{padding:4px !important;}
.pa05{padding:5px !important;}
.pa06{padding:6px !important;}
.pa07{padding:7px !important;}
.pa08{padding:8px !important;}
.pa09{padding:9px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}
.pa40{padding:40px !important;}
.pa45{padding:45px !important;}
.pa50{padding:50px !important;}
.pa55{padding:55px !important;}
.pa60{padding:60px !important;}
.pa65{padding:65px !important;}
.pa70{padding:70px !important;}
.pa75{padding:75px !important;}
.pa80{padding:80px !important;}
.pa85{padding:85px !important;}
.pa90{padding:90px !important;}
.pa95{padding:95px !important;}
.pa100{padding:100px !important;}

.pt00{padding-top:0 !important;}
.pt01{padding-top:1px !important;}
.pt02{padding-top:2px !important;}
.pt03{padding-top:3px !important;}
.pt04{padding-top:4px !important;}
.pt05{padding-top:5px !important;}
.pt06{padding-top:6px !important;}
.pt07{padding-top:7px !important;}
.pt08{padding-top:8px !important;}
.pt09{padding-top:9px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt65{padding-top:65px !important;}
.pt70{padding-top:70px !important;}
.pt75{padding-top:75px !important;}
.pt80{padding-top:80px !important;}
.pt85{padding-top:85px !important;}
.pt90{padding-top:90px !important;}
.pt95{padding-top:95px !important;}
.pt100{padding-top:100px !important;}

.pb00{padding-bottom:0 !important;}
.pb01{padding-bottom:1px !important;}
.pb02{padding-bottom:2px !important;}
.pb03{padding-bottom:3px !important;}
.pb04{padding-bottom:4px !important;}
.pb05{padding-bottom:5px !important;}
.pb06{padding-bottom:6px !important;}
.pb07{padding-bottom:7px !important;}
.pb08{padding-bottom:8px !important;}
.pb09{padding-bottom:9px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb65{padding-bottom:65px !important;}
.pb70{padding-bottom:70px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}
.pb85{padding-bottom:85px !important;}
.pb90{padding-bottom:90px !important;}
.pb95{padding-bottom:95px !important;}
.pb100{padding-bottom:100px !important;}

.pl00{padding-left:0 !important;}
.pl01{padding-left:1px !important;}
.pl02{padding-left:2px !important;}
.pl03{padding-left:3px !important;}
.pl04{padding-left:4px !important;}
.pl05{padding-left:5px !important;}
.pl06{padding-left:6px !important;}
.pl07{padding-left:7px !important;}
.pl08{padding-left:8px !important;}
.pl09{padding-left:9px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl80{padding-left:80px !important;}
.pl85{padding-left:85px !important;}
.pl90{padding-left:90px !important;}
.pl95{padding-left:95px !important;}
.pl100{padding-left:100px !important;}

.pr00{padding-right:0 !important;}
.pr01{padding-right:1px !important;}
.pr02{padding-right:2px !important;}
.pr03{padding-right:3px !important;}
.pr04{padding-right:4px !important;}
.pr05{padding-right:5px !important;}
.pr06{padding-right:6px !important;}
.pr07{padding-right:7px !important;}
.pr08{padding-right:8px !important;}
.pr09{padding-right:9px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}
.pr60{padding-right:60px !important;}
.pr65{padding-right:65px !important;}
.pr70{padding-right:70px !important;}
.pr75{padding-right:75px !important;}
.pr80{padding-right:80px !important;}
.pr85{padding-right:85px !important;}
.pr90{padding-right:90px !important;}
.pr95{padding-right:95px !important;}
.pr100{padding-right:100px !important;}

/* Text
-------------------------------------*/
.bold{font-weight: bold !important;}
.italic{font-style: italic !important;}
.align-l{text-align: left !important;}
.align-c{text-align: center !important;}
.align-r{text-align: right !important;}
.align-t{vertical-align: top !important;}
.align-m{vertical-align: middle !important;}
.align-b{vertical-align: bottom !important;}
.underline{text-decoration: underline !important;}
.overline{text-decoration: overline !important;}

/* font-size
-------------------------------------*/
.fs10{font-size:10px !important; font-size:1.0rem !important;}
.fs11{font-size:11px !important; font-size:1.1rem !important;}
.fs12{font-size:12px !important; font-size:1.2rem !important;}
.fs13{font-size:13px !important; font-size:1.3rem !important;}
.fs14{font-size:14px !important; font-size:1.4rem !important;}
.fs15{font-size:15px !important; font-size:1.5rem !important;}
.fs16{font-size:16px !important; font-size:1.6rem !important;}
.fs17{font-size:17px !important; font-size:1.7rem !important;}
.fs18{font-size:18px !important; font-size:1.8rem !important;}
.fs19{font-size:19px !important; font-size:1.9rem !important;}
.fs20{font-size:20px !important; font-size:2.0rem !important;}
.fs21{font-size:21px !important; font-size:2.1rem !important;}
.fs22{font-size:22px !important; font-size:2.2rem !important;}
.fs23{font-size:23px !important; font-size:2.3rem !important;}
.fs24{font-size:24px !important; font-size:2.4rem !important;}
.fs25{font-size:25px !important; font-size:2.5rem !important;}
.fs26{font-size:26px !important; font-size:2.6rem !important;}
.fs27{font-size:27px !important; font-size:2.7rem !important;}
.fs28{font-size:28px !important; font-size:2.8rem !important;}
.fs29{font-size:29px !important; font-size:2.9rem !important;}
.fs30{font-size:30px !important; font-size:3.0rem !important;}

/* width
-------------------------------------*/
.w10 {width: 10px !important; min-width: 10px !important;}
.w20 {width: 20px !important; min-width: 20px !important;}
.w30 {width: 30px !important; min-width: 30px !important;}
.w40 {width: 40px !important; min-width: 40px !important;}
.w50 {width: 50px !important; min-width: 50px !important;}
.w60 {width: 60px !important; min-width: 60px !important;}
.w70 {width: 70px !important; min-width: 70px !important;}
.w80 {width: 80px !important; min-width: 80px !important;}
.w90 {width: 90px !important; min-width: 90px !important;}
.w100 {width: 100px !important; min-width: 100px !important;}
.w110 {width: 110px !important; min-width: 110px !important;}
.w120 {width: 120px !important; min-width: 120px !important;}
.w130 {width: 130px !important; min-width: 130px !important;}
.w140 {width: 140px !important; min-width: 140px !important;}
.w150 {width: 150px !important; min-width: 150px !important;}
.w160 {width: 160px !important; min-width: 160px !important;}
.w170 {width: 170px !important; min-width: 170px !important;}
.w180 {width: 180px !important; min-width: 180px !important;}
.w190 {width: 190px !important; min-width: 190px !important;}
.w200 {width: 200px !important; min-width: 200px !important;}
.w210 {width: 210px !important; min-width: 210px !important;}
.w220 {width: 220px !important; min-width: 220px !important;}
.w230 {width: 230px !important; min-width: 230px !important;}
.w240 {width: 240px !important; min-width: 240px !important;}
.w250 {width: 250px !important; min-width: 250px !important;}
.w260 {width: 260px !important; min-width: 260px !important;}
.w270 {width: 270px !important; min-width: 270px !important;}
.w280 {width: 280px !important; min-width: 280px !important;}
.w290 {width: 290px !important; min-width: 290px !important;}
.w300 {width: 300px !important; min-width: 300px !important;}
.w310 {width: 310px !important; min-width: 310px !important;}
.w610 {width: 610px !important; min-width: 610px !important;}
.w923 {width: 923px !important; min-width: 923px !important;}
.w50p {width: 50%!important; min-width: 50%!important;}
.w100p {width: 100%!important; min-width: 100%!important;}

.text-nowrap {
	white-space: nowrap !important;
}

.text-danger {
	color: #f00;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.display-block {
	display: block !important;
}

.display-inline-block {
	display: inline-block !important;
}

.display-none {
	display: none !important;
}

/* ==========================================================================
   Header
   ========================================================================== */

.header {
	background: #004831;
}

.header h1 {
	margin: 0;
	height: 90px;
	line-height: 90px;
}

.header-nav {
	border-top: 5px solid #c4d700;
	font-size: 0;
}

/* ==========================================================================
   Main
   ========================================================================== */

.main {
	background: #f4f6f6;
	padding: 30px 0 50px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2) inset;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	position: relative;
}

.footer .contact {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #d9d9d9;
	text-align: center;
}

.footer .container {
	padding: 101px 0 30px;
	font-size: 1rem;
	color: #57565b;
}

.footer .pagetop {
	display: block;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: 480px;
	opacity: .8;
	z-index: 10;
	transition: opacity ease-out .4s;
}

.footer .pagetop:hover {
	opacity: 1;
}

.footer .pagetop.fix {
	position: fixed;
	top: 100%;
	margin-top: -70px;
}

.footer .logo {
	position: absolute;
	right: 0;
	bottom: 30px;
}

.footer p {
	margin: 0;
}

.footer ul {
	margin: 20px 0;
	font-size: 0;
}

.footer ul li {
	display: inline-block;
	border-right: 1px solid #57565b;
	padding: 0 12px;
}

.footer ul li:last-child {
	border-right: none;
	padding-right: 0;
}

.footer ul li a {
	font-size: 1.2rem;
	line-height: 1;
	color: #57565b;
}

.footer small {
	font-size: inherit;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {	/* Image Replacement */
	display: block;
	vertical-align: top;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}