/*===========================
basic
===========================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style-type: none;
}
body {
    line-height: 1;
    -webkit-text-size-adjust: 100%; /* iPhoneで横にしたときの文字の大きさバグを回避　*/
    min-width: 1000px;
}
img {
    max-width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #008bda;
}
/* 画像の下にできる隙間をなくす */
img {
    vertical-align: bottom;
}
/* hr 要素は不可視で使う */
hr {
    display: none;
}
/* 特別 */
.clear {
    clear: both;
}
div.clear {
    height: 0px;
    line-height: 0;
    font-size: 0;
}
.clear2 {
    clear: both;
}
div.clear2 {
    height: 0px;
    line-height: 0;
    font-size: 0;
    margin-bottom: 20px;
}
.clear3 {
    clear: both;
}
div.clear3 {
    height: 0px;
    line-height: 0;
    font-size: 0;
    margin-bottom: 50px;
}
/*===========================
fonts
===========================*/
/*  Fonts  */
.MSPminchouFontClass {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.fs90p {
    font-size: 90%;
}
.fs80p {
    font-size: 80%;
}
.fs70p {
    font-size: 70%;
}
/*===========================
general
===========================*/
body {
    font-size: 14px;
    line-height: 1.8em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    margin: 0;
    padding: 0;
    color: #fff;
    background: #000;
}
.wrapper {
    width: 1000px;
    margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    letter-spacing: 1px;
    font-weight: normal;
}
h2 {
    font-size: 2.6em;
    line-height: 1.2em;
    padding-bottom: 0.3em;
    margin-bottom: 1.2em;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #a8aaae;
}
h2.h2Eng {
    font-size: 2.8em;
    line-height: 1.2em;
    padding-bottom: 0;
    margin-bottom: 1em;
    border-bottom: none;
}
h2.h2EngCenter {
    text-align: center;
    font-size: 2.8em;
    line-height: 1.2em;
    padding-bottom: 0;
    margin-bottom: 1em;
    border-bottom: none;
}
.content-title-small {
    font-size: 1.6em;
}
h3 {
    font-size: 1.8em;
    text-align: center;
    margin: 0 0 .75em 0;
    padding: 0 0.5em 0.3em 0.5em;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 0.6em;
    border-bottom: 1px dotted #a8aaae;
}
h4 {
    color: #FBF9F4;
    font-size: 1.3em;
    margin-bottom: 0.5em;
    text-align: center;
}
h4.h4borderB {
    padding-bottom: 0.2em;
    border-bottom: 1px dotted #666;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.notes {
    padding: 15px;
    border: 1px solid #ededed;
    margin-bottom: 1em;
}
.contact .notes span {
    color: #ff0000;
}
.notes ul {
    padding: 0 3px 0 3px;
}
.notes ul li:before {
    margin-right: 0.5em;
    content: " ";
    display: inline-block;
    background: #196096;
    width: 0.5em;
    height: 0.5em;
}
.notes ul li {
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
    margin-bottom: 0.5em;
}
.w46p {
    width: 46%;
}
.faxNoLink a {
    text-decoration: none;
    color: #333;
}
a.telNoDeco {
    text-decoration: none;
    color: #333;
}
.txtBnr a {
    color: #FFF;
    text-decoration: none;
    line-height: normal;
    padding: 0.5em 1.5em 0.5em 1em;
    background-color: #2E4596;
    margin: 0.4em 0;
    background-image: url(../img/common/icn_txtBnrArrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}
/*===========================
header
===========================*/
/* header */
#top-head {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    line-height: 1;
    
	min-width: 1000px;
    z-index: 500;
	/*
	position: fixed;
    background-image: url(../img/top/mainimage.jpg);
    background-size: cover;
    background-position: center;
	*/
}
/* 
#top-head:after {
    content: "";
    display: block;
    height: 1px;
    background: #fff;
    width: 980px;
    margin: 30px auto 0;
}
 */
.top-head-c {
    height: 360px !important;
    background-attachment: scroll !important;
    position: relative !important;
}
#top-head a, #top-head {
    text-decoration: none;
    color: #fff;
}
#top-head .inner {
    position: relative;
    height: 100%;
}
#top-head .logo {
    text-align: center;
    padding: 11% 0 2% 0;
}

#top-head .logo_c {
    text-align: center;
    padding: 20px 0 42px 0;
}
#top-head .catch {
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.35);
}
#top-head #gnavWrap {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: absolute;
    bottom: 0em;
    text-align: center;
}

