@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:15px; } }@media screen and (max-width: 1200px) { html{font-size:14px; } }@media screen and (max-width: 1024px) { html{font-size:13px; } }@media screen and (max-width: 768px) {  html{font-size:12px; } }@media screen and (max-width: 480px) {  html{font-size:11px; } }a,a:visited,a:active { color:rgba(0,33,68,1.00)}a:hover { color:rgba(4,202,255,1.00)}
/* css setting */
/*デフォルト*/
a   {
text-decoration:none;
}

.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}





/* === フォーム部分追加(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(0.9) !important;
}
}

.tk_flex{padding:1rem 0rem;}


/*　———　TOP - コピー　———　*/
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}

@media screen and (max-width: 1024px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 768px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 480px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}



/*　==============================　ABOUT　==============================　*/
/*　【A】　*/
.about-img-space{padding-top: 35rem;}
@media screen and (max-width: 498px) {
.about-img-space{
padding-top: 24rem;
margin: 0rem 2rem 0rem 2rem;
}
}
/*　--------------------　特長ボックス　--------------------　*/
.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: -30rem 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: 0 auto;
background-color: #666666;
color: #000000;
max-width: 400px;
width: 100%;
height: 400px;
font-size:2.5rem;
}
.about_pickup_item span{
font-size: 1.75rem;
line-height: 1.5rem;
}
@media screen and (max-width: 968px) {
.about_pickup_box{
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
height: 300px;
}
}
@media screen and (max-width: 768px) {
.about_pickup_box{
margin: -30rem 0rem 3rem 2rem;
}
}
@media screen and (max-width: 498px) {
.about_pickup_box{
margin: -6.5rem 0rem 0rem 0rem;
}
.about_pickup_item{
margin: 0rem 0rem 0rem 0rem;
padding: 1.5rem 0rem 1rem 0rem;
height: 120px;
width: 70%;
}
}
/*　--------------------　ボックス　--------------------　*/
.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(25% - 10px);
background-color: rgba(255,255,255,1.00);
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;
}
}
.about-sub-ttlA{
position: relative;
margin-top: -2rem;
}
.about-sub-ttlA span{
display: inline-block;
background-color: #666666;
padding: 1rem 2rem;
}
.about-sub-ttlB span{
display: inline-block;
box-sizing: border-box;
border: 1px solid #666666;
padding: 1rem 2rem;
}
/*　--------------------　リスト　--------------------　*/
.about-tb-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%;
border-bottom:1px solid #E2E8F0;
}
.tb-border-n{
border:none!important;
}
.about-tb-contents dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
font-size:0.9rem;
letter-spacing:0.2rem;
width: calc(100% - 40px - 1rem);
}
.about-tb-contents dd{
text-align: right;
padding: 1rem 0rem 1rem 1rem;
width: 40px;
}
@media screen and (max-width: 768px){
.about-tb-contents {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.about-tb-contents dt {
font-weight: bold;
letter-spacing:0.1rem;
}
.about-tb-contents dd {
font-size: 1rem;
border: none;
}
}

/*　==============================　BUSINESS A　==============================　*/
.businessA-mainImg{padding-top: 32rem;}
.businessA-detail{margin: -6rem 2rem 4rem 2rem;}
@media screen and (max-width: 498px) {
.businessA-mainImg{padding-top: 24rem;}
}

/*　==============================　FACILITY A　==============================　*/
.facilityA-tb{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.facilityA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.facilityA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.facilityA-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%;
}
.facilityA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 300px;
}
.facilityA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 300px - 4rem);
}
@media screen and (max-width: 768px){
.facilityA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.facilityA-tb li{
width: 100%;
}
.facilityA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.facilityA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.facilityA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　==============================　WORKS A　==============================　*/
.worksA-tb-img 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%;
border-bottom:1px solid #cfcfcf;
}
.worksA-tb-img li:last-child dl{
border:none!important;
}
.worksA-tb-img li dl dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
letter-spacing:0.2rem;
width: 80px;
}
.worksA-tb-img li dl dd{
color: #000000;
text-align: left;
padding: 1rem 0rem 1rem 1rem;
width: calc(100% - 80px - 1rem);
}
@media screen and (max-width: 768px){
.worksA-tb-img li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-img li dl dt {
font-weight: bold;
padding: 1rem 0 0.3rem 0;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-img li dl dd {
font-size: 1rem;
padding: 0rem 0 1rem 0;
border: none;
width: 100%;
}
}

.worksA-tb-tx{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.worksA-tb-tx li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.worksA-tb-tx li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.worksA-tb-tx 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%;
}
.worksA-tb-tx li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-size:0.9rem;
font-weight: normal;
color:#000000;
letter-spacing:0.2rem;
width: 180px;
}
.worksA-tb-tx li dl dd:nth-child(2){
font-weight: bold;
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 330px - 4rem);
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: right;
width: 150px;
}
@media screen and (max-width: 768px){
.worksA-tb-tx{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.worksA-tb-tx li{
width: 100%;
}
.worksA-tb-tx li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-tx li dl dt {
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-tx li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem!important;
padding: 0rem 0rem 0rem 0rem!important;
width: 100%!important;
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: left;}
}



/*　==============================　FLOW A　==============================　*/
.flowA-mainImg{padding-top: 20rem;}
@media screen and (max-width: 498px) {
.flowA-mainImg{padding-top: 17.5rem; margin:1rem 1rem 0rem 1rem;}
}
.flowA-bgImg {padding-top: 50vh;}
@media screen and (max-width: 480px){
.flowA-bgImg {padding-top: 40vh;}
}

/*　▼　*/
.flowA-sankaku  {
width: 0;
height: 0;
border: 1rem solid transparent;
border-top: 1rem solid #194265;
margin: 0 auto;
padding:0;
}
.flowA-sankaku-color {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #194265;
margin: 0 auto;
padding:0 0 1rem 0;
}

.flowA-sankaku-beige {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #c9c9c9;
margin: 0 auto;
padding:0 0 1rem 0;
}

/*　==============================　COMPANY　==============================　*/
/*　----------　アンカーボタン　----------　*/
.color_btn .fs_btn_text_main {
font-size:1.4rem;
}
.color_btn .fs_btn_text_sub {
font-size:0.9rem;
}
.color_btn .fs_btn{
line-height: 1.4rem;
background-color: rgba(85,99,105,0.45);
}
.color_btn .fs_btn:hover {
background-color: rgba(85,99,105,0.05);
}
/*　----------　会社概要　----------　*/
.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 20%;
font-weight: bold;
text-align: justify;
color: #7a8e96;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 80%;
}
.cp_line {
border-top:1px solid #ccc;
}


