@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(26,26,26,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
.fv-map{
  width:100%;
  height:auto;
}
.fv-map img{
  width:100%;
  height:auto;
}

/*　==============================　トップページ　==============================　*/

.top-info-list{margin-top: -2rem;}
.top-cacthcopy{width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding:25vh 2rem 34vh 2rem;}
.top-cacthcopy img{max-width: 600px; width: 100%;}

/*　--------------------　お知らせの設定　--------------------　*/
.top-ticker-pg .ticker{padding: 1.1rem 2rem;}
.top-ticker-pg .ticker ul li span{letter-spacing:0.1rem; color:#ffffff; margin-right: 15px!important;}
.top-ticker-pg .ticker ul li a{color:#ffffff; font-size:1rem; display: inline-block; transition: 0.3s;}
.top-ticker-pg .ticker ul li a:hover{color:#eaeff1; transition: 0.3s;}
.top-ticker-pg  .tk_tags{font-size: 0.7rem; vertical-align: middle; color: #171c61!important; letter-spacing:0rem; background-color: #ffffff; padding: 0.5rem 0.5rem; margin-top: -0.25rem; text-align: center;}
.top-ticker-pgBtn{margin-right:-1px;}
.top-ticker-pgBtn .fs_btn{padding: 1rem 0.5rem;}

.top-about-mainImg{padding-top:25rem;}
.top-point-area{margin: 6rem 5rem 0rem 5rem;}
.top-point-area-bg{background-color:rgba(26,26,26,0.7);}
.top-point-area-contents{max-width:600px; margin:0 auto; padding: 0rem 2rem 3rem 2rem;}
.top-subTtl-line{text-align: left; width: 100%; margin-bottom:3rem;}
.top-subTtl-line-w{box-sizing: border-box; border-right: 1px solid #ffffff; padding-top: 3rem; width: 50%;}
.top-point-box-2column{padding:0rem 0rem 2rem 0rem;}
.top-point-box-2column ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.top-point-box-2column ul li{color:#ffffff; width:49.5%; border:1px solid #ffffff; padding: 1.5rem 1rem; margin-bottom:1%; box-sizing: border-box;}
.top-business-mainImg{padding-top:32.5rem;}
.top-business-mainWrapper{max-width:580px; padding: 0rem 0rem;}
.top-business-btn{border-bottom: 1px solid #ffffff;}
.top-business-btn .fs_btn{width:100%; padding:2rem 0rem 1.75rem 0rem;}
.top-business-btn .fs_btn_text_main{font-size: 1.5rem; letter-spacing: 0.1rem; margin-bottom: 0.5rem;}
.top-business-btn .fs_btn_text_sub{}
.top-business-btn i{font-size:3rem!important; float: right; position: relative; top: 0.4rem;}

.top-prev-btn .fs_btn{max-width: 330px; width: 100%;}
.top-gra-wrapper{background: linear-gradient(#ffffff 40%, #1a1a1a 40%, #1a1a1a);}
@media screen and (max-width: 768px) {
    .top-point-area{margin: 1rem 2rem 0rem 2rem;}
}

@media screen and (max-width: 498px) {
    .top-info-list{margin-top: -4.5rem;}
    .top-ticker-pg{border-bottom:1px solid #ffffff;}
    .top-ticker-pg .ticker{padding: 1.4rem 2rem;}
    .top-about-mainImg{padding-top:18.5rem; margin: 0rem 1rem 2rem 1rem;}
    .top-point-box-2column ul li{width:100%; padding: 1rem 1rem; margin-bottom: 0.5rem;}
    .top-business-mainImg{padding-top:18.5rem; margin: 0rem 2rem 0rem 2rem;}
    .top-business-btn .fs_btn{padding:2rem 0rem 2.25rem 0rem;}
    .top-business-btn .fs_btn_text_main{font-size:1.3rem; letter-spacing: 0rem;}
    .top-business-btn .fs_btn_text_sub{line-height: 1.5;}
    .top-business-btn i{font-size:1.5rem!important; float: none; top:0rem;}

    .top-prev-btn .fs_btn{max-width: 100%; width: 100%;}
}

.top-guide-btn .fs_btn{background-color: rgba(0,0,0,0.7); width: 100%; padding: 10rem 1rem 1rem 2rem; box-sizing: border-box; transition: 0.3s;}
.top-guide-btn .fs_btn:hover{background-color: rgba(0,0,0, 0.235); transition: 0.3s;}
.top-guide-btn .fs_btn_text_main{font-size: 1.5rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 1;}
.top-guide-btn .fs_btn_text_sub{font-size: 0.9rem; font-weight: bold; letter-spacing: 0.1rem;}
@media screen and (max-width: 498px) {
    .top-guide-btn .fs_btn{padding: 7rem 1rem 1rem 2rem;}
}

/*　==============================　MSCについてページ　==============================　*/
.about-nav-btn{background-color:rgba(52,56,56,0.75); padding:3rem 2rem;}
.about-nav-read{max-width:400px; margin:0 auto;}
.about-contents-wrapper{padding:0rem 0rem 4rem 0rem;}
.about-img-space{padding-top: 31rem;}
.about-pickup-box{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; flex-flow: column wrap; margin: -7rem auto 3rem auto;}
.about-pickup-item{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column wrap; justify-content: center; align-items: center; margin: 0rem 2rem; background-color: #171c61; color: #ffffff; max-width: 300px; width: 100%; height: 300px; font-size:1.5rem; font-weight:bold; box-sizing: border-box;}
@media screen and (max-width: 1024px) {
    .about-pickup-item{width:calc(100% - 2rem); height:calc(300px - 2rem);}
}
@media screen and (max-width: 768px) {
    .about-pickup-box{margin: -4rem auto 3rem auto;}
    .about-pickup-item{width:calc(100% - 2rem); height:calc(300px - 5rem);}
}
@media screen and (max-width: 498px) {
    .about-img-space{padding-top: 20rem; margin: 0rem 0rem 0rem 0rem;}
    .about-pickup-box{margin: -5rem 0rem 0rem 0rem;}
    .about-pickup-item{margin: 0rem 0rem 0rem 0rem; padding: 1rem 0rem 1rem 0rem; height: 120px; width: 70%;}
}

/*　==============================　事業紹介ページ　==============================　*/
.business-img-space{padding-top: 31rem;}
.business-mainContents{background-color:#eaeff1; margin:-30px 2rem 0rem 2rem; padding:2rem 1rem 2rem 1rem;}
.business-subContents{background-color:#ffffff; padding:2rem 1rem 2rem 1rem;}
.decoration-lineB-wide{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;}
.decoration-lineB-wide:after{content: ""; flex-grow: 1; height: 1px; background: #171C61; margin: 0rem 0em 0rem 1rem;}

.business-tb ul{padding:0rem 0rem 0rem 0rem;}
.business-tb li{box-sizing: border-box; margin-bottom:0.5rem;}
.business-tb li dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
.business-tb li dt{width:170px; height: 45px; background-color: #ffffff; color: #171C61; text-align: center; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; align-items: center;}
.business-tb li dd:nth-child(2){width: 20px; text-align: center;}
.business-tb li dd:nth-child(3){width: calc(100% - 190px);}
@media screen and (max-width: 768px) {
    .business-tb ul{padding:0rem 0rem 0rem 0rem;}
    .business-tb li{margin-bottom: 1rem;}
    .business-tb li dl{flex-flow: row wrap;}
    .business-tb li dt{width:auto; height: 25px; margin-bottom: 0.5rem; padding: 0.25rem 1rem 0.25rem 1rem; text-align: justify;}
    .business-tb li dd:nth-child(2){display:none;}
    .business-tb li dd:nth-child(3){width: 100%;}
}
@media screen and (max-width: 498px) {
    .business-img-space{padding-top: 20rem;}
}

/*　==============================　取り扱い製品ページ　==============================　*/

.products-item-list{}
.products-item-list ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: center;}
.products-item-list li{width: 32%; margin:0% 0.5% 1% 0.5%; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; align-items: center; background-color: #ffffff;}
.products-item-list li div{text-align: center; width: 100%; padding: 1.1rem 1rem;}
@media screen and (max-width: 768px) {
    .products-item-list li{width: 49.5%;}
}
@media screen and (max-width: 498px) {
    .products-item-list ul{flex-flow: column wrap;}
    .products-item-list ul li{width:100%;}
}

/*　==============================　企業情報ページ　==============================　*/

.company-nav-btn .fs_btn{padding:8rem 0rem 7rem 0rem;}
.company-nav-btn .fs_btn_text_main {font-size:1.4rem;}
.company-nav-btn .fs_btn_text_sub {font-size:0.9rem;}
.company-nav-btn .fs_btn{line-height: 1.8rem; background-color: rgba(0,0,0,0.75);}
.company-nav-btn .fs_btn:hover{background-color: rgba(0,0,0,0.25);}
.company-message-img{padding-top: 35rem;}
.company-messageContents{background-color:#E2E8F0; margin:-30px 2rem 0rem 2rem; padding:2.5rem 1rem 2.5rem 1rem;}
.company-outline-bg{background-color:rgba(26,26,26,0.8);}
.company-access-contents{margin:0rem 2rem;}
.company-access-img{padding-top:32.5rem;}
@media screen and (max-width: 498px){
    .company-nav-btn{margin-bottom:1rem;}
    .company-nav-btn .fs_btn{padding:4rem 0rem 3.5rem 0rem;}
    .company-message-img{padding-top: 24rem;}
    .company-access-img{padding-top:18rem!important;}
    .company-access-address{margin-bottom:4rem;}
}

/*　--------------------　概要･沿革の設定　--------------------　*/
.outline-tb > ul{width:100%;}
.outline-tb > ul > li{width:100%;}
.outline-tb > ul > li:first-child dl dt, .outline-tb > ul > li:first-child dl dd{border-top:0px solid #ffffff;}
.outline-tb > ul > li > dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width:100%;}
.outline-tb > ul > li > dl > dt{font-weight:bold; color:#ffffff; width:195px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #ffffff; box-sizing: border-box;}
.outline-tb > ul > li > dl > dd{width:calc(100% - 195px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #ffffff; box-sizing: border-box;}
.outline-tb > ul > li > dl > dd > dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width:100%;  margin-top:0.5rem; line-height: 1;}
.outline-tb > ul > li > dl > dd > dl > dt{color:#ffffff; width:180px; box-sizing: border-box;}
.outline-tb > ul > li > dl > dd > dl > dd{width:calc(100% - 180px); box-sizing: border-box; border-left:1px solid #ffffff; padding-left:1rem;}

@media screen and (max-width: 768px) {
    .outline-tb > ul > li > dl > dt{width:100px;}
    .outline-tb > ul > li > dl > dd{width:calc(100% - 100px);}
    .outline-tb > ul > li > dl > dd > dl > dt{width:100px;}
    .outline-tb > ul > li > dl > dd > dl > dd{width:calc(100% - 100px);}
}
@media screen and (max-width: 498px) {
    .outline-tb > ul > li > dl{flex-flow: column wrap;}
    .outline-tb > ul > li > dl > dt{text-align: justify; color:#a9a9a9; width:100%; padding:1rem 0rem 0rem 0rem; border-top:1px solid #ffffff;}
    .outline-tb > ul > li > dl > dd{width:100%; padding:0.5rem 0rem 1rem 0rem; border-top:0px solid #ffffff;}
    .outline-tb > ul > li > dl > dd > dl{flex-flow: column wrap; padding-left: 1rem;}
    .outline-tb > ul > li > dl > dd > dl > dt{text-align: justify; width:100%; padding:0rem 0rem 0rem 0rem; border-top:0px solid #ffffff;}
    .outline-tb > ul > li > dl > dd > dl > dd{width:100%; padding:0.5rem 0rem 0rem 0rem; border-top:0px solid #ffffff; border-left: 0px solid #ffffff;}
}

/*　--------------------　アクセスの設定　--------------------　*/
.company-access-img{padding-top: 32rem;}
.company-access-ttl{position: relative; top: -1.85rem;}

/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}

/*　==============================　採用情報ページ　==============================　*/
.recruit-gra-wrapper{background: linear-gradient(90deg,#171c61 20%, #eaeff1 20%, #eaeff1);}
.recruit-message-read{max-width:580px; margin: 0 auto;}
.recruit-point-3column{}
.recruit-point-3column ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.recruit-point-3column ul li{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: row wrap; justify-content: center; align-items: center; color:#171c61; width:32%; height: 150px; border:1px solid #171c61; padding: 2rem 2rem 2rem 2rem; box-sizing: border-box;}
.recruit-slideImg{}
.recruit-slideImg button{display:none!important;}
.recruit-slideImg > ul > .slick-list{margin: 0rem!important;}
.recruit-interview-wrapper{background: linear-gradient(90deg,#ffffff 15%, #eaeff1 15%, #eaeff1); margin:0rem 1rem;}
.recruit-interview-btn .fs_btn{padding:8rem 0rem 7rem 2rem;}
.recruit-interview-btn .fs_btn_text_main {font-size:1.4rem;}
.recruit-interview-btn .fs_btn_text_sub {font-size:0.9rem;}
.recruit-interview-btn .fs_btn{line-height: 1.8rem; background-color: rgba(23,28,97,0);}
.recruit-interview-btn .fs_btn:hover{background-color: rgba(23,28,97,0);}
.recruit-interview-contents{padding:3rem 1rem 1.5rem 1rem;}
.recruit-interview-contents p:nth-child(odd){padding-bottom:0.5rem; color:#171c61; font-weight:bold;}
.recruit-interview-contents p:nth-child(even){padding-bottom:1.5rem;}

@media screen and (max-width: 498px) {
    .recruit-interview-wrapper{background: linear-gradient(90deg,#ffffff 0%, #eaeff1 0%, #eaeff1); margin:0rem 1rem; padding-top:1rem;}
    .recruit-interview-year{margin:0rem 0rem 0rem 1rem; padding-bottom:1.5rem!important; border-bottom:1px solid #000000;}
    .recruit-interview-contents{padding:1.5rem 1rem 1.5rem 1rem;}
    .recruit-point-3column ul li{width:100%; height: 90px; margin-bottom:0.5rem;}
    .recruit-interview-btn{margin-bottom:1rem;}
    .recruit-interview-btn .fs_btn{padding:8rem 0rem 7.5rem 0rem;}
}

/*　--------------------　採用情報テーブル　--------------------　*/
.guideline_table_list{border-bottom: 1px solid #bababa; padding-bottom: 0.4rem; margin: 0rem;}
.guideline_table_list:last-child{border: none; padding-bottom:0rem;}
.guideline_contents {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 1.2rem 0rem 0.8rem 0rem;}
.guideline_contents dt{color: #171c61; padding: 0rem 1rem 0rem 0rem; width: 140px;}
.guideline_contents dd{text-align: justify; padding: 0rem 0rem 0rem 0rem; width: calc(100% - 140px);}
@media screen and (max-width: 768px){
    .guideline_contents {flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 0.8rem 0rem 0.4rem 0rem;}
    .guideline_contents dt{font-size: 95%; padding: 0rem 0rem 0.4rem 0rem; width: 100%;}
    .guideline_contents dd{font-size: 105%; padding: 0rem 0rem 0rem 0rem; width: 100%;}
    .recruit-application-btn .fs_btn_text{line-height: 1.5;}
}


/*　==============================　お知らせページ　==============================　*/
.pg-list ul:last-child{border-bottom: 0px solid #e7e7e7!important;}
.pg-list .tk_flex{padding:2rem 0rem 2rem 0rem; border-bottom: 1px solid #bababa!important;}
.tk_flex{padding:1rem 0rem;}
.pg-list .tk_flex .col-1{width:110px; flex: none!important;}
.pg-list .tk_flex .col-2{width:calc(100% - 110px - 1rem); flex: none!important;}
.pg-list .tk_title{font-size: 1rem; margin-bottom: 1rem !important;}
.pg-list .tk_title a{font-weight:bold;}
.pg-list .tk_tags_Tags{line-height: 1.5; background-color: #171c61; color: #ffffff; border-radius:0px; padding: 0.2rem 0.7rem 0.1rem 0.8rem;}
#pt101-2Parent, #pt101-3Parent{background-color:#EAEFF1;}
@media screen and (max-width: 498px) {
    .pg-list .tk_flex .col-2{width:100%;}
    .fs_page_list .tk_flex{flex-flow: column nowrap;}
    .pg-list .tk_title{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 0.5rem!important;}
    .fs_page_list .tk_tags_Tags{padding: 0.2rem 0.7rem 0.15rem 0.8rem; margin:0.25rem 0rem;}
}

/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{margin-top: 2rem;}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{top: 0rem!important;}
div.ccm-pagination span.ccm-page-left a, div.ccm-pagination span.ccm-page-right a{padding: 0.5rem 1rem; display: inline-block;}
div.ccm-pagination span.ccm-page-left span, div.ccm-pagination span.ccm-page-right span{color: #000000!important; padding: 0.5rem 1rem; display: inline-block;}
#pagination .currentPage strong{background-color: #171c61!important; color: #ffffff!important;}
#pagination .numbers {margin-right: 0.6rem;}
#pagination .numbers a, #pagination .numbers strong{ font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif; background-color: #bababa; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block; border-radius:20px;}
.pg-list .ccm-page-left a, .pg-list .ccm-page-left span, .pg-list .ccm-page-right a, .pg-list .ccm-page-right span{font-size:0px;}
.pg-list .ccm-page-left a:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0d9"}
.pg-list .ccm-page-left span:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0d9"}
.pg-list .ccm-page-right a:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0da"}
.pg-list .ccm-page-right span:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0da"}

/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color: #1a1a1a;
text-align: left;
width: 100%;
margin-right: 0%!important;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
width: 100%;
}
.formBlockSurveyTable dl {
padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 1.5%;
border: 1px solid #c8d2dc;
}
.formBlockSubmitButton {
width:240px!important;
text-align:center!important;
background-color: #999!important;
color:#fff;
border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
width:100%!important;
}
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}
.formBlockSubmitButton:hover {
transition:0.6s;
background-color: #fff!important;
border:1px solid #999;
color:#999;
}
.on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 100%;
}
}

/*　==============================　お問い合わせページ　==============================　*/
/*　--------------------　フォームの設定　--------------------　*/
.c-form{margin:-1rem 2rem 0rem 2rem;}
.c-form .formBlockSurveyTable dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; padding:0rem 0rem 1.5rem 0rem;}
.c-form .formBlockSurveyTable dl dt{font-weight: bold; text-align: justify; width:100%; margin-right:0px; padding:0rem 0rem 0.5rem 0rem;}
.c-form .formBlockSurveyTable dl:nth-child(1) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(2) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(3) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(4) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(5) dd{max-width:400px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(6) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(7) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(7) dd select{height:50px; background-color: #ffffff; border: 1px solid #ffffff;}
.c-form .formBlockSurveyTable dl:nth-child(8) dd{max-width:800px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(8) dd textarea{height:200px;}
.c-form .formBlockSurveyTable dl:nth-child(9) dd input{height:60px;}

.c-form .formBlockSurveyTable dl dd input{height: 52px;}
.c-form .formBlockSurveyTable dl dd input, .c-form .formBlockSurveyTable dl dd textarea{font-size: 1rem; resize: none; border-radius: 0px; padding: 1.5%; border: 1px solid #ffffff; box-sizing: border-box; background-color:#ffffff; width: 100%;}
.c-form .formBlockSurveyTable dl dd input[type=checkbox]{width:15px!important; height: 26px!important;}
.formBlockSurveyTable dl dd input[type=radio]{width: auto!important; height: auto!important; position: relative; top: -2px;}
.c-form .formBlockSubmitButton{width:240px!important; text-align:center!important; background-color: #171c61!important; color:#ffffff; border:1px solid #171c61!important; border-radius: 0px!important; transition:0.6s; cursor: pointer;}
.c-form .formBlockSubmitButton:hover{background-color: #EAEFF1!important; border:1px solid #171c61!important; color:#171c61; transition:0.6s;}
@media screen and (max-width: 498px) {
.c-form .miniSurveyView input[type="text"], .c-form .miniSurveyView input[name^="Question"], .c-form .miniSurveyView textarea[name^="Question"]{font-size: 16px !important; transform: scale(1)!important;}
}
/* Checkbox */
.c-form input[type=checkbox]{width:auto!important;}
.c-form input[type=checkbox]:before,
.c-form input[type=checkbox]:after{position: absolute; content: ""; background: #fff; transition: all .2s ease-in-out;}
.c-form input[type=checkbox]:before{left: 2px; top: 6px; width: 0; height: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
.c-form input[type=checkbox]:after{right: 9px; bottom: 3px; width: 2px; height: 0; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transition-delay: .2s;}
.c-form input[type=checkbox]:checked:before{left: 1px; top: 10px; width: 6px; height: 2px;}
.c-form input[type=checkbox]:checked:after{right: 5px; bottom: 1px; width: 2px; height: 14px;}
.c-form input[type=checkbox]:indeterminate:before, .c-form input[type=checkbox]:indeterminate:after{width: 7px; height: 2px; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0);}
.c-form input[type=checkbox]:indeterminate:before{left: 1px; top: 7px;}
.c-form input[type=checkbox]:indeterminate:after{right: 1px; bottom: 7px;}
/* Radio */
.c-form input[type=radio]{width:auto!important;}
.c-form input[type=radio]{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; vertical-align: -0.8rem; transition:all .15s ease-out 0s; color: #fff; cursor: pointer; display: inline-block; margin: .4rem; outline: none;}
.c-form input[type=radio]{border-radius: 50%!important; background-color: #c0c0c0!important; padding:0%!important;}
.c-form input[type=radio]:checked:before{transform: scale(1);}
.c-form input[type=radio]:before{content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; margin: 3px; transform: scale(0); transition: all ease-out 250ms;}
/* Colors */
.c-form input[type=checkbox], .c-form input[type=radio]{border: 2px solid #0074c1;}
.c-form input[type=checkbox]:checked, .c-form input[type=checkbox]:indeterminate,input[type=radio]:checked:before{background: #0074c1;}
input[type="submit"] {appearance: none; -webkit-appearance: none;}

/*　==============================　サイトのご利用について　==============================　*/
/*　--------------------　サイトのご利用についての設定　--------------------　*/
.contentA-hr{border-top:1px solid #1a1a1a!important; margin: 3rem 0rem;}
.contentA-hr-u{border-top:1px solid #bababa!important; margin: 2rem 0rem 2rem 3rem;}
.contentA-detailTx{margin: 0rem 0rem 0rem 2rem;}
.contentA-detailTx table{width:100%; border:none;}
.contentA-detailTx th{font-size: 1.2rem; font-weight: normal; width:70px;}
.contentA-detailTx td{width:calc(100% - 70px);}
.sitepolicy-requirements{margin:1.5rem 0rem 1.5rem 2rem;}
.sitepolicy-requirements ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;}
.sitepolicy-requirements li{width:35%;}
.sitepolicy-requirements dt{font-weight:bold;}
.sitepolicy-requirements dd{margin-top: 0.5rem; margin-left: 0.75rem;}
@media screen and (max-width: 498px){
    .contentA-hr-u{margin: 2rem 0rem 2rem 0rem;}
    .contentA-detailTx{margin: 0rem 0rem 0rem 0rem;}
    .contentA-detailTx th{width:35px;}
    .contentA-detailTx td{width:calc(100% - 35px);}
    .sitepolicy-requirements{margin:2rem 0rem 2rem 0rem;}
    .sitepolicy-requirements li{width: 50%;}
    .sitepolicy-requirements dd{margin-top: 0.5rem; margin-left: 0rem; letter-spacing: -0.01rem;}
}

/*　--------------------　ページトップボタンの設定　--------------------　*/
.pagetopBtn{position: fixed; z-index: 20; bottom: 0px; right: 0px;}
.pagetopBtn .fs_btn{text-align:center!important; border-radius: 0px 0px 0px 0px!important;}
.pagetopBtn .fs_btn_text{padding: 0.75rem!important;}
@media screen and (max-width: 498px) {
    .pagetopBtn .fs_btn_text{padding: 0.75rem!important;}
}



/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/
@media screen and (min-width: 1113px) {
    .min-bg-tb{background-image: none!important;}
}
@media screen and (min-width: 499px) {
    .min-bg-tb-m{background-image: none!important;}
}
/*　==============================　その他共通設定　==============================　*/
.top-contents{padding:5rem 0rem;}
.top-contents-wrapper{padding-top:7.5rem;}
.bottom-contents-wrapper{padding-bottom:7.5rem;}
.contents-wrapper{padding:7.5rem 0rem;}
.other-contents-wrapper{padding:7.5rem 0rem;}
.prev-btnText{padding: 2rem 0rem 0rem 0rem;}
.prev-btnText .fs_btn{max-width: 330px; width: 100%;}
.pickup-bottom-area{padding:5rem 2rem 5rem 2rem;}
.contents-ttl{}
.contents-ttl p:nth-child(1){font-weight: bold; font-size:1.75rem; letter-spacing: 0.2rem;}
.contents-ttl  p:nth-child(2){font-weight: bold; font-size:1rem; letter-spacing: 0.1rem; padding-bottom: 2rem;}

/*　--------------------　ページガイドボタンの設定　--------------------　*/
.page-guideBottom-btn{margin-bottom:0rem;}
.page-guideBottom-btn .fs_btn{background-color: rgba(0,0,0,0.7); width: 100%; padding: 9rem 1rem 1rem 2rem; box-sizing: border-box; transition: 0.3s;}
.page-guideBottom-btn .fs_btn:hover{background-color: rgba(0,0,0, 0.25); transition: 0.3s;}
.page-guideBottom-btn .fs_btn_text_main{font-size: 1.5rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 1;}
.page-guideBottom-btn .fs_btn_text_sub{font-size: 0.9rem; font-weight: bold; letter-spacing: 0.1rem;}
@media screen and (max-width: 498px) {
    .page-guideBottom-btn{margin-bottom:1rem;}
    .page-guideBottom-btn .fs_btn{padding: 7rem 1rem 1rem 2rem;}
}

/*　==============================　ページタイトル共通設定　==============================　*/

.page-ttl{}
.page-ttl{padding: 7rem 0rem 3.5rem 0rem;}
.page-ttl p{letter-spacing: 0.2rem; line-height:1.8; background-color:#171C61; color:#ffffff; display:inline-block; box-sizing:border-box; margin: 0 auto; padding: 1rem 2rem 1.5rem 2rem; max-width: 350px; width: 100%;}
.page-ttl p span:nth-child(1){font-size:2rem;}
.page-ttl p span:nth-child(3){font-size:1.4rem;}
.page-ttl-line{text-align: left; width: 100%;}
.page-ttl-line-b{box-sizing: border-box; border-right: 1px solid #171C61; padding-top: 4rem; width: 50%;}
.pageU-ttl{}
.pageU-ttl-en{padding: 8rem 0rem 0rem 0rem; color:#171c61;}
.pageU-ttl-ja{padding: 0.5rem 0rem 5rem 0rem;}
.pageU-ttl-line{text-align: left; width: 100%;}
.pageU-ttl-line-b{box-sizing: border-box; border-right: 1px solid #1a1a1a; padding-top: 4rem; width: 50%;}

@media screen and (max-width: 498px) {
    .page-ttl p{max-width: 270px; width: 100%; line-height: 1.5; padding: 1.2rem 2rem 1.5rem 2rem;}
    .page-ttl p span:nth-child(1){font-size:1.6rem;}
    .page-ttl p span:nth-child(3){font-size:1.1rem;}
    .pageU-ttl-en{padding: 7.5rem 0rem 0rem 0rem;}
    .pageU-ttl-ja{padding: 0.5rem 0rem 2.5rem 0rem;}
    .pageU-ttl-line-w{padding-top: 3rem;}
}

/*　==============================　ヘッダー部分　==============================　*/
#cID1 header{background-color:transparent;}
/*　--------------------　ヘッダーロゴの設定　--------------------　*/
.h-logo img {max-width:75px;}
@media screen and (min-width: 1201px) {
    .h-logo {padding: 1.3rem 0rem 1rem 2rem!important;}
}
@media screen and (max-width: 1200px) {
    .h-logo {padding: 1.3rem 0rem 0.5rem 2rem!important;}
}
@media screen and (max-width: 768px) {
    .h-logo {padding: 1.6rem 0rem 1rem 1.5rem!important;}
    .h-logo img {width:75px;}
}
@media screen and (max-width: 498px) {
    .h-logo {padding: 1.3rem 0rem 1rem 1rem!important; width: 75%;}
    .h-logo img {width:60px;}
}

/*　--------------------　PCナビの設定　--------------------　*/
.h-nav {padding: 0rem 0rem 0rem 0rem;}
.h-nav > #fsNavMenuList > .active_page > a{position: relative;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #000000;}
.h-nav > #fsNavMenuList > li:last-child.active_page > a::after{height: 0px;}

.h-nav .fsNavMenuList li{font-size:1rem!important;}
.h-nav .fsNavMenuList > li > a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background: #171c61; transition: 0.3s; border-radius: 10px;}
.h-nav .fsNavMenuList > li > a:hover::after {width: 100%;}
.h-nav .fsNavMenuList > li:first-child{display:none;}
.h-nav .fsNavMenuList > li:last-child > a::after {height: 0px;}

.h-nav .fsNavMenuList > li:last-child a{color: #ffffff!important; background-color: #171c61; padding: 2rem 1.5rem 2rem 1.5rem !important; transition:0.3s;}
.h-nav .fsNavMenuList > li:last-child a:hover{color:#ffffff!important; background-color: #1a1a1a; transition:0.3s;}

.h-nav a {color:#1a1a1a; position: relative; line-height: 1.4; display: inline-block!important; padding: 2rem 1.75rem 2rem 0rem!important; transition: 0.3s; }
.h-nav a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background: #171c61; transition: 0.3s; border-radius: 10px;}
.h-nav a:hover::after {width: 100%;}

@media screen and (max-width: 1200px) {
    .h-nav > #fsNavMenuList > .active_page > a::after{bottom: 0rem;}
    .h-nav a::after {bottom: 0rem;}
}
@media screen and (max-width: 1024px) {
    .h-nav a{padding: 1rem 1rem 1rem 0rem !important;}
}
@media screen and (max-width: 768px) {
    .h-nav a{padding: 2.25rem 1.5rem 2.25rem 0rem !important;}
}
@media screen and (max-width: 498px) {

}
/*　--------------------　Fatナビの設定　--------------------　*/
.fat-nav{background: rgba(52,56,56,0.95);}
.fat-nav li {list-style-type: none; text-align: left; padding:1.5rem 0rem; margin:0 0 0 10%; font-size: 1.1rem; border-bottom: 1px solid #ffffff;}
.fat-nav li:last-child{border-bottom: 0px solid #ffffff;}
.fat-nav li a{border-bottom:0px solid #fff !important;}
.fat-nav .sub_title{font-size:1.2rem;}
.fat-nav .hamburger.active{position: fixed; top: 8px; right: 8px;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #171c61;}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {background-color: #ffffff!important;}
/*　--------------------　Fatnaviフィックスの設定　--------------------　*/
.fatnavTx{color: #171c61;}
#topfix-A {position: absolute; z-index: 100; top:10px; right:10px;}
#topfix-B {position: absolute; z-index: 40; top:42px; right:17px;}
@media screen and (max-width: 498px) {
    #topfix-A {top:10px; right:14.5px;}
    #topfix-B {font-size: 0.85rem; top:42px; right:19px;}
}

/*　==============================　フッター部分　==============================　*/
.footer-btnContact{padding: 1rem 2rem 0rem 2rem;}
.footer-btnContact .fs_btn{max-width: 270px; width: 100%; padding: 0.75rem 0.5rem 0.65rem 0.5rem;}
.f-link a, .f-link a:visited, .f-link a:active{color: #ffffff!important; transition:0.3s;}
.f-link a:hover{color: #BABABA!important; transition:0.3s;}
@media screen and (max-width: 498px) {
    .footer-btnContact .fs_btn{max-width: 100%; width: 100%;}
}
/*　--------------------　フッターロゴの設定　--------------------　*/
.f-logo{padding:0rem 2rem 0.5rem 2rem;}
@media screen and (min-width: 1201px) {
    .f-logo img {max-width:260px;}
}
@media screen and (max-width: 1200px) {
    .f-logo img {max-width:200px;}
}
@media screen and (max-width: 498px) {
    .f-logo {padding:0rem 2rem 0.5rem 2rem;}
    .f-logo img {max-width:230px;}
}

/*　--------------------　サイトマップの設定　--------------------　*/
.sitemap-table{width:100%; padding: 0rem 2rem 0rem 2rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-flow: row wrap; box-sizing: border-box;}
.sitemap-table li{padding-top: 0.5rem; margin-bottom:1.5rem; border-top: 1px solid #ffffff;}
.sitemap-table li:nth-child(1){width: 32%;}
.sitemap-table li:nth-child(2){width: 32%;}
.sitemap-table li:nth-child(3){width: 32%;}
.sitemap-table li:nth-child(4){width: 32%;}
.sitemap-table li:nth-child(5){width: 32%;}
.sitemap-table li:nth-child(6){width: 32%;}
.sitemap-table-eiji{font-size:1rem; font-weight:bold; font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}
.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active{color: #ffffff!important; transition:0.3s;}
.sitemap-table a:hover{color: #3a75bb!important; transition:0.3s;}
@media screen and (max-width: 768px) { 
    .sitemap-table li:nth-child(1){width: 49%;}
    .sitemap-table li:nth-child(2){width: 49%;}
    .sitemap-table li:nth-child(3){width: 49%;}
    .sitemap-table li:nth-child(4){width: 49%;}
    .sitemap-table li:nth-child(5){width: 49%;}
    .sitemap-table li:nth-child(6){width: 49%;}
}
@media screen and (max-width: 498px) { 
    .sitemap-table{padding: 5rem 2rem 0rem 2rem;}
}

/*　--------------------　所在地の設定　--------------------　*/
.f-offices-tb{margin:3rem 2rem 1.5rem 2rem;}
.f-offices-tb ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.f-offices-tb li{box-sizing: border-box; margin-bottom: 1.5rem;}
.f-offices-tb li:nth-child(1){width:340px;}
.f-offices-tb li:nth-child(2){width:300px;}
.f-offices-tb li:nth-child(3){width:calc(100% - 640px);}
.f-offices-tb li p:nth-child(1){margin-bottom: 1rem;}
.f-offices-tb li p:nth-child(2){line-height: 1.4; margin-bottom: 0.75rem;}
.f-offices-tb li p:nth-child(1) span{color: #ffffff; background-color: #171c61; display: inline-block; box-sizing: border-box; padding: 0.3rem 0.75rem 0.25rem 0.75rem;}
.f-offices-tb dl{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; width: calc(100% - 0.5rem); line-height: 1.4; border-left: 2px solid #171c61; padding-left: 0.5rem; margin-bottom: 0.25rem;}
.f-offices-tb dl dt{width:100%;}
.f-offices-tb dl dd{width:100%;}
@media screen and (max-width: 1200px) {
    .f-offices-tb li:nth-child(1){width:320px;}
    .f-offices-tb li:nth-child(2){width:280px;}
    .f-offices-tb li:nth-child(3){width:calc(100% - 600px);}
}
@media screen and (max-width: 1024px) {
    .f-offices-tb li:nth-child(1){width:280px;}
    .f-offices-tb li:nth-child(2){width:240px;}
    .f-offices-tb li:nth-child(3){width:calc(100% - 520px);}
}
@media screen and (max-width: 768px) {
    .f-offices-tb{margin:3rem 2rem 1.5rem 2rem;}
    .f-offices-tb ul{flex-flow: column wrap;}
    .f-offices-tb li{width: 100%!important; margin-bottom: 1.5rem;}
    .f-offices-tb li:nth-child(1){margin-bottom: 2rem;}
}


/*　==============================　文字に関する設定　==============================　*/
.italic {font-style: italic;}
.bold {font-weight:bold;}
.eiji {font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}
.space-05{letter-spacing: 0.05rem;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.2rem;}
.space-3{letter-spacing: 0.3rem;}
.space-4{letter-spacing: 0.4rem;}
.br-sp{display:none;}
.br-tb{display:none;}
.br-sp-r{display:inline;}
@media screen and (max-width: 798px) { 
    .br-tb{display:block; line-height:0rem;}
}
@media screen and (max-width: 498px) { 
    .tx-center{text-align: center!important;}
    .tx-left{text-align: left!important;}
    .tx-right{text-align: right!important;}
    .br-sp{display:block; line-height:0rem;}
    .br-sp-r{display:none;}
    html{font-size: 15px!important;}
}

/*　==============================　色に関する設定　==============================　*/
.rgba-white{background-color:rgba(255,255,255,0.8);}
.rgba-black{background-color:rgba(0,0,0,0.8);}

/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{background-color: #424242; color: #ffffff;}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{margin-top: 1rem;}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{top: 0.5rem!important;}
#pagination .currentPage  strong{background-color: #000000!important; color: #ffffff!important;}
#pagination .numbers {margin-right: 0.6rem;}
#pagination .numbers a, #pagination .numbers strong{font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif; background-color: #666666; padding: 0.5rem 1rem; display: inline-block;}

/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
    a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 498px) {
    .tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 498px){
    .sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
    .sp-br br {display:none;}
}
/*　———　タブレット縦時改行なし　———　*/
@media screen and (max-width: 768px){
    .tb-br-none br {display:none;}
}
/*　———　タブレット縦時改行あり　———　*/
@media only screen and (min-width: 769px){
    .tb-br br {display:none;}
}
/*　———　タブレット横時改行なし　———　*/
@media screen and (max-width: 1024px){
    .tb-brW-none br {display:none;}
}
/*　———　タブレット横時改行あり　———　*/
@media only screen and (min-width: 1023px){
    .tb-brW br {display:none;}
}
/*　———　タブレット横時スクロール　———　*/
@media screen and (max-width: 1024px) {
    .tb-bg-scroll{background-attachment: scroll!important; }
}
/*　タブレット縦時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 768px) {
    .tb-bg-none{background-image: none!important; }
}

/*　--------------------　その他　--------------------　*/
a {text-decoration:none;}
h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}
.hover-opacity{opacity: 1; transition:0.6s;}
.hover-opacity:hover{opacity: 0.8; transition:0.6s;}
.hover-opacity-svg img{opacity:1; transition:0.6s;}
.hover-opacity-svg img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-img {opacity:1; transition:0.6s;}
.hover-opacity-img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-mul img{opacity: 1; transition:0.6s;}
.hover-opacity-mul img:hover{opacity: 0.8; transition:0.6s;}
.cuosor {pointer-events: none ; cursor: default ;}

/*　--------------------　Google font　--------------------　*/
body {font-family: YakuHanJP, "Roboto", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "游ゴシック", YuGothic, "MS Pゴシック", Arial, Meiryo, "メイリオ", sans-serif!important; letter-spacing:0.02rem;}

.gf-roboto{font-family: "Roboto Condensed"; font-optical-sizing: auto; font-style: normal;}
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
.lato-thin {font-family: "Lato", serif; font-weight: 100; font-style: normal;}
.lato-light {font-family: "Lato", serif; font-weight: 300; font-style: normal;}
.lato-regular {font-family: "Lato", serif; font-weight: 400; font-style: normal;}
.lato-bold {font-family: "Lato", serif; font-weight: 700; font-style: normal;}
.lato-black {font-family: "Lato", serif; font-weight: 900; font-style: normal;}
.lato-thin-italic {font-family: "Lato", serif; font-weight: 100; font-style: italic;}
.lato-light-italic {font-family: "Lato", serif; font-weight: 300; font-style: italic;}
.lato-regular-italic {font-family: "Lato", serif; font-weight: 400; font-style: italic;}
.lato-bold-italic {font-family: "Lato", serif; font-weight: 700; font-style: italic;}
.lato-black-italic {font-family: "Lato", serif; font-weight: 900; font-style: italic;}

/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 498px) {
    .miniSurveyView input[type="text"],
    .miniSurveyView input[name^="Question"],
    .miniSurveyView textarea[name^="Question"] {font-size: 16px !important; transform: scale(0.9) !important;}
}