ul.global-nav {
    list-style: none;
}
ul.global-nav li {
    display: inline-block;
}
ul.global-nav li a {
    padding: 1em 1.6em;
    display: block;
    line-height: 2em;
    font-size: 1.2em;
}
ul.global-nav li a:hover {
    cursor: pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    zoom: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
/* transition */
#top-head, #top-head:after, #top-head h1.logo, #top-head nav ul{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
/* Fixed */
#top-head.fixed {
    height: 500px;
    background-attachment: fixed;
    position: relative;
}
#top-head.fixed .logo {
    padding: 20px 0 20px 0;
}
/* slicknav_menu */
.slicknav_menu {
    display: none;
}
/*===========================
mainimage
===========================*/
#mainimage {
    background-color: 000;
    width: 100%;
    height: 100%;
    /* background-attachment:fixed ;*/
    position: relative;
}
/*===========================
pageTitle
===========================*/
#pageTitle {
    background-position: center top;
    background-repeat: repeat-x;
    text-align: center;
    width: 100%;
    background-attachment: scroll;
    position: relative;
    min-width: 1000px;
}
#pageTitle h1 {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 18px 0;
    background: rgba(0, 0, 0, 0.6);
    font-size: 3em;
}
/*===========================
main_area
===========================*/
.txt {
    margin: 0 0 1em 0;
}
.txt2 {
    margin: 0 0 2em 0;
}
.txtCenter {
    text-align: center;
}
.txtRight {
    text-align: right;
}
.txtLeft {
    text-align: left;
}
/*===========================
onOff
===========================*/
.pcOFFtabletON {
    display: none;
}
.pcONtabletOFF {}
.pcONtabletOFFspON {}
.pcOFFspON {
    display: none;
}
.pcOFFsp2ON {
    display: none;
}
.pcONspOFF {}
.pcONsp2OFF {}
.txtPCcenterSPLeft {
    text-align: center;
}
/*===========================
content
===========================*/
.bgcolor1 {
    padding: 50px 20px 50px 20px;
    width: 100%;
    box-sizing: border-box;
}
.bgcolor1Border {
    border-top: 1px solid #333;
    padding: 50px 20px;
    width: 100%;
    box-sizing: border-box;
}
.bgcolor1s {
    padding: 50px 20px 10px 20px;
    width: 100%;
    box-sizing: border-box;
}
.bgcolor2 {
    padding: 50px 20px 50px 20px;
    background-color: #333;
    width: 100%;
    box-sizing: border-box;
}
.bgcolor2s {
    padding: 50px 20px 10px 20px;
    background-color: #333;
    width: 100%;
    box-sizing: border-box;
}
.bgcolor3 {
    padding: 50px 20px 50px 20px;
    background-color: #252a34;
    width: 100%;
    box-sizing: border-box;
}
.bgcolor3s {
    padding: 50px 20px 10px 20px;
    background-color: #252a34;
    width: 100%;
    box-sizing: border-box;
}
.fs1_3em {
    font-size: 1.3em;
}
.column {
    border: 3px double #CCC;
    padding: 1em 1.5em;
    background-color: #FDFDFD;
}
/*===========================
footer
===========================*/
footer {}
/* footTxtArea */
.footTxtArea {
    text-align: center;
}
#footerNavWrap {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0;
    background-color: #ccc;
    border-bottom: 1px dotted #7f7f7f;
    color: #666666;
}
footer nav {
    padding: 0.8em 0;
    text-align: center;
    font-size: 0.9em;
}
footer nav ul li {
    padding: 0 1.5em 0 1.5em;
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    line-height: 1em;
}
footer nav ul li img {
    margin-bottom: 6px;
}
footer nav ul li:first-child {
    background-image: none;
}
footer nav ul li a {
    text-decoration: none;
    color: #666666;
    display: block;
}
/* copyright */
.copyright {
    font-size: 92%;
    text-align: center;
    padding: 2em 0 5em;
    background-color: #0c1837;
    color: #5e6472;
}
/*===========================
other
===========================*/
/* font color */
.fcBlue {
    color: #1A71B0;
}
.fcOrange {
    color: #FAB474;
}
/* pagetop */
#pagetop {
    position: fixed;
    bottom: 45px;
    right: 10px;
    z-index: 5;
}
#pagetop a {
    display: block;
    background-image: url(../img/footer/btn_pagetop.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    text-indent: -7777px;
}
#pagetop a:hover {
    cursor: pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    zoom: 1;
}
/* 「※」付きなど用の文字インデント */
.txtInd {
    padding-left: 1em;
    text-indent: -1em;
}
.txtInd2 {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 1.2em;
}
.txtIcon {
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    line-height: normal;
    padding: 0.2em 1em 0.2em 1em;
    background-color: #29489f;
    margin: 0 0 1.5em 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.txtBA {
    color: #FFF;
    text-align: center;
    font-size: 1em;
    line-height: normal;
    padding: 0.2em 1em 0.2em 1em;
    background-color: #939393;
    margin: 0.2em 0.8em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.dataArea {
    padding: 40px 0 40px 0;
    border-top: 1px solid #d8e3ec;
    clear: both;
}
.topData {
    border-top: none;
}
.dataArea .data {
    float: left;
    margin-right: 20px;
}
.pdf {
    background-image: url(../img/common/icn_pdf.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 21px;
}
.external {
    background-image: url(../img/common/icn_externallink.png);
    background-position: right 4px;
    background-repeat: no-repeat;
    padding-right: 15px;
}
.catch {
    color: #F9DAA2;
    font-size: 2em;
    margin-bottom: 0.6em;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.catchCenter {
    color: #F9DAA2;
    font-size: 2em;
    margin-bottom: 0.6em;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-align: center;
}
.catch2 {
    color: #2362aa;
    font-size: 2em;
    margin-bottom: 0.6em;
    line-height: 1.8em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.catch3 {
    color: #2362aa;
    font-size: 2em;
    margin-bottom: 0.6em;
    line-height: 1.8em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-align: center;
}
.catchS {
    color: #649F1C;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
.imgHover a:hover {
    cursor: pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    zoom: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.imgHoverEx img {
    transition: 0.3s;
}
.imgHoverEx img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.comingsoon {
    font-size: 3em;
    text-align: center;
    padding: 20% 0;
    line-height: normal;
    margin-bottom: 2em;
}
.comingsoon2 {
    color: #666;
    font-size: 2em;
    text-align: center;
    padding: 20% 0;
    line-height: normal;
    margin-bottom: 2em;
    border: #666 1px dashed;
}
/*===========================
content
===========================*/
.contPad0 {
    padding: 0;
}
.contPad {
    padding: 0 10px;
}
.contPadMB {
    padding: 0 10px;
    margin-bottom: 3em;
}
.contPadMB2 {
    padding: 0 10px;
    margin-bottom: 5em;
}
.contPad2 {
    padding: 0 100px;
}
.contPad2MB {
    padding: 0 100px;
    margin-bottom: 3em;
}
.contPad2MB2 {
    padding: 0 100px;
    margin-bottom: 5em;
}
.contPad3 {
    padding: 0 20px;
}
.contPad3MB {
    padding: 0 20px;
    margin-bottom: 3em;
}
.contPad4 {
    padding: 0 5px;
}
/* 1カラム */
.lay1 {
    width: 100%;
    padding: 1.8em 0;
}
.floatr {
    float: right;
    margin: -0.2em 1em 1em 3.5em;
}
.floatl {
    float: left;
    margin: 0.2em 3.5em 1em 1em;
}
.half img {
    width: 46%;
}
.oneThird img {
    width: 30%;
}
/* 2カラム */
.lay2 {
    width: 47%;
    float: left;
    margin: 0 6% 2em 0;
}
.lay2R {
    width: 47%;
    float: left;
    margin: 0 0 0 0;
}
/* 3カラム */
.lay3 {
    width: 31%;
    float: left;
    margin: 0 3% 2% 0;
}
.lay3R {
    width: 31%;
    float: left;
    margin: 0 0 2% 0;
}
.lay3W320 {
    width: 320px;
    float: left;
    margin: 0 20px 40px 0;
}
.lay3W320R {
    width: 320px;
    float: left;
    margin: 0 0 40px 0;
}
/* 2カラム　複数 */
.lay2Plural {
    width: 46%;
    float: left;
    margin: 0 2% 3em 2%;
}
.lay2Plural2 {
    width: 46%;
    float: left;
    margin: 0 2% 1em 2%;
}
.lay2PluralTablet2 {
    width: 46%;
    float: left;
    margin: 0 2% 2em 2%;
}
.lay2EX {
    width: 46%;
    float: left;
    margin: 1em 2% 1em 2%;
    text-align: center;
}
/* 3カラム　複数 */
.lay3Plural {
    width: 29%;
    float: left;
    margin: 3% 2%;
    text-align: center;
}
.lay3Plural2 {
    width: 31.3%;
    float: left;
    margin: 0 1% 4% 1%;
}
.lay3Plural3 {
    width: 31.3%;
    float: left;
    margin: 0 1% 0 1%;
    text-align: left;
}
/* 3カラム　複数 inlineB */
.inlineB3 {
    width: 100%;
    font-size: 0px;
    text-align: center;
}
.inlineB3 li {
    width: 310px;
    margin: 0 15px;
    display: inline-block;
    text-align: center;
}
/* 4カラム　複数 */
.lay4Plural {
    width: 23.8%;
    float: left;
    margin: 0 0.6% 15px 0.6%;
    text-align: center;
}
/*　1：2　*/
.div1-2_1 {
    float: left;
    width: 32%;
    margin: 0 2% 1em 2%;
}
.div1-2_2 {
    float: left;
    width: 60%;
    margin: 0 2% 1em 2%;
}
/* autoカラム　複数 */
.layAuto {
    display: inline-block;
    text-align: center;
    margin: 0 4px 10px 4px;
}
/* table */
.nowrap {
    white-space: nowrap;
}
.w50p {
    width: 50%;
}
.w30p {
    width: 30%;
}
.w20p {
    width: 20%;
}
.tdCenter {
    text-align: center;
    vertical-align: middle;
}
/* 背景画像の上に使うtable */
table.table1 {
    border-collapse: collapse;
    border-top: 1px #cccccc solid;
}
table.table1 th {
    padding: 7px;
    border-bottom: 1px #cccccc solid;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    color: #3F7A16;
}
table.table1 td {
    padding: 7px;
    border-bottom: 1px #cccccc solid;
    font-weight: normal;
}
/* table1の変更バージョン */
table.table1_2 {
    width: 100%;
    padding: 0 30px 30px 30px;
    border-collapse: collapse;
}
table.table1_2 tr {}
table.table1_2 th {
    padding: 7px;
    border-bottom: 1px #cccccc solid;
    font-weight: normal;
    text-align: left;
}
table.table1_2 td {
    padding: 5px;
    border-bottom: 1px #cccccc solid;
    font-weight: normal;
}
/* 普通のtable */
table.table2 {
    width: 100%;
    border-top: 1px #666 solid;
    border-left: 1px #666 solid;
    border-collapse: collapse;
    color: #fff;
}
table.table2 th {
    padding: 0.35em 0.5em;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    background-color: #371A0F;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}
table.table2 th.thBgC01 {
    background-color: #7E591B;
}
table.table2 td {
    padding: 0.35em 0.5em;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    font-weight: normal;
    background-color: #454545;
    letter-spacing: 0;
}
table.table2 td.tdBgC01 {
    background-color: #4b5056;
    text-align: center;
    vertical-align: middle;
}
table.table2 td.tdBgC02 {
    background-color: #304F6B;
    text-align: center;
    vertical-align: middle;
}
/* 縦に並ぶtable */
table.table3 {
    width: 100%;
    border-top: 1px #666 solid;
    border-left: 1px #666 solid;
    border-collapse: collapse;
    color: #444;
    margin-bottom: 1.5em;
}
table.table3 th {
    padding: 0.35em 0.5em;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    background-color: #371A0F;
    color: #fff;
    letter-spacing: 0;
    font-weight: normal;
    /*	white-space: nowrap; */
    text-align: center;
    vertical-align: middle;
    width: auto;
}
table.table3 th.thW50p {
    padding: 0.35em 0.5em;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    background-color: #371A0F;
    color: #fff;
    letter-spacing: 0;
    font-weight: normal;
    /*	white-space: nowrap; */
    text-align: center;
    vertical-align: middle;
    width: 50%;
}
table.table3 td {
    padding: 0.35em 0.5em;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    font-weight: normal;
    background-color: #454545;
    letter-spacing: 0;
    color: #fff;
}
/*--- フロー ---*/
/* フローCenter */
.area_flowC {
    padding: 0 5em;
}
.area_flowC2 {
    padding: 0 1em;
}
.area_flowC .inner_flow {
    border: 1px solid #E1E1E1;
    padding: 24px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 1em;
    background-color: #FCFBFA;
}
.area_flowC .inner_flow .largeTxt {
    font-size: 1.6em;
    text-align: center;
    color: #B67023;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
}
.area_flowC .inner_flow .txtWrap {
    /* padding:24px 30px; */
    padding: 0 2em;
}
.area_flowC .inner_flow p.flowImg {
    text-align: center;
    margin: 0.5em auto;
}
.area_flowC .arrow {
    margin: 5px auto;
    display: block;
    width: 40px;
    height: 26px;
    background: url(../img/common/arrow_down_s.png) center bottom no-repeat;
    text-indent: -9999px;
    margin-top: 0px;
}
/* フローSmall */
.area_flowS {
    padding: 0 0px;
}
.area_flowS .inner_flow {
    background-color: #333;
    border: 1px solid #666;
    padding: 2px 4px;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    min-height: 1em;
}
.area_flowS .inner_flow .largeTxtOra {
    font-size: 1.1em;
    text-align: center;
    color: #E87A02;
}
.area_flowS .inner_flow .largeTxtGre {
    font-size: 1.1em;
    text-align: center;
    color: #79A323;
}
.area_flowS .inner_flow .txtWrap {}
.area_flowS .arrow {
    margin: 0 auto;
    display: block;
    width: 40px;
    height: 26px;
    background: url(../img/common/arrow_down_s.png) center bottom no-repeat;
    text-indent: -9999px;
    margin-top: 0px;
}
/* 単語フロー */
.flowTxt {
    display: block;
    float: left;
    margin: 0 10px 10px 10px;
    border: 1px solid #CCC;
    padding: 0.5em 2em;
    background-color: #FBFEFF;
}
.flowTxtArrow {
    display: block;
    float: left;
    background-image: url(../img/common/flowtxt_arrow.png);
    width: 8px;
    height: 2.5em;
    background-position: center;
    text-indent: -7777px;
    background-repeat: no-repeat;
}
/* リスト追加 */
.admit {
    border: 2px #c9d4dc solid;
    padding: 30px;
}
.admit li {
    float: left;
    width: 25%;
    line-height: 2.5em
}
.admit li span {
    width: 80px;
    display: block;
    float: left;
}
ul.liReseter {
    line-height: 1.8em;
    margin-left: 15px;
}
ul.liReseterMB li {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: -10px;
}
ul.liReseterMB {
    line-height: 1.8em;
    margin: 0 0 2em 15px;
}
ul.liReseter li {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: -10px;
}
ul.liReseter2 {
    line-height: 1.8em;
    margin: 0 0 12px 30px;
}
ul.liReseter2 li {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: -10px;
}
ul.liReseterFloat {
    line-height: 1.8em;
    margin-left: 15px;
}
ul.liReseterFloat li {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: -10px;
    float: left;
    padding-right: 3em;
}
ul.liReseterFloat3Div {
    line-height: 1.8em;
    margin-left: 2em;
}
ul.liReseterFloat3Div li {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: -10px;
    float: left;
    padding-right: 1em;
    width: 31%;
}
ol.liReseter {
    line-height: 1.8em;
    margin-left: 20px;
}
ol.liReseter li {
    display: list-item;
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: -10px;
}
ol.liReseter2 {
    line-height: 1.8em;
    margin: 0 0 20px 50px;
}
ol.liReseter2 li {
    display: list-item;
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: -10px;
}
ul.liWhite {}
ul.liWhite li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 2px 24px;
    background-image: url(../img/common/icn_white.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
}
ul.liWhiteLarge {}
ul.liWhiteLarge li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 2px 24px;
    background-image: url(../img/common/icn_white.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.2em;
}
ul.liCheck {
    margin-left: 5px;
    padding-bottom: 10px;
}
ul.liCheck li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 30px;
    background-image: url(../img/common/icn_check.png);
    background-position: 1px 1px;
    background-repeat: no-repeat;
    line-height: 2em;
}
ul.liCheck2 {
    margin-bottom: 15px;
}
ul.liCheck2 li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0.3em 30px;
    background-image: url(../img/common/icn_check.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.3em;
    color: #AF6705;
}
ul.liCheck2 p {
    font-size: 80%;
    line-height: normal;
    color: #333;
}
ul.liOrange {
    margin-left: 0;
}
ul.liOrange li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 20px;
    background-image: url(../img/common/li_orange.png);
    background-position: 0px 9px;
    background-repeat: no-repeat;
    line-height: 2em;
    font-size: 110%;
}
ul.liOrangeLarge {
    margin-bottom: 15px;
}
ul.liOrangeLarge li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 2px 24px;
    background-image: url(../img/common/li_large_orange.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.3em;
}
ul.liOrangeFlaot {
    margin-bottom: 0;
}
ul.liOrangeLargeFlaot li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 2em 0.2em 1em;
    background-image: url(../img/common/li_large_orange.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    line-height: 1.8em;
    font-size: 1.3em;
    float: left;
}
ul.liOrange2 {
    margin: 0 0 20px 20px;
}
ul.liOrange2 li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 10px 20px;
    background-image: url(../img/common/clip_li_orange.gif);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    line-height: 2em;
    font-size: 110%;
}
ul.liOrangeFlaot {
    margin-left: 0;
}
ul.liOrangeFlaot li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 20px;
    background-image: url(../img/common/clip_li_orange.gif);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    float: left;
    padding-right: 30px;
}
ul.liKimidoriFlaot {
    margin-bottom: 50px;
}
ul.liKimidoriFlaot li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 30px 0 20px;
    background-image: url(../img/common/clip_li_kimidori.gif);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    float: left;
    font-size: 1.2em;
}
ul.liKimidori {
    margin-bottom: 40px;
}
ul.liKimidori li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 20px;
    background-image: url(../img/common/clip_li_kimidori.gif);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
}
ul.liKimidori2 {
    margin: 0 0 50px 20px;
}
ul.liKimidori2 li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 20px;
    background-image: url(../img/common/clip_li_kimidori.gif);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    line-height: 2em;
    font-size: 110%;
}
ul.liBlue {
    margin-bottom: 15px;
}
ul.liBlue li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 20px;
    background-image: url(../img/common/clip_li_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 2em;
}
ul.liBlue3 {
    margin-bottom: 30px;
}
ul.liBlue3 li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 10px 0 20px;
    background-image: url(../img/common/clip_li_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    line-height: 2em;
}
ul.liBlueFlaot {
    margin-bottom: 15px;
}
ul.liBlueFlaot li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 30px 0 20px;
    background-image: url(../img/common/clip_li_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    float: left;
    line-height: 2em;
}
ul.liBlueLarge {
    margin-bottom: 15px;
}
ul.liBlueLarge li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 2px 24px;
    background-image: url(../img/common/li_large_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.3em;
}
ul.liBlueLargeFlaot {}
ul.liBlueLargeFlaot li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 30px 0 20px;
    background-image: url(../img/common/li_large_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.3em;
    float: left;
}
ul.liBlueLargeFlaot2 {}
ul.liBlueLargeFlaot2 li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 30px 0 20px;
    background-image: url(../img/common/li_large_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.3em;
    float: left;
    width: 25%;
}
ul.liBlueLarge2 {
    margin: 0 0 20px 20px;
}
ul.liBlueLarge2 li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 2px 24px;
    background-image: url(../img/common/li_large_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.3em;
}
ul.liBlueLarge3 {
    margin-bottom: 30px;
}
ul.liBlueLarge3 li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 2px 24px;
    background-image: url(../img/common/li_large_blue.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    padding-right: 10px;
    line-height: 1.8em;
    font-size: 1.3em;
}
ul.businessMark {
    margin-bottom: 15px;
}
ul.businessMark li {
    list-style-type: none;
    list-style-position: outside;
    padding: 2px 0 2px 24px;
    background-image: url(../img/common/li_mark.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-right: 10px;
    color: #1d6215;
    font-size: 18px;
}
ul.businessMark li p {
    color: #444444;
    font-size: 14px;
    margin-bottom: 10px;
}
ul.liOrangeFlaot {
    margin-left: 0;
}
ul.liPDFFloat {
    margin-bottom: 10px;
}
ul.liPDFFloat li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 30px 0 20px;
    background-image: url(../img/common/pdficon_small.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    float: left;
}
ul.liPageAnch li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 20px;
    background-image: url(../img/common/icn_page_anch.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    float: left;
    padding-right: 30px;
}
/* faq */
dl.faq dt {
    padding: 5px 0 8px 38px;
    background-image: url(../img/common/icn_q.gif);
    background-position: left 6px;
    background-repeat: no-repeat;
    font-size: 120%;
    color: #FA8D16;
}
dl.faq dd {
    padding: 0 15px 18px 38px;
    background-image: url(../img/common/icn_a.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
}
dl.info dt {
    float: left;
    clear: left;
    width: 10em;
    margin: 0;
    padding: 1em 0 1em 0.5em;
}
dl.info dd {
    margin: 0;
    padding: 1em 0 1em 10.5em;
    border-bottom: #7f7f7f dotted 1px;
}
/*
dl.info dt:last-child {
	border-bottom:none;
}
dl.info dd:last-child  {
	border-bottom:none;
}
*/
dl.history dt {
    float: left;
    clear: left;
    width: 110px;
    margin: 0;
    padding: 7px 0 8px 4px;
}
dl.history dd {
    margin: 0;
    padding: 7px 0 8px 114px;
    border-bottom: #cccccc dotted 1px;
}
dl.history2 {
    border-top: #294DA9 dotted 1px;
}
dl.history2 dt {
    float: left;
    clear: left;
    width: 100px;
    margin: 0;
    padding: 7px 0 8px 4px;
}
dl.history2 dd {
    margin: 0;
    padding: 7px 0 8px 104px;
    border-bottom: #294DA9 dotted 1px;
}
.imgFloatRight {
    float: right;
    margin: 0 0 1em 2em;
}
.imgFloatRightTabletCenter {
    float: right;
    margin: 0 0 1em 2em;
}
.imgFloatLeft {
    float: left;
    margin: 0 2em 1em 0;
}
.imgFloatLeftTabletCenter {
    float: left;
    margin: 0 2em 1em 0;
}
/* BeforeAfter */
.BeforeAfter {
    width: 90%;
    height: auto;
    margin: 0 auto 2em auto;
}
.baDiv {
    width: 38%;
    float: left;
    margin: 0 1% 2% 1%;
    text-align: center;
}
.baArrowWrap {
    float: left;
    width: 16%;
    margin: 0 1% 2% 1%;
}
.baArrow {
    background-image: url(../img/common/arrow_right.png);
    width: 52px;
    height: 80px;
    text-indent: -7777px;
    background-repeat: repeat;
    margin: 33% auto 0 auto;
}
.baTxt {
    display: block;
    font-size: 1.1em;
    background-color: #518404;
    color: #FFF;
    padding: 0.1em 2em 0.1em 2em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    margin: 0.5em 0;
    max-width: 4em;
}
.telBig {
    font-size: 2em;
    color: #2378BE;
}
/*===========================
index
===========================*/
.catchCopy {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #fff;
    font-size: 2em;
    line-height: 0.8em;
    margin-bottom: 0.6em;
}
/* snsBnr */
ul.snsBnr {
    clear: both;
    padding: 1em 0 0 0;
    text-align: center;
}
ul.snsBnr li {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin: 0.75em 1.25em;
}
/*　YAHOO　API　対策　*/
#map img {
    max-width: none;
}
#map {
    color: #333;
}
/*===========================
workfield
===========================*/
.workfieldBack {
    background-image: url(../img/workfield/ttl_page.jpg) !important;
}
/*===========================
works
===========================*/
.worksBack {
    background-image: url(../img/works/ttl_page.jpg) !important;
}
/*===========================
about
===========================*/
.aboutBack {
    background-image: url(../img/about/ttl_page.jpg) !important;
}
/*===========================
contact
===========================*/
.contactBack {
    background-image: url(../img/contact/ttl_page.jpg) !important;
}
.contact table {
    width: 100%;
    border-top: 1px #666 solid;
    border-left: 1px #666 solid;
    border-collapse: collapse;
    color: #fff;
    margin-bottom: 1.5em;
}
.contact table th {
    padding: 0.5em 0.5em;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    background-color: #333;
    color: #fff;
    letter-spacing: 0;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}
.contact table td {
    padding: 0.5em 0.5em;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    font-weight: normal;
    background-color: #454545;
    letter-spacing: 0;
}
.contact table td .select {
    margin-bottom: 0.5em;
}
.contact table td .select li {
    float: left;
    margin-right: 20px;
}
.contact table td .select li input {
    vertical-align: middle;
}
.contact table td label {
    padding: 0 0 0px 5px;
}
.contact table input {
    margin: 2px 0 2px 0;
    height: 1.6em;
    border: 1px solid #CCC;
}
.contact .formBtn {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.contact .btnSend {
    background-color: #333;
    color: #FFF;
    padding: 8px 0;
    margin: 0 5px 0 5px;
    border: 1px solid #666;
    width: 160px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.contact .btnReset {
    background-color: #222;
    color: #CCC;
    padding: 7px 0;
    margin: 0 5px 0 5px;
    border: 0;
    width: 160px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.contact .forml {
    width: 90%;
}
.contact .formm {
    width: 50%;
}
.contact .noborder {
    border: none;
}
.contact label {}
.contact .checkbox {
    border: none;
    padding: 0 0 0 0;
    margin: 0;
    vertical-align: bottom;
}
ul.blog li {
    padding: 10px;
    border-bottom: 1px dotted #CCCCCC;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}
ul.blog li a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #fff !important;
}
.data {
    margin-left: 20px;
    display: inline-block;
    float: left;
    font-size: 1.0em;
}
.title {
    margin-left: 20px;
    display: inline-block;
}
.btn-animation-02 {
    display: inline-block;
    width: 300px;
    text-align: center;
    background-color: #3f3f3f;
    border: 2px solid #fff;
    font-size: 16px;
    color: #3f3f3f !important;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 24px;
    border-radius: 4px;
    position: relative;
}
.btn-animation-02 span {
    position: relative;
    z-index: 1;
}
.btn-animation-02::before, .btn-animation-02::after {
    content: "";
    display: block;
    background-color: #FFF;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: .2s;
}
.btn-animation-02::before {
    left: 0;
}
.btn-animation-02::after {
    right: 0;
}
.btn-animation-02:hover:before, .btn-animation-02:hover:after {
    width: 0;
    background-color: #FFF;
}
.btn-animation-02:hover {
    color: #FFF !important;
}
/*===========================
spacer
===========================*/
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt0 {
    margin-top: 0px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
    .mt10, .mt20, .mt30 {
        margin-top: 4% !important;
    }
    .mb10, .mb20, .mb30 {
        margin-bottom: 4% !important;
    }
    .mt40, .mt50, .mt60 {
        margin-top: 5% !important;
    }
    .mb40, .mb50, .mb60 {
        margin-bottom: 5% !important;
    }
    .mt70, .mt80 {
        margin-top: 8% !important;
    }
    .mb70, .mb80 {
        margin-bottom: 8% !important;
    }
}
/* txt */
.txt2 {
    font-size: 1.2rem;
    font-weight: 800;
}
.txtbold {
    font-weight: bold;
}
.tx-center {
    text-align: center
}
.tx-left {
    text-align: left;
}
.tx-right {
    text-align: right;
}
.tx_marker {
    background: linear-gradient(transparent 75%, #fff799 75%);
    font-weight: bold;
    display: inline;
}
/* color */
.red {
    color: #bc2d2d;
}
.green {
    color: #3b7a28;
}
.brown {
    color: #a67435;
}
.blue {
    color: #325f99;
}
.catchcopy {
    font-size: 2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    line-height: 1.3em;
    color: #E0625E;
}
.catchcopy2 {
    font-size: 2.2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 600;
    line-height: 1.3em;
    color: #E0625E;
}
.col_red {
    color: #F33;
}
.col_green {
    color: #1a9651 !important;
}
.col_blue {
    color: #06C;
}
.col_orange {
    color: #F06000;
}
.tx-70p {
    font-size: 70% !important;
    letter-spacing: normal;
}
.tx-80p {
    font-size: 80% !important;
    letter-spacing: normal;
}
.tx-90p {
    font-size: 90% !important;
    letter-spacing: normal;
}
.tx100p {
    font-size: 100% !important;
    letter-spacing: normal;
}
.tx-110p {
    font-size: 110% !important;
    letter-spacing: normal;
}
.tx-120p {
    font-size: 120% !important;
    letter-spacing: normal;
}
.tx-130p {
    font-size: 130% !important;
    letter-spacing: normal;
}
.tx-140p {
    font-size: 140% !important;
    letter-spacing: normal;
    line-height: 1.4em;
}
.tx-150p {
    font-size: 150% !important;
    letter-spacing: normal;
}
.tx-160p {
    font-size: 160% !important;
    letter-spacing: normal;
}
.tx-170p {
    font-size: 170% !important;
    letter-spacing: normal;
}
.tx-180p {
    font-size: 180% !important;
    letter-spacing: normal;
}
.tx-230p {
    font-size: 230% !important;
    letter-spacing: normal;
}
.tx-300p {
    font-size: 300% !important;
    letter-spacing: normal;
}
.mar0 {
    margin: 0 auto;
}
.txsize1 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #F33;
    text-align: center;
}
.txtstyle1 {
    font-size: 1.16em;
    font-weight: bold;
}
.txtstyle2 {
    font-size: 1.24em;
    font-weight: bold;
}
.ex {
    padding-left: 1em;
    text-indent: -1em;
}
@media only screen and (max-width: 768px) {
    .tx-230p {
        font-size: 120% !important;
        letter-spacing: nomal;
    }
    .tx-180p {
        font-size: 110% !important;
        letter-spacing: nomal;
    }
}
@media only screen and (max-width: 600px) {
    .line-h2 {
        line-height: 1.5;
    }
    .tx-230p {
        font-size: 130% !important;
        letter-spacing: nomal;
    }
    .tx-180p, .tx-170p {
        font-size: 120% !important;
        letter-spacing: nomal;
    }
    .tx-160p, .tx-150p {
        font-size: 110% !important;
        letter-spacing: nomal;
    }
    .tx-140p, .tx-130p, .tx-120p, .tx-110p {
        font-size: 100% !important;
        letter-spacing: nomal;
    }
}
.titleWrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.thumbnail {
    float: left;
}