/* CSS Document */
*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box; height:100%;
}
body{ background:#fff; height:100%; color:#221814; position:relative;}
a{ color:#221814;}
h1,h2,h3,p{ line-height:1.4em;}
img{ max-width:100%; vertical-align:bottom;}
.sp{ display:none;}
p{ font-size:1.6rem; line-height:2.2em; letter-spacing:0.02em; margin:0 auto; font-weight:400; text-align:left;}
.center{ text-align:center;}

/*トグルボタン*/
#menubtn{
	width:40px;
	height:41px;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 3;
	border:1px solid #7d8488;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-family:Arial, Helvetica, sans-serif;
	}
header #menubtn{display:none;}

#menubtn #menubtn_line{
    width: 40px;
    height:40px;
    position: absolute;
    top: 0px;
    right: 0px;
	
}
#menubtn #menubtn_line span {
    display: block;
    background: #7d8488;
    width:   23px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menubtn p{color:#fff; position:absolute; bottom:3px; left:8px;}
#menubtn #menubtn_line span:first-child {
    top: 12px;
}
#menubtn #menubtn_line span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menubtn #menubtn_line span:last-child {
    bottom: 12px;
}
#menubtn.active #menubtn_line span:first-child {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}
#menubtn.active #menubtn_line span:nth-child(2) {
    opacity: 0;
}
#menubtn.active #menubtn_line span:last-child {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}


