@charset "utf-8";
@import url(normalize.css);
/* =========== _extension.scss ======= */
/* ========= /_extension.scss ====== */
/******************************************************
*
*   1. float reset
*   2. float set
*   3. text align
*   4. list indent
*   5. space
*   6. font style
*   7. hide anchor
*   8. box
*
******************************************************/
/*  1. float reset */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* .clearfix class wraps enclosing block element around inner floated elements */
@import url(main.css);
@import url(colorbox/colorbox.css);
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.clr { content: " "; clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; }

.clear { clear: both; }

/*  2. float set */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.left { display: inline; float: left; }

.right { display: inline; float: right; }

/*  3. text align */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.ta-center { text-align: center; }

.ta-left { text-align: left; }

.ta-right { text-align: right; }

/*  4. list indent */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.indent li { position: relative; margin-left: 1.5em; }

.indent li span { position: absolute; left: -1.5em; }

/*  5. space */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.mr10 { margin-right: 10px !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; }

.mt11 { margin-top: 11px !important; }

.mt12 { margin-top: 12px !important; }

.mt13 { margin-top: 13px !important; }

.mt14 { margin-top: 14px !important; }

.mt15 { margin-top: 15px !important; }

.mt16 { margin-top: 16px !important; }

.mt17 { margin-top: 17px !important; }

.mt18 { margin-top: 18px !important; }

.mt19 { margin-top: 19px !important; }

.mt20 { margin-top: 20px !important; }

.mt22 { margin-top: 22px !important; }

.mt24 { margin-top: 24px !important; }

.mt25 { margin-top: 25px !important; }

.mt26 { margin-top: 26px !important; }

.mt28 { margin-top: 28px !important; }

.mt30 { margin-top: 30px !important; }

.mt32 { margin-top: 32px !important; }

.mt35 { margin-top: 35px !important; }

.mt36 { margin-top: 36px !important; }

.mt40 { margin-top: 40px !important; }

.mt44 { margin-top: 44px !important; }

.mt45 { margin-top: 45px !important; }

.mt46 { margin-top: 46px !important; }

.mt48 { margin-top: 48px !important; }

.mt50 { margin-top: 50px !important; }

.mt52 { margin-top: 52px !important; }

.mt55 { margin-top: 55px !important; }

