@charset "UTF-8";
/* Resets
================================================ */
h1,h2,h3,h4,p,a,img,div,address,dl,dt,dd,ol,ul,li,form,input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
}
li{
    list-style: none;
}

/* Class
================================================ */
.hideText {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.taLeft{
    text-align: left;
}
.taRight{
    text-align: right;
}
.taCenter{
    text-align: center;
}
.tcRed{
    color: #ff0000;
}

/* Margin
================================================ */
.mL17{
    margin-left: 17px;
}
.mL20{
    margin-left: 20px;
}
.mR20{
    margin-right: 20px;
}
.mB0{
    margin-bottom: 0 !important;
}
.mB20{
    margin-bottom: 20px !important;
}
.mT0{
    margin-top: 0 !important;
}

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

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

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

.pT5{
    padding-top: 5px !important;
}
.pL0{
    padding-left: 0 !important;
}

/* body
================================================ */
body{
    font-size: 13px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
    color: #333;
}

/* [3] Font Size
================================================ */
.size26 {
    font-size: 197%;
}/* 26px */
.size25 {
    font-size: 189%;
}/* 25px */
.size24 {
    font-size: 182%;
}/* 24px */
.size23 {
    font-size: 174%;
}/* 23px */
.size22 {
    font-size: 167%;
}/* 22px */
.size21 {
    font-size: 161.6%;
}/* 21px */
.size20 {
    font-size: 153.9%;
}/* 20px */
.size19 {
    font-size: 146.5%;
}/* 19px */
.size18 {
    font-size: 138.5%;
}/* 18px */
.size17 {
    font-size: 131%;
}/* 17px */
.size16 {
    font-size: 123.1%;
}/* 16px */
.size15 {
    font-size: 116%;
}/* 15px */
.size14 {
    font-size: 108%;
}/* 14px */
.size13 {
    font-size: 100%;
}/* 13px , default */
.size12 {
    font-size: 93%;
}/* 12px */
.size11 {
    font-size: 85%;
}/* 11px */
.size10 {
    font-size: 77%;
}/* 10px */

/* line-height */
.lh0 {
    line-height: 0;
}
.lh10 {
    line-height: 1;
}
.lh12 {
    line-height: 1.2;
}
.lh14 {
    line-height: 1.4;
}
.lh16 {
    line-height: 1.6;
}
.lh18 {
    line-height: 1.8;
}
.lh20 {
    line-height: 2;
}
.lh24 {
    line-height: 2.4;
}
/* Link
================================================ */
a{
    color: #2f83d4;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}
/* clearfix
================================================ */
#main:after,
#view:after,
#contents:after,
.banner li a:after,
.jobs .inner li a:after,
.share:after,
#fSection01:after,
.clearfix:after,
ul:after,
dl:after {
    content: "";
    display: block;
    clear: both;
}



/* contentArticle
================================================ */
.contentArticle p{
    margin: 0 0 10px 0;
}

.contentArticle .notice {
    color: #ff0000;
}

.contentArticle .error {
    color: #ff0000;
}

.contentArticle .note {
    margin-bottom: 3px;
}

/* h1,h2,h3,h4
================================================ */

@media (max-width: 768px){
    .contentArticle h2 {
        font-size: 2rem !important;
    }

}


/* List
================================================ */
.contentArticle ul li{
    background: url(/cgi-bin/common/img/ico/ico_all_list01.gif) 0 center no-repeat;
    padding-left: 15px;
    margin: 10px 0;
}

.contentArticle .ulIconNone li{
    background: none;
    padding-left: 0;
}

.contentArticle .ulFloat li{
    float: left;
}

.contentArticle .ulFloat li + li{
    margin-left: 30px;
}

/* Table
================================================ */

table{
    margin: 15px 0;
    width: 100%;
}

table td{
    padding: 9px 13px 0 13px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    text-align: left;
}

.send table th,
.send table td {
    height: 32px;
    padding: 9px 13px;
}

/* ImageFloat
================================================ */

.imgFloatRight01{
float: left;
width: 410px;
}
.imgFloatRight02{
text-align: right;
}

/* Percentage
================================================ */
.w05per{ width: 5%; }
.w10per{ width: 10%; }
.w15per{ width: 15%; }
.w20per{ width: 20%; }
.w25per{ width: 25%; }
.w30per{ width: 30%; }
.w33per{ width: 33%; }
.w35per{ width: 35%; }
.w40per{ width: 40%; }
.w45per{ width: 45%; }
.w50per{ width: 50%; }
.w60per{ width: 60%; }
.w63per{ width: 63%; }
.w65per{ width: 65%; }
.w70per{ width: 70%; }
.w80per{ width: 80%; }
.w90per{ width: 90%; }
.w100per{ width: 100%; }

/* Form
================================================ */
.contentArticle input,
.contentArticle textarea{
    padding:5px;
    border:1px solid #d3cfc8;
    margin-bottom: 9px;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}
.contentArticle select{
}

.contentArticle input[type="image"]{
    padding:0;
    border:none;
    background-color:none;
    cursor:pointer;
}
.contentArticle table input.textS {
    width:114px;
}
.contentArticle table input.textM {
    width:235px;
}
.contentArticle table input.textL {
    width:356px;
}
.contentArticle table input.textLL {
    width:467px;
}

.contentArticle table textarea {
    width:467px;
}
.contentArticle textarea {
    width:700px;
}

.contentArticle input.required,
.contentArticle input.ok,
.contentArticle textarea.required,
.contentArticle textarea.ok{
    padding:5px 5px 5px 40px;
}

.contentArticle input.redi,
.contentArticle textarea.redi {
    background: #ffdada;
}


label{
    cursor: pointer;
}

.contentArticle .customSelect {
    width:200px;
    padding:5px 35px 5px 5px;
    border:1px solid #d3cfc8;
    margin-bottom: 9px;
    background: url(/cgi-bin/common/img/bg/bg_select01.png) right top no-repeat;
}

.customSelectInner {
    width: 190px !important;
}

:root input[type=radio]{
    border: none;
    position: absolute;
    left: -1000em;
}

:root input[type=radio] + label{
    margin-bottom: 4px;
}

:root input[type=radio] + label:before{
    content: "";
    display: inline-block;
    width  : 18px;
    height : 20px;
    margin : 0 8px 2px 0;
    background: url(/cgi-bin/common/img/bg/bg_radio01.png) no-repeat 0 0;
    vertical-align: middle;
    position: relative;
    bottom: 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
}

:root input[type=radio]:checked + label:before{
    background-position: 0 -30px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
}

:root input[type=checkbox]{
    border: none;
    position: absolute;
    left: -1000em;
}

:root input[type=checkbox] + label{
    color: #388cdd;
    margin-bottom: 4px;
}

:root input[type=checkbox] + label:before{
    content: "";
    display: inline-block;
    width  : 18px;
    height : 20px;
    margin : 0 8px 2px 0;
    background: url(/cgi-bin/common/img/bg/bg_checkbox01.png) no-repeat 0 0;
    vertical-align: middle;
    position: relative;
    bottom: 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
}

:root input[type=checkbox]:checked + label:before{
    background-position: 0 -30px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
}

:root label.RadioSelected:before{
    content: "" "";
    background-position: 0 -30px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
}


.ie8 input[type=radio]{
    border: none;
    margin: 2px;
    z-index: -1;
    filter: alpha(opacity=0);
    position: absolute;
}
.ie8 input[type=radio] + label{
    background: url(/cgi-bin/common/img/bg/bg_radio01.png) no-repeat left top;
    margin-right:20px;
    padding-left:22px;
    min-height: 20px;
    }

.ie8 input[type=radio] + label.radioSelected{
    background-position: left -30px;
}

.ie8 input[type=checkbox]{
    border: none;
    margin: 2px;
    z-index: -1;
    filter: alpha(opacity=0);
    position: absolute;
}
.ie8 input[type=checkbox] + label{
    color: #388cdd;
    background: url(/cgi-bin/common/img/bg/bg_checkbox01.png) no-repeat left top;
    margin-right:20px;
    padding-left:27px;
    min-height: 20px;
    }

.ie8 input[type=checkbox] + label.checkboxSelected{
    background-position: left -30px;
}

.buttonWrap01 {
    margin-top: 40px;
    text-align: center;
}

.buttonWrap01 input + input{
    margin-left: 30px;
}


.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}@media (min-width: 768px){.d-pc-none{display:none !important}.d-pc-inline{display:inline !important}.d-pc-inline-block{display:inline-block !important}.d-pc-block{display:block !important}.d-pc-table{display:table !important}.d-pc-table-row{display:table-row !important}.d-pc-table-cell{display:table-cell !important}.d-pc-flex{display:flex !important}.d-pc-inline-flex{display:inline-flex !important}}.mt0{margin-top:0px !important}.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}.mt90{margin-top:90px !important}.mt100{margin-top:100px !important}.mr0{margin-right:0px !important}.mr10{margin-right:10px !important}.mr20{margin-right:20px !important}.mr30{margin-right:30px !important}.mr40{margin-right:40px !important}.mr50{margin-right:50px !important}.mr60{margin-right:60px !important}.mr70{margin-right:70px !important}.mr80{margin-right:80px !important}.mr90{margin-right:90px !important}.mr100{margin-right:100px !important}.mb0{margin-bottom: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}.mb90{margin-bottom:90px !important}.mb100{margin-bottom:100px !important}.ml0{margin-left:0px !important}.ml10{margin-left:10px !important}.ml20{margin-left:20px !important}.ml30{margin-left:30px !important}.ml40{margin-left:40px !important}.ml50{margin-left:50px !important}.ml60{margin-left:60px !important}.ml70{margin-left:70px !important}.ml80{margin-left:80px !important}.ml90{margin-left:90px !important}.ml100{margin-left:100px !important}.pt5{padding-top:5px !important;padding-top:.3125rem !important}.pt0{padding-top:0px !important}.pt10{padding-top:10px !important}.pt20{padding-top:20px !important}.pt30{padding-top:30px !important}.pt40{padding-top:40px !important}.pt50{padding-top:50px !important}.pt60{padding-top:60px !important}.pt70{padding-top:70px !important}.pt80{padding-top:80px !important}.pt90{padding-top:90px !important}.pt100{padding-top:100px !important}.pr0{padding-right:0px !important}.pr10{padding-right:10px !important}.pr20{padding-right:20px !important}.pr30{padding-right:30px !important}.pr40{padding-right:40px !important}.pr50{padding-right:50px !important}.pr60{padding-right:60px !important}.pr70{padding-right:70px !important}.pr80{padding-right:80px !important}.pr90{padding-right:90px !important}.pr100{padding-right:100px !important}.pb0{padding-bottom:0px !important}.pb10{padding-bottom:10px !important}.pb20{padding-bottom:20px !important}.pb30{padding-bottom:30px !important}.pb40{padding-bottom:40px !important}.pb50{padding-bottom:50px !important}.pb60{padding-bottom:60px !important}.pb70{padding-bottom:70px !important}.pb80{padding-bottom:80px !important}.pb90{padding-bottom:90px !important}.pb100{padding-bottom:100px !important}.pl0{padding-left:0px !important}.pl10{padding-left:10px !important}.pl20{padding-left:20px !important}.pl30{padding-left:30px !important}.pl40{padding-left:40px !important}.pl50{padding-left:50px !important}.pl60{padding-left:60px !important}.pl70{padding-left:70px !important}.pl80{padding-left:80px !important}.pl90{padding-left:90px !important}.pl100{padding-left:100px !important}@media screen and (max-width: 560px){#header{width:auto;margin:0}.headerWrap01 a{display:inline-block;width:170px;padding:16px 20px}.headerWrap01 a img{width:100%;max-width:100%;height:auto}#contentWrap{width:auto;padding:0 20px}#contentWrap table,#contentWrap thead,#contentWrap tbody,#contentWrap tr,#contentWrap td,#contentWrap th{display:block;width:100%}#contentWrap table{box-sizing:border-box}#contentWrap table *{box-sizing:border-box}#contentWrap th{padding:10px 20px;border-right:1px solid #dfdfdf}#contentWrap td{padding:14px 13px 5px}#contentWrap .contentArticle input,#contentWrap .contentArticle textarea{font-size:16px}#contentWrap .contentArticle table input.textS{width:109px}#contentWrap .contentArticle table input.textM{width:230px}#contentWrap .contentArticle table input.textL{width:100%}#contentWrap .contentArticle table input.textLL{width:100%}#contentWrap .contentArticle table textarea{width:100%}#contentWrap .contentArticle textarea{width:100%}#contentWrap .send table th,#contentWrap .send table td{height:auto;padding:14px 13px}.footerWrap01{margin-top:0;height:auto;background:#F6F6F6}.footerWrap01In01{width:100%;padding:0}.footerWrap01In01Block01{float:none}.footerWrap01In01Block01 ul li{float:none;display:block;border-bottom:1px solid #E9E9E9;margin:0;padding:0;background:none}.footerWrap01In01Block01 ul li a{display:block;padding:16px 20px;color:#073058;background:url(/cgi-bin/common/img/ico/ico_all_arrow01.gif) 10px center no-repeat}.footerWrap01In01Block02{background:#E9E9E9;text-align:center;padding:16px 20px;color:#073058;float:none}.footer_year{font-size:12px}}

.selectbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.selectbox::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.selectbox select {
    appearance: none;
    min-width: 230px;
    height: 2.6em;
    padding: .3em calc(.8em + 30px) .3em .8em;
    border: 1px solid #d3cfc8;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}