/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}



/*　==============================　RECRUIT　==============================　*/
/*　----------　fix　----------　*/
.rec_bg_m{
position: relative;
z-index: -100;
}
@media screen and (max-width: 768px) {
.rec_bg01{
background-attachment: scroll!important;
}
}


/*　--------------------　採用情報テーブル　--------------------　*/
.outline_table_list{
border-bottom: 2px solid #f6f9fc;
padding: 0 1rem 0.4rem 1rem;
margin: 0rem;
background: #fff;
}
.outline_table_list:last-child{
border: none;
padding-bottom:0rem;
}
.outline_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;
}
.outline_contents dt{
color: #043c78;
padding: 0rem 1rem 0rem 0rem;
width: 140px;
}
.outline_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 140px);
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
text-align: left;
}
.outline_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.outline_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　==============================　STAFF　==============================　*/
.staff_margin_n{
margin-top: -8rem;
}
.qa_q {
color:#0D6FB8;
vertical-align: top;
font-weight: bold; 
}
.qa_a {
padding: 0.5rem 0 3rem 0;
vertical-align: top;
}
@media screen and (max-width: 480px) {
.staff_margin_n{
margin-top: -3rem;
}
}
/*　==============================　INTERVIEW A　==============================　*/
.interviewA-mainImg{padding-top: 27rem;}
.interviewA-subImg{padding-top: 18rem;}
@media screen and (max-width: 498px) {
.interviewA-mainImg{padding-top: 24rem;}
.interviewA-subImg{padding-top: 24rem;}
}
.interviewA-qa-q {color:#666666; vertical-align: top; font-weight: bold;}
.interviewA-qa-a {padding: 0.5rem 0rem 2.5rem 0rem; vertical-align: top;}

/*　==============================　INTERVIEW B　==============================　*/
/*　80%中央寄せ　*/
@media screen and (min-width:1281px) {
.interviewB-w80Center {width: calc(100% - 20%); margin: auto!important;}
}
/*　———　インタビュータイトル回り　———　*/
.interviewB-tittleEn{font-size: 1.2rem; margin-bottom: 1rem!important;}
.interviewB-tittleEn:before{content: ""; display: inline-block; top: -0.4rem; position: relative; width: 2rem; height: 1px; background-color: #ffffff; margin: 0rem 1rem 0rem 0.2rem; box-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
.interviewB-tittleSpace{text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
@media screen and (min-width:769px) {
.interviewB-tittleSpace{ font-size:2.4rem; padding: 28rem 0rem 7rem 2rem ;}
}
@media screen and (max-width:768px) {
.interviewB-tittleSpace{  font-size:2rem; padding: 22rem 0rem 7rem 2rem !important;}
}
@media screen and (max-width:480px) {
.interviewB-tittleSpace{ font-size:2rem; padding: 23rem 0rem 6rem 2rem !important;}
}
.interviewB-subImg{padding: 10rem 0rem; margin-bottom: 1rem;}

.interviewB-detail{margin:-5rem 1rem 0rem 1rem; padding:0rem 1rem 0rem 1rem; background-color:#ffffff;}
@media screen and (max-width:480px) {
.interviewB-detail{padding:0rem;}
}

/*　==============================　GUIDELINE A　==============================　*/
.guidelineA-tb{
background-color: #f2f2f2;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.guidelineA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.guidelineA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.guidelineA-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%;
}
.guidelineA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 200px;
}
.guidelineA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 200px - 4rem);
}
@media screen and (max-width: 768px){
.guidelineA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.guidelineA-tb li{
width: 100%;
}
.guidelineA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.guidelineA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}


/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color: #999;
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: #0D6FB8!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%;
}
}

