@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(66,66,66,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
.dl-file-ttl{font-weight: bold; padding-bottom: 1.25rem; margin-bottom: 1.5rem; border-bottom: 1px solid #000000;}
.dl-file-ttl p:nth-child(1){font-size: 1.8rem; color: #003F7E;}
.dl-file-ttl p:nth-child(2){}
.dl-file-btn{margin-bottom:0.5rem}


/*　———　TOP - コピー　———　*/
.home_top_copy {
margin: 18vh 2rem 18vh 7%;
}

@media screen and (max-width: 1024px){
.home_top_copy {
margin: 0 40% 30vh 7%;
}
}

@media screen and (max-width: 768px){
.home_top_copy {
margin: 3vh 30% 40vh 7%;
}
}

@media screen and (max-width: 480px){
.home_top_copy {
margin: 18vh 2rem 18vh 7%;
}
}

/*　———　TOP - 製品案内ボタン　———　*/
.home_pro_btn_01 .fs_btn { padding-top:26vh; }
.home_pro_btn_02 .fs_btn { font-size: 1.4rem; font-weight:bold; padding: 2rem 2rem; }
.home_pro_btn_02 .fs_btn_text_sub { font-size:0.9rem; margin-top:0.5rem; line-height:1.6; font-weight:normal; text-align: justify; }
@media screen and (max-width: 1130px){
.home_pro_btn_01 .fs_btn { padding-top:28vh; }}
@media screen and (max-width: 768px){
.home_pro_btn_01 .fs_btn { padding-top:26vh; }
.home_pro_btn_02 .fs_btn { padding: 2rem 2rem; }
}



/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_pickup .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.btn_pickup  .fs_btn {
background-color: rgba(33,33,33,0.5);
}
.btn_pickup .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}

/*　ピックアップボタン　*/
.btn_about  {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_about {
font-size:0.8rem;
font-weight: bold;
}
.btn_about  { background-color:rgba(66,82,204,0.4); }

.btn_about :hover{ background-color:rgba(66,82,204,0.04); transition:0.3s; }

/*　--------------------　エリア03範囲　--------------------　*/

.area03_area_L { margin :0rem 1rem 0rem 0; }
.area03_area_R { margin :10vh 20vh 10vh 20vh; }

@media screen and (max-width: 1600px){
.area03_area_R { margin :2rem 30% 4rem 0; }}

@media screen and (max-width: 1200px){
.area03_area_R { margin :2rem 25% 4rem 0; }}

@media screen and (max-width: 1024px){
.area03_area_L { margin :2rem 1rem 0 0; }
.area03_area_R { margin :0 8.5% 4rem 0; }}

@media screen and (max-width: 768px){
.area03_area_L { margin :3rem 0 0 0; }
.area03_area_R { margin :0 5% 4rem 0; }}

@media screen and (max-width: 498px){
.area03_area_L { margin :1rem 2rem 0 0; }
.area03_area_R { margin :0 2rem 4rem; }}

/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl:nth-child(1) dd{width:400px;}
.formBlockSurveyTable dl:nth-child(1) input{height:30px;}
.formBlockSurveyTable dl:nth-child(2) dd{width:400px;}
.formBlockSurveyTable dl:nth-child(2) input{height:30px;}
.formBlockSurveyTable dl:nth-child(3) dd{width:600px;}
.formBlockSurveyTable dl:nth-child(3) input{height:30px;}
.formBlockSurveyTable dl:nth-child(4) dd{width:400px;}
.formBlockSurveyTable dl:nth-child(4) input{height:30px;}
.formBlockSurveyTable dl dt{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: #003F7E!important; color:#ffffff; border:1px solid #003F7E!important;}
.formBlockSubmitButton:hover{transition:0.6s; background-color: #5A7BE2!important; border:1px solid #5A7BE2; color:#ffffff; cursor: pointer;}
.on-pointer input{cursor: pointer;}
@media screen and (max-width: 498px) {
    .formBlockSurveyTable dl dd{width: 100%!important;}
    .formBlockSurveyTable dl dd input, .formBlockSurveyTable dl dd textarea{width: 100%;}
}
@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(1)!important;}
}

/*　==============================　共通の設定　==============================　*/
/*　--------------------　ページタイトル等の設定　--------------------　*/
.page-ttl{padding: 3rem 2rem 2.5em 2rem; }
.page-ttl p:nth-child(1){font-size: 1rem; line-height: 2; letter-spacing: 0.2rem; color: #003F7E ;}
.page-ttl p:nth-child(2){font-size: 1.8rem; letter-spacing: 0.2rem;  font-weight:bold;}
@media screen and (max-width: 498px) {
.page-ttl{padding: 4rem 2rem 5em 2rem; }

}
.article-spaceTop{padding-top:5rem;}

.article-space{margin: 0rem 2rem; padding: 3rem 3rem; background-color:#fff;}
@media screen and (max-width: 498px) {
    .article-space{padding: 3rem 2rem;}
}

.pagettl-breadcrumb-w{color:#000; font-size: 0.8rem; letter-spacing: 0.05rem; padding: 0.5rem 2rem 0.5rem 2rem; background-color:#EDF2F7;}
.pagettl-breadcrumb-w a{color:#003F7E; transition: 0.3s;}
.pagettl-breadcrumb-w a:hover{color:#003F7E; transition: 0.3s;}

/*　==============================　コンポーザー設定　==============================　*/
.info-pg .tk_flex{padding: 1.5rem 0rem!important;}
.info-pg .tk_tags_Tags_01{background-color: #003F7E; color: #ffffff;}
#pt101-3-1{padding: 3rem 3rem; margin: 0rem 2rem; background-color:#ffffff; width: calc(100% - 4rem); box-sizing: border-box;}
@media screen and (max-width: 768px) {
    #pt101-3-1{padding: 3rem 2rem;width: calc(100% - 4rem);}
}
.tk_tags {background-color: #003F7E!important; color: #ffffff!important;}


.tk_flex {    border-bottom: 2px solid #f4f4f4;}

.tk_title { font-size: 1rem; font-weight: bold;}
.tk_kiji { font-size: 0.8rem; line-height: 1.8rem; }
/*　==============================　ヘッダー部分　==============================　*/
/*　--------------------　ヘッダーロゴの設定　--------------------　*/
#topLogo img {max-width:260px;}
@media screen and (min-width: 1201px) {
    #topLogo {padding: 2.3rem 0rem 1.9rem 2rem;}
}
@media screen and (max-width: 1200px) {
    #topLogo {padding:2.7rem 0rem 1.8rem 2rem;}
}
@media screen and (max-width: 768px) {
    #topLogo {padding: 3.1rem 0rem 1rem 1.5rem;}
}
@media screen and (max-width: 480px) {
    #topLogo {padding: 1.5rem 0rem 1.5rem 2rem;}
 
}

.header-btnContact{}

/*　--------------------　PCナビの設定　--------------------　*/
.h-nav {padding: 0rem 0rem 0rem 0rem;}
.h-nav > #fsNavMenuList > .active_page > a{color:#000000!important; position: relative;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #003F7E;}
.h-nav a {position: relative; line-height: 1.4; display: inline-block!important; padding: 1rem 0rem!important; margin-right:2rem; transition: 0.3s; }
.h-nav .fsNavMenuList > li > a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background:#003F7E; transition: 0.3s; }
.h-nav .fsNavMenuList > li >  a:hover::after {width: 100%;}
.h-nav a::after {position: absolute; bottom: 0rem; left: 10%; content: ''; width: 0; height: 3px; background: #003F7E; transition: 0.3s; }
.h-nav a:hover::after {width: 80%;}
.h-nav .fsNavMenuList li{font-size:1rem!important;}
.h-nav .fsNavMenuList > li:nth-last-child(1){display:none;}
.h-nav .fsNavMenuList > li:nth-last-child(2){display:none;}
.h-nav .fsNavMenuList > li .sub_title {letter-spacing: 0.05rem; font-weight:bold; font-size: 0.9rem!important;}
.h-nav .sub_list{text-align: left; padding: 1rem 0rem 1rem 0rem!important; background-color: rgba(255, 255, 255, 0.85);}
.h-nav .sub_list a{padding: 1.2rem 1rem 1.2rem 1rem!important; width: 100%; box-sizing: border-box;}
@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: 768px) {
    .h-nav a{padding: 2.25rem 1.5rem 2.25rem 0rem !important;}
}
@media screen and (max-width: 498px) {
    .h-nav .fsNavMenuList > li::nth-last-child(2){display:block;}
}
/*　--------------------　Fatナビの設定　--------------------　*/
.fat-nav{background: rgba(66, 82, 204, 0.98);}

.fat-nav ul li:nth-child(9){display:none;}
.fat-nav ul li:nth-child(10){display:none;}
.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 a{border-bottom:0px solid #fff !important;}
.fat-nav .sub_title{font-size:1.2rem;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #003F7E;}

/*　--------------------　Fatnaviフィックスの設定　--------------------　*/
#topfix-A {position: absolute; z-index: 50; top:7px; right:7px;}
#topfix-B {position: absolute; z-index: 10; top:42px; right:13.5px;}


/*　==============================　フッター部分　==============================　*/
.f-link a, .f-link a:visited{color: #ffffff;  transition:0.6s;}
.f-link a:active, .f-link a:hover{color: #C40013;  transition:0.6s;}
@media screen and (max-width: 498px) {
}

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

/*　--------------------　フッターロゴの設定　--------------------　*/
#footerLogo{padding:0rem 2rem 1rem 2rem;}
@media screen and (min-width: 1201px) {
    #footerLogo img {max-width:270px;}
}
@media screen and (max-width: 1200px) {
    #footerLogo img {max-width:210px;}
}
@media screen and (max-width: 498px) {
    #footerLogo {padding:6rem 2rem 2rem 2rem;}
    #footerLogo img {max-width:190px;}
}
/*　--------------------　サイトマップの設定　--------------------　*/
.footer-tb{margin:0.5rem 2rem 0rem 2rem; border-left: 1px solid #ffffff;}
.footer-tb ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: stretch; width: 100%;}
.footer-tb li{width: 45%; box-sizing: border-box; margin-bottom: 0rem; padding:0rem 0rem 0rem 1rem;}
.footer-tb dl{padding-top:0.5rem;}
.footer-tb a{padding: 0.25rem 0.25rem 0.25rem 0rem;}
.footer-tb dt{ font-size:0.95rem; letter-spacing: 0.1rem; margin-bottom:0rem;}
.footer-tb dt a{color: #003F7E;}
.footer-tb dd{font-size:0.95rem; margin-left: 0.1rem; padding: 0.5rem 0rem 0rem 0rem;}
.footer-tb dd:nth-child(2){padding-top:0.2rem!important; font-weight:bold;}
.footer-tb dd:last-child{margin-bottom:1rem!important;}
@media screen and (max-width: 768px) {
    .footer-tb li{width: 50%;}
}
@media screen and (max-width: 498px) {
    .footer-tb ul{justify-content: flex-start;}
    .footer-tb li{width: 100%;}
    .footer-tb{margin:0rem 2rem 5rem 2rem;}
    .footer-tb dt{font-size:1rem;}
    .footer-tb dd{font-size:1rem;}
}

/*　==============================　文字に関する設定　==============================　*/
.bold {font-weight: bold;}
.italic {font-style: italic;}
.space{letter-spacing: 0.2rem;}
.space-05{letter-spacing: 0.05rem;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.4rem;}
.br-sp{display:none;}
.br-sp-r{display:inline;}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.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;}
}

/*　\\\\\　Googleフォント　\\\\\　*/
.eiji {font-family:   'Jost','Questrial', 'Noto Sans Japanese', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}


/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zPtBhPNqw79Ij1E865zBUv7myRJTVFNIg8mg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zPtBhPNqw79Ij1E865zBUv7myRJTVPNIg8mg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zPtBhPNqw79Ij1E865zBUv7myRJTVBNIg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/overpass/v12/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbM5qKhcc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/overpass/v12/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbOpqKhcc.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/overpass/v12/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbMZqKhcc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/overpass/v12/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbMJqKhcc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/overpass/v12/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbPpqK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*　==============================　色に関する設定　==============================　*/

.backgroundcolor{ 
background-color:#fff; 
position: relative;
}

.z-10{ 
z-index: 10;
}

.rgba-white{
background-color:rgba(255,255,255,0.9);
}
.rgba-black{
background-color:rgba(0,0,0,0.5);
}

.rgba-blue4{background-color:rgba(0,0,0,0.7);}

/*　==============================　デフォルト　==============================　*/
.blueprint_pdf{pointer-events: none;}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　--------------------　その他　--------------------　*/
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 ;}
/*　--------------------　ページャー　--------------------　*/
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{background-color: #424242; color: #ffffff!important; padding: 0.5rem 1rem; display: inline-block;}
#pagination .currentPage  strong{background-color: #37A6C9!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: #424242; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block;}
/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(1) !important;
}
}

/*　box-shadow　*/
.boxshadow_20 {box-shadow: 0px 0px 4px 0 rgba(0,0,0,.20);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}



/* ============================== home ============================== */

.txtcl-A{  color: #003F7E ;}
.txtcl-B{  color: #5A7BE2 ;}
.txtcl-C{  color: #CBD0D4 ;}
.txtcl-D{  color: #EDF2F7 ;}
.txtcl-E{  color: #ffffff ;}

.bgcl-A {background-color:#4252CC ;}
.bgcl-B {background-color:#5A7BE2 ;}
.bgcl-C {background-color:#f4f4f4 ;}
.bgcl-D {background-color:#EDF2F7 ;}
.bgcl-E{ background-color: #ffffff ;}

.catch-space{padding: 25vh 0 30vh 0; margin:0 10rem 0 10rem;}
@media screen and (max-width: 498px) {
    .catch-space{padding: 53vh 2rem 2rem 2rem; margin:0;}
}

.prductbtn_space{padding:8rem 5rem 3rem 5rem;}
@media screen and (max-width: 498px) {
.prductbtn_space{padding:5rem 2rem 2rem 2rem;}
}

.top-businessImg{
padding: 10rem 0rem 0rem 0rem;
margin: 1px;
}
.top-businessImg p{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
color: #ffffff;
font-size: 0.9rem;
letter-spacing: 0.05rem;
padding: 0.5rem 0rem;
background-color: rgba(0,0,0,0.7);
}
.top-businessImg p:before {
content: "";
width: 2rem;
height: 1px;
background: #ffffff;
margin: 0rem 0.5rem 0rem 0rem;
}

/*　90%右寄せ(トップ1カラム)　*/
@media screen and (min-width:1281px) {
.w1_left {width: calc(100% - 17.5%); margin-left: auto !important;}
}

.slick-prev:before, .slick-next:before {color: #000;}
.slick-prev:before, .slick-next:after {color: #000;}
/* ============================== about ============================== */

/*　背景　*/
.abpoint-box {background-color:#fff; height:20rem;}

@media screen and (max-width:769px) {.abpoint-box{height: 22rem;}}
@media screen and (max-width:498px) {.abpoint-box{height: auto;}}

/*　背景　*/
.abtop-img {margin-bottom: -18rem; z-index: 20; position: relative;}
@media screen and (max-width:498px) {.abtop-img {margin-bottom: 0rem;}}

.abtop-bg {background-color:#666 ; position: relative; padding:5rem 2rem 5rem 2rem;}
@media screen and (max-width:498px) {.abtop-bg { padding:2rem 2rem 2rem 2rem;}}


.abtop-space{padding:40vh 0 0 0;}


.f-link a , .f-link a:visited, .f-link a:active  {
color: #ffffff;
}

.f-link a:hover{
opacity: 0.5;
transition:0.3s;
}


.about_pd{padding:0 15vh 0 15vh;}
.about-rgba{background-color: rgba(0, 63, 126,0);}
@media screen and (max-width:498px) {.about_pd{ padding:0 2rem 0 2rem !important;}
.about-rgba{background-color: rgba(0, 63, 126,0.6);}}




/* ============================== product ============================== */
.oneArea {
  background: linear-gradient(180deg, #fff 0%, #fff 40%, #EDF2F7 60%, #EDF2F7 100%);
}

.fs_slideshow_slick .single-item {
    width: 1200px;
    max-width: 100%;
}

.fs_slideshow_slick .slick-prev:before, .fs_slideshow_slick .slick-next:before {
    color: #003F7E;
}
.fs_slideshow_slick .js-method.active::after {
    border-top: 10px solid #003F7E;
}


#imageLightbox-container img {    height: auto;}
#imageLightbox-container li {width: calc(16% - 2px);}

@media screen and (max-width: 480px){#imageLightbox-container li {width: calc(45% - 2px);}}

/* ============================== blackbord ============================== */

/*　--------------------　ボックス　--------------------　*/
.about-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.about-item li {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-self: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 3px;
margin: 0rem 2px 4px 2px;
width: calc(33% - 10px);
background-color:#4252CC;
box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.about-item li{
width: calc(50% - 4px);
margin: 0rem 2px 4px 2px;
padding: 0.8rem 0;
}
}




/* ============================== company ============================== */
.txtbg-C  li:nth-child(1) {margin-bottom: 0rem; padding: 1rem 1rem 1rem 1rem; background-color: #f4f4f4;}
.txtbg-C  li:nth-child(2) p{margin-bottom: 0rem; padding: 1rem 1rem 1rem 1rem; background-color: #ffffff;}
.txtbg-C  li:nth-child(3) {margin-bottom: 0rem; padding: 1rem 1rem 1rem 1rem; background-color: #f4f4f4;}
.txtbg-C  li:nth-child(4) p{margin-bottom: 0rem; padding: 1rem 1rem 1rem 1rem; background-color: #ffffff;}


.txt-btm {
  border-bottom:2px solid #003F7E;
  padding-bottom:1.5rem;
  display:inline;
  line-height:2;
}


/*　----------　会社概要　----------　*/
.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 25%;
font-weight: bold;
text-align: justify;
color: #1a1a1a;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 75%;
}
.cp_line {
border-top:2px solid #EDF2F7;
}

.cpn_guide-space{margin:0 0.5rem 0.5rem 0.5rem; padding: 3rem 3rem; background-color:#EDF2F7;}
@media screen and (max-width: 498px) {
    .cpn_guide-space{padding: 3rem 2rem; margin:0 2rem 0.5rem 2rem; }
}

/* ============================== etc ============================== */


.space-1{
letter-spacing: 0.2rem;
}

.btn_kdmr{border-radius:2rem;}

/*　スマホ時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 480px) {
.sp_bg_none{background-image: none!important; }}


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

.fsNavMenuList li a:hover {
    color: #003F7E!important;
}


.none{display:none;}


.outline_btn {/*padding:2rem 3rem;*/
border:1px solid #003F7E; margin:5px;}



.guideline_list ul{width:100%; display:flex; flex-direction:column; background-color:#fff; text-align:left; margin-bottom:5rem; color:#424242;}
.guideline_list li{width:100%;}
.guideline_list dl{ display:flex; flex-direction:row!important ; }
.guideline_list li dt{width:calc(100% - 75% - 4rem );   font-weight: bold;
padding:2rem;border-bottom: solid 1px #003F7E; background-color:#EDF2F7;}
.guideline_list li dd{width:75%;padding:2rem;border-bottom: solid 1px #003F7E; }
.guideline_list span{ display: inline-block;    width: 28%; font-weight: bold;}

@media screen and (max-width: 498px){
.guideline_list li dt{width: calc(100% - 60% - 2rem );  padding:2rem 1rem; }
.guideline_list li dd{width:60%; padding:2rem 1rem; }
.guideline_list span{ width: 100%;}
}



.flow-entry{
font-weight: bold;
font-size: 1rem;
vertical-align: top;
text-align: justify;
width: 90%;
text-align: center;
}


.flow_entryA{width: 17%;background-color:#fff; padding:2rem 1rem;
border-radius: 5px;}
.flow_entryB{width: 20%;background-color: #003F7E; padding:2rem 1rem; color: #fff;
border-radius: 5px;}
.flow_entry_arrow{width: 5%; color: #003F7E;}

@media screen and (max-width: 1200px){
.flow-entry{width: 100%;}
.flow_entryA{padding:2rem 1rem;}
.flow_entryB{padding:2rem 1rem;}}