@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(85,99,105,1.00)}a:hover { color:rgba(120,129,140,1.00)}
/* css setting */
/*クルー紹介非表示*/
.crew-layout-none{display:none;}

.office-slideImg button{display:none!important;}
.price-characterA img{width:140px;}

.price-plan-detail span{display:inline-block;  background-color:#ffffff; padding:0.2rem 0.25rem 0.1rem 0.25rem; margin-right:0.25rem; font-weight:bold;}
.plan_logo_line img{width: 30px; margin-right: 0.25rem;}

.price-support-tb{width: 100%; padding: 0rem 0rem 0rem 2rem; box-sizing: border-box;}
.price-support-tb table{width: 100%;}
.price-support-tb table th, .price-support-tb table td{font-weight:normal; text-align: center; line-height: 1; vertical-align: middle; border:4px solid #ffffff; padding: 1.25rem 0.5rem  1rem 0.5rem;}
.price-support-tb table th{color:#ffffff; background-color: #9ba8b5;}
.price-support-tb table td{background-color: #f4f4f4;}
.price-support-tb span{font-size:0.75rem;}
.price-support-tb .tb-ttlA{font-size: 1.2rem; line-height: 1; color:#ffffff; background-color:#556369; box-sizing: border-box; width:20%;}
.price-support-tb .tb-ttlB{font-size: 1.2rem; line-height: 1; color:#ffffff; background-color:#009DDA; box-sizing: border-box; width:20%;}
.price-support-tb .tb-ttlC{font-size: 1.2rem; line-height: 1; color:#ffffff; background-color:#00863E; box-sizing: border-box; width:20%;}
.price-support-tb .tb-ttlD{font-size: 1.2rem; line-height: 1; color:#ffffff; background-color:#F5A200; box-sizing: border-box; width:20%;}
.price-support-tb .tb-ttlE{font-size: 1.2rem; line-height: 1; color:#ffffff; background-color:#c966a2; box-sizing: border-box; width:20%;}
@media screen and (max-width: 665px) {
    .price-support-tb table{display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; width:100%;}
    .price-support-tb table::-webkit-scrollbar {width: 10px;}
    .price-support-tb table::-webkit-scrollbar-thumb {background-color: #a8a8a8; border-radius: 4px;}
    .price-support-tb table::-webkit-scrollbar-track {background-color: #f1f1f1; border-radius: 4px;}
    .price-support-tb table tbody{display: table;}
    .price-support-tb .tb-ttlA{width:200px;}
    .price-support-tb .tb-ttlB{width:200px;}
    .price-support-tb .tb-ttlC{width:200px;}
    .price-support-tb .tb-ttlD{width:200px;}
    .price-support-tb .tb-ttlE{width:200px;}
    .sticky_cross{position: sticky; top: 0; left: 0; z-index: 1;}
    .sticky_cross::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
    .sticky_row {position: sticky; top: 0; left: 0;}
    .sticky_row::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
    .sticky_col {position: sticky; top: 0; left: 0;}
    .sticky_col::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
}
.price-recommended-tb{width:100%; box-sizing: border-box; padding:1.75rem 2rem 0.75rem 2rem;}
.price-recommended-tb table{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
width:100%;
}
.price-recommended-tb table::-webkit-scrollbar {
width: 10px;
}
.price-recommended-tb table::-webkit-scrollbar-thumb {
background-color: #a8a8a8;
border-radius: 4px;
}
.price-recommended-tb table::-webkit-scrollbar-track {
background-color: #f1f1f1;
border-radius: 4px;
}
.price-recommended-tb table thead, .price-recommended-tb table tbody{
width: 100%;
display:table;
}
.price-recommended-tb th{width: 115px!important; display: inline-block!important;}
.price-recommended-tb td{width: 115px!important; display: inline-block!important;}
.price-recommended-tb th:last-child{width: 210px!important; display: inline-block!important;}
.price-recommended-tb td:last-child{width: 210px!important; display: inline-block!important;}


.service-supportBox{
box-shadow: 3px 2px 5px 3px rgba(0,0,0,.15);
padding:2rem;
}
@media screen and (max-width: 480px) {
.service-supportBox{
box-shadow: 3px 3px 4px 3px rgba(0,0,0,.15);
}
}
.service-supportBtn .fs_btn{
max-width:200px;
width:100%;
}
.service-support-readBoxA{
border-left:1px solid #556369;
}
.service-support-readBoxB{
border-left:1px solid #556369;
padding-left: 1.5rem;
}
.service-support-readBoxA p{
margin-left: 1.4rem;
padding-left: 1rem;
text-indent: -1rem;
}
.service-support-readBoxA p span{
display:block;
padding: 0.5rem 1rem;
text-indent: 0;
}
.service-support-readBoxA p span:nth-child(1){
margin-top: 0.5rem;
}
.service-support-readBoxA p span:last-child{
margin-bottom: 0.5rem;
}
.service-support-readBoxA p span:nth-child(odd){
background-color:#f4f4f4;
}
.service-support-tb{}
.service-support-tb table{}
.service-support-tb th{font-weight: normal; text-align: center; vertical-align: middle; color:#ffffff; background-color:#b9c2cb; border: 2px solid #ffffff; box-sizing: border-box; width: 160px; padding:0.5rem;}
.service-support-tb td{text-indent: -1rem; background-color:#f4f4f4; border: 2px solid #ffffff; box-sizing: border-box; width: calc(100% - 160px - 1rem); padding:0.5rem 0.5rem 0.5rem 1.5rem;}
@media screen and (min-width: 1300px){
.service-support-tbGuide{
display:none;
}
}
@media screen and (max-width: 768px){
.service-support-tbGuide{
margin-right:2rem;
}
}

.news-c-column2{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; width: 100%;}
.news-c-column2 img{width:49%;}
.about_SDGs_ttl img{max-width: 480px; width: 100%;}
.about_SDGs_main img{width: 100%;}
/*　--------------------　SDGsリストの設定　--------------------　*/
.about-SDGs-li{padding: 0rem 2rem 4.5rem 2rem;}
.about-SDGs-li ul{width:100%;}
.about-SDGs-li ul li{width:100%; margin-bottom:1.5rem;}
.about-SDGs-li ul li:last-child{margin-bottom:0rem;}
.about-SDGs-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%;}
.about-SDGs-li dl dt{width:190px;box-sizing: border-box;}
.about-SDGs-li dl dd span{font-weight:bold; font-size:1.2rem;}
.about-SDGs-li dl dd{width:calc(100% - 190px); padding:0rem 0rem 0rem 2rem; box-sizing: border-box;}
@media screen and (max-width: 768px){
.about-SDGs-li dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: stretch; width:100%;}
.about-SDGs-li dl dt{width:100%;}
.about-SDGs-li dl dt img{max-width:140px;}
.about-SDGs-li dl dd{width:100%; padding: 1rem 0rem 0rem 0rem;}
}

/*　==============================　ねこの手診断　==============================　*/
.neko-q-form #msg{font-weight: bold; color: #ff0000; border-left: 3px solid #ff0000; padding: 1rem 1rem 1rem 1.3rem;}
.neko-q-form label[for="Question1"]{
font-size: 0.9rem;
font-weight: bold;
margin: 0rem 2rem 1rem 1.5rem;
display: inline-block;
}
.neko-q-form label[for="Question2"], .neko-q-form label[for="Question3"], .neko-q-form label[for="Question4"], .neko-q-form label[for="Question5"]{
font-size: 0.9rem;
font-weight: bold;
color: #ffffff;
padding: 1.5rem;
margin: 0rem 0rem 1rem 0rem;
background-color:#cccccc;
border-radius: 1.5rem;
width: auto;
display: inline-block;
}
.neko-q-form select{
font-size: 1rem;
width: 230px;
height: 3.5rem;
padding: 0rem 1rem;
border: 1px solid #cccccc;
border-radius: 1.5rem;
}
.neko-q-form input[name="Question3"], .neko-q-form input[name="Question4"], .neko-q-form input[name="Question5"]{
border-radius: 1.5rem;
height: 3.5rem;
width: calc(100% - 2rem);
}
.neko-q-form .formBlockSurveyTable dl dd input{
font-size: 1rem;
padding: 0rem 1rem;
border: 1px solid #cccccc;
}
.neko-q-form .formBlockSurveyTable dl dd .formBlockSubmitButton{
border-radius: 1.5rem;
height: 6rem;
width: 330px!important;
}
.neko-q-form .enAccordionLabel{
color: #ffffff;
margin-bottom: 1rem;
border-radius: 1.5rem;
}
.neko-q-form .enAccordionLabel[data-category-no="1"]{
background-color: #ffac00;
}
.neko-q-form .enAccordionLabel[data-category-no="2"]{
background-color: #00bbf8;
}
.neko-q-form .enAccordionLabel[data-category-no="3"]{
background-color: #00a45c;
}
.neko-q-form .enAccordionLabel:after{
margin-top: 0.3rem;
}
.neko-q-form .enQuestionList{
border: none!important;
padding: 0rem 0rem 3rem 1.5rem;
}
.neko-q-form .enQuestionList label{
border-radius: 1.5rem;
padding: 1rem 1rem 1rem 2rem;
margin-bottom: 0.5rem;
}
.neko-q-form .enAccordionLabel[data-category-no="1"] + .enQuestionList label{
color: #ffac00;
border: 1px solid #fbda99;
}
.neko-q-form .enAccordionLabel[data-category-no="2"] + .enQuestionList label{
color: #009dda;
border: 1px solid #99d8f0;
}
.neko-q-form .enAccordionLabel[data-category-no="3"] + .enQuestionList label{
color: #00863e;
border: 1px solid #99cfb2;
}
@media screen and (min-width: 769px) {
.neko-q-form-svg{padding-top: 180px; background-position: 10% 0%!important;}}
@media screen and (max-width: 768px) {
.neko-q-form-svg{padding-top: 150px; background-position: 10% 0%!important;}}
@media screen and (max-width: 480px) {
.neko-q-form-svg{padding-top: 120px ;}}


#enFormResultArea{
margin: 0rem 0rem 0rem 2rem;
}
#enFormResultArea #enFormResultText1{
color: #ffffff;
margin: 0rem 0rem 1rem 0rem!important;
padding: 0rem!important;
border: none!important;
}
#enFormResultArea #enFormResultText2{
font-size:1.8rem;
font-weight: bold;
margin: 0rem!important;
padding: 3rem 2rem 0.2rem 2rem!important;
background-color: #ffffff;
border: none!important;
}
#enFormResultArea #enFormResultText2 span{
background: linear-gradient(transparent 60%, #FFFF00 0%);
}
#enFormResultArea #enFormResultText3{
font-weight: bold;
font-size: 1.2rem;
margin: 0rem!important;
padding: 0rem 2rem 0rem 2rem!important;
background-color: #ffffff;
border: none!important;
}
@media screen and (max-width: 768px) {
.vegas-slide-inner{
background-size: 125%!important;
background-position: top!important;
}
}
@media screen and (max-width: 498px) {
.vegas-slide-inner{
background-size: cover!important;
background-position: center center!important;
}
.enq-btn-next{
width: auto!important;
}

.neko-q-form .enQuestionList{
padding: 0rem 0rem 3rem 0rem;
}
.neko-q-form .enQuestionList label{
padding: 1rem 1rem 1rem 1rem;
}
.neko-q-form .formBlockSurveyTable dl dd .formBlockSubmitButton{
width: 100%!important;
}
.neko-q-form .formBlockSurveyTable dl:nth-child(n + 2):not(:nth-child(n + 6)){
padding: 0rem 0rem 2rem 0rem!important;
}
}

/*------------------20200529フロート追加------------------*/
.topFloatBanner{
position: fixed;
z-index: 20;
top: 41%;
right: 0;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
width: auto;
margin: 0 auto;
}
.topFloatBanner .fs_btn{
color: #ffffff;
line-height: 1.5rem;
padding: 1.5rem 0.75rem 1.5rem 0.75rem;
background-color: #009fe8;
border-radius: 0.4rem 0rem 0rem 0.4rem;
width: 100%;
transition:0.5s!important;
}
.topFloatBanner .fs_btn:hover{
background-color: #78818c;
transition:0.5s!important;
}
.topFloatBanner .fs_btn_text{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column-reverse wrap;
justify-content: flex-start;
align-items: center;
line-height: 1.7rem;
}
.topFloatBanner .fs_btn_text_main{
font-size: 1.5rem;
letter-spacing: 0.1rem;
}
.topFloatBanner .fs_btn_text_sub{
font-size: 0.9rem;
}
#cID1 > #footer{
padding-bottom: 0rem;
background-color: #fff;
}
@media screen and (max-width: 480px) {
.topFloatBanner{
position: fixed;
z-index: 100;
top: auto;
bottom: 0%;
right: 0;
-ms-writing-mode: rl;
-webkit-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
.topFloatBanner .fs_btn{
text-align: center;
padding: 1rem 1rem 1rem 1rem;
border-radius: 0.4rem 0.4rem 0rem 0rem;
}
.topFloatBanner .b_box{
width: 100%;
}
#cID1 > #footer{
padding-bottom: 4.5rem;
background-color: #fff;
}
}

/*　==============================　AGREEMENT　==============================　*/
.agreement-box-white{
background-color: #ffffff;
border: 1px solid #68acdf;
padding: 0.8rem 0.5rem 0.8rem 2rem;
margin: 0rem 1rem 0rem 2rem;
}
.agreement-box-blue{
background-color: #68acdf;
border: 1px solid #68acdf;
padding: 0.8rem 0.5rem 0.8rem 2rem;
margin: 0rem 1rem 0rem 2rem;
}
.agreement-box-white .agreement-no{
font-size: 2.5rem;
color: #68acdf;
margin-right: 1.5rem;
}
.agreement-box-blue .agreement-no{
font-size: 2.5rem;
color: #ffffff;
margin-right: 1.5rem;
}
.agreement-line{
width: 100%;
text-align: left;
}
.agreement-line-blue{
width: 92px;
padding-top: 0rem;
box-sizing: border-box;
border-right: 1px solid #68acdf;
}
.agreement-img{
padding-top: 64rem;
margin-bottom: 4rem;
margin-left: 2rem;
}
@media screen and (max-width: 498px) {
.agreement-box-white, .agreement-box-blue{
margin: 0rem 2rem 0rem 2rem;
}
.agreement-line-blue{
width: 200px;
padding-top: 1rem;
}
}

/*　==============================　HOME　==============================　*/
.top_on_recruit{float: right;}
@media screen and (min-width: 769px) {
.top_on_recruit{padding: 1.5rem 1rem 1rem 1rem; width:230px;}}
@media screen and (max-width: 768px) {
.top_on_recruit{padding: 1.5rem 1rem 1rem 1rem; width:210px;}}
@media screen and (max-width: 480px) {
.top_on_recruit{padding:  1.5rem 1rem 1rem 1rem; width:160px;}}

/*　キャッシュレスバナー　*/
/*.cashless-banner{ margin-top: -5rem; }
@media screen and (max-width: 1400px) {.cashless-banner{margin-top: -9rem; margin-left: 2rem; }}
@media screen and (max-width: 1024px) {.cashless-banner{ margin-top: -10rem; }}
@media screen and (max-width: 480px) {.cashless-banner{ margin-top: -11rem;  margin-left: 0rem; }}*/
.online-banner{position: absolute; margin-top: -11rem; right: 0.5rem;}
@media screen and (max-width: 1180px) {.online-banner{margin-top: -11.75rem;}}
@media screen and (max-width: 1024px) {.online-banner{margin-top: -12rem;}}
@media screen and (max-width: 480px) {.online-banner{margin-top: -10.5rem;}}

/*　トップ スペース　*/
@media screen and (min-width: 1201px) {
.top_slide{padding-top: 64vh;}}
@media screen and (max-width: 1200px) {
.top_slide{padding-top: 63vh;}}
@media screen and (max-width: 1180px) {
.top_slide{padding-top: 60vh;}}
@media screen and (max-width: 768px) {
.top_slide{padding-top: 41vh;}}
@media screen and (max-width: 498px) {
.top_slide{padding-top: 56vh;}}

/*　トップ ON　*/

@media screen and (min-width: 769px) {
.top_on_space{padding-top: 320px;}}
@media screen and (max-width: 768px) {
.top_on_space{padding-top: 300px;}}
@media screen and (max-width: 480px) {
.top_on_space{padding-top: 180px ;}}

@media screen and (min-width: 1201px) {
#on_slide{padding-top: 550px; margin-top:-480px;}}
@media screen and (max-width: 1200px) {
#on_slide{padding-top: 400px;  margin-top:-480px;}}
@media screen and (max-width: 768px) {
#on_slide{padding-top: 300px; margin-top:-480px;}}
@media screen and (max-width: 480px) {
#on_slide{padding-top: 240px;  margin-top:0px;}}


/*　service_top　*/
.service-contents-ttl{font-size: 1.25rem;}
@media screen and (min-width: 769px) {
.top_service_space{padding-top: 460px;}}
@media screen and (max-width: 768px) {
.top_service_space{padding-top: 360px;}}
@media screen and (max-width: 480px) {
.top_service_space{padding-top: 320px;}
.service-contents-ttl{font-size: 1.2rem;}
.service-contents-tx{margin-right: 1rem;}}

/*　area04 img　*/
@media screen and (min-width: 1401px) {
.top_service_img{padding-top: 65vh;}}
@media screen and (max-width: 1400px) {
.top_service_img{padding-top: 60vh;}}
@media screen and (max-width: 768px) {
.top_service_img{padding-top: 40vh; background-position: left!important;}}

/*　area02_bg　*/
#pt001-2Parent{background-position: right bottom!important;}

/*　area05_bg　*/
@media screen and (max-width: 1113px){
#pt001-5Parent , #pt001-2Parent{
    background-attachment: scroll!important;}}


/*　==============================　Crew　==============================　*/
/*　テキストボックス　*/
.crew_text_color {color:rgba(120,129,139,0.8);}

.crew_text_bg {background-color:rgba(120,129,139,0.8);}
@media screen and (max-width: 480px) {
    .crew_text_bg {
     width: calc(100% - 40%);
     margin-left: auto!important;}}

/*　イメージスペース　*/
@media screen and (min-width: 769px) {
.crew_img_space {padding-top: 600px;}}
@media screen and (max-width: 768px) {
.crew_img_space {padding-top: 480px;}}
@media screen and (max-width: 480px) {
.crew_img_space {padding-top: 100px;}}

/*　レイアウト　*/
@media screen and (min-width: 769px) {
#crew_02 {margin-top: 252px;}
#crew_03 , #crew_05 , #crew_07 , #crew_09 , #crew_11 , #crew_13 , #crew_15 {margin-top: -120px;}
#crew_04 , #crew_06 , #crew_08 , #crew_10 , #crew_12 , #crew_14 , #crew_16 {margin-top: 130px;}
}
@media screen and (max-width: 768px) {
#crew_02 {margin-top: 224px;}
#crew_03 , #crew_05 , #crew_07 , #crew_09 , #crew_11 , #crew_13 , #crew_15 {margin-top: -120px;}
#crew_04 , #crew_06 , #crew_08 , #crew_10 , #crew_12 , #crew_14 , #crew_16 {margin-top: 104px;}
}
@media screen and (max-width: 480px) {
#crew_02 {margin-top: 0px;}
#crew_03, #crew_05, #crew_07, #crew_09, #crew_11 , #crew_13 , #crew_15 {margin-top: 0px;}
#crew_04, #crew_06, #crew_08, #crew_10, #crew_12 , #crew_14 , #crew_16 {margin-top: 0px;}
}


/*　==============================　About　==============================　*/
/*　スライドエリア　*/
@media screen and (min-width:1401px) {
.about_slide_area {
   width: calc(100% - 50%);
  margin-right: auto!important;}}
@media screen and (max-width:1400px) {
.about_slide_area {
   width: calc(100% - 60%);
  margin-right: auto!important;;}}
@media screen and (max-width:768px) {
.about_slide_area { width:100%;}}

/*　スライド　*/
@media screen and (max-width:768px) {
.about_slide { margin: 0!important; padding-left:2rem;}}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    left: 0px;
}

/*　メッセージ背景　*/
@media screen and (max-width:480px) {
.m_bg { background-size: cover!important; background-position: 68%!important; }}

/*　メッセージ　*/
@media screen and (max-width:480px) {
.m_text { background-color:rgba(255,255,255,0.85); padding:2rem!important; }}

/*　事務所概要　*/
.pr_table_wrapper{
}
.pr_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%;
}
.pr_contents dt{
padding: 1rem 1rem 1rem 0rem;
width: 105px;
border-top: 1px solid #f29600;
position: relative;
}
.pr_contents dd{
text-align: left;
padding: 1rem 0rem ;
width: calc(100% - 105px);
border-top: 1px solid #909ba7;
}
@media screen and (max-width: 768px){
.pr_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.pr_contents dt{
font-size: 95%;
font-weight: bold;
padding: 1rem 0rem 0.3rem 0rem;
width: 100%;
border-top: 1px solid #909ba7;
}
.pr_contents dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #f29600;
}
.pr_contents dd{
font-size: 1rem;
padding: 0rem 0rem 1rem 0rem;
width: 100%;
border: none;
}
}

/*　==============================　Plan　==============================　*/
@media screen and (min-width: 1201px) {
.price_list{padding-top: 374px;}}
@media screen and (max-width: 1200px) {
.price_list{padding-top: 300px;}}
@media screen and (max-width: 768px) {
.price_list{padding-top: 250px;}}
@media screen and (max-width: 480px) {
.price_list{padding-top: 240px;}}

.support-plan{
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;
width: 100%;
}
.support-plan li:nth-child(odd){
width: 220px;
}
.support-plan li:nth-child(even){
width: calc(100% - 220px);
}
.support-plan li span{
margin-rught: 5px;
}
@media screen and (max-width: 480px) {
.support-plan li:nth-child(odd){
width: 100%;
}
.support-plan li:nth-child(even){
width: 100%;
}
}
.plan_box_detail{
padding-right: 1rem!important;
padding-left: 2rem!important;
}
@media screen and (max-width: 480px){
.plan_box_detail{
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.price-npBanner{
}
}

.bgColor-orange{background-color:#f5a200;}
.bgColor-blue{background-color:#009dda;}
.bgColor-blueDark{background-color:#256fb8;}
.bgColor-green{background-color:#00863e;}
.price-tb-detail{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; color: #ffffff; width: 100%;}
.price-tb-detail span{padding: 0.75rem; margin-top: 0.5rem; margin-right: 0.5rem; box-sizing: border-box;}

.price-tb4-paln{width:100%;}
.price-tb4-paln th{color: #ffffff; text-align: center; padding: 0.75rem 0.5rem; background-color: #9ba8b5; width: 25%; border:3px solid #ffffff; box-sizing: border-box;}
.price-tb4-paln td{text-align: center; vertical-align: middle; padding: 0.75rem 0.5rem; background-color: #f4f4f4; width: 25%; border:3px solid #ffffff; box-sizing: border-box;}
.price-tb4-paln th .comments{font-weight: normal; font-size: 0.75rem; line-height: 1rem; display: inline-block; border-top: 1px solid #ffffff; padding-top: 0.5rem; margin-top: 0.5rem;}
@media screen and (max-width: 768px){
.price-tb4-paln{-ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb;}
.price-tb4-paln .price-tb-br{display:none;}
.price-tb4-paln thead{width:50%;}
.price-tb4-paln tbody{width:50%;}
.price-tb4-paln th{width: 25%; vertical-align: middle;}
.price-tb4-paln td{vertical-align: top; width: 25%;}
.price-tb4-paln td>span, .price-tb4-paln th>span{text-align: justify; -ms-writing-mode : lr-tb; writing-mode : horizontal-tb; white-space : nowrap;}
}

.price-tb3-paln{width:100%;}
.price-tb3-paln th{color: #ffffff; text-align: center; padding: 0.75rem 0.5rem; background-color: #9ba8b5; width: 25%; border:3px solid #ffffff; box-sizing: border-box;}
.price-tb3-paln td{text-align: center; vertical-align: middle; padding: 0.75rem 0.5rem; background-color: #f4f4f4; width: 25%; border:3px solid #ffffff; box-sizing: border-box;}
.price-tb3-paln th .comments{font-weight: normal; font-size: 0.75rem; line-height: 1rem; display: inline-block; border-top: 1px solid #ffffff; padding-top: 0.5rem; margin-top: 0.5rem;}
@media screen and (max-width: 768px){
.price-tb3-paln{-ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb;}
.price-tb3-paln .price-tb-br{display:none;}
.price-tb3-paln thead{width:50%;}
.price-tb3-paln tbody{width:50%;}
.price-tb3-paln th{width: 33.33%; vertical-align: middle;}
.price-tb3-paln td{vertical-align: top; width: 33.33%;}
.price-tb3-paln td>span, .price-tb4-paln th>span{text-align: justify; -ms-writing-mode : lr-tb; writing-mode : horizontal-tb; white-space : normal;}
}

.price-tb2-paln{width:100%; margin-top: 0.5rem;}
.price-tb2-paln th{color: #ffffff; text-align: center; padding: 0.75rem 0.5rem; background-color: #9ba8b5; width: 25%; border:3px solid #ffffff; box-sizing: border-box;}
.price-tb2-paln td{text-align: center; padding: 0.75rem 0.5rem; background-color: #f4f4f4; width: 25%; border:3px solid #ffffff; box-sizing: border-box;}
.price-tb2-paln th .comments{font-weight: normal; font-size: 0.75rem; line-height: 1rem; display: inline-block; border-top: 1px solid #ffffff; padding-top: 0.5rem; margin-top: 0.5rem;}
@media screen and (min-width: 769px){
.price-tb2-paln .price-tb-br-r{display:none;}
}
@media screen and (max-width: 768px){
.price-tb2-paln{writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb;}
.price-tb2-paln thead{width:35%;}
.price-tb2-paln tbody{width:65%;}
.price-tb2-paln th{width: 100%; vertical-align: middle;}
.price-tb2-paln td{width: 100%;}
.price-tb2-paln td>span, .price-tb2-paln th>span{-ms-writing-mode : lr-tb; writing-mode : horizontal-tb; white-space : nowrap;}
}

/*　==============================　SCHEDULE　==============================　*/
/*----------------------- スケジュールテーブル -----------------------*/
.schedule_table_wrapper{
max-width: 100%;
}
.schedule_table_list{
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%;
border-bottom: 1px solid #ededed;
padding: 0.6rem 0rem 2rem 0rem;
margin-bottom: 2.5rem;
}
.schedule_table_list:last-child{
border-bottom: 0px solid #ededed;
}
.schedule_box01 {
line-height: 0.6;
font-size: 3rem;
text-align: center;
margin: 0rem 3rem 0rem 0rem;
padding: 1.5rem 0rem 2rem 0rem;
position: relative;
z-index: 1;
width: 300px;
background-color: #78818c;
color: #fff;
}
.schedule_box01 span{
font-size: 1.4rem;
}
.schedule_box01::before,
.schedule_box01::after {
content: "";
height: 98%;
position: absolute;
width: 100%;
}
.schedule_box01::before {
background-color: rgba(255, 255, 255, 0);
left: 0;
top: 0;
z-index: -1;
}
.schedule_box01::after {
border: 1px solid #009ee7;
top: -9px;
left: -9px;
z-index: -2;
}
.schedule_box02{
line-height: 1.3;
align-self: center;
width: calc(100% - 300px - 2rem);
}
.schedule_item{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0rem 0rem 0.25rem 0rem;
}
.schedule_item dt {
line-height: 1.3;
font-weight: bold;
text-align: center;
margin: 0rem 0.5rem 0rem 0rem;
padding: 0.25rem 1rem 0.25rem 1rem;
width: 130px;
color: #fff;
}
.schedule_item dt span{
padding: 0.5rem 1rem 0.4rem 1rem;
display: inline-block;
width: 98px;
}
.schedule_item dd {
text-align: justify;
align-self: center;
margin: 0rem;
padding: 0rem;
width: calc(100% - 130px - 2rem);
}
.schedule_tag_ac{
background-color: #0d48a1;
}
.schedule_tag_a{
background-color: #2294f2;
}
.schedule_tag_b{
background-color: #1975d1;
}
.schedule_tag_c{
background-color: #65b4f5;
}
@media screen and (max-width: 1024px){
.schedule_box01 {
width: 200px;
}
.schedule_box02{
width: calc(100% - 200px - 4rem);
}
}
@media screen and (max-width: 768px){
.schedule_box01 {
width: 160px;
}
.schedule_box02{
width: calc(100% - 160px - 4rem);
}
}
@media screen and (max-width: 480px){
.schedule_table_list{
flex-flow: column nowrap;
padding: 0.6rem 0rem 1rem 0rem;
}
.schedule_box01 {
margin: 0rem 0rem 2rem 0rem;
width: 100%;
}
.schedule_box02{
width: 100%;
}
.schedule_item{
flex-flow: column nowrap;
width: 100%;
margin: 0rem 0rem 0.5rem 0rem;
}
.schedule_item dt {
align-self: flex-start;
width: auto;
margin: 0rem 0rem 0.2rem 0rem;
padding: 0.5rem 0rem 0.5rem 0rem;
}
.schedule_item dd {
align-self: flex-start;
margin: 0rem;
padding: 0rem;
width: 100%;
}
}

/*　==============================　SUBSIDY　==============================　*/
/*----------------------- 助成金テーブル -----------------------*/
.subsidy_table_wrapper{
max-width: 100%;
}
.subsidy_table_listH{
background-color: #d1d1d1;
padding: 1.3rem 0rem;
}
.subsidy_table_list{
padding: 1.5rem 0rem;
}
.subsidy_table_list 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%;
border-bottom: 1px solid #ededed;
}
.subsidy_item01 {
    order: 0;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    align-self: center;
    padding: 1rem 0rem 1.3rem 0rem;
    position: relative;
    z-index: 1;
    width: calc(260px - 1rem);
    background-color: #78818c;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    color: #fff;
}
.subsidy_item01 span{
font-size: 0.75rem;
}
.subsidy_item01::before,
.subsidy_item01::after {
content: "";
height: 100%;
position: absolute;
width: 100%;
}
.subsidy_item01::before {
background-color: rgba(255, 255, 255, 0);
left: 0;
top: 0;
z-index: -1;
}
.subsidy_item01::after {
    border: 1px solid #009ee7;
    top: -9px;
    left: -9px;
    z-index: -2;
}
.subsidy_item02{
order: 1;
line-height: 1.3;
align-self: center;
padding-left:1rem;
padding-right:1rem;
border-right: 1px solid #c8c9ca;
width: calc(85% - 260px - 3rem);
}
.subsidy_item03{
order: 2;
align-self: center;
text-align: center;
padding-left:1rem;
width: 15%;
}
.subsidy_item03 span{
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.subsidy_item03 .item03small{
font-size: 0.75rem;
}
@media screen and (max-width: 768px){
.subsidy_Hitem01{
width: calc(180px - 1rem);
}
.subsidy_Hitem02{
width: calc(85% - 180px - 3rem);
}
.subsidy_Hitem03{
width: 15%;
}
.subsidy_item01{
width:  calc(180px - 1rem);
}
.subsidy_item02{
width: calc(85% - 180px - 3rem);
}
.subsidy_item03{
width: 15%;
}
}
@media screen and (max-width: 480px){
.subsidy_table_wrapper li{
padding: 1.6rem 0rem;
}
.subsidy_table_listH{
display: none;
}
.subsidy_table_list{
padding: 0.9rem 1rem;
}
.subsidy_table_list dl {
flex-flow: row wrap;
border-bottom: none;
}
.subsidy_item01{
order: 0;
font-size: 1.2rem;
text-align: center;
padding: 1.3rem 0rem 1.6rem 0rem;
width: 100%;
border-top: 1px solid #ededed;
border-right: 1px solid #ededed;
border-left: 1px solid #ededed;
}
.subsidy_item02{
order: 1;
text-align: justify;
padding: 1.3rem 1rem  1.1rem 1rem;
border-right: 1px solid #ededed;
border-left: 1px solid #ededed;
width: 100%;
}
.subsidy_item03{
order: 2;
font-size: 1.2rem;
width: 100%;
padding: 0rem 0rem 1.3rem 0rem;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
border-left: 1px solid #ededed;
}
}

/*　==============================　IT Tools　==============================　*/

.it-logo-ll a img{
max-height: 2rem;
}
.it-logo-l a img{
max-height: 2.5rem;
}
.it-logo-m a img{
max-height: 3rem;
}
.it-logo-s a img{
max-height: 4.5rem;
}
.it-logo-mfc{
margin-top:1rem;
}
@media screen and (max-width: 498px) {
.it-logo-ll a, .it-logo-l a, .it-logo-m a, .it-logo-s a{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.it-logo-ll a img, .it-logo-l a img, .it-logo-m a img, .it-logo-s a img{
margin-bottom:2rem;
}
.it-logo-mfc{
margin-top:0rem;
}
}
/*　==============================　Service　==============================　*/

/*　4サポート説明枠　*/
@media screen and (min-width: 801px) {
.support_4{margin: 3rem 2rem 0 2rem;}}
@media screen and (max-width: 800px) {
.support_4{ margin: 3rem 0 0 2rem;}}
@media screen and (max-width: 498px) {
.supportPlan-ttl{padding-right:2rem!important;}
}
/*　イメージスライドショー　*/
#service_img{margin: -330px 2rem 0rem 0rem; padding: 420px 0px 0px 0px;}
@media screen and (max-width: 1200px) {
#service_img{ padding-top: 360px!important;}}
@media screen and (max-width: 768px) {
#service_img{ padding-top: 280px!important;}}
@media screen and (max-width: 480px) {
#service_img{ margin: 0 0 0 1rem!important;}}



/*　==============================　Concept　==============================　*/

/*　コンセプトコピー　*/
@media screen and (max-width: 480px) {
.con_space{padding-top: 120px!important;}}

/*　スマホ時　背景GRAY　*/
@media screen and (max-width: 480px) {
.sp_bg_gray{background-color: #f5f5f5;}}

/*　about_btn　*/
@media screen and (min-width: 769px) {
.about_btn .fs_btn {padding: 4rem 2rem;}}
@media screen and (max-width: 768px) {
.about_btn .fs_btn {padding: 4rem 1rem;}}
@media screen and (max-width: 480px) {
.about_btn .fs_btn {padding: 2rem 1rem;}}

/*メインテキスト*/
.about_btn .fs_btn .fs_btn_text_main{
    font-size:1.4rem;
    font-style: italic;
    letter-spacing: 0.1rem;
}

/*ホバーアクション*/
.about_btn .b_box :hover .fs_btn_text_main{
    letter-spacing: 0.3rem;
    transition:0.3s;
}


/*　==============================　Contact　==============================　*/
.formBlockSurveyTable dl dt {
    color: #777777;
    text-align: left;
    width:100%;
    margin-right: 0%!important;
}
.formBlockSurveyTable dl dd {
    width: 100%;
}
.formBlockSurveyTable dl {
    padding: 1% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 96%;
    resize: none;
    border-radius: 0;
    padding: 2%;
}
.formBlockSubmitButton {
    width:100%!important;
    text-align:center!important;
    background-color: #556369!important;
    color:#fff;
    cursor: pointer;
}
.formBlockSubmitButton:hover {
    background-color: #78818c!important;
    color:#fff;
    transition:0.6s;
}
.on-pointer input {
    cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 100%;
}
}

/*　==============================　Information　==============================　*/
/*　↓↓↓20220307 固定表示用↓↓↓　*/
.neko_list_fixd{display:none;}
/*　↑↑↑20220307 固定表示用↑↑↑　*/

/*　↓↓↓20201026 ページリストにサムネイル追加↓↓↓　*/
.nekoList-thumbnail .col-1{background-color: transparent!important; padding: 0rem!important;}
.nekoList-thumbnail .tk_top{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column-reverse wrap; justify-content: flex-start; align-items: flex-start; padding-left: 1rem;}
.nekoList-thumbnail .tk_tags_Flag_flagBs, .nekoList-thumbnail .tk_tags_Flag_flagCs, .nekoList-thumbnail .tk_tags_Flag_flagDs, .nekoList-thumbnail .tk_tags_Flag_flagEs{color: #ffffff; margin-top: 0.25rem; padding: 0.3rem 0.5rem;}
.nekoList-thumbnail .tk_kiji{font-size: 1.1rem;}
@media screen and (max-width: 768px) {
.nekoList-thumbnail .tk_top{padding: 0rem 0rem 0rem 1rem; margin-bottom: 0.4rem!important;}
.nekoList-thumbnail .tk_kiji{font-size: 0.95rem;}
}
/*　↑↑↑20201026 ページリストにサムネイル追加↑↑↑　*/

/*　NEKONOTE　*/

/*　前後　*/
div.ccm-pagination span.ccm-page-left ,
div.ccm-pagination span.ccm-page-right {
    display: none;
}
div.ccm-pagination > .active {
    background-color: #ffffff!important;
    color: #78818c;
}

div.ccm-pagination span {
    margin: 0.5rem;
}
.ccm-pagination {margin-top:1rem;}

div.ccm-pagination span {
    margin: 0.2rem;
    background: #78818c;
    padding: 0.25rem 0.5rem;
    font-weight: bold;
    font-size: 1rem;
}

div.ccm-pagination span a {
    color:#fff;
}
div.ccm-pagination span :hover {
   color:#f29500;
}
div.ccm-pagination > .active :hover {
    color: #78818c;
}

/*タグ*/

.neko_list .col-1 {background-color: #78818c; padding:0.3rem 0.8rem ;}
.neko_list .tk_kiji {padding-left:1rem;}
.neko_list .tk_tags_time {color:#fff;}

.neko_list_jyoseikin a{
color: #ffffff;
}
.neko_list .tk_tags{
line-height: initial;
}
/*　コンポーザー下部ページリスト　*/

.tk_tags {
    padding: 0.3rem 0.8rem;
    font-size: 0.8rem;
    color: #fff;
}
.tk_tags_Flag_flagBs , .flag-tag1{ background-color: #f29600!important;}
.tk_tags_Flag_flagCs , .flag-tag2{ background-color: #009b43!important;}
.tk_tags_Flag_flagDs , .flag-tag3{ background-color: #36a0da!important;}
.tk_tags_Flag_flagEs , .flag-tag4{ background-color: #1e4f86!important;}

.tk_title { font-size:1rem; }
.tk_kiji { font-size:0.8rem; }

@media screen and (max-width: 498px) {
.neko_list .tk_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
width: calc(100% - 1rem);
padding-left: 1rem;
}
.neko_list .tk_title .tk_tags{
width: 60px;
margin-bottom: 0.3rem;
}
}
@media screen and (max-width: 498px) {
.neko_list2 .tk_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
width: calc(100% - 1rem);
}
.neko_list2 .tk_title .tk_tags{
width: 75px;
margin-bottom: 0.3rem;
}
}
.con_pagelist a{color:#fff;}

/*　ボーダー関連　*/
 .tk_flex, .con_pagelist .tk_flex{padding:1.5rem 0; }
.con_pagelist .tk_flex {border-bottom: 1px solid #909ba7;}
.tk_flex:last-child , .neko_list  .tk_flex:last-child ,
.con_pagelist .tk_flex:last-child
{border-bottom: 0px solid #fff;}


/*　デフォルトページタイプ　*/
#pt101,#pt102,#pt103,#pt104
     {background-color: rgba(37,37,37,0.5); padding-top:30vh;}

#pt101-2-1 ,#pt102-2-1 ,#pt103-2-1 ,#pt104-2-1
    {background-color:#78818c; box-shadow: 3px 3px 4px 0 rgba(0,0,0,.25);}

#pt101-3-1 ,#pt102-3-1 ,#pt103-3-1 ,#pt104-3-1
    {background-color:#fff; box-shadow: 3px 3px 4px 0 rgba(0,0,0,.25);}

#pt101-3Parent,#pt102-3Parent,#pt103-3Parent,#pt104-3Parent
    {padding-bottom: 1rem;}

#pt101-4-1 ,#pt102-4-1 ,#pt103-4-1 ,#pt104-4-1
    {background-color:#78818c; box-shadow: 3px 3px 4px 0 rgba(0,0,0,.25);}

#pt101-2-1,#pt101-3-1,#pt101-4-1,#pt101-5-1,#pt102-2-1,#pt102-3-1,#pt102-4-1,#pt102-5-1,#pt103-2-1,#pt103-3-1,#pt103-4-1,#pt103-5-1,#pt104-2-1,#pt104-3-1,#pt104-4-1,#pt104-5-1
{margin:0 2rem 2rem 2rem;
    width: calc(100% - 4rem);}

@media screen and (max-width:768px) {
#pt101-2-1,#pt101-3-1,#pt101-4-1,#pt101-5-1,#pt102-2-1,#pt102-3-1,#pt102-4-1,#pt102-5-1,#pt103-2-1,#pt103-3-1,#pt103-4-1,#pt103-5-1,#pt104-2-1,#pt104-3-1,#pt104-4-1,#pt104-5-1
{margin:0 0 2rem 2rem; width: calc(100% - 2rem);}}
@media screen and (max-width:480px) {
#pt101-2-1,#pt101-3-1,#pt101-4-1,#pt101-5-1,#pt102-2-1,#pt102-3-1,#pt102-4-1,#pt102-5-1,#pt103-2-1,#pt103-3-1,#pt103-4-1,#pt103-5-1,#pt104-2-1,#pt104-3-1,#pt104-4-1,#pt104-5-1
{margin:0 0 2rem 1rem; width: calc(100% - 1rem);}}


/*　———　シェアボタン　———　*/

.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon {
    background-color: #78818b;
}

.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover {
    background-color: #818b95;
        transition:0.5s;
}

/*　==============================　コンテンツタイトル　==============================　*/

/*　タイトルスペース トップ ナロウ　*/
#pt003-1Parent , #pt004-1Parent {background-color: rgba(37,37,37,0.5); padding-top:30vh;}

/*　タイトルスペース トップ ワイド　*/
@media screen and (min-width: 1201px) {
.tittle_space{padding-top: 55vh!important;}}
@media screen and (max-width: 1200px) {
.tittle_space{padding-top: 50vh!important;}}
@media screen and (max-width: 768px) {
.tittle_space{padding-top: 40vh!important;}}

/*　コンテンツエリア　*/
@media screen and (max-width: 768px) {
.tittle_text_space{margin:0 0 0 2rem!important;}}
@media screen and (max-width: 480px) {
.tittle_text_space{padding: 1px 0 0 0!important;margin:0 0 0 1rem!important;}}

@media screen and (max-width: 768px) {
.news_text_space{margin:0 0 0 2rem!important;}}
@media screen and (max-width: 480px) {
.news_text_space{padding: 1px 0 0 0!important;margin:0 0 0 0rem!important;}
.news_text_space .ticker{padding: 1rem 0rem 1rem 1rem!important}
.news_text_space .tk_tags{padding: 0.3rem 0.4rem!important}
}

/*　エリア全体　*/
@media screen and (min-width:1401px) {
.contents_area_01 {
   width: calc(100% - 20%);
  margin-left: auto!important;}}


/*　----------　service_ボタン　----------　*/

/* 右斜めライン */
.line_btn .fs_btn {
    border-top: 1px solid #fff!important;
    border-left: 1px solid #fff!important;
    background-image: url(../../../../files/5615/4151/2440/btn_line.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: scroll;
}
/* メインテキスト */
.line_btn .fs_btn .fs_btn_text_main{
    font-size:1.2rem;
    font-style: italic;
    letter-spacing: 0.1rem;
}
/* ホバーアクション */
.line_btn .b_box :hover .fs_btn_text_main ,
.line_btn_S .b_box :hover .fs_btn_text_main{
    letter-spacing: 0.3rem;
    transition:0.3s;
}

.btn_line{
padding-left: 8%;
}
.btn_line::before {
    content: '';
    display: block;
    width: 12%;
    height: 5px;
    background: #009ee7;
    position: relative;
    top: 2.5rem;
    left: -9%;
    z-index: 1;
}
@media screen and (max-width: 768px) {
.btn_line {
padding-left: 2rem;
}
}


/*　==============================　ヘッダー　==============================　*/
.h-logo-x .fs_btn_text_main{content: ""; background-image: url("https://office-nekonote.com/files/1517/0778/3134/x-twitter.svg"); position: relative; top:-1px; display: inline-block; height: 1rem; width: 1rem; vertical-align: middle;}

/*　bg　*/
#header-2Parent, #header-3Parent {
    background-color: rgba(37,37,37,0.5);
}

/*　ヘッダーロゴに関する設定　*/
#top_logo{z-index: 3; position: relative;}
@media screen and (min-width: 769px) {
#top_logo .fs_btn{padding-top: 50px!important;}}
@media screen and (min-width: 769px) {
#top_logo {margin:1rem 0 1.5rem 2rem; }}
@media screen and (max-width: 768px) {
#top_logo{z-index: 0; position: relative;}
#top_logo .fs_btn{padding-top: 50px!important;}}
@media screen and (max-width: 768px) {
#top_logo {margin:1rem 0 1rem 1rem; }}
@media screen and (max-width: 480px) {
#top_logo .fs_btn{padding-top: 30px!important;}}
@media screen and (max-width: 480px) {
#top_logo {margin:1.2rem 0 1.2rem 1rem; }}

/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
.h_navi{
position: relative;
margin-top: -3.9rem;
}
.h_navi a {
position: relative;
display: inline-block;
transition: .3s;
}
.h_navi a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 4px;
background-color: #f29600;
transition: .3s;
}
.h_navi a:hover::after {
width: 100%;
}
.h_navi .fsNavMenuList .sub_title {
letter-spacing: 0;
}
.h_navi > .fsNavMenuList > .main_list_li > a{
padding: 0.75rem 0.75rem!important;
}
.h_navi > .fsNavMenuList > .main_list_li:first-child {
display:none;
}
.h_navi > .fsNavMenuList > .main_list_li:last-child {
display:none;
}
.h_navi > .fsNavMenuList > .has_sub_class > .sub_list{
background-color: rgba(37,37,37,0.5);
}
@media screen and (max-width: 1140px){
.h_navi .fsNavMenuList li:first-child {
display:none;
}
.h_navi > .fsNavMenuList > .main_list_li > a{
padding: 0.75rem 0.55rem!important;
}
}

/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 1.3rem 0 1.2rem 0;
    margin-left: 3rem ;
    font-size: 1.3rem;
    line-height: 1.4rem;
    border-bottom: 1px solid #78818b;
}
.fat-nav li a {
    border-bottom: 0px solid #fff;
}
.fat-nav{
    background: rgba(85, 99, 105, 0.98);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
    background-color: #fff;
}
.fat-nav li p{
    color:#f29600;
    font-style: italic;
}
.sp_h_navi .fat-nav li .sub_title{
    font-size: 0.8rem;
    padding-left:0.2rem;
    letter-spacing: 0.05rem;
}
.sp_h_navi .fat-nav li .sub_title :first-child {
    display: none!important;
}


.topfix_A {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
}
.topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}

/*　==============================　フッター　==============================　*/

/*　フッターロゴに関する設定　*/
@media screen and (min-width: 769px) {
.footer_logo .fs_btn{padding-top: 100px!important;}}
@media screen and (max-width: 768px) {
.footer_logo .fs_btn{padding-top: 80px!important;}}
@media screen and (max-width: 480px) {
.footer_logo .fs_btn{padding-top: 85px!important;}}

/*　———　サイトマップ　———　*/

.sitemap_line {
border-top:1px solid #7cb342;
}

.sitemap_en {
padding: 0 0.5rem 0.4rem 0;
vertical-align: middle;
width:50%;
font-size:1rem;
font-weight: bold;
letter-spacing: 0.1rem;
color:#f29600;
}
.sitemap_jp {
padding: 0 0.5rem 0.25rem 0;
vertical-align: middle;
width:50%;
font-size:0.9rem;
/*font-weight: bold;*/
color:#fff;
}


/*　———　フッターで使用するボタン　———　*/
.f_btn .fs_btn_text_main {
font-size:1.2rem;
font-weight: bold;
}
.f_btn .fs_btn_text_sub {
font-size:0.8rem;
}
.f_btn .fs_btn{
line-height: 1.4rem;
}

/*　———　リンクカラー　———　*/

.f_link a {
position: relative;
display: inline-block;
transition: .3s;
color:#fff;
}

@media screen and (min-width: 1025px){
.f_link a::after{
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 2px;
background-color: #f29600;
transition: .3s;
}
.f_link a:hover::after{
width: 100%;
}
}

/*　———　ページトップボタン　———　*/

.pagetop_btm{
position: fixed;
z-index: 100;
bottom: 0;
right: 0;
}

@media screen and (min-width: 481px) {
.pagetop_btm .fs_btn{
    border-radius: 2rem 2rem 0 0;
    width: 60px;
    background-color: #f29600;
    line-height: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.6rem;
}}
@media screen and (max-width: 480px) {
.pagetop_btm .fs_btn{
    border-radius: 2rem 2rem 0 0;
    width: 48px;
    background-color: #f29600;
    line-height: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1.2rem;
}}

/*　==============================　文字に関する設定　==============================　*/

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.space_01{
    letter-spacing: -0.5rem;
}
.space_1{
    letter-spacing: 0.1rem;
}
.space{
    letter-spacing: 0.2rem;
}
.space_2{
    letter-spacing: 0.4rem;
}
.space_3{
    letter-spacing: 0.8rem;
}

/*　———　Googlefont　———　*/

.eiji {
font-family:  'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
font-weight:bold;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.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: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.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: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.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: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.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;
}


.eiji_2 {
font-family: 'Lato', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.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;
}

.eiji_3 {
font-family: 'Pattaya', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}

/* latin-ext */
@font-face {
font-family: 'Pattaya';
font-style: normal;
font-weight: 400;
src: local('Pattaya'), local('Pattaya-Regular'), url(https://fonts.gstatic.com/s/pattaya/v3/ea8ZadcqV_zkHY-XBdmt9lZE.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: 'Pattaya';
font-style: normal;
font-weight: 400;
src: local('Pattaya'), local('Pattaya-Regular'), url(https://fonts.gstatic.com/s/pattaya/v3/ea8ZadcqV_zkHY-XBdet9g.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;
}


/*　==============================　デフォルト　==============================　*/

a   {text-decoration:none;}

h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

/*　———　ホバー時半調　———　*/

.hover_opacity a:hover{
    opacity: 0.8;
    transition:0.6s;
}

.hover_opacity_img img:hover {
    opacity:0.7;
    transition:0.6s;
}

/*　———　telリンク - スマホ版のみ　———　*/

@media screen and (min-width: 480px) {
     .tel_splink { pointer-events: none;  }}

@media screen and (min-width: 768px) {
a[href^="tel:"] {
	pointer-events: none;
}
}

/*　———　SP版センター　———　*/

@media screen and (max-width: 480px) {
     .sp_center {  text-align: center!important; }}

/*　———　SP版左　———　*/

@media screen and (max-width: 480px) {
     .sp_left {  text-align: justify!important; }}

/*　———　SP版右　———　*/

@media screen and (max-width: 480px) {
     .sp_right {  text-align: right!important; }}

/*　———　スマホ時改行なし　———　*/

@media screen and (max-width: 480px){
.sp_br_none br { display:none; }}

/*　———　タブレット縦時改行なし　———　*/

@media screen and (max-width: 768px){
.tb_br_none br { display:none; }}

/*　———　スマホ時改行あり　———　*/

@media only screen and (min-width: 769px){
.sp_br br { display:none;}}

/*　———　スマホ時消える　———　*/

@media only screen and (min-width: 480px){
.sp_dispaly { display:contents;}
.sp_dispaly_b { display:none;}
.sp-br-n br { display:none; }
}
@media only screen and (max-width: 480px){
.sp_dispaly { display:none;}
.sp_dispaly_b { display:block; line-height: 0; margin-top: -0.5rem;}
}

/*　スマホ時バックグラウンドイメージ非表示　*/

@media screen and (max-width: 480px) {
.sp_bg_none{background-image: none!important; }}

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

/*　———　マルチイメージ、スリックスライドのポインター無　———　*/
.cuosor {
  pointer-events: none ;
  cursor: default ;
}

/*　==============================　その他　==============================　*/

/*　色関係　*/
.gray_rgba {background-color:rgba(37,37,37,0.5);}

/*　box-shadow　*/
.boxshadow_20 {
box-shadow: 3px 3px 4px 0 rgba(0,0,0,.25);
}
.boxshadow_plan {
box-shadow: 3px 2px 4px 1px rgba(0,0,0,.25);
}
@media screen and (max-width: 480px) {
.boxshadow_plan {
box-shadow: 3px 3px 4px 0 rgba(0,0,0,0);
}
}
.boxshadow_50 {
box-shadow: 3px 3px 4px 0 rgba(0,0,0,.5);
}
.boxshadow_90 {
box-shadow: 3px 3px 4px 0 rgba(0,0,0,.9);
}

/*　テキストエリア　
::selection {
  background: #ffeb32;}*/