/*　==============================　ページタイトル共通設定　==============================　*/
.page-ttl span{
display: ineline-block;
font-size: 1.2rem;
font-weight: bold;
}
.page-ttl-ja{padding: 5rem 2rem 0rem 2rem;font-size:4.5rem; color:#0D6FB8;}
.page-ttl-en{padding: 0rem 2rem 10rem 2rem;font-size:1.2rem; color:#0D6FB8;}
@media screen and (max-width: 820px) {
.page-ttl-ja{padding: 4rem 2rem 0rem 2rem; line-height: 3.5rem;}
.page-ttl-en{padding: 0rem 2rem 2rem 2rem;}
}


.page-dwon-ttl-en{padding: 0rem 2rem 5rem 2rem; font-size:1.2rem; color:#0D6FB8;}
@media screen and (max-width: 480px) {
.page-dwon-ttl-en{padding: 1rem 2rem 4rem 2rem}
}

.info-ttl-ja{padding: 5rem 2rem 5rem 2rem;font-size:4.5rem; color:#0D6FB8;}
@media screen and (max-width: 820px) {
.info-ttl-ja{padding: 4rem 2rem 4rem 2rem; line-height: 3.5rem;}
}


/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/


/*　==============================　ヘッダー部分　==============================　*/
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #969696;
}
.fat-nav{
background: rgba(45, 55, 60, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #00469b;
}

/*　Fatnaviフィックス　*/
#topfix-A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfix-B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}

/*　==============================　フッター部分　==============================　*/
/*　フッターロゴに関する設定　*/
@media screen and (min-width: 1201px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 1200px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 480px) {
.f-logo {padding: 4rem 0rem 0rem 2rem;}
.f-logo img {max-width:155px;}
}


/*　サイトマップ　*/
.sitemap-table{
width:100%;
padding-bottom:1rem;
}
.sitemap-table li{display: flex; flex-direction: row; }
.sitemap-table dl:nth-child(1){width: 40%; padding:0 2vh 2vh 2vh;}
.sitemap-table dl:nth-child(2){width: 30%; padding:0 2vh 2vh 2vh;}
.sitemap-table dl:nth-child(3){width: 30%; padding:0 2vh 2vh 2vh;}


@media screen and (max-width: 768px) {
.sitemap-table li{display: flex; flex-direction: column; }
.sitemap-table dl:nth-child(1){width: 85%; padding:2vh 2vh 2vh 2rem; border-bottom:1px solid #E2E8F0;}
.sitemap-table dl:nth-child(2){width: 85%; padding:2vh 2vh 2vh 2rem; border-bottom:1px solid #E2E8F0;}
.sitemap-table dl:nth-child(3){width: 85%; padding:2vh 2vh 2vh 2rem; border-bottom:1px solid #E2E8F0;}
.sitemap-table li a{
flex-flow: row;
display: inline-flex;
}
.sitemap-table .br-sp{
line-height: unset;
}
.sitemap-table li p{
margin-bottom: 0rem;
padding: 0.35rem 0rem 0.35rem 1rem;
}
.sitemap-table li p:nth-child(odd){
background-color: #3c3c3c;
}
}
.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active ,
.f-link a , .f-link a:visited, .f-link a:active  {
color: #666;
}
.sitemap-table a:hover ,
.f-link a:hover{
opacity: 0.5;
transition:0.3s;
}

/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

.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-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;
}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
 transition: all .2s linear;
background-color:rgba(13, 111, 184, 0.7);
}
.rgba-black:hover{
opacity: 0.3;
transition:0.6s;
}
.rgba-black4{
background-color:rgba(0,0,0,0.4);
}
.rgba-staff{
background-color:rgba(0,0,0,0.7);
}
/*　==============================　デフォルト　==============================　*/
.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{
font-family: 'Poppins';
background-color: #0D6FB8;
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: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 820px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 820px){
.sp-br br {display:none;}
}
/*　--------------------　タブレット横時スクロール　--------------------　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.7;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_20 {box-shadow: 4px 4px 6px 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);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
line-height: 1.6;
}
/*　ピックアップボタン　*/
.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: #194265;
color:#fff!important;
}
.btn_pickup .fs_btn:hover{
background-color: rgba(4,202,255,0.9);
}
/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}

/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'Montserrat', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw0aXpsog.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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw2aXpsog.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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw3aXpsog.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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.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;
}

/*　==============================　00)ヘッダーフッダー　==============================　*/

.topLogo-mg{padding:1.5rem 2rem ;}
@media screen and (max-width: 480px) {.topLogo-mg{padding;:2rem 1rem}}



.pegetop_bdrds .fs_btn {border-radius: 2rem 2rem 0 0;}

.btn-wantedly {
    background: linear-gradient(to right, rgba(24,125,221,1) 0%,rgba(4, 202, 255, 1) 100%);
    border-radius: 3rem;
    box-shadow: 0 5px 25px rgba(0,0,0,.15);
    text-align: center;
    text-decoration: none;
    transition: all .2s linear;
    width: auto;
    margin: 0 2rem;
}

.btn-wantedly:hover {
    box-shadow: 0 5px 25px rgba(0,0,0,.30);
}
#fs_block1535 .fsNavMenuList li a{ padding: 1.25rem 1rem;}

.fsNavMenuList li:last-child{ padding: 0.25rem 1.5rem;
background-color:#E7F1F8;
border-radius:2rem;}
/*　==============================　00)home　==============================　*/

.bgcl-A{background-color: #f2f2f2;}
.bgcl-B{background: linear-gradient(90deg, #0D6FB8, #04CAFF);}
.bgcl-C{background-color:#0D6FB8;}
.bgcl-D{background-color:#F3F4F4;}
.bgcl-E{background-color: #f6f9fc;}
.bgcl-F{background-color:#cd324b;}
.bgcl-G{ background-color:#059856;}
.bgcl-W { background-color:#fff;}


.txcl-A{color:#0D6FB8;}
.txcl-B{color:#;}
.txcl-C{color:#;}
.txcl-D{color:#cd324b;}
.txcl-E{color:#059856;}
.txcl-W{color:#fff;}

.etc01_pddg{padding: 5rem 0 5rem 0;}
@media screen and (max-width: 480px) {
.etc01_pddg {    padding: 5rem 0 5rem 0;}}

.grd_HL {  background: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.00) 10%,#fff 10%, #fff 100%) ;}
@media screen and (max-width: 1200px) {.grd_HL { background: #fff; margin:0 1rem;}}


/*▼矢印*/

.top_bs_btn .fs_btn_text{
    position: relative;
    display: inline-block;
   width:90%
}

.top_bs_btn .fs_btn_text::after{
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #0D6FB8;   /* 好みで色を変えてください */  
    border-right: solid 2px #0D6FB8;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -40px;
}

.home_bg_pd { padding:10rem 2rem 10rem 2rem;}
@media screen and (max-width: 480px) {.home_bg_pd {padding: 5rem 2rem;}}


.home_catch_pd{padding:1rem 2rem 2rem 2rem;}
@media only screen and (min-width: 1800px){.home_catch_pd br{display:none;}}
@media screen and (max-width: 920px) {.home_catch_pd{padding:2rem 1rem 2rem 1rem;}}
@media screen and (max-width: 498px) {.home_catch_pd{padding:2rem 2rem 2rem 2rem;}}

.top-txt-size{font-size:3.5rem;}
@media only screen and (max-width: 920px){.top-txt-size{font-size:3rem;}}
@media only screen and (max-width: 680px){.top-txt-size{font-size:2rem;}}
@media only screen and (max-width: 498px){.top-txt-size{font-size:3rem;}}


.piclup-cntnt-btn{ border-radius:2rem;}

.firstbiew_img{margin-top:-5rem;
padding:0 2rem 0 2rem;
position: relative;
z-index:10;}

@media screen and (max-width: 1200px) {
.firstbiew_img{margin-top:0rem;padding:2rem 2rem 0 2rem;}
.img-sp-none {display:none;}}

.none{display:none}

/*　==============================　01)about　==============================　*/
@media screen and (min-width:769px) { .contents_ttl_line {     margin-right: 2rem!important; } }

.about_box{width:100%; display:flex; flex-directioin:row; }
.about_box li{width:50%; padding:1rem 2rem; background:#e7f1f8; margin:5px;}
/*　==============================　02)business　==============================　*/

/*---------work_画像無----------*/
.work_list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;/*左寄せ*/
border-bottom:1px solid #fff;
}
.work_list:last-child{
border: none;
}
.work_list li{
padding: 1.2rem 2rem;/*列のパッディング*/
letter-spacing: 0rem;
line-height: 1.5rem;/*列の文字の高さ*/
}
.work_list li:nth-child(1){
flex: 3;/*左の比率*/
}
.work_list li:nth-child(2){
flex: 3;/*真ん中の比率*/
}
.work_list li:nth-child(3){
flex: 2;/*真ん中の比率*/
}
@media screen and (max-width: 480px) {
.work_list{
flex-direction: initial;
padding: 1rem 0;/*行のマージン下*/
}
.work_list li{
padding: 0rem 2rem ;/*列のパッディング*/
}
}

/*----------ポジションリラティブ----------*/
.pos_rel{position: relative;  }

.work_year_li { display:flex; flex-wrap:wrap;width:100%; font-weight: bold; padding:5rem 0 0;}
.work_year_li li { padding:1rem 0; border-bottom: solid 4px #fff; margin:0 1%; text-align: left;}
.work_year_li i{color:#0D6FB8;}

.work_year_liA{ width:23%;}
.work_year_liB{ width:23%;}
.work_year_liC{ width:23%;}
.work_year_liD{ width:23%;}

.work_yeartop_li { display:flex; flex-wrap:wrap;width:100%; font-weight: bold; }
.work_yeartop_li li { padding:1rem 0; border-bottom: solid 4px #fff; margin:0 1%; text-align: left;}
.work_yeartop_li i{color:#0D6FB8; padding-right:0.5rem;}


.lpbox_bdrds{border-radius:2rem;}


.lpul_subject{display:flex; flex-wrap:wrap;}
.lpul_subject li {width: 45%; padding: 2%; margin: 0.5%; background-color:#E7E3DB;}

@media screen and (max-width: 498px){
.lp_icon_width{width: 120px;  margin: 0 auto;　padding:2rem; }
.lpul_subject li {width: 90%; padding: 2rem;}}


.lptop_pdg{padding:10rem 2rem 5rem 5rem;}

@media screen and (max-width: 1700px){
.lptop_pdg{padding:5rem 2rem 2rem 2rem;}}

@media screen and (max-width: 820px){
.lptop_pdg{padding:3rem 2rem 2rem 2rem;}}

@media screen and (max-width: 498px){
.lptop_pdg{padding:0rem 2rem 2rem 2rem;}}

/*　==============================　03)work　==============================　*/
.top_service_btn .fs_btn_text{
    position: relative;
    display: inline-block;
   width:90%
}

.top_service_btn .fs_btn_text::after{
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #fff;   /* 好みで色を変えてください */  
    border-right: solid 2px #fff;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -40px;
}


.top_serviceB_btn .fs_btn_text{
    position: relative;
    display: inline-block;
   width:90%
}

.top_serviceB_btn .fs_btn_text::after{
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #0D6FB8;   /* 好みで色を変えてください */  
    border-right: solid 2px #0D6FB8;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -40px;
}



.sample {
  margin-top: 4px;
  width: 100%;
}

.sample::part(button) {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 8px;
  color: rgba(0,0,0,0.89);
  display: flex;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 8px 4px 8px 8px;
  width: 100%;
}

.sample::part(button):hover {
  background-color: #F2F2F2;
  cursor: pointer;
}

.sample::part(selected-value) {
  flex-grow: 1;
  text-align: left;
}

.sample::part(listbox) {
  border: none;
  height: 120px;
  margin-top: 8px;
  overflow: auto;
  padding: 8px 4px;
}

.samplelabel {
  font-size: 14px;
  color: rgba(0,0,0,0.36);
  margin: 0 4px;
}

.samplelabel:nth-child(n+2){
  margin-top: 16px;
}

.sampleinner {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, 1fr);
}

option {
  padding: 4px 4px;
  font-size: 16px;
  color: rgba(0,0,0,0.89);
}

.sample option:hover {
  background-color: #EAF3FB;
  border-radius: 4px;
  cursor: pointer;
}

*/プルダウン/*
/*　———　Q&A　———　*/
.service_qa_contents{
margin: 0rem 2rem 1rem 2rem;
}

.service_qa_contents summary{
color: #0D6FB8;
padding: 1rem;
background: rgba(255,255,255,0.6);
margin:0 0 0.5rem 0 ;
}
.service_qa_contents span{
padding: 1rem;
display: block;
border: 1px solid #E7F1F8;
background-color: rgba(255,255,255,1);
font-size:0.8rem;
}

*/.service_qa_contents span:last-child{margin-bottom:2rem;}*/


.btn_A {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    color:#FFFFFF!important;
    background:  #1EA0D2;
    font-weight: bold;
    border-radius: 8px;
}

/*　質問項目　宅配サービスのご案内･採用情報箇所　*/
.bgclolr-qa summary{ transition:0.6s;
border: 1px solid rgba(13, 111, 184, 0.5); } 
.bgclolr-qa summary:hover{background-color:rgba(3, 111, 184,0.1);}


.worklist_table{width:100%;  display:flex; flex-wrap:wrap; background-color:#fff; padding:1.2rem 0;margin-bottom:2rem; color:#194265;}
.worklist_table li{ padding:0.5rem 0 0.5rem 1rem; width:42%;}
.worklist_table i {color:#E7F1F8;}
@media screen and (max-width: 480px) {
.worklist_table li { width:95%;}}

.worklist_img{width:100%;  display:flex; flex-direction:column; }
.worklist_img li{ padding:1.2rem 1rem; border-bottom: solid 2px #fff;}
.worklist_img dl {display:flex; flex-direction:row;}
.worklist_img dt{width:30%;}
.worklist_img dd{width:70%; padding:0 2rem 0 2rem;}

@media screen and (max-width: 480px) {
.worklist_img dl {display:flex; flex-direction:column;}
.worklist_img dt{width:100%;padding-bottom:1rem;}
.worklist_img dt dd{width:100%;padding:0;}}


.ccm-layout-vertical-stretch .ccm-layout-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.ccm-layout-vertical-stretch .ccm-layout-row > .ccm-layout-cell{
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: grid;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

@media screen and (max-width: 498px){
.ccm-layout-vertical-stretch .ccm-layout-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
}


/*　==============================　04)company　==============================　*/
.gdln_li {width:100%; display:flex; flex-direction:row!important; flex-wrap:wrap; }

.gdln_li li{width:100%; padding:2%; margin:0.5%;}
.gdln_li dl{width:100%;display:flex; flex-direction:row;}
.gdln_li dt{width:10%; font-size:3rem;font-family: 'Montserrat';}
.gdln_li dd{font-size:1.2rem; width:90%; flex-direction:column; display:inline-flex;
     border-left: solid 2px;
    border-image: linear-gradient(180deg, #194265 0%, #04CAFF 100%);
    border-image-slice: 1;
    font-weight: bold;
    padding-left: 2rem;}
.gdln_li span{font-size:1rem;padding-top:1rem; font-weight: normal;}


@media screen and (max-width: 480px) {
.gdln_li li{padding: 0 0 2rem 0;margin:0;}

.gdln_li dt {
    width: 10%;
    font-size: 1.3rem;
    font-family: 'Montserrat';}

.gdln_li dd {
    font-size: 1.3rem;
    width: 84%;
    padding-left: 1rem;
     border-left: solid 1px;
}}

.tb-bsnsA{background-color:#f3f4f4;}
.tb-bsns_line{border-bottom: solid 1px #fff; }
.tb-bsns01{width:20%;  padding:1rem 2rem ; }
.tb-bsns02{width:65%;  padding:1rem 2rem ;}
.tb-bsns03{width:15%; padding:1rem 2rem ;text-align: right!important;}

@media screen and (max-width: 498px) {
.tb-bsns01{width:25%;  padding:1rem  ; }
.tb-bsns02{width:45%;  padding:1rem ;}
.tb-bsns03{width:30%; padding:1rem ;}}





/*　==============================　05)policy　==============================　*/

.shadow-boxA{ border-radius: 5rem; background-color:#fff; padding:5rem; margin:1rem;}
@media screen and (max-width: 480px) {.shadow-boxA{ padding:2rem ; border-radius: 2rem; }}

.bdrds-box{ border-radius: 2rem; background-color:#fff; padding:5rem;}

.bg-ttl-blue{border-radius: 0 0 5rem 0;}

/*　==============================　06)rec　==============================　*/
.rec_toppd{padding:20vh 0rem 20vh 30vh ;}
@media screen and (max-width: 480px) {
.rec_toppd{padding:20vh 0rem 20vh 2rem ;}}


.rec01_pddg{padding: 5rem 0 0 0;}
@media screen and (max-width: 480px) {
.rec01_pddg {    padding: 5rem 0 0 0;}}

.rec_area3_L{    padding: 5rem 0 5rem 30vh ;}
@media screen and (max-width: 480px) {
.rec_area3_L {    padding:0 2rem;}}

@media screen and (max-width: 820px) {
.rec_icon img{width: 96px;height:auto;}}


/* === 追加ここから(fujisada) === */
/* スマホの場合切り抜きキャンセル ここから */
@media screen and (max-width: 480px) {
.change_layout .ccm-layout-row .ccm-layout-cell svg image {
    clip-path: none;/* svgの切り抜き止める */
}
}
/* スマホの場合切り抜きキャンセル ここまで */

/* スマホの場合左右入れ替え ここから */
@media screen and (max-width: 480px) {
.change_layout_center .ccm-layout-row {
  display:flex;
  flex-direction: column;/* 縦並び */
}
.change_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(1) {
    order: 2;
}
.change_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(2) {
    order: 1;
}
}
/* スマホの場合左右入れ替え ここまで */

.job_box_bg{background-color:#F3F4F4; padding:2rem; border-radius:0.5rem;}

@media screen and (max-width: 480px) {
.rec_top_img { background-image:none!important;}}


/*　———　採用情報タイトル　タブレット横改行あり　———　*/
@media screen and (min-width: 1200px){
.recsp-br-none br {display:none;}
}


.job_point i {color:#E7F1F8;}


/*　==============================　06-1)intv　==============================　*/

.bg2ton_W {  background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.00) 60%, #fff 60%, #fff 100%);}
.bg2ton_H {  background: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.00) 10%, rgba(246, 249, 252, 1) 10%, rgba(246, 249, 252, 1) 100%);}
.bg2ton_HL {  background: linear-gradient(90deg,rgb(246, 249, 252, 1) 0%, rgba(246, 249, 252, 1) 90%,rgba(0,0,0,0.00) 90%, rgba(0,0,0,0.00) 100%) ;}
@media screen and (max-width: 820px) {.bg2ton_HL {background:#F6F9FC; margin:0 1rem;}
.bg2ton_H {background:#F6F9FC;}}


.arrow-button{
    display: inline-block;
    position: relative;
    width: 100%;
}

.arrow-button::after{
    content: '';
    width: 10px;
    height: 10px;

    border-right: solid 2px #0D6FB8;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 30px;
cursor: pointer;
}

.bgbr-left-W{border-radius: 5rem 0 0 5rem; padding:5rem;}
@media screen and (max-width: 480px) {.bgbr-left-W{ padding:5rem 2rem; }}


/*　==============================　06-2)description　==============================　*/


/*　==============================　07)contact　==============================　*/


/*　==============================　08)information　==============================　*/

.kiji_bdrds_top { border-radius:2rem 2rem 0 0; padding:5rem 5rem 2rem 5rem;}
.kiji_bdrds_txt { padding:2rem 5rem;}
.kiji_bdrds_bottom { border-radius: 0 0 2rem 2rem; padding:0 5rem 2rem 5rem;}

@media screen and (max-width: 480px) {
.kiji_bdrds_top { padding:2rem ;}
.kiji_bdrds_txt { padding:2rem ;}
.kiji_bdrds_bottom { padding:0 2rem ;}
}

.hedder_navi :nth-child(7) {display:none;}

/*　==============================　00)try　==============================　*/


.semicircle-bottom {
	width: 150px;
	height: 75px;
	border: solid 4px #696969;
	border-radius: 0 0 75px 75px; /* 上側を丸める */
	border-top: 0; /* 直線部分を消す */
	margin: 10px;
}

.semicircle-left {
	width: 75px;
	height: 150px;
	border: solid 4px #696969;
	border-radius: 75px 0 0 75px; /* 左側を丸める */
	border-right: 0; /* 直線部分を消す */
	margin: 10px;
}

.semicircle-right {
	width: 75px;
	height: 150px;
	border: solid 4px #696969;
	border-radius: 0 75px 75px 0; /* 右側を丸める */
	border-left: 0; /* 直線部分を消す */
	margin: 10px;
}






/*　———　モーション　———　*/
.fluffy {
  animation: fluffy1 7s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  25% { transform:translateY(20px) }
  50% { transform:translateY(0) }
  75% { transform:translateY(20px) }
  100% { transform:translateY(0) }
}

.topanm_poyo_od{padding-top:15rem;}
@media screen and (max-width: 480px) {
.topanm_poyo_od{padding-top:5rem;}}



.about-bg-circle/*-wrapper*/ {
    width: 100%;
    overflow: hidden;
/*    margin-top: -100vh;
    padding-top: 100vh;*/
position:relative;
/*    z-index: -1;*/
}

.about-bg-circle:before {
/* left: 50%; */
/* top: min(3vw + 437px,500px); */
/* -webkit-transform: translateX(-50%); */
/* transform: translate(-50%,20%); */
 -webkit-transform: translateY(50%);
    -webkit-transform: scaleX(1.5) translateY(0%);
            transform: scaleX(1.5) translateY(20%);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
/*    aspect-ratio: 1.8/1;*/
    background: linear-gradient(90deg, #0D6FB8, #04CAFF);
    border-radius: 50% 50% 0 0;
    content: "";
    display: block;
    position: absolute;
    /*width: min(150vw + 657px,2391px);*/
    width:100%;
/*    height: 75%;*/
    pointer-events: none;
    margin: auto auto 0;
/*    top: -50%;*/
    right: -100%;
    bottom: 0;
    left: -100%;
    z-index: -1;
/*    -webkit-clip-path: polygon(0 -100%, 100% -100%, 100% 100%, 0 100%);
    clip-path: polygon(0 -100%, 100% -100%, 100% 100%, 0 100%);*/
    min-height: 65%;
}

.about-bg-circle {
    position: relative;
    width:100%;
}
@media only screen and (max-width:1200px){
.about-bg-circle:before {
/*    top: 5%;*/
    -webkit-transform: scaleX(1.75) translateY(0%); /* ここを変更する */
    transform: scaleX(1.75) translateY(0%); /* ここを変更する */
}}

@media only screen and (max-width: 500px){
.about-bg-circle:before {    transform: scaleX(2.5) translateY(-6%); /* ここを変更する */}}

@media only screen and (max-width: 498px){
.about-bg-circle:before {
    -webkit-transform: scaleX(2.5) translateY(0%); /* ここを変更する */
    transform: scaleX(2.5) translateY(8%); /* ここを変更する */
/*
    aspect-ratio: 1.5/1;
   top: -100%;
    bottom: -120%;
*/
}}

.home_abtbtn{    z-index: 10;position:relative;}


.showlist {
    position: absolute;
    z-index: 1!important;}

@media only screen and (max-width: 1650px){
.mac_br{text-align: left!important;}
.mac_br br{display:none;}}


/* 吹き出し本体 */
.balloon{
  position: relative;
  padding: 2rem;
  background-color: #E7E3DB;
  display: inline-block;     /* 横幅を自動で変更 */
width:80%;
border-radius:1rem;
}

/* アイコンを右に表示 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #E7E3DB;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* 吹き出し本体 */
.balloon_l{
  position: relative;
  padding: 2rem;
  background-color: #E7E3DB;
  display: inline-block;     /* 横幅を自動で変更 */
width:80%;
left:15px;
border-radius:1rem;
}

/* アイコンを左に表示 */
.balloon_l::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #E7E3DB;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

@media only screen and (max-width: 498px){
.balloon{
top: 15px;
margin-bottom: 1rem;
width:88%;
left:0;}

.balloon::before{
  content: '';
  position: absolute;
  left: 20px;
  top: -30px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #E7E3DB;
  border-left: 15px solid transparent;
marign:auto;
}

.balloon_l{
top: 15px;
margin-bottom: 1rem;
width:88%;
left: 0;}

.balloon_l::before{
  content: '';
  position: absolute;
  left: 20px;
  top: -30px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #E7E3DB;
  border-left: 15px solid transparent;
marign:auto;
}}







.ccm-layout-vertical-stretch .ccm-layout-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.ccm-layout-vertical-stretch .ccm-layout-row > .ccm-layout-cell{
float: none;
display: -webkit-box;
display: -ms-flexbox;
display:grid;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

@media screen and (max-width: 498px){
.ccm-layout-vertical-stretch .ccm-layout-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
}

#imageLightbox-container img {
    height: 20rem;
border:none}

@media screen and (max-width: 820px){
#imageLightbox-container img {
    height: 27rem;
border:none}}



.eco_li li{width:100%; padding:0 0 2% 0; margin:0.5%;}
.eco_li dl{width:100%;display:flex; flex-direction:row;}
.eco_li dt{width:5%; font-size:1.3rem;font-family: 'Montserrat';}
.eco_li dd{font-size:1.2rem; width:95%; flex-direction:column; display:inline-flex;
     border-left: solid 2px;
    border-image: linear-gradient(180deg, #194265 0%, #04CAFF 100%);
    border-image-slice: 1;
    font-weight: bold;
    padding-left: 2rem;}
.eco_li span{font-size:1rem;padding-top:1rem; font-weight: normal;}

@media screen and (max-width: 498px){
.eco_li dt{ width: 15%!important;}
.eco_li dd{ width: 84%;}}


.eco_logo_width{ width:150px; padding:0rem; margin:auto 0!important;}
@media screen and (max-width: 498px){.eco_logo_width{padding: 0 0 2rem 0; width: 120px; margin: 0 auto!important;}}

.lp_red-b-2{
font-size:2rem; 
color:#059856; 
font-weight: bold;
}