.mt56 { margin-top: 56px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt67 { margin-top: 67px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt77 { margin-top: 77px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !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; }

.mb11 { margin-bottom: 11px !important; }

.mb12 { margin-bottom: 12px !important; }

.mb13 { margin-bottom: 13px !important; }

.mb14 { margin-bottom: 14px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb16 { margin-bottom: 16px !important; }

.mb17 { margin-bottom: 17px !important; }

.mb18 { margin-bottom: 18px !important; }

.mb19 { margin-bottom: 19px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb24 { margin-bottom: 24px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb28 { margin-bottom: 28px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb32 { margin-bottom: 32px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb36 { margin-bottom: 36px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb44 { margin-bottom: 44px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb48 { margin-bottom: 48px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb52 { margin-bottom: 52px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb56 { margin-bottom: 56px !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; }

.mb100 { margin-bottom: 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; }

.pt11 { padding-top: 11px !important; }

.pt12 { padding-top: 12px !important; }

.pt13 { padding-top: 13px !important; }

.pt14 { padding-top: 14px !important; }

.pt15 { padding-top: 15px !important; }

.pt16 { padding-top: 16px !important; }

.pt17 { padding-top: 17px !important; }

.pt18 { padding-top: 18px !important; }

.pt19 { padding-top: 19px !important; }

.pt20 { padding-top: 20px !important; }

.pt24 { padding-top: 24px !important; }

.pt25 { padding-top: 25px !important; }

.pt28 { padding-top: 28px !important; }

.pt29 { padding-top: 29px !important; }

.pt30 { padding-top: 30px !important; }

.pt32 { padding-top: 32px !important; }

.pt35 { padding-top: 35px !important; }

.pt36 { padding-top: 36px !important; }

.pt38 { padding-top: 38px !important; }

.pt40 { padding-top: 40px !important; }

.pt44 { padding-top: 44px !important; }

.pt45 { padding-top: 45px !important; }

.pt46 { padding-top: 46px !important; }

.pt47 { padding-top: 47px !important; }

.pt48 { padding-top: 48px !important; }

.pt50 { padding-top: 50px !important; }

.pt52 { padding-top: 52px !important; }

.pt55 { padding-top: 55px !important; }

.pt56 { padding-top: 56px !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; }

.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; }

.pb11 { padding-bottom: 11px !important; }

.pb12 { padding-bottom: 12px !important; }

.pb13 { padding-bottom: 13px !important; }

.pb14 { padding-bottom: 14px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb16 { padding-bottom: 16px !important; }

.pb17 { padding-bottom: 17px !important; }

.pb18 { padding-bottom: 18px !important; }

.pb19 { padding-bottom: 19px !important; }

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

.pb24 { padding-bottom: 24px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb28 { padding-bottom: 28px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb32 { padding-bottom: 32px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb36 { padding-bottom: 36px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb44 { padding-bottom: 44px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb48 { padding-bottom: 48px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb52 { padding-bottom: 52px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb56 { padding-bottom: 56px !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; }

/*  6. font style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.bold { font-weight: bold; }

.large { font-size: larger !important; }

.normal { font-size: 16px; font-size: 1.6rem; }

.nowrap { white-space: nowrap; }

.fs01em { font-size: 0.1em !important; }

.fs02em { font-size: 0.2em !important; }

.fs03em { font-size: 0.3em !important; }

.fs04em { font-size: 0.4em !important; }

.fs05em { font-size: 0.5em !important; }

.fs06em { font-size: 0.6em !important; }

.fs07em { font-size: 0.7em !important; }

.fs08em { font-size: 0.8em !important; }

.fs09em { font-size: 0.9em !important; }

.fs10em { font-size: 1.0em !important; }

/*  hide anchor */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.show { display: block; }

.hide { display: none; }

.accessibility, .guidance { position: absolute; z-index: 100; top: 0px; right: 0px; display: run-in; width: 1px; height: 1px; margin: 0; padding: 0; border-style: none; overflow: hidden; }

.screen-reader-text { position: absolute; left: -1000em; }

/*  8. box */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.w10 { width: 10px; }

.w20 { width: 20px; }

.w30 { width: 30px; }

.w40 { width: 40px; }

.w50 { width: 50px; }

.w60 { width: 60px; }

.w70 { width: 70px; }

.w80 { width: 80px; }

.w90 { width: 90px; }

.w100 { width: 100px; }

.w110 { width: 110px; }

.w120 { width: 120px; }

.w130 { width: 130px; }

.w140 { width: 140px; }

.w150 { width: 150px; }

.w160 { width: 160px; }

.w170 { width: 170px; }

.w180 { width: 180px; }

.w190 { width: 190px; }

.w200 { width: 200px; }

.w250 { width: 250px; }

.w300 { width: 300px; }

.w400 { width: 400px; }

.w500 { width: 500px; }

.w600 { width: 600px; }

.w700 { width: 700px; }

.w800 { width: 800px; }

/*
common parts class
===================================== */
/*
parts class
=====================================
*/
.clear { clear: both; }

.accessibility, .guidance { position: absolute; z-index: 100; top: 0px; right: 0px; display: run-in; width: 1px; height: 1px; margin: 0; padding: 0; border-style: none; overflow: hidden; }

.screen-reader-text { position: absolute; left: -1000em; }

/*
.postHeader
=====================================
*/
/*
link
--------------------------------------------------- */
.sec a:visited { text-decoration: underline; }
.sec a:hover { text-decoration: underline; }
.sec a:hover i { text-decoration: none; }
.sec a:active { text-decoration: underline; }

/*
title class
--------------------------------------------------- */
.ttl-boder { padding-top: 0.2em; padding-bottom: 5px; border-bottom: 3px solid #ddd; }

/*
list class
--------------------------------------------------- */
ul { padding-left: 23px; }
ul > li { padding-left: 0px; }

.sec ul.disc, .sec ul.circle, .sec ul.square, .sec ul.no-bullet { margin-left: 25px; }
.sec ul.disc > li, .sec ul.circle > li, .sec ul.square > li, .sec ul.no-bullet > li { padding-left: 0; background: none; }
.sec ul.disc > li > ul, .sec ul.circle > li > ul, .sec ul.square > li > ul, .sec ul.no-bullet > li > ul { list-style: none; }
.sec ul.no-bullet { margin-left: 0; }
.sec ul[class^="large-block-grid"], .sec ul[class^="small-block-grid"], .sec ul[class^="pagination"] { margin-left: 0; }
.sec ul[class^="large-block-grid"] > li, .sec ul[class^="small-block-grid"] > li, .sec ul[class^="pagination"] > li { padding-left: 0; background: none; }
.sec ol > li { margin-left: 24px; }

ul.list-arrow { list-style: none; padding: 0 0 0 5px; }
ul.list-arrow > li { padding: 0 0 0 14px; background: url(../img/icon-linklist.png) no-repeat left 0.45em; }
ul.list-arrow > li a { display: inline-block; }

ul.indent { list-style: none; }
ul.indent > li { padding-left: 0; background: none; }
ul.indent > li span { display: inline-block; width: 1em; text-align: right; }

ul.list-link { list-style: none; padding: 0 0 0 5px; }
ul.list-link > li { padding: 0 0 0 14px; background: url(../img/arrow2.png) no-repeat left 0.45em; }
ul.list-link > li a { display: inline-block; }

dl.list-link { margin-bottom: 30px; }
dl.list-link > dd { margin-left: 30px; margin-bottom: 20px; }
dl.list-link a { display: inline-block; padding: 0 0 0 14px; background: url(../img/icon-linklist.png) no-repeat left 0.45em; }

.list-inline > li { display: inline; }

/*
list for dl class
--------------------------------------------------- */
.dl-2col { display: table; }
.dl-2col dl { display: table-row; }
.dl-2col dl dt, .dl-2col dl dd { display: table-cell; }
.dl-2col dl dt { width: 3rem; white-space: nowrap; }
.dl-2col dl dd { padding-bottom: 0.5em; padding-left: 1em; line-height: 1.2; }

.list-feed-date dl { padding-top: 15px; border-top: 1px solid #ddd; }
.list-feed-date dl dt { padding-top: 0px; width: 100%; font-weight: normal; line-height: 1.2; white-space: nowrap; }
.list-feed-date dl dd { margin-top: -1.45em; margin-bottom: 15px; padding: 0 0 15px 130px; line-height: 1.2; border-bottom: 1px solid #ddd; }

.list-feed-date-type2, .list-feed-date-type3 { margin-top: 1em; margin-bottom: 2.5em; }
.list-feed-date-type2 dl dt, .list-feed-date-type3 dl dt { margin-top: 0; padding-top: 0px; width: 100%; font-weight: normal; line-height: 1.2; }
.list-feed-date-type2 dl dd, .list-feed-date-type3 dl dd { margin-bottom: 1em; padding: 0; line-height: 1.2; max-width: 600px; }
.list-feed-date-type2 ul, .list-feed-date-type3 ul { margin: 0; padding: 0; }
.list-feed-date-type2 ul li, .list-feed-date-type3 ul li { margin: 0; margin-bottom: 1em; padding: 0; line-height: 1.2; }
.list-feed-date-type2 ul li a, .list-feed-date-type3 ul li a { padding-top: 5px; display: block; }

.list-feed-date-type3 ul li { overflow: hidden; *zoom: 1; }
.list-feed-date-type3 ul li dl dt, .list-feed-date-type3 ul li dl dd { display: inline; float: right; margin: 0; width: 175px; }
.list-feed-date-type3 ul li dl dd.icon { display: inline; float: left; width: 40px; }
.list-feed-date-type3 ul li dl dd.icon a { padding-top: 0; }
.list-feed-date-type3 ul li dl dd.icon img { width: 40px; border: 1px solid #ddd; }

/*
table class
--------------------------------------------------- */
.sec table { margin-top: 10px; margin-bottom: 60px; width: 100%; border-collapse: collapse; border: none; border-top: 1px solid #ccc; background-color: transparent; }
.sec table caption { display: none; }
.sec table tr { background-color: transparent; }
.sec table th, .sec table td { padding: 12px 0 12px 10px; border-bottom: 1px solid  #ccc; word-break: break-all; }
.sec table th { padding-left: 10px; font-weight: normal; text-align: left; white-space: nowrap; vertical-align: top; font-weight: bold; }
.sec table thead { background-color: transparent; }
.sec table thead tr { background-color: transparent; }
.sec table thead th { padding: 12px; text-align: center; }
.sec table td table { border-top: none; margin: -12px 0 0 0; }
.sec table td table tr:last-child th, .sec table td table tr:last-child td, .sec table td table tr.last th, .sec table td table tr.last td { border-bottom: none; padding-bottom: 0; }
.sec table td table th { padding-right: 0; }
.sec table td table td { padding-left: 10px; }
.sec table.layout { width: auto; border: none; margin: 0; }
.sec table.layout > tbody > tr > th, .sec table.layout > tbody > tr > td, .sec table.layout > thead > tr > th, .sec table.layout > thead > tr > td { border: none; margin: 0; padding: 0; background: transparent; font-weight: normal; text-align: left; vertical-align: top; }
.sec table.noBorder { width: auto; border: none; margin: 0; }
.sec table.noBorder > tbody > tr > th, .sec table.noBorder > tbody > tr > td, .sec table.noBorder > thead > tr > th, .sec table.noBorder > thead > tr > td { border: none; margin: 0; padding: 0.6em 10px 0.6em 0; background: transparent; font-weight: normal; text-align: left; vertical-align: top; }
.sec table.noBorder > tbody > tr > th, .sec table.noBorder > thead > tr > th { padding-right: 40px; }

/*
hr class
--------------------------------------------------- */
hr.line-hr { display: block; border: 0; width: 100%; height: 7px; background: url("../img/hr.png"); }

/*
box class
--------------------------------------------------- */
.box { clear: both; padding: 15px; background-color: #F2F4F7; }

.box-br3 { margin-bottom: 15px; padding: 6px 8px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.box-br6 { background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.box-green { background-color: #a6cb00; }

.box-pd15 { padding: 15px; }

.sec blockquote { position: relative; margin: 10px 0 10px 0; padding: 30px 30px 1px  30px; border-left: none; color: #555; background: url(../img/blockquote_top.png) no-repeat left top; font-style: italic; }
.sec blockquote:after { content: " "; position: absolute; right: 0; bottom: 0; display: block; width: 27px; height: 54px; background: url(../img/blockquote_btm.png) no-repeat right bottom; }
.sec .box-border { display: block; position: relative; margin: 1em 0; padding: 10px; border: 4px solid #ddd; }
.sec .box-border > p:last-child { margin-bottom: 0; }
.sec .box-notice { padding: 15px 20px 0 20px; border: 5px solid #FFC70B; }
.sec .box-warning { margin-top: 0.5em; margin-bottom: 1em; padding: 15px 20px 0 20px; background-color: #fff; border: 3px solid #EB0000; font-weight: bold; }

/*  image layout
------------------------------------------*/
img.left, img[align="left"] { float: left; margin-top: 0.3em; margin-right: 20px; margin-bottom: 20px; }

img.right, img[align="right"] { float: right; margin-top: 0.3em; margin-left: 20px; margin-bottom: 20px; }

.no-border-radius img { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }

/*  button
------------------------------------------*/
input[type=button] { cursor: pointer; }

.btn.back { background-position: .8em 0.65em, 0 0; }

.btn.arrow-left, .btn.back { padding-left: 1.8em; background-image: url(../img/arrow3-left.png), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYTkwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: url(../img/arrow3-left.png), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffdb00), color-stop(100%, #ffa900)); background-image: url(../img/arrow3-left.png), -moz-linear-gradient(#ffdb00, #ffa900 100%); background-image: url(../img/arrow3-left.png), -webkit-linear-gradient(#ffdb00, #ffa900 100%); background-image: url(../img/arrow3-left.png), linear-gradient(#ffdb00, #ffa900 100%); background-repeat: no-repeat, no-repeat; background-position: .8em 1.05em, 0 0; background-size: auto , 100%; }

.btn.arrow.small, .arrow.btn.back, .btn.arrow-right.small, .arrow-right.btn.back, .btn.arrow-left.small, .btn.back { background-position: .8em 0.65em, 0 0; }

.submit { text-align: center; }
.submit .button { padding: 10px 10px; margin-left: 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYTkwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffdb00), color-stop(100%, #ffa900)); background-image: -moz-linear-gradient(#ffdb00, #ffa900 100%); background-image: -webkit-linear-gradient(#ffdb00, #ffa900 100%); background-image: linear-gradient(#ffdb00, #ffa900 100%); font-size: 18px !important; font-size: 1.8rem !important; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; outline: 0; border: 0; }
.submit .button:hover { opacity: 0.65; }

.btn.arrow { padding-left: 1.8em; background-image: url(../img/arrow3.png), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYTkwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: url(../img/arrow3.png), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffdb00), color-stop(100%, #ffa900)); background-image: url(../img/arrow3.png), -moz-linear-gradient(#ffdb00, #ffa900 100%); background-image: url(../img/arrow3.png), -webkit-linear-gradient(#ffdb00, #ffa900 100%); background-image: url(../img/arrow3.png), linear-gradient(#ffdb00, #ffa900 100%); background-repeat: no-repeat, no-repeat; background-position: .8em 1.05em, 0 0; background-size: auto , 100%; }

.btn.back { background-position: .8em 0.65em, 0 0; }

.boxBtn { text-align: center; }

/*
form class
--------------------------------------------------- */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea, select { display: inline-block; margin-top: 0; margin-right: 0; margin-bottom: 3px; padding: 0.2em; border: 3px solid #00a63b; -webkit-border-radius: 4; -moz-border-radius: 4; -ms-border-radius: 4; border-radius: 4; font-size: 16px !important; font-size: 1.6rem !important; color: #000; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { background-color: #fffacd; border-color: #a6cb00; }
input[type="text"].sky, input[type="password"].sky, input[type="email"].sky, input[type="number"].sky, input[type="tel"].sky, textarea.sky, select.sky { border-color: #8c8c8c; }
input[type="text"].white, input[type="password"].white, input[type="email"].white, input[type="number"].white, input[type="tel"].white, textarea.white, select.white { border-color: #fff; }
input[type="text"].no-border, input[type="password"].no-border, input[type="email"].no-border, input[type="number"].no-border, input[type="tel"].no-border, textarea.no-border, select.no-border { border: none; }
input[type="text"].w-full, input[type="password"].w-full, input[type="email"].w-full, input[type="number"].w-full, input[type="tel"].w-full, textarea.w-full, select.w-full { width: 100%; }
input[type="text"].w-half, input[type="password"].w-half, input[type="email"].w-half, input[type="number"].w-half, input[type="tel"].w-half, textarea.w-half, select.w-half { width: 50%; }
input[type="text"].w18, input[type="password"].w18, input[type="email"].w18, input[type="number"].w18, input[type="tel"].w18, textarea.w18, select.w18 { width: 20rem; }
input[type="text"].w16, input[type="password"].w16, input[type="email"].w16, input[type="number"].w16, input[type="tel"].w16, textarea.w16, select.w16 { width: 18rem; }
input[type="text"].w14, input[type="password"].w14, input[type="email"].w14, input[type="number"].w14, input[type="tel"].w14, textarea.w14, select.w14 { width: 16rem; }
input[type="text"].w12, input[type="password"].w12, input[type="email"].w12, input[type="number"].w12, input[type="tel"].w12, textarea.w12, select.w12 { width: 14rem; }
input[type="text"].w10, input[type="password"].w10, input[type="email"].w10, input[type="number"].w10, input[type="tel"].w10, textarea.w10, select.w10 { width: 12rem; }
input[type="text"].w8, input[type="password"].w8, input[type="email"].w8, input[type="number"].w8, input[type="tel"].w8, textarea.w8, select.w8 { width: 10rem; }
input[type="text"].w6, input[type="password"].w6, input[type="email"].w6, input[type="number"].w6, input[type="tel"].w6, textarea.w6, select.w6 { width: 8rem; }
input[type="text"].w4, input[type="password"].w4, input[type="email"].w4, input[type="number"].w4, input[type="tel"].w4, textarea.w4, select.w4 { width: 6rem; }
input[type="text"].w2, input[type="password"].w2, input[type="email"].w2, input[type="number"].w2, input[type="tel"].w2, textarea.w2, select.w2 { width: 5rem; }
input[type="text"].w1, input[type="password"].w1, input[type="email"].w1, input[type="number"].w1, input[type="tel"].w1, textarea.w1, select.w1 { width: 3rem; }
input[type="text"].h8, input[type="password"].h8, input[type="email"].h8, input[type="number"].h8, input[type="tel"].h8, textarea.h8, select.h8 { height: 10rem; }
input[type="text"].h4, input[type="password"].h4, input[type="email"].h4, input[type="number"].h4, input[type="tel"].h4, textarea.h4, select.h4 { height: 6rem; }
input[type="text"].h2, input[type="password"].h2, input[type="email"].h2, input[type="number"].h2, input[type="tel"].h2, textarea.h2, select.h2 { height: 5rem; }
input[type="text"].h1, input[type="password"].h1, input[type="email"].h1, input[type="number"].h1, input[type="tel"].h1, textarea.h1, select.h1 { height: 3rem; }
input[type="text"].left, input[type="password"].left, input[type="email"].left, input[type="number"].left, input[type="tel"].left, textarea.left, select.left { margin-right: 1em; }
input[type="text"].readonlyText, input[type="password"].readonlyText, input[type="email"].readonlyText, input[type="number"].readonlyText, input[type="tel"].readonlyText, textarea.readonlyText, select.readonlyText { float: left; display: inline; width: auto; white-space: nowrap; margin: 0; padding: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 16px !important; font-size: 1.6rem !important; color: #333; font-weight: bold; box-shadow: none; }
input[type="text"].readonlyText:focus, input[type="password"].readonlyText:focus, input[type="email"].readonlyText:focus, input[type="number"].readonlyText:focus, input[type="tel"].readonlyText:focus, textarea.readonlyText:focus, select.readonlyText:focus { background: none; border: 0; }

input[type="checkbox"] { margin-right: 3px; }

input[readonly="readonly"] { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; box-shadow: none; }
input[readonly="readonly"]:focus { background-color: #fff; border-color: #aaa; }

.sec form .tableForm { border: none; border-top: 1px solid #ddd; margin-bottom: 20px; }
.sec form .tableForm caption { display: none; }
.sec form .tableForm tr { background: none; }
.sec form .tableForm tr th, .sec form .tableForm tr td { padding-top: 15px; border-bottom: 1px solid #ddd; background: none; }
.sec form .tableForm tr th { padding-left: 0; width: 9em; white-space: normal; text-align: left; vertical-align: top; }
.sec form .tableForm tr td { padding-right: 5px; padding-left: 30px; }
.sec form .tableForm tr td label { display: inline-block; margin-right: 10px; font-size: 16px !important; font-size: 1.6rem !important; }
.sec form .tableForm tr td input[type="text"], .sec form .tableForm tr td input[type="password"], .sec form .tableForm tr td input[type="email"], .sec form .tableForm tr td input[type="number"], .sec form .tableForm tr td input[type="tel"], .sec form .tableForm tr td textarea { width: 100%; }

/** メールフォーム baserCMS :  Based Website Development Project <http://basercms.net> */
#mail table { margin-left: 15px; margin-right: 15px; display: block; width: auto; }

#mail .col-input { width: 240px !important; }

#mail .col-description { font-size: 10px; }

.submit { text-align: center; margin-top: 20px; margin-bottom: 20px; }

#flashMessage { padding: 10px 20px; margin: 15px auto !important; color: #C30; font-weight: bold; border: 5px solid #C30; }

.error-message { color: #C30; background: url(../../img/admin/warning.png) no-repeat left center; padding-left: 24px; font-weight: bold; }

.required { margin: 0 5px; padding: 2px 3px; white-space: nowrap; text-align: center; font-size: 12px !important; font-size: 1.2rem !important; font-weight: normal; color: #FFF !important; background-color: #ff5c26; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.form-error { background-color: #FCF5EB; }

.message { color: #C30; font-weight: bold; margin: 20px; }

#error_message { padding: 10px; background-color: #C0153D; color: #fff; }

.error { color: #C0153D; }

.error em { color: #06C; font-style: normal; font-weight: bold; }

.submit { text-align: center; }

.notice { display: block; font-size: 12px !important; font-size: 1.2rem !important; color: #999; }

.contact_confirm .sec form .tableForm td { font-weight: bold; }

/*
icon class
--------------------------------------------------- */
.icon-external { display: inline-block; padding-right: 16px; background: url(../img/icon-external.png) no-repeat right center; }

/*
grid class
--------------------------------------------------- */
.row { *zoom: 1; width: auto; margin-left: 9px; margin-right: 9px; margin-top: 0; margin-bottom: 0; max-width: none; }
.row:after { content: ""; display: table; clear: both; }

.column, .columns { position: relative; padding-left: 9px; padding-right: 9px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.column img, .columns img { max-width: 100%; }

.large-1 { width: 8.3%; }

.large-2 { width: 16.6%; }

.large-3 { width: 25%; }

.large-4 { width: 33.33%; }

.large-5 { width: 41.66%; }

.large-6 { width: 50%; }

.large-7 { width: 58.34%; }

.large-8 { width: 66.66%; }

.large-9 { width: 75%; }

.large-10 { width: 83.39%; }

.large-11 { width: 92.69%; }

.large-12 { width: 100%; }

/*
お問合せ
--------------------------------------------------- */
.parts-contact-set { position: relative; margin: 50px 0; padding: 10px; background: url("../img/bg_check_008EB0.png"); }
.parts-contact-set .wrap { overflow: hidden; *zoom: 1; position: relative; display: block; width: 100%; padding: 25px 20px; background: #FFF; }
.parts-contact-set ul { overflow: hidden; *zoom: 1; display: inline; float: left; margin: 0; padding: 0; width: 460px; }
.parts-contact-set ul li { float: left; display: inline; margin: 0; margin-right: 15px; padding: 0; }
.parts-contact-set ul li:last-child { margin-right: 0; }
.parts-contact-set dl { display: inline; float: right; margin: 0; padding: 0; width: 430px; line-height: 1.1; }
.parts-contact-set dl dt { margin-bottom: 5px; }
.parts-contact-set dl dd.tel { margin-bottom: 5px; font-weight: bold; font-size: 26px !important; font-size: 2.6rem !important; }
.parts-contact-set dl dd:last-child { margin-bottom: 0; }

/*  text
------------------------------------------*/
.pink { color: #FF5F99 !important; }

.white { color: #FFF !important; }

/*  extend parts
------------------------------------------*/
.gm-style img { max-width: none !important; }

/*
==============================================
original css
==============================================
*/
/* for IE8 デフォルト状態のインライン要素をブロック要素に指定 */
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary { display: block; }

html { color: #333333; font-size: 62.5%; height: 100%; background-color: #a6cb00; }

body { min-width: 1040px; width: expression(document.body.clientWidth < 1042? "1040px" : "auto"); font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; background: url("../img/bg.png") repeat 0 0; }

body > * { font-size: 16px !important; font-size: 1.6rem !important; }

@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
*:first-child + html body { position: relative; /* for IE7(zoom) */ }

a { color: #0055a7; text-decoration: none; }

a:visited { color: #0059a8; text-decoration: none; }

a:hover { color: #0059a8; text-decoration: underline; }

a:active { color: #a800a1; text-decoration: underline; }

/*------------------------------------------ 01. layout
------------------------------------------*/
.ext-wrapbox, #gHeader .wrap, #gNav .wrap, #contents, #gFooter .wrap { position: relative; width: 1040px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; text-align: left; zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*  frame
------------------------------------------*/
#gHeader { height: 110px; }

#gNav { height: 90px; }

#ctgHeader { margin-bottom: 20px; }

#contents { overflow: hidden; *zoom: 1; }

body.layout-2col #main { width: 760px; float: left; }
body.layout-2col #side { width: 200px; float: right; }

/*
#gHeader
--------------------------------------------------- */
#gHeader { *zoom: 1; }
#gHeader:after { content: ""; display: table; clear: both; }

#siteTitle { float: left; display: inline; margin: 0; padding-top: 17px; line-height: 1; }

/*
#gNav
--------------------------------------------------- */
#gNav, .gnavmenu { float: right; display: inline; position: relative; height: 80px; zoom: 1; }
#gNav ul, .gnavmenu ul { margin: 0; padding: 0; zoom: 1; }
#gNav ul li, .gnavmenu ul li { float: left; display: inline; margin: 0; padding: 0; zoom: 1; }
#gNav ul li a, .gnavmenu ul li a { float: left; display: inline; margin: 0; padding: 40px 12px 30px; line-height: 1; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; font-size: 17px !important; font-size: 1.7rem !important; color: #333; zoom: 1; }
#gNav ul li a:hover, #gNav ul li.current a, .gnavmenu ul li a:hover, .gnavmenu ul li.current a { text-decoration: none; background: url(../img/menu_select.png) repeat-x top left; }

#Home #gNav .menuHome a { text-decoration: none; background: url(../img/menu_select.png) repeat-x top left; }

#Event #gNav .menuEvent a { text-decoration: none; background: url(../img/menu_select.png) repeat-x top left; }

#Report #gNav .menuReport a { text-decoration: none; background: url(../img/menu_select.png) repeat-x top left; }

#About #gNav .menuAbout a { text-decoration: none; background: url(../img/menu_select.png) repeat-x top left; }

#ContactIndex #gNav .menuContact a, #ContactConfirm #gNav .menuContact a, #ContactComplete #gNav .menuContact a { text-decoration: none; background: url(../img/menu_select.png) repeat-x top left; }

.icon-home { display: inline-block; margin-top: 0px; width: 24px; padding-top: 24px; height: 0; overflow: hidden; background: url(../img/icon-home.png) no-repeat; vertical-align: middle; }

/*
#gFooter
--------------------------------------------------- */
.pagetop-box { float: right; display: inline; }
.pagetop-box a.pagetop { display: inline-block; padding: 5px 4px; line-height: 1; background-color: #ffbf00; font-size: 12px !important; font-size: 1.2rem !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.pagetop-box a.pagetop:hover { text-decoration: none; background-color: #ff8c00; }

#gFooter { background: url("../img/footer-bg.png") repeat-x bottom center; clear: both; }
#gFooter .wrap { font-size: 14px !important; font-size: 1.4rem !important; }
#gFooter .wrap a { color: #333; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; }
#gFooter .wrap a:hover { text-decoration: underline; }
#gFooter .wrap .wrapClear { overflow: hidden; *zoom: 1; margin-bottom: 70px; }
#gFooter .wrap address { font-style: normal; line-height: 1.5; }
#gFooter .wrap address strong { font-size: 16px !important; font-size: 1.6rem !important; font-weight: bold; }

#footerNav { float: left; display: inline; padding-top: 5px; }
#footerNav ul { margin: 0; padding: 0; }
#footerNav ul li { margin-right: 10px; padding-right: 10px; border-right: 1px solid #999; }
#footerNav ul li:last-child { border: 0; }

#copyright { clear: both; padding-top: 30px; padding-bottom: 10px; margin-bottom: 0; font-weight: normal; color: black; font-size: 13px !important; font-size: 1.3rem !important; }

/*
#contents
--------------------------------------------------- */
.pageHeader { position: relative; margin-bottom: 20px; }
.pageHeader h1 { padding: 0 2px; line-height: 1.2; font-size: 20px !important; font-size: 2rem !important; color: black; font-weight: bold; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; }
.pageHeader h1 span { display: inline-block; margin-right: 0.5em; padding-bottom: 0.5em; font-size: 16px !important; font-size: 1.6rem !important; vertical-align: middle; }

body.layout-1col #main #ctgHeader { background: url("../img/title-bg.png") no-repeat top left; height: 70px; padding-top: 6px; }
body.layout-1col #main #ctgHeader h1 { color: #00a63b; text-align: center; font-size: 20px !important; font-size: 2rem !important; }
body.layout-1col #main section h2 { background-color: #00a63b; color: white; font-size: 18px !important; font-size: 1.8rem !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; text-align: center; padding: 4px 0; }
body.layout-1col #main section h3 { background-color: #a6cb00; font-size: 16px !important; font-size: 1.6rem !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 4px 10px; }

body.layout-2col #main .pageHeader { background: url("../img/title-top.png") no-repeat top left, url("../img/title-bottom.png") no-repeat bottom left; padding: 14px 20px 0px 20px; }
body.layout-2col #main .pageHeader .headerCategory { color: #00a63b; }
body.layout-2col #main .pageHeader h1 { margin: 4px 0 10px; min-height: 2em; }
body.layout-2col #main .pageHeader .headerStatus { overflow: hidden; *zoom: 1; }
body.layout-2col #main h2 { background-color: #00a63b; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; font-size: 18px !important; font-size: 1.8rem !important; color: white; padding: 4px 10px; }
body.layout-2col #main h3 { background-color: #a6cb00; font-size: 16px !important; font-size: 1.6rem !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 4px 0; }

.snsBtn { text-align: right; margin-bottom: 20px; }
.snsBtn > div { display: inline-block; margin-left: 5px; height: 20px; overflow: hidden; text-align: left; }
.snsBtn .twitter { width: 100px; }
.snsBtn .facebook { width: 110px; }
.snsBtn .google { width: 70px; }
.snsBtn .line { width: 0; }

/*
#side
--------------------------------------------------- */
#side h2 { background-color: #8a8a7b; color: white; margin-top: 0; padding: 4px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 16px !important; font-size: 1.6rem !important; }
#side ul { padding-left: 0; }
#side ul li { list-style: none; margin-bottom: 6px; padding-left: 15px; background: url(../img/side-list.gif) no-repeat left center; }

.widget-blog-recent-entries ul li { padding: 0 0 10px 0 !important; margin-bottom: 15px; list-style: none; background-image: none !important; border-bottom: 1px dashed #ddd; }

/*
#ctgHeader
--------------------------------------------------- */
/* ===========/_layout.scss======= */