/*ヘッダー*/
header { width:1240px; max-width:95%; margin:0 auto; padding-top:30px; position:relative; padding:50px 0 15px; display: flex; justify-content: space-between; }
header .logo{ width:200px; font-size:1.4rem; line-height:1.2em; font-weight:500; text-align:left;}
header .logo img{ width:130px; margin-bottom:5px;}
header .nav_wrap{ }
header nav { width:950px; margin:50px auto 0; letter-spacing:0.05em;}
header ul.nav { display: flex; justify-content: right; align-items: flex-end;}
header ul.nav li{  font-size:1.3rem; line-height:1.4rem; padding:5px 15px; font-weight:500;}
header ul.nav li.contact_btn{ width:110px; font-size:1.6rem; line-height:1.2em; vertical-align:middle; padding:8px 15px 12px; background:#F0892B; color:#fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius:20px; }
header ul.nav li.contact_btn a{  color:#fff}
header ul.nav li span{ font-size:1.6rem; display:block; font-family: 'Noto Sans JP', serif; margin-bottom:5px;}
header .tel{ width:260px; font-size:2.8rem; line-height:1.2em; max-width:30%;}

#navi_toggle{ width:100%; display:none; background:rgba(255,255,255,0.9); padding:30px; position:absolute; right:0; top:0; z-index:2; box-sizing: border-box;}
#navi_toggle ul{ margin:60px 0 0 0; font-weight: 900;}
#navi_toggle ul li{ font-size:1.4rem; margin:0px 0 30px; padding:3px 5px 2px 3px; text-align:left;}
#navi_toggle ul li span{ padding-left:10px;}


/*フッター*/
#footer_wrap { width:100%; max-width:100%; margin:0 auto; padding:40px 0; background:#3E3735; color:#fff;}
#footer_wrap a{ color:#fff;}
footer{ width:1200px; max-width:95%; margin:50px auto; overflow:hidden; display:flex; justify-content: space-between; flex-wrap: wrap; text-align:left; }
footer .left_box{ width:70%; padding:0 0 0 25px; margin:0;}
footer .left_box .logo{ width:250px; max-width:50%; margin-bottom:40px; font-size:1.4rem; line-height:1.2em; font-weight:500;}
footer .left_box .logo img{ width:130px; margin-bottom:5px;}
footer .left_box img.logo{ width:130px;}
footer .left_box h2{ width:130px; margin-bottom:10px; font-size:1.8rem; line-height:1.2em; font-weight:bold;}
footer .left_box h2 span{ font-size:1.2rem; line-height:1.2em; text-align:right; display:block;}
footer .left_box p{font-size:1.4rem; line-height:1.4em; font-weight:500;}
footer .left_box .tel{ font-size:1.4rem;  padding-left:20px; position:relative; margin-top:10px;}
footer .left_box .tel:before{ content:""; width:20px; height:20px; position:absolute; left:0; top:-3px; background:url(../images/tel.png) no-repeat; background-size:cover;}
footer .left_box ul{ margin:40px 0; font-size:1.4rem; line-height:1.4em; letter-spacing:0.1em;}
footer .left_box ul li{ text-align:left; padding:5px 0;}
footer .left_box ul li span{ display:inline-block; width:160px; text-align:left; padding:5px 25px 5px 0; font-family:Roboto ,serif;}
footer .left_box ul li.contact_btn{ margin-top:20px; width:110px; text-align:center; font-size:1.6rem; line-height:1.2em; vertical-align:middle; padding:8px 15px 12px; background:#F0892B; color:#fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius:20px; }

footer .right_box{ width:30%; font-size:1.4rem; line-height:1.2em; padding:0; }

footer .right_box ul.sns_nav { display:flex; justify-content:left; flex-wrap:wrap;}
footer .right_box ul.sns_nav li{ width:35px; margin-right:15px;}



/*共通*/
h1.title{ font-size:1.6rem; line-height:1.4em; text-align:center; margin:100px auto 60px;}
h1.title span{ font-size:3.8rem; line-height:1.4em; text-align:center; display:block;  font-family:Roboto ,serif; font-weight:700;}
.col_box{display:flex; justify-content:center; flex-wrap:wrap;}
.image_title{ position:relative;}
.image_title h1{ position: absolute; left:50%; top:50%;  transform: translate(-50%,-50%); margin:0;}



.btn_area{ width:100%; display:flex; justify-content:right; flex-wrap:wrap;}
:is(.more_btn , .contact_btn2){
	max-width:100%;
	padding: 15px 50px 15px 20px;
    color: #fff;
    text-decoration: none;
    outline: none;
	font-size:1.4rem;
    margin:50px 10px 20px 10px;
	cursor:pointer;
	border:1px solid #003B82;
	position:relative;
	font-family: "Roboto ", sans-serif;
	text-align:center;
	letter-spacing:0.05em;
	background:#3E3735;
	
}


:is(.more_btn , .contact_btn2)::after{
	content:"→";
	position: absolute;
    top:50%;
    right:15px;
	transform: translate(-50%, -50%);
	transition:0.3s;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight:500;

}


:is(.more_btn , .contact_btn2):hover::after{
    right:5px;
	 transition:0.3s;
}


/* pagination */
.pagination {
  margin: 30px auto;
  font-size:1.6rem;
}

/* リンクの枠 */
.pagination .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

 /* 数字のリンク */
.pagination .nav-links .page-numbers {
  text-decoration: none;
  color: #333;
  display: inline-block;
  padding: 0.7em 0.7em;
  margin:0 2px;
  -webkit-transition: .3s;
  transition: .3s;
  border:1px solid #666;
}
.pagination .nav-links .page-numbers.dots{ border:none;}
/* 現在のページ */
.pagination .nav-links .current {
	background:#eee;
}

/* 現在のページとドット以外にホバーした時 */
.pagination .nav-links a:hover {
	border-bottom:1px solid #333;
} 





/*トップページ*/
:is(#top , #english) .movie{
    position: relative;
	padding-top: 56.25%;
	width: 100%;
	}
:is(#top , #english)  .movie > video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}	

#top .movie img.text{ position:absolute; top:20%; left:10%; max-width:60%;}
#english .text_box{color:#fff; position:absolute; top:50%; left:10%; transform: translate(0%, -50%);}
#english .text_box p{font-size:clamp(2.2rem, 1.5056rem + 1.58vw, 3.4rem); line-height:1.2em; font-weight:600; padding-bottom:20px;}


#top .sec1 { width:900px; max-width:95%; margin:80px auto;}
#top .sec1 h1{ width:300px; color:#fff; background:#494645; padding:15px 20px 5px 40px; border-radius: 10px 10px 0 0; position:relative; margin-top:30px; font-family:Roboto ,serif; font-weight:700;}
#top .sec1 h1:before{ content:""; width:20px; height:20px; background:url(../images/search_icon.png) no-repeat; background-size:cover; position:absolute; left:15px ; top:15px;}
#top .sec1 .search_box_wrap{ background:#494645; padding:10px 15px; color:#fff; font-size:1.6rem; line-height:1.2em;}
.search_box1{}
.vkfs__label-name{ font-size:1.6rem; line-height:1.4em; text-align:left; margin-bottom:10px;}

.vkfs_submit { width:300px;}
.vkfs__labels {
	font-size:1.6rem !important;
}
.vkfs__input-wrap {font-size:1.4rem !important;}
#vkfs_country,#vkfs_industry,#s{ padding:10px;}


.country_search_wrap{ width:500px; max-width:95%; margin:0 auto;}


#top .sec2{ width:1100px; max-width:100%; margin:0 auto;}
#top .company_list{ margin:50px auto;}
#top .company_list .swiper-slide>div{ padding:10px;}
#top .company_list h2{ text-align:left; font-weight:500; font-size:1.6rem; line-height:1.4em; margin:20px auto;}
#top .company_list dl{ width:100%; margin:10px auto; display:flex; justify-content:left; flex-wrap:wrap; align-items: flex-start; font-size:1.6rem; line-height:1.4em;}
#top .company_list dl dt{ width:90px; border:1px solid #5A5A5A; text-align:center; padding:2px; margin:0 0 5px 0; }
#top .company_list dl dd{ width:calc(100% - 120px); text-align:left; padding:2px 10px; margin:0 0 5px 0; text-align:left; }
#top .company_list dl dd span{ padding-right:10px;}
#top .company_list dl dd span.area{ font-size:1.2rem; line-height:1.4em; display:inline-block; padding:2px 7px; background:#ECE9DB; letter-spacing:0.1em; margin-bottom:2px;}

#top .company_list .img_box{
  padding: 33% 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
}



#top .sec3 { background:#E3EDF9; padding:50px 0;}
#top .sec3 .image_title{ width:1200px; max-width:100%; margin:0 auto; padding-top:45.1%; background:url(../images/top_image1.jpg) no-repeat; background-size:cover;}

#top .sec3 .industry_list{ width:1160px; max-width:100%; margin:30px auto; display:flex; justify-content:left; flex-wrap:wrap;}
#top .sec3 .ind_box{ width:365px; background:#fff; padding:20px; margin:10px; box-shadow:3px 3px 3px rgba(204,204,204,0.5); border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; }

#top .sec3 .ind_box h2{ font-size:1.8rem; line-height:1.4em; color:#187FC3; border-bottom:1px solid #ccc; padding:10px 0 8px 50px; text-align:left; position:relative;}
#top .sec3 .ind_box h2 a{ color:#187FC3;}

#top .sec3 .industry_list .ind_box h2:before{ content:""; position: absolute; left:0; bottom:0; width:40px; height:40px;}
#top .sec3 .industry_list .ind_box:nth-of-type(1) h2:before{ content:"";  background:url(../images/top_icon1.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(2) h2:before{ content:"";  background:url(../images/top_icon2.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(3) h2:before{ content:"";  background:url(../images/top_icon3.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(4) h2:before{ content:"";  background:url(../images/top_icon4.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(5) h2:before{ content:"";  background:url(../images/top_icon5.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(6) h2:before{ content:"";  background:url(../images/top_icon6.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(7) h2:before{ content:"";  background:url(../images/top_icon7.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(8) h2:before{ content:"";  background:url(../images/top_icon8.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(9) h2:before{ content:"";  background:url(../images/top_icon9.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(10) h2:before{ content:"";  background:url(../images/top_icon10.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(11) h2:before{ content:"";  background:url(../images/top_icon11.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(12) h2:before{ content:"";  background:url(../images/top_icon12.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(13) h2:before{ content:"";  background:url(../images/top_icon13.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(14) h2:before{ content:"";  background:url(../images/top_icon14.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(15) h2:before{ content:"";  background:url(../images/top_icon15.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(16) h2:before{ content:"";  background:url(../images/top_icon16.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(17) h2:before{ content:"";  background:url(../images/top_icon17.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(18) h2:before{ content:"";  background:url(../images/top_icon18.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(19) h2:before{ content:"";  background:url(../images/top_icon19.svg) no-repeat; background-size:contain; }
#top .sec3 .industry_list .ind_box:nth-of-type(20) h2:before{ content:"";  background:url(../images/top_icon20.svg) no-repeat; background-size:contain; }

#top .sec3 .industry_list .ind_box ul{ margin:30px 10px;}
#top .sec3 .industry_list .ind_box ul li{ font-size:1.6rem; line-height:1.4em; padding:5px; text-align:left;}


#top .sec5 { background:#F2F3F6; padding:10px 0 0;}
#top .sec5 h1{ margin:160px auto;}
#top .sec5 .contents_box{ width:1280px; max-width:90%; padding:50px 30px; margin:30px auto -200px;; background:#fff; display:flex; justify-content:center; flex-wrap:wrap; flex-direction: row-reverse; position:relative; z-index:1;}
#top .sec5 .contents_box .photo{ width:435px; max-width:40%; display:flex; justify-content: center; align-items:center; }
#top .sec5 .contents_box .text_box{ width:680px; max-width:60%; padding:20px;}
#top .sec5 .contents_box .text_box p{ padding:10px 0;}
#top .sec5 .orange_area{ background:#F0892B; width:100%; height:350px;}


#news_list{ width:1100px; margin:0 auto 100px; max-width:100%; display:flex; justify-content:left; flex-wrap:wrap;}
#news_list .news_box{ width:340px; max-width:31%; margin:1%; border:1px solid #C9C9CA;}
#news_list .news_box h2{ font-size:clamp(1.6rem, 1.368rem + 0.53vw, 2rem); width:90%; margin:20px auto; text-align:left;}
#news_list .news_box p{ font-size:1.4rem; line-height:1.6em; width:90%; margin:10px auto 20px;}
 
#news_list .news_box .img_box{
  padding: 33% 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

#news h1.title{ margin:100px auto;}
#news_list .col_box{ justify-content:left;}

#transaction .mainimage{width:100%; padding-top:45.1%; background:url(../images/concept_mainimage.jpg) no-repeat; background-size:cover; position:relative;}
#transaction .mainimage .text_box{ position:absolute; top:35%; right:13%;}
#transaction .mainimage p{  font-size:clamp(1.6rem, 1rem + 0.79vw, 2.4rem); line-height:1.4em; font-weight:600; margin-bottom:30px; text-align:center;}
#transaction .mainimage h1{ font-size:clamp(2rem, 1rem + 1.58vw, 3.4rem); line-height:1.4em; font-weight:600;}
#transaction .sec1{ background:#F2F3F6; padding:150px 0;}
#transaction .sec1 img{ max-width:90%; margin:0 auto;}

#transaction h1{font-size: clamp(2rem, 1.6368rem + 1.14vw, 3rem); font-weight:600;}
#transaction .sec2{ width:1000px; max-width:90%; margin:0 auto; padding:100px 0;}
#transaction .sec2 h1{ margin:150px auto;}
#transaction .sec2 h1 span{ display:block; font-size:clamp(1.6rem, 1.368rem + 0.53vw, 2rem); margin-top:15px;}

#transaction .sec3{ background:#E3EDF9; padding:100px 0;}
#transaction .sec3 h1{ margin:100px auto;}
#transaction .sec3 ul{ width:760px; max-width:95%; margin:100px auto;}
#transaction .sec3 ul li{ display:flex; justify-content:left; flex-wrap:wrap; align-items:center; margin-bottom:60px;}
#transaction .sec3 ul li .logo{ text-align:center; width:282px;}
#transaction .sec3 ul li .name{ text-align:left; padding:20px 0 20px 50px; font-size:clamp(1.6rem, 1.368rem + 0.53vw, 2rem);}


#company_archive{ width:940px; max-width:95%; margin:100px auto; text-align:left;}
#company_archive .sec1{ margin-bottom:60px;}
#company_archive .sec1 h1.m_title{ font-size:clamp(2.0rem, 1.4672rem + 1.11vw, 2.8rem); line-height:1.6em; font-weight:500; border-bottom:1px solid #DCDCDD; margin:100px auto 50px; padding:0 20px;}
#company_archive .sec1 p{ padding:0 20px;}


.company_box{ width:940px; max-width:100%; border:1px solid #DCDCDD; padding:40px; margin:50px auto 30px; background:#fff;}
.company_box .main_data_wrap{ display:flex; justify-content: left; flex-wrap:wrap; align-items: center;}
.company_box .main_data_wrap .left_box { width:260px; max-width:30%;}
.company_box .main_data_wrap .left_box .img_box{ width:100%; padding-top:66%; background-size:contain; background-repeat:no-repeat; background-position:center center;}


.company_box .main_data_wrap .right_box{ width:580px; max-width:70%;}
.company_box .main_data_wrap .right_box .country{ width:250px; text-align:right; margin:0 0 5px auto; font-size:1.6rem; line-height:1.2em; padding:5px 60px 5px 5px; position:relative;}
.company_box .main_data_wrap .right_box .country span { margin-right:10px;}
.company_box .main_data_wrap .right_box .country span:before{ content:""; width:45px; height:30px; position:absolute; right:0; bottom:0;}
.company_box .main_data_wrap .right_box .country .c_101:before{ background:url(../images/kokki/101.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_102:before{ background:url(../images/kokki/102.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_201:before{ background:url(../images/kokki/201.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_202:before{ background:url(../images/kokki/202.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_203:before{ background:url(../images/kokki/203.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_204:before{ background:url(../images/kokki/204.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_205:before{ background:url(../images/kokki/205.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_206:before{ background:url(../images/kokki/206.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_207:before{ background:url(../images/kokki/207.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_208:before{ background:url(../images/kokki/208.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_209:before{ background:url(../images/kokki/209.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_210:before{ background:url(../images/kokki/210.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_211:before{ background:url(../images/kokki/211.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_212:before{ background:url(../images/kokki/212.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_213:before{ background:url(../images/kokki/213.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_214:before{ background:url(../images/kokki/214.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_215:before{ background:url(../images/kokki/215.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_216:before{ background:url(../images/kokki/216.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_217:before{ background:url(../images/kokki/217.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_218:before{ background:url(../images/kokki/218.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_219:before{ background:url(../images/kokki/219.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_220:before{ background:url(../images/kokki/220.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_221:before{ background:url(../images/kokki/221.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_222:before{ background:url(../images/kokki/222.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_223:before{ background:url(../images/kokki/223.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_224:before{ background:url(../images/kokki/224.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_225:before{ background:url(../images/kokki/225.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_226:before{ background:url(../images/kokki/226.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_227:before{ background:url(../images/kokki/227.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_302:before{ background:url(../images/kokki/302.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_303:before{ background:url(../images/kokki/303.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_304:before{ background:url(../images/kokki/304.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_305:before{ background:url(../images/kokki/305.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_306:before{ background:url(../images/kokki/306.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_307:before{ background:url(../images/kokki/307.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_308:before{ background:url(../images/kokki/308.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_309:before{ background:url(../images/kokki/309.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_310:before{ background:url(../images/kokki/310.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_311:before{ background:url(../images/kokki/311.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_312:before{ background:url(../images/kokki/312.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_313:before{ background:url(../images/kokki/313.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_314:before{ background:url(../images/kokki/314.png) no-repeat; background-size:cover;}
.company_box .main_data_wrap .right_box .country .c_315:before{ background:url(../images/kokki/315.png) no-repeat; background-size:cover;}







.company_box .main_data_wrap .right_box .main_data{ border-bottom:1px dotted #5A5A5A; border-top:1px dotted #5A5A5A; padding:20px;}

.company_box .main_data_wrap .right_box .main_data .industry{ font-size:1.6rem; line-height:1.2em; font-weight:500; color:#187FC3; padding:5px 5px 5px 40px; position:relative;}
.company_box .main_data_wrap .right_box .main_data .industry:before{ content:""; width:30px; height:30px; position:absolute; left:0; bottom:0;}


.company_box .main_data_wrap .right_box .main_data .industry.ind_1:before{ background:url(../images/top_icon1.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_2:before{ background:url(../images/top_icon2.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_3:before{ background:url(../images/top_icon3.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_4:before{ background:url(../images/top_icon4.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_5:before{ background:url(../images/top_icon5.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_6:before{ background:url(../images/top_icon6.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_7:before{ background:url(../images/top_icon7.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_8:before{ background:url(../images/top_icon8.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_9:before{ background:url(../images/top_icon9.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_10:before{ background:url(../images/top_icon10.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_11:before{ background:url(../images/top_icon11.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_12:before{ background:url(../images/top_icon12.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_13:before{ background:url(../images/top_icon13.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_14:before{ background:url(../images/top_icon14.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_15:before{ background:url(../images/top_icon15.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_16:before{ background:url(../images/top_icon16.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_17:before{ background:url(../images/top_icon17.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_18:before{ background:url(../images/top_icon18.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_19:before{ background:url(../images/top_icon19.svg) no-repeat; background-size:contain;}
.company_box .main_data_wrap .right_box .main_data .industry.ind_20:before{ background:url(../images/top_icon20.svg) no-repeat; background-size:contain;}



.company_box .main_data_wrap .right_box .main_data h1.c_name{ font-size:clamp(1.6rem, 1.368rem + 0.53vw, 2rem); line-height:1.2em; font-weight:500; margin:30px auto 20px;}
.company_box .main_data_wrap .right_box .main_data p{ font-size:1.4rem; line-height:1.6em; }
.company_box .main_data_wrap .right_box .main_data dl{ margin:10px 0 0; font-size:1.4rem; line-height:1.4em; display:flex; justify-content:left; flex-wrap:wrap;}
.company_box .main_data_wrap .right_box .main_data dl dt{ width:60px; background:#3E3735; color:#fff; padding:2px 3px; text-align:center; margin-bottom:5px;}
.company_box .main_data_wrap .right_box .main_data dl dd{ width:calc(100% - 60px); padding:2px 10px; margin-bottom:5px;}
.company_box .main_data_wrap .right_box .main_data dl dd a{ text-decoration:underline; margin-right:10px;}

.company_box .main_data2 h2{ background:#F0892B; display:inline-block; color:#fff; font-size:1.4rem; line-height:1.4em; padding:5px 20px; text-align:center; margin-bottom:-15px; position:relative; z-index:1;}
.company_box .main_data2 p{ width:100%; background:#FBFAFA; padding:30px; font-size:1.4rem; line-height:2em;}
.company_box .main_data2 { width:100%; margin:30px auto 10px;}

#company_detail{ margin:100px auto; text-align:left;}
#company_detail .sec1 { width:940px; max-width:95%; margin:30px auto;}
#company_detail .sec1 h1.m_title{ font-size:clamp(2.0rem, 1.4672rem + 1.11vw, 2.8rem); line-height:1.6em; font-weight:500; background:#FBEDE2; margin:100px auto 50px; padding:20px 50px;}
#company_detail .sec1 p{ padding:0 20px;}
#company_detail .sec2{ background:#F9FAFA; padding:50px 0;}


#company_detail .sec3{ width:940px; max-width:95%; margin:30px auto;}
#company_detail .sec3 h2{ font-size:clamp(1.6rem, 1.3552rem + 0.56vw, 1.8rem); font-weight:500; padding:3px 20px; letter-spacing:0.05em; line-height:1.4em; border-bottom:4px solid #DCDCDD; position:relative; margin:60px auto 30px;}
#company_detail .sec3 h2:before{ content:""; width:365px; background:#F0892B; height:4px; position:absolute; left:0; bottom:-4px;}
#company_detail .sec3 dl{ width:680px; max-width:90%; margin:5%; font-size:1.4rem; line-height:1.4em; display:flex; justify-content: space-between; flex-wrap:wrap;}
#company_detail .sec3 dl dt{ width:calc(100% - 150px); padding:10px 10px 10px 20px;}
#company_detail .sec3 dl dd{ width:150px; padding:10px 10px;}
#company_detail .sec3 p{ padding:0 30px;}

#company_detail .sec3 dl dt:nth-of-type(2n),#company_detail .sec3 dl dd:nth-of-type(2n){ background:#F9FAFA;}
#company_detail .c_video{ width:500px;}



:is(#contact , #thanks) .sec1{ width:1000px; max-width:90%; margin:60px auto 100px; font-size:1.6rem; line-height:1.6em;}
#contact p{ text-align:center;}

#contact dl{ width:900px; max-width:100%; margin:50px auto; display:flex; justify-content: space-between; flex-wrap:wrap; text-align:left;}
#contact dl dt{ width:280px; padding:20px 10px 20px 20px; border-bottom:1px solid #CCC;}
#contact dl dd{ width:calc(100% - 280px); padding:20px 20px 20px 10px; border-bottom:1px solid #CCC;}
#contact dl dd input,#contact dl dd textarea,#contact dl dd select{ background:#F7F7F5; padding:15px 10px; width:100%; border:none; font-size:1.6rem; line-height:1.4em;}
#contact dl dd.radio input{ width:auto;}
#contact dl dt span.must{  color:rgba(255,0,0,1); padding:0px 5px;}

#contact .privacy_check{ width:100%; margin:20px auto 40px; text-align:center;}
#contact .privacy_check a{ text-decoration:underline;}
#contact p.check{ text-align:center; margin:40px auto;}
/*:is(#contact , #thanks) .step_wrap{ width:900px; max-width:100%; margin:0 auto; display:flex; justify-content:left; flex-wrap:wrap; border:1px solid #eae7db;}
:is(#contact , #thanks) .step_wrap div{ width:33.3%; padding:10px; font-size:1.6rem; line-height:1.4em; border-right:1px solid #eae7db;}
:is(#contact , #thanks) .step_wrap div:last-child{ border:none;}
:is(#contact , #thanks) .step_wrap div.act{ background: #F7F7F5;}
*/#thanks p{ width:800px; max-width:100%; padding:50px 0; line-height:2em;}
#thanks h1.title{line-height:1.8em; }

#contact .btn_wrap{ width:550px; max-width:100%; margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap;}
#contact .back_btn,#contact .send_btn,#contact .confirm_btn{width:180px; margin:10px 20px;}
#contact .confirm_btn{ margin:10px auto;}
#contact .back_btn input{ width:180px; background:#ccc; padding:15px; border:none; font-size:1.6rem; line-height:1.6em;  color:#fff;}
#contact .back_btn input:hover{ background:#666666;}
#contact .send_btn input,#contact .confirm_btn input{ width:180px; display:block; background:#797974; padding:15px; border:none; font-size:1.6rem; line-height:1.6em;  color:#fff; cursor:pointer; }
#contact .send_btn input:hover ,#contact .confirm_btn input:hover{ background:#333333;}


#news { width:1000px; max-width:90%; margin:0 auto; }
#news article{ margin:50px auto;}
#news h2{ font-size:clamp(2.0rem, 1.4672rem + 1.11vw, 2.8rem); line-height:1.4em; padding:15px 25px; text-align:left; margin-bottom:10px;}
#news p{ width:90%; margin:10px auto; letter-spacing:0.05em;}
#news p.date{ text-align:right;}
#news .image{ margin:0px auto 30px;}





.gmap {
position: relative;
width:800px;
padding-bottom: 50%;
height: 0;
overflow: hidden;
max-width:100%;
margin:0 auto;
border:1px solid #CCCCCC;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

 
 
 
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


#privacy { width:800px; max-width:90%; margin:60px auto;}
#privacy h2{ max-width:100%; font-size:1.8rem; line-height:1.4em; margin:30px auto 16px; font-weight:500; text-align:left;}
#privacy h3{ max-width:100%;  font-size:1.6rem; line-height:1.6em; margin:0 auto 5px; text-align:left;}
#privacy p{ max-width:100%; font-size:1.4rem; line-height:2em; margin-bottom:20px;}
#privacy .sec1 section{ margin-bottom:60px;}


#contact{ width:800px; max-width:90%; margin:60px auto 100px;}
#contact p{ font-size:1.4em; line-height:3em; }












@media screen and (max-width: 1160px){
#top .sec3 .industry_list{ justify-content:center;}
#top .sec5 h1{ margin:100px auto;}
#top .sec5 .contents_box{ padding:30px; margin:30px auto -100px; display:block; flex-direction: row-reverse; position:relative; }
#top .sec5 .contents_box .photo{ width:900px; margin:0 auto; max-width:95%; display:block; text-align:left;}
#top .sec5 .contents_box .photo img{ width:415px; max-width:100%;}
#top .sec5 .contents_box .text_box{ width:900px; margin:0 auto; max-width:95%; padding:0px;}
#top .sec5 .orange_area{ background:#F0892B; width:100%; height:200px;}

}


@media screen and (max-width:1016px){
header .nav_wrap{ display:none;}
header #menubtn{ display:block;}


}
@media screen and (max-width: 900px){
#transaction .mainimage .text_box{top:30%; right:7%;}
#transaction .mainimage p{ margin-bottom:20px;}	

}
@media screen and (max-width: 780px){
}
/*767以下 ipadを含まない*/
@media screen and (max-width: 767px){
.spno{ display:none;}
#transaction .sec3 ul{ width:340px; max-width:95%; margin:80px auto;}
#transaction .sec3 ul li{ display:block; margin-bottom:30px;}
#transaction .sec3 ul li .logo{ text-align:left; width:100%;}
#transaction .sec3 ul li .name{ text-align:left; padding:20px 0 20px 0;}
#transaction .sec2 h1{ margin:50px auto;}
#transaction .sec3 h1{ margin:50px auto;}
#transaction .sec3{  padding:80px 0;}

#news_list .news_box{ width:340px; max-width:48%; margin:1%; border:1px solid #C9C9CA;}

#contact dl{ width:900px; max-width:100%; margin:50px auto; display:block; }
#contact dl dt{ width:100%; padding:20px 20px 10px 20px; border-bottom:none;}
#contact dl dd{ width:100%; padding:10px 20px 20px 20px; border-bottom:1px solid #CCC;}


}





/*600以下 */
@media screen and (max-width: 600px){
#transaction .mainimage{padding-top:45%; padding-bottom:30px;}
#transaction .mainimage .text_box{ position:relative; padding:30px 10px; background:rgba(255,255,255,0.7); top:auto; right:auto; }
#transaction .sec2,#transaction .sec3{ padding:50px 0;}








#footer_wrap{ padding:30px 0;}

footer .left_box{ width:95%; padding:0; margin:0 auto;}
footer .left_box .logo{max-width:80%;}
footer .right_box{ width:100%;}
footer .left_box ul li span{ padding: 5px 10px; width: 130px;}
}

/*560以下 */
@media screen and (max-width: 560px){
header .logo{ margin:15px auto 10px 15px; max-width:60%;}
.company_box .main_data_wrap{ display:block;}
.company_box .main_data_wrap .left_box { width:400px; max-width:100%; margin:40px auto;}
.company_box .main_data_wrap .right_box{ width:100%; max-width:100%;}

#news_list{ max-width:100%; display:block;}
#news_list .news_box{ width:400px; max-width:100%; margin:0 auto 10px; border:1px solid #C9C9CA;}





/*グーぐるマップ*/
.gmap {
position: relative;
width:480px;
padding-bottom: 70%;
height: 0;
overflow: hidden;
max-width:100%;
margin:0 auto;
border:1px solid #CCCCCC;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	
}
/*414以下 iphone縦*/
@media screen and (max-width: 414px){
	
.spno2{ display:none;}
#company_detail .sec1 h1.m_title{ margin:50px auto 30px; padding:20px 30px;}
#company_detail .sec3 dl{ max-width:100%; margin:0%;  display:block; }
#company_detail .sec3 dl dt{ width:100%; padding:10px 5px 10px 10px; border-bottom:1px solid rgba(204,204,204,0.6);background:#F9FAFA;}
#company_detail .sec3 dl dd{ width:100%; padding:10px 10px;}
#company_detail .sec3 dl dd:nth-of-type(2n){ background:none;}
.company_box{  padding:20px; margin:30px auto 20px;}







}