@charset "UTF-8";

/*----------------------------------------------------
 detail.html追従フッターcss180322
----------------------------------------------------*/
#follow-fotter {
	position:fixed;
	bottom:0;
	width:100%;
	/*background:rgba(0,0,0,0.6);*/
	background: rgba(241, 243, 244, 0.8);
	padding:10px;
	z-index:999;
}
.foot-button1 {
    border-radius: 5px;
    padding: 5px 5px;
    text-align: center;
    border: 1px solid #fff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background-color: rgba(255,255,255,0.8);
    color: #000;
    font-weight: bold;
}
.foot-button1 i {
	font-size:24px;
	color:#f2a585;
	position:relative;
	top:1px;
	padding-right:3px;
}
.foot-button2 {
	border-radius:5px;
	text-align:center;
	background:#f2a585;
	font-size:14px;
	color:#fff;
	height:50px;
	display:flex;
	align-items:center;
	justify-content: center;
	font-weight: bold;
}
.foot-button3 {
	border-radius:5px;
	text-align:center;
	background:#fff;
	font-size:14px;
	color:#f2a585;
	border: 2px solid #f2a585;
	height:50px;
	display:flex;
	align-items:center;
	justify-content: center;
	font-weight: bold;
}
.foot-button3 i {
	font-size:24px;
	color:#f2a585;
	position:relative;
	top:1px;
	padding-right:3px;
}

@media screen and (max-width:768px) {
	#follow-fotter a:has(span) {
		flex-direction: column;
	}
	#follow-fotter a > span {
		font-size: 3vw;
		line-height: 1.4em;
	}
	#follow-fotter a.foot-button3 > span { color: #f2a585; }
	#follow-fotter a.foot-button2 > span { color: #fff; }
}



/*----------------------------------------------------
 TOP修正css180130
----------------------------------------------------*/

.btn_top{
padding: 0 0 0 0;
width: 280px;
height: 50px;
line-height: 50px;
font-size: 21px;
font-weight: bold;
text-align: center;
color: #777777;
background: #dadada;
border: 1px solid #dadada;
-webkit-box-shadow: 0 3px 0 #c4c4c4;
-moz-box-shadow: 0 3px 0 #c4c4c4;
box-shadow: 0 3px 0 #c4c4c4;
display: block;
border-radius: 5px;
margin: 0 auto 3px;}


.top-search-box ul .w33{
	width:33.3%;
}


.font13{
	font-size:13px;
}

.fl_text{
	float:left;
	margin-top:2px;
}

	.fl_text2{
		margin-top:-5px;
	}

.clear{
	clear:both;
}
.shikaku{
	float:left;
	margin-right:10px;
}

.white-block {
    margin-top: 30px;
}

.font-contact {
    font-size: 13px!important;
}

.font23 {
    font-size: 23px;
}
.indent3 {
    text-indent: -100px;
    padding-left: 110px!important;
}
.jisseki {
    margin-right: 20px;
}
.jisseki2 {
    margin-right: 5px;
}

.staff-news-wrapp a{
	color: #3d70fc;
}

	.footer-contact ul {
    overflow: hidden;
    margin: 0px -1px;
}
.footer-contact ul li {
    width: 50%;
    float: left;
    border-right: 1px solid #fff;
}
.footer-contact a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    position: relative;
   padding: 10px;
}
.footer-contact ul li a:first-child {
    border-right: none;
}


@media screen and (max-width:768px) {


	.font-contact {
    font-size: inherit!important;
}
	.footer-contact a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(255, 255, 255);
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    padding: 10px;
}

.indent3 {
    text-indent: -100px;
    padding-left: 100px !important;
}
.jisseki {
    margin-right: 20px;
}
.jisseki2 {
    margin-right: 5px;
}
.white-block {
    margin-top: 0px;
}
.white-block dd {
    font-size: 13px !important;
    background: rgba(255,255,255,.9);
    padding: 10px 10px 15px;
}
/**/
.main-v .orange-back3 {
    background: url(../images/top/sp-orange-bg.png) no-repeat;
    background-size: cover;
}
.main-v .green-back {
    background: url(../images/top/sp-blue-bg.png) no-repeat;
    background-size: cover;
}
/**/
.navi_scroll {
    overflow-y: scroll;
    height: 100%;
    bottom: 0;
}
}

@media screen and (min-width: 1550px) {
.top-search-box {
    padding: 40px!important;
    overflow: hidden;
}
}

@media screen and (max-width: 1550px) {
.top-search-box p {
    font-size: 13px!important;
    color: #fff;
    text-align: center;
    line-height: 1.8em;
    letter-spacing: 0px;
}
.top-h1 {
    padding: 15px 0px 15px;
    text-align: center;
    font-weight: 200;
    font-size: 150%!important;
}
.top-search-box h2 {
    font-size: 27px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px!important;
}
.top-search-box {
    padding: 20px 20px 25px!important;
    overflow: hidden;
}
}

@media screen and (max-width: 1200px) {
    .top-search-box h2 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        font-weight: bold;
        position: relative;
        padding-bottom: 15px;
    }
    .top-search-box p {
        font-size: 12px !important;
        color: #fff;
        text-align: center;
        line-height: 1.8em;
        letter-spacing: 0px;
    }
}
/*----------------------------------------------------
 追従サイドバーcss171227
----------------------------------------------------*/
.sidebar {
    width: 250px;
    overflow: hidden;
}

@media screen and (max-width:768px) {
.sidebar {
    width: 100%;
    overflow: hidden;
}
}
/*----------------------------------------------------
 スクロールバーcss171227
----------------------------------------------------*/
.ps-scrollbar-x-rail {
    display: none;
}
.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail {
    display: none !important;
}
/*----------------------------------------
汎用css
----------------------------------------*/

.top-h1 {
    padding: 15px 0px 15px;
    text-align: center;
    font-weight: 200;
    font-size: 200%;
}
.maru5 {
    border-radius: 5px;
}
.m-width1400 {
    max-width: 1400px;
}
.ob-back-wrapp {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.loop-content {
    margin: 20px 0;
    border: 1px solid #c8c8c8;
    padding: 30px;
}
.loop-content h2 {
    color: #ea5504;
    font-size: 22px;
}
.loop-content h3 {
    color: #ea5504;
    font-size: 22px;
    padding-top: 10px;
}
.loop-content h2 span {
    color: #ea5504;
    border: 1px solid #ea5504;
    font-size: 14px;
    padding: 3px 5px 3px 10px;
    position: relative;
    top: -3px;
    margin-right: 8px;
    font-weight: normal;
}
.loop-content .koyou {
    color: #fff;
    border: 1px solid #ea5504;
    font-size: 14px;
    padding: 1px 7px 1px 11px;
    position: relative;
    top: 0px;
    margin-right: 8px;
    font-weight: normal;
    background: #ea5504;
    border-radius: 15px;
    font-weight: normal;
    display: inline;
}
/* 171207 雇用形態ごとに色変更 */
.loop-content .koyou.koyou1, .loop-content2 .koyou.koyou1 {
    border: 1px solid #3498db;
    background: #3498db;
}
.loop-content .koyou.koyou2, .loop-content2 .koyou.koyou2 {
    border: 1px solid #b26ead;
    background: #b26ead;
}
.loop-content .koyou.koyou3, .loop-content2 .koyou.koyou3 {
    border: 1px solid #4ca268;
    background: #4ca268;
}
.loop-content .koyou.koyou4, .loop-content2 .koyou.koyou4 {
    border: 1px solid #FF7A6F;
    background: #FF7A6F;
}
.loop-content2 {
    margin: 0;
    border: 1px solid #c8c8c8;
    padding: 30px;
}

.loop-content2 img{
   width:inherit;
	max-height:300px;
	margin-top:20px;
}


.loop-content2 h2 {
    color: #333;
    font-size: 22px;
    padding-top: 20px;
}

.loop-content2 h2 span{
    font-size: 16px;
}
.loop-content2 h3 {
    color: #333;
    font-size: 22px;
}
.loop-content2 .koyou {
    color: #fff;
    border: 1px solid #ea5504;
    font-size: 14px;
    padding: 1px 7px 1px 13px;
    position: relative;
    top: 0px;
    margin-right: 8px;
    font-weight: normal;
    background: #ea5504;
    border-radius: 15px;
    font-weight: normal;
    display: inline;
}

.loop-content2 .koyou2 {
    color: #fff;
    border: 1px solid #ea5504;
    font-size: 14px;
    padding: 1px 7px 1px 7px;
    position: relative;
    top: 0px;
    margin-right: 8px;
    font-weight: normal;
    background: #ea5504;
    border-radius: 15px;
    font-weight: normal;
    display: inline;
}



.loop-content2 table tr:nth-child(odd) th{
	background: #fff2eb !important;

}


.orange-table {
    margin: 0 -5px;
}
.orange-table table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px;
}
.orange-table .cat_list li {
    background: #ededed;
    color: #555;
    font-weight: normal;
    padding: 2px 11px 2px;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 5px;
    border-radius: 20px;
    border: 1px solid #ddd;
}
.orange-dot {
    margin-top: 20px;
}
.orange-dot li {
    font-size: 16px;
    padding: 3px 0;
    margin-bottom: 10px;/*text-indent: 3mm;*/
}
.loop-btn-wrapp {
    overflow: hidden;
    margin: 20px -10px 0;
}
.loop-btn-wrapp li {
    padding: 0 10px;
    float: left;
    width: 50%;
}
.loop-btn-wrapp li a {
    display: block;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    font-weight: bold;
    font-size: 21px;
}
.left-btn {
    /*background:#666666;*/
    background: #A3A3A3;
    color: #fff;
    text-align: center;
}
.right-btn {
    background: #f2a585;
    color: #fff;
    text-align: center;
}
.orange-btn {
    display: block;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    font-weight: bold;
    font-size: 21px;
    background: #f2a585;
    color: #fff;
    text-align: center;
}
.text_under {
    text-decoration: underline!important;
}
.kotsuhi {
    display: inline-block;
    background: #fff;
    color: #fe7777;
    font-size: 85%;
    padding: 4px 5px 5px 1px;
    line-height: 1;
    margin-left: 8px;
    border-radius: 3px;
    letter-spacing: 0.1px;
    border: 1px solid #fe7777;
}
.link_box .area ul .text_box {
    margin: 20px 0;
}
.link_box .area ul .text_box img {
    width: 220px;
}
.link_box .area ul .text_box li {
    margin: 5px 0;
    clear: both;
}
.link_box .area .tit {
    color: #3498db;
    font-size: 18px;
    padding-top: 5px;
    font-weight: bold;
}
.link_box .area .wrap {
    clear: both;
    border-bottom: 1px solid #ddd;
}
.link_box .area .wrap .image {
    width: 170px;
    float: left;
    margin-top: 30px;
}
.link_box .area .wrap .text_box {
    float: left;
    /*width: 500px;*/
    margin-left: 20px;
}

@media screen and (max-width:768px) {
.ob-back-wrapp {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
}
.loop-content {
    margin: 20px 0;
    border: 1px solid #c8c8c8;
    padding: 20px 10px 10px;
}
.loop-content2 {
    margin: 0px 0 20px;
    border: 1px solid #c8c8c8;
    padding: 20px 10px 10px;
}
.orange-table th {
    padding: 7px 5px;
}
.loop-btn-wrapp li {
    padding: 0 10px;
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.loop-btn-wrapp li a {
    font-size: 16px;
}
.title_wrap {
    margin: 20px 0 20px 0;
}
.orange-dot {
    margin-top: 10px;
}
.link_box .area .wrap .image {
    width: inherit;
    float: none;
    margin-top: 30px;
}
.link_box .area .wrap .text_box {
    float: none;
    width: inherit;
    margin-left: 0px;
}
}
/*----------------------------------------
index.html
----------------------------------------*/
/*  メインビジュアル  */
.pc-main-v {
    width: 100%;
    margin: auto;
    background: url(../images/top/main-v.jpg) no-repeat;
    background-size: cover;
    padding-top: 61.4%;
    position: relative;
}
.pc-main-v .text-wrapp {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 18%;
}
.pc-main-v .text-wrapp h1 {
    padding: 15px 0px 15px;
    text-align: center;
}
.pc-main-v .text-wrapp h1 img {
    max-width: 398px;
}
/*  下層メインビジュアル  */
/* .sub-main-v.reason {
    width: 100%;
    margin: auto;
    background: url(../images/reason/reason-main-v.jpg) no-repeat;
    background-size: cover;
    padding-top: 28.57%;
    position: relative;
} */
/* .sub-main-v .text-wrapp {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 60%;
} */
/* 各ページh1幅 */
.sub-main-v.reason .text-wrapp h1 img {
    max-width: 555px;
}


.sub-main-v h1 {
    font-size: 30px;
}


@media screen and (max-width:768px) {
.pc-main-v {
    background: none;
    padding-top: 0;
    position: auto;
}
.main-v {
    margin-top: 0px;
    background: url(../images/top/main-v-sp.jpg) no-repeat;
    background-size: contain;
    padding-top: 89.77%;
    position: relative;
}
.main-v .mywidth {
    padding: 0 !important;
}
.main-v .text-wrapp {
    top: 2%;
    text-align: center;
}
.main-v .text-wrapp h1 {
    font-size: 15px!important;
    line-height: 1.6em;
    display: inline-block;
    background: rgba(255,255,255,0.5);
    padding: 5px;
    width: 220px;
    font-weight: 300;
}
.main-v .text-wrapp h1 img {
    max-width: 200px;
}
}
/*----------------------------------------
下層ページメインビジュアル
----------------------------------------*/
/*  下層メインビジュアル  */
.pc-sub-main-v {
    width: 100%;
    /* height: 200px; */
    /* margin: auto; */
    /*padding-top:28.57%;*/
    /* padding-top: 20%; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    /* background-color: #f5f8f9; */
    margin: 40px 0 20px 0;
}
/* .pc-sub-main-v .text-wrapp {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 57%;
}
.pc-sub-main-v .text-wrapp h1 {
    padding: 15px 0px 15px;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
} */


/* 各ページh1幅と画像*/

/* .lp-v .pc-sub-main-v {
    background: url(../images/lp-main-v.jpg) no-repeat;
    background-size: cover;
}
.reason-v .pc-sub-main-v {
    background: url(../images/reason-main-v.jpg) no-repeat;
    background-size: cover;
}
.search-v .pc-sub-main-v {
    background: url(../images/search-main-v.jpg) no-repeat;
    background-size: cover;
}
.haken-v .pc-sub-main-v {
    background: url(../images/haken-main-v.jpg) no-repeat;
    background-size: cover;
}

.policy-v .pc-sub-main-v {
    background: url(../images/policy-main-v.jpg) no-repeat;
    background-size: cover;
}


.shokai-v .pc-sub-main-v {
    background: url(../images/shokai-main-v.jpg) no-repeat;
    background-size: cover;
}
.shokugyo-v .pc-sub-main-v {
    background: url(../images/shokai-main-v.jpg) no-repeat;
    background-size: cover;
}
.toyota-v .pc-sub-main-v {
    background: url(../images/shokai-main-v.jpg) no-repeat;
    background-size: cover;
}
.kigyo-v .pc-sub-main-v {
    background: url(../images/kigyo-main-v.jpg) no-repeat;
    background-size: cover;
}
.link-v .pc-sub-main-v {
    background: url(../images/link-main-v.jpg) no-repeat;
    background-size: cover;
}
.contact-v .pc-sub-main-v {
    background: url(../images/contact-main-v.jpg) no-repeat;
    background-size: cover;
}
.company-v .pc-sub-main-v {
    background: url(../images/company-main-v.jpg) no-repeat;
    background-size: cover;
}

.company2-v .pc-sub-main-v {
    background: url(../images/company2-main-v.jpg) no-repeat;
    background-size: cover;
}

.kigyo2-v .pc-sub-main-v {
    background: url(../images/kigyo2-main-v.jpg) no-repeat;
    background-size: cover;
}
.mypage-v .pc-sub-main-v {
    background: url(../images/mypage-main-v.jpg) no-repeat;
    background-size: cover;
} */
/* .staff-v .pc-sub-main-v {
    background: url(../images/staff-main-v.jpg) no-repeat;
    background-size: cover;
} */

@media screen and (max-width:768px) {
.pc-sub-main-v {
    /* background: none !important; */
    padding-top: 0;
    position: auto;
    /* height: 30vw; */
    height: auto;
}
.sub-main-v h1 {
    font-size: 6vw;
}
/* .sub-main-v {
    margin-top: 0px;
    background-size: contain;
    padding-top: 28.57%;
    position: relative;
}
.sub-main-v .text-wrapp {
    top: 30%;
    text-align: center;
}
.sub-main-v .text-wrapp h1 {
    font-size: 16px;
    line-height: 1.6em;
    display: inline-block;
    background: rgba(255,255,255,0.7);
    padding: 5px;
}
.sub-main-v .text-wrapp h1 img {
    max-width: 200px;
} */
/* 各ページh1幅 */
/* .reason-v .sub-main-v {
    background: url(../images/reason-main-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}
.search-v .sub-main-v {
    background: url(../images/search-main-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}
.haken-v .sub-main-v {
    background: url(../images/haken-main-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}
.shokai-v .sub-main-v {
    background: url(../images/shokai-main-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}
.kigyo-v .sub-main-v {
    background: url(../images/kigyo-main-v.jpg) no-repeat;
    background-size: cover;
}

.lp-v .sub-main-v {
    background: url(../images/lp-main-v.jpg) no-repeat;
    background-size: cover;
}


.company-v .sub-main-v {
    background: url(../images/company-main-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}

.company2-v .sub-main-v {
    background: url(../images/company3-main-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}

.contact-v .sub-main-v {
    background: url(../images/contact-main-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}

.staff-v .sub-main-v {
    background: url(../images/staff-main-sp-v.jpg) no-repeat;
    background-size: cover;
    top: -1px;
}

	.policy-v .sub-main-v {
    background: url(../images/policy-main-v.jpg) no-repeat;
    background-size: cover;
}
	.kigyo2-v .sub-main-v {
    background: url(../images/kigyo2-main-v.jpg) no-repeat;
    background-size: cover;
} */


.sp-midashi {
    margin-left: 10px;
}
}
/*
index お知らせ
*/
.osirase-p {
    padding-right: 40px;
}

@media screen and (max-width:768px) {
.osirase-p {
    padding-right: 0px;
}
.osirase-p h3 {
    padding-right: 0px;
    font-weight: bold;
}
#main2 {
    width: 100%!important;
}
.table_data .data {
    margin: 0 0 0 0;
    width: 100%!important;
    color: #303030;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.step-h3-wrapp2 {
    background: #c8c8c8;
    padding: 1px;
    position: relative;
    width: 100%!important;
}
.step-inner-wrapp {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    padding: 15px;
    position: relative;
    margin-bottom: 40px;
    width: 100%!important;
}
}
/*
サイトマップ
*/

.sitemap_wrap {
    margin-top: 40px;
}
.sitemap_wrap .list {
    line-height: 1.4em;
    font-size: 14px;
    border-bottom: 1px dotted #9f9fa1;
    overflow: hidden;
}
.sitemap_wrap li {
    background: #ffffff;
    border-top: 1px dotted #9f9fa1;
}
/*
.sitemap_wrap li .icon {
    padding: 12px 0 12px 30px;
    background: url(../images/icon_01.png) no-repeat 15px 15px;
    display: block;
}
.sitemap_wrap li ul li .icon {
    padding: 12px 0 12px 50px;
    background: url(../images/icon_01.png) no-repeat 35px 15px;
    display: block;
}*/

.sitemap_wrap li .arrow {
    position: relative;
    display: inline-block;
    padding: 12px 0 12px 20px;
    margin-left: 10px;
}
.sitemap_wrap li .arrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ea5504;
    border-right: solid 2px #ea5504;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
.sitemap_wrap li ul li .arrow {
    margin-left: 30px;
}
.sitemap_wrap li ul li .arrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ea5504;
    border-right: solid 2px #ea5504;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
/*
プライバシーポリシー
*/
.kiyaku_wrap {
    margin: 40px 0 0 0;
    padding: 1.25rem;
    border: 1px solid #ccc;
    overflow: hidden;
}
.kiyaku_wrap .tit {
    margin: 1.2em 0 0.5em;
    padding: 0 0 0.2em;
    line-height: 1.4em;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ea5504;
    border-bottom: 2px solid #ccc;
}
.kiyaku_wrap .tit2 {
    margin: 1.2em 0 0.5em;
    padding: 0 0 0.2em;
    line-height: 1.4em;
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
}
.kiyaku_wrap .kiyaku_desc {
    margin: 0 0 1em;
    line-height: 1.8em;
    font-size: 0.875rem;
    color: #535353;
    overflow: hidden;
}
.kiyaku_wrap p {
    font-size: 16px;
    line-height: 1.6em;
}
.kiyaku_wrap .desc h4 {
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ea5504;
    padding: 0 0 0 7px;
    margin: 10px 0px;
    line-height: 1.2em;
}
.kiyaku_wrap .data {
    margin: 30px 0;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
    width: 50%;
}
.kiyaku_wrap .data th {
    padding: 5px 10px;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    table-layout: fixed;
    background: #efefef;
}
.kiyaku_wrap .data td {
    padding: 5px 10px;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    table-layout: fixed;
}

@media screen and (max-width:768px) {
.kiyaku_wrap {
    padding: 0.5rem;
}
.kiyaku_wrap .desc {
    /* margin: 0 10px 0 10px; */
    font-size: 0.75rem;
    color: #535353;
    overflow: hidden;
}
div.kiyaku_desc p, div.kiyaku_desc ul li {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 10px;
}
.kiyaku_wrap .tit {
    /* margin: 0 10px 5px 10px; */
    padding: 0 0 5px 0;
    font-size: 1rem;
}
}
/*  ----------------------  */

/*  お知らせ  */
.top-news-wrapp ul li {
    margin: 10px 0;
}
.top-news-wrapp ul li a, .top-news-wrapp .news-date {
    font-size: 16px;
}
.top-news-wrapp ul li span {
    display: inline-block;
}
.top-news-wrapp .news-date {
    width: 190px;
}
.top-news-wrapp .new {
    border: 1px solid #ea5504;
    color: #ea5504;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1em;
    position: relative;
    top: -1px;
}
.news_wrap {
    margin-bottom: 50px;
}
.news_wrap dl {
    background-color: #f5f8f9;
    padding: 15px;
}
.news_wrap dl:nth-child(even) {
    background-color: #fff;
}
.news_wrap dl dt {
    font-weight: normal;
    font-size: 15px;
    float: left;
    display: inline-block;
    margin-right: 30px;
}
.news_wrap dl dd {
    float: none;
    display: block;
}
.news_wrap dl dd a {
    font-weight: normal;
    font-size: 15px;
    color: #333;
}
.news_wrap dl dd .new {
    border: 1px solid #ea5504;
    color: #ea5504;
    padding: 2px 6px;
    font-size: 13px;
    line-height: 1em;
    margin-right: 10px;
}
.news_detailp .data {
    font-weight: normal;
    font-size: 15px;
}
.news_detail .tit {
    font-weight: bold;
    font-size: 20px;
    color: #ea5504;
    padding: 10px 0;
}
.news_detail .desc {
    margin-bottom: 20px;
}
.news_detail .desc p {
    font-size: 15px;
    line-height: 1.6em;
    color: #333;
}
.news_detail .btn_wrap .news_btn .btn_backtonews {
    margin: 0 auto 3px auto;
    padding: 15px 50px;
    height: auto;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: #f2a585;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 30px !important;
    cursor: pointer;
    display: block;
}
.news_detail .btn_wrap .news_btn .btn {
    /*border-radius: 4px;*/
    font-weight: bold;
    text-align: center;
    line-height: 1;
    display: inline-block;
    margin: 5px auto 15px 0;
}

@media screen and (max-width:768px) {
.top-news-wrapp ul li a, .top-news-wrapp .news-date {
    font-size: 14px;
}
.top-news-wrapp .news-date {
    width: auto;
    display: block;
}
.top-news-wrapp .new {
    padding: 2px 10px;
    font-size: 14px;
}
.news_wrap dl dt {
    float: none;
}
}
/*  ----------------------  */

/*  お仕事をお探しの方へ、人材をお探しの企業様へ  */
.top-search-box {
    padding: 20px 20px 30px;
    overflow: hidden;
}
.top-search-box .inner-wrapp-l, .top-search-box .inner-wrapp-r {
    max-width: 700px;
    width: 100%;
}
.top-search-box .inner-wrapp-l {
    float: right;
}
.top-search-box .inner-wrapp-r {
    float: left;
}
.top-search-box h2 {
    font-size: 27px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
}
.top-search-box p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1.8em;
    letter-spacing: 0px;
}
.top-search-box ul {
    overflow: hidden;
    margin: 0px -1px;
}
.top-search-box ul li {
    width: 50%;
    float: left;
    border-right: 1px solid #fff;
}
.top-search-box a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    height: 45px;
    padding: 9px;
}
.top-search-box ul li a:first-child {
    border-right: none;
}

@media screen and (max-width:768px) {

.mail_icon{
	position:relative;
	right:10px;
	top:2px;
	}
.top-search-box {
    padding: 30px 10px;
}
.top-search-box h2 {
    font-size: 24px;
    padding-bottom: 10px;
}
.top-search-box h2:after {
    width: 50px;
    height: 2px;
}
.top-search-box p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.top-search-box ul li {
    width: 100%;
    float: none;
    padding: 0px;
}
.top-search-box ul li a {
/*padding: 15px 0 !important;*/
}
.top-search-box a {
    padding: 15px 0 !important;
    margin-top: 10px;
    font-size: 18px;
    height: 60px;
}
.top-search-box ul li a span {
    font-size: 20px;
    font-weight: bold;
    color: #393939;
}
}
/*  ----------------------  */
/*  オススメの仕事  */
.recomend-back {
    background: url(../images/top/recomend-bg.png) no-repeat;
    background-size: cover;
    padding: 110px 0 110px;
}

@media screen and (max-width:768px) {
.recomend-back {
    padding: 60px 0 60px;
}
}
/*  ----------------------  */
/*  エリアからお仕事を探さす  */

.map-bg {
    background: url(../images/top/map.png) no-repeat 50%!important;
    background-size: cover!important;
    max-height: 310px;
	min-height: 310px;
    position: relative;
}
.nagoya {
    position: absolute;
    top: 55px;
    left: 10px;
    border: 2px solid #3fa456;
    background: #fff;
    color: #555;
    padding: 7px 15px;
    font-weight: bold;
    border-radius: 20px;
}
.nagoya:hover {
    border: 2px solid #3fa456;
    background: #3fa456;
    text-decoration: none;
    color: #fff;
}
.toyota {
    position: absolute;
    top: 21px;
    left: 171px;
    border: 2px solid #b26ead;
    background: #fff;
    color: #666;
    padding: 7px 17px;
    font-weight: bold;
    border-radius: 20px;
}
.toyota:hover {
    border: 2px solid #b26ead;
    background: #b26ead;
    text-decoration: none;
    color: #fff;
}
.sonota {
    position: absolute;
    top: 165px;
    left: 165px;
    border: 2px solid #efa04f;
    background: #fff;
    color: #666;
    padding: 7px 15px;
    font-weight: bold;
    border-radius: 20px;
}
.sonota:hover {
    border: 2px solid #efa04f;
    background: #efa04f;
    text-decoration: none;
    color: #fff;
}
.kengai {
    position: absolute;
    top: 252px;
    right: 15px;
    border: 2px solid #71b1cf;
    background: #fff;
    color: #666;
    padding: 7px 15px;
    font-weight: bold;
    border-radius: 20px;
}
.kengai:hover {
    border: 2px solid #71b1cf;
    background: #71b1cf;
    text-decoration: none;
    color: #fff;
}

	.kodawari_btn{
		margin-left:10px!important;
	}

@media screen and (max-width:768px) {

	.kodawari_btn{
		margin-left:0px!important;
	}
.map-bg {
    background: none;
    max-width: 290px;
    max-height: 290px;
    margin: 30px auto;
    position: relative;
}
.toyota {
    left: 170px;
}
.kengai {
    top: 235px;
    right: 15px;
}
}
/*  ----------------------  */

/*  エリアからお仕事を探す  */
/*.top-kodawari-wrapp ul {
    margin: 0 -7px !important;
}
.top-kodawari-wrapp ul li {
    padding: 0 7px !important;
    margin-bottom: 10px;
}*/
.top-kodawari-wrapp ul li a {
/*    border: 1px solid #c8c8c8;
    padding: 15px 0px 15px 60px;
    height: 70px;
    font-size: 15px;
    text-align: left;
    line-height: 1.2em;*/
	border: 1px solid #c8c8c8;
padding: 15px 0px 15px 60px;
    padding-top: 15px;
height: 52px;
font-size: 14px;
text-align: left;
line-height: 0.2em;
}
.top-kodawari-wrapp ul li a:hover {
    box-shadow: 0px 0px 7px 1px #ea5504;
    -moz-box-shadow: 0px 0px 7px 1px #ea5504;
    -webkit-box-shadow: 0px 0px 7px 1px #ea5504;
    border: 1px solid #fafafa;
}


.top-kodawari-wrapp ul li a.selectedtype {
      box-shadow: 0px 0px 7px 1px #ea5504;
    -moz-box-shadow: 0px 0px 7px 1px #ea5504;
    -webkit-box-shadow: 0px 0px 7px 1px #ea5504;
    border: 1px solid #fafafa;
}
.top-kodawari-wrapp ul li a span {
    font-size: 12px;
}
/* icon */
.top-kodawari-wrapp .icon1 {
    background: url(../images/top/top_icon1.png) no-repeat left 17px top 3px #fafafa;
}
.top-kodawari-wrapp .icon2 {
    background: url(../images/top/top_icon2.png) no-repeat left 10px top 10px #fafafa;
}
.top-kodawari-wrapp .icon3 {
    background: url(../images/top/top_icon3.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon4 {
    background: url(../images/top/top_icon4.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon5 {
    background: url(../images/top/top_icon5.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon6 {
    background: url(../images/top/top_icon6.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon7 {
    background: url(../images/top/top_icon7.png) no-repeat left 10px top 10px #fafafa;
}
.top-kodawari-wrapp .icon8 {
    background: url(../images/top/top_icon8.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon9 {
    background: url(../images/top/top_icon9.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon10 {
    background: url(../images/top/top_icon10.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon11 {
    background: url(../images/top/top_icon11.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon12 {
    background: url(../images/top/top_icon12.png) no-repeat left 10px top 6px #fafafa;
}
.top-kodawari-wrapp .icon13 {
    background: url(../images/top/top_icon13.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon14 {
    background: url(../images/top/top_icon14.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon15 {
    background: url(../images/top/top_icon15.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon16 {
    background: url(../images/top/top_icon16.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon17 {
    background: url(../images/top/top_icon17.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon18 {
    background: url(../images/top/top_icon18.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon19 {
    background: url(../images/top/top_icon19.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon20 {
    background: url(../images/top/top_icon20.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon21 {
    background: url(../images/top/top_icon21.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon22 {
    background: url(../images/top/top_icon22.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon23 {
    background: url(../images/top/top_icon23.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon24 {
    background: url(../images/top/top_icon24.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon25 {
    background: url(../images/top/top_icon25.png) no-repeat left 10px top 3px #fafafa;
}
.top-kodawari-wrapp .icon26 {
    background: url(../images/top/top_icon26.png) no-repeat left 10px top 3px #fafafa;
}

.font7{
	font-size:70%!important;
}
/*  ----------------------  */

/*  トヨタすまいるライフが選ばれる理由  */
.reasen-back {
    background: url(../images/top/reasen-bg.png) no-repeat;
    background-size: cover;
    padding: 120px 0 130px;
}
.top-riyu .inner {
    display: block;
    text-align: center;
    padding: 0px 0px 35px;
    background: transparent !important;
}
.top-riyu .content-dl2 dt {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    padding: 10px 0;
    top: 70px;
    text-align: center;
    background: rgba(255,255,255,0.7);
    width: 100%;
}
.top-riyu .content-dl2 dt:after {
    display: none;
}
.top-riyu .content-dl2 dd {
    text-align: left;
}
.top-riyu .btn-wrapp a {
    display: inline-block;
    padding: 15px 80px;
    font-size: 20px;
    border: 1px solid #1f54a3;
    background: rgba(255,255,255,.75);
    color: #1f54a3;
}

@media screen and (max-width:768px) {
.reasen-back {
    background: url(../images/top/sp-reasen-bg.png) no-repeat;
    background-size: cover;
    padding: 30px 0 60px;
}
.top-riyu .content-dl2 dt {
    top: 25%;
}
.top-riyu img {
    width: 100%;
}
.top-riyu .btn-wrapp a {
    width: 100%;
    padding: 15px 0;
}
}
/*  facebook  */
.fb-box {
    max-width: 500px;
    width: auto;
    margin: 0 auto;
    max-height: 390px;
    overflow: hidden;
}
/*----------------------------------------------------
	Q & A  faq.html
----------------------------------------------------*/
/*   h1見出し   */
.faq-bg {
    background: url(../images/faq/faq-title-bg.png) no-repeat right 0px top 0 #ededed;
    background-size: contain;
}
.qa-box {
    margin-bottom: 40px;
}
.qa-box a {
    color: #3d70fc;
    text-decoration: underline;
}
.qa-box dt {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 10px 45px;
    background: url(../images/faq/q-logo.png) no-repeat left 0 top 50%;
    margin-bottom: 10px;
}
.qa-box dd {
    font-size: 15px;
    padding: 23px 20px 25px 70px;
    background: url(../images/faq/a-logo.png) no-repeat left 20px top 20px #f6f6f6;
    line-height: 1.6em;
    margin-bottom: 20px;
    border-radius: 5px;
}

.works-select-wrapp2 ol {
    display: block;
}
.works-select-wrapp2 li {
   /* width: 100%;
    padding: 0px 10px 5px 5px !important;
	font-size: 9px;*/
	width: 50%;
    padding: 0px 10px 5px 5px !important;
    font-size: 9px;
    float: left;
}

.pb70{
	padding-bottom:70px;}

@media screen and (max-width:768px) {
.qa-box dd {
    font-size: 14px;
    padding: 30px 20px 25px 50px;
    background: url(../images/faq/a-logo.png) no-repeat left 10px top 20px #f6f6f6;
    line-height: 1.6em;
    margin-bottom: 20px;
    border-radius: 5px;
}

.pb70{
	padding-bottom:20px;}

}
/*----------------------------------------------------
	works.html
----------------------------------------------------*/
/*   h1見出し   */
.works-bg {
    background: url(../images/works/works-title-bg.png) no-repeat right 0px top 0 #f2a585;
    background-size: contain;
}
.works-select-wrapp {
    /*padding: 30px;*/
	    padding: 0px 0px 120px 0px;
}
.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 30px;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 15px;
    margin-top: -15px;
}
.arrow_box:before {
    background: #ffe8db;
    color: #ea5504;
    font-size: 20px;
    padding: 10px 10px 10px 100px;
}
.works-select-wrapp ol {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: top;
}
.works-select-wrapp li {
    width: 50%;
    padding: 0px 10px 5px 5px !important;
}
.works-select-wrapp li span {
    display: block;
}

@media screen and (max-width:768px) {
.works-select-wrapp {
   /* padding: 20px 10px;*/
	padding: 0 10px 20px 10px;
}
.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 20px 10px;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    top: auto;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 30px;
    margin-left: -30px;
}
.arrow_box:before {
    border-color: rgba(200, 200, 200, 0);
    border-bottom-color: #c8c8c8;
    border-width: 31px;
    margin-left: -31px;
}
.works-select-wrapp ol {
    display: block;
}
.works-select-wrapp li {
    width: 100%;
    padding: 0px 10px 5px 5px !important;
	font-size: 9px;
}


.works-select-wrapp2 ol {
    display: block;
}
.works-select-wrapp2 li {
   /* width: 100%;
    padding: 0px 10px 5px 5px !important;
	font-size: 9px;*/
	width: 50%;
    padding: 0px 10px 5px 5px !important;
    font-size: 9px;
    float: left;
}


}
/*----------------------------------------------------
	welfare.html
----------------------------------------------------*/
.welfare dt {
    font-size: 21px;
    font-weight: bold;
    margin-top: 30px;
    color: #ea5504;
}
.welfare dd {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6em;
}
.welfare dt span {
    color: #888888;
    font-weight: normal;
}
.welfare dt a, .welfare dd a {
    color: #3d70fc;
    text-decoration: underline;
    font-weight: normal;
}
/*----------------------------------------------------
	step.html
----------------------------------------------------*/
/*   h1見出し   */
.step-bg {
    background: url(../images/step/step-title-bg.png) no-repeat right 0px top 0 #ededed;
    background-size: contain;
    font-size: 28px;
}
.step-bg2 {
    background: url(../images/step/step-title-bg2.png) no-repeat right 0px top 0 #ededed;
    background-size: contain;
}
.step-h3-wrapp {
    background: #c8c8c8;
    padding: 1px;
    position: relative;
    width: 100%;
}
.step-h3-wrapp2 {
    background: #c8c8c8;
    padding: 1px;
    position: relative;
    width: 100%;
}
.step-title {
    background: #ededed;
    color: #333;
    font-size: 20px;
    padding: 10px 10px 10px 100px;
}
.step-title span {
    background: #f2a585;
    color: #fff;
    font-size: 17px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 85px;
    text-align: center;
    padding: 10px 0;
}
.step-inner-wrapp {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    padding: 15px;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}
.step-inner-wrapp2 {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    background: #fff;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}
.step-inner-wrapp3 {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    padding: 15px;
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}
.sankaku2:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -32px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: /*#f2a585*/#ccc transparent transparent transparent;
}
.step-inner-wrapp .step-text {
    font-size: 15px;
    line-height: 1.6em;
}
.step-inner-wrapp .step-text a {
    color: #3d70fc;
    text-decoration: underline;
}
.content-tel-wrapp {
    background: #ea5504;
    padding: 15px;
}
.content-tel-wrapp .tel-title {
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.content-tel-wrapp .tel {
    color: #fff;
    font-size: 32px;
    line-height: 1em;
    font-weight: bold;
}
.content-web-wrapp {
    background: #f2a585;
    padding: 15px;
    position: relative
}
.content-web-wrapp .web {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding: 30px 0;
}
.content-web-wrapp .web:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #ffe7cc transparent;
}

@media screen and (max-width:768px) {
.content-tel-wrapp {
    background: #ea5504;
    padding: 10px;
}
.content-tel-wrapp .tel-title {
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.content-tel-wrapp .tel {
    font-size: 26px;
    line-height: 1.4em;
    text-align: center;
}
.content-web-wrapp .web {
    position: relative;
    font-size: 20px;
    padding: 10px 0;
}
}
/*----------------------------------------------------
	merit.html
----------------------------------------------------*/
.balloon {
    /*color:#ea5504;*/
    color: #333;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 25px;
    position: relative;
    top: 4px;
}
.balloon span {
    background: #ea5504;
    color: #fff;
    font-size: 17px;
    padding: 10px 20px;
    position: relative;
}
.balloon span:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #ea5404 transparent transparent transparent;
}
.merit .text {
    font-size: 16px;
    line-height: 1.6em;
}

@media screen and (max-width:768px) {
.balloon {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    position: relative;
    top: 4px;
}
.balloon span {
    padding: 3px 20px;
    display: block;
    width: 150px;
    text-align: center;
    margin: 10px auto 15px;
}
}
/*----------------------------------------------------
	type1.html
----------------------------------------------------*/
/*   h1見出し   */
.type-bg {
    background: url(../images/type1/type1-title-bg.png) no-repeat right 0px top 0 #ededed;
    background-size: contain;
}
.type .type-text {
    font-size: 16px;
    line-height: 1.6em;
}
.type .orange-dot li {
    margin-bottom: 10px;
    margin-left: 1em;
    text-indent: -1em;
}
/*----------------------------------------------------
	reson.html
----------------------------------------------------*/
/*   h1見出し   */
.reason-bg {
    background: url(../images/reason/reason-title-bg.png) no-repeat right 0px top 0 #ededed;
    background-size: contain;
    font-size: 27px;
}
.reason .orange-dot li {
    margin-bottom: 10px;
}
.orange-btn2 {
    display: block;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    font-size: 21px;
    background: #f2a585;
    color: #fff;
    text-align: center;
}
.orange-btn2 i {
    color: #fff;
    font-size: 26px;
    position: relative;
    top: 1px;
}
/*----------------------------------------------------
	customers.html
----------------------------------------------------*/
/*   h1見出し   */
.customers-bg {
    background: url(../images/customers/customers-title-bg.png) no-repeat right 0px top 0 #ededed;
    background-size: contain;
}
.customers .gray-link {
    margin: 15px 0;
}
.customers .gray-link:before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #eb5b0d;
    padding-right: 10px;
    position: relative;
    top: -1px;
}
.customers .gray-link a {
    font-size: 16px;
    color: #888888;
    text-decoration: underline;
}
.customers-dl {
    padding-left: 5px;
    margin-bottom: 20px;
}
.customers-dl dt {
    color: #ea5504;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: bold;
}
.customers-dl dt span {
    color: #f2a585;
    font-size: 13px;
    position: relative;
    top: -1px;
}
.customers-dl dd {
    font-size: 15px;
    margin-left: 0.8em;
    line-height: 1.6em;
}

@media screen and (max-width:768px) {
.customers-dl {
    padding-left: 0px;
}
}
/*----------------------------------------------------
	contact.html
----------------------------------------------------*/
.contact_pt {
    margin: 50px 0;
}
.contact_pt .hmt_stitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}
.contact .content-table {
    width: 100% !important;
    font-size: 14px;
}
.contact .content-table th {
    width: 25% !important;
    overflow:hidden;
}
.contact .content-table th span {
	font-style: normal;
    background: #ea5504;
    color: #fff;
    font-size: 12px;
    padding: 0px 4px;
    border-radius: 3px;
    float: right;
}
.contact .content-table th span.content-sub-text {
    position: relative;
    background: none;
    color: #333;
    float:none;
}
.contact .content-table td {
}
.address-wrapp {
    overflow: hidden;
    margin-top: 15px;
    display: block;
}
.address-wrapp span {
    width: 20%;
    display: inline-block;
}
.drop-check {
    width: 100%;
    border: 1px solid #c8c8c8;
    padding: 7px;
    background: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    color: #333;
    position: relative;
    cursor: pointer;
    max-height: 34px;
    /* 171115 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 3em;
    vertical-align: middle;
}
.drop-check:before {
    content: "\f0d7";
    font-family: "FontAwesome";
    display: inline-block;
    color: #fff;
    z-index: 999;
    position: absolute;
    right: 12px;
    top: 8px;
    bottom: 0;
}
.contact .drop-check:before {
    content: "\f0d7";
    font-family: "FontAwesome";
    display: inline-block;
    color: #fff;
    z-index: 999;
    position: absolute;
    right: 12px;
    top: 3px;
    bottom: 0;
}
.drop-check.arrow1:before {
	content: "×";
	top: -6px;
	right: 4px;
	font-size: 28px;
/*   content: "×";
	top: -12px;
    right: 5px;
    font-size:34px;*/
}
@media screen and (max-width:768px) {
	.contact_pt .hmt_stitle {
		font-size: 4.0vw;
	}

	.drop-check.arrow1:before {
		content: "×";
		top: -5px;
		right: 3px;
		font-size: 28px;
	}

	.contact .content-table th span {
		font-style: normal;
		background: #ea5504;
		color: #fff;
		font-size: 12px;
		padding: 0px 4px;
		border-radius: 3px;
		/* float: right; */
		position: absolute;
		right: 10px;
	}

}


.contact .drop-check.arrow1:before {
    content: "\f0d7";
    font-size:15px;
    right: 12px;
    top: 3px;
}
.drop-check:after {
    content: "";
    display: inline-block;
    width: 33px;
    height: 100%;
    background: #b2b2b2;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.drop-check-inner {
    position: absolute;
    width: 100%;
    background: #fff;
    display: inline-block;
    padding: 10px;
    border-right: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    z-index: 999;
}
.ac-box-bg {
  	position:fixed;
  	top:0;
  	right:0;
  	left:0;
  	bottom:0;
  	z-index:1;
}
.drop-check-inner.kibo_syoku {
    width: 40rem;
}
.drop-check-inner.kibo_syoku .par50 {
    width: 50%!important;
}

.drop-check-inner.kibo_syoku .par50 span{
	font-size:13px;
}


/* 171207 閉じるボタン追加 */
.drop-check-inner .close {
    cursor: pointer;
    right: 0;
    top: 0;
    height: 2.4rem;
    width: 2.4rem;
    background: #999999;
    position: absolute;
    color: #fff;
    text-align: center;
    line-height: 2.4rem;
    font-size: 24px;
}

@media screen and (max-width:768px) {
.drop-check-inner.kibo_syoku {
    width: inherit;
}
.drop-check-inner.kibo_syoku .par50 {
    width: inherit!important;
    float: inherit!important;
}
/* 171207 閉じるボタン追加 */
.drop-check-inner .close {
    display: none;
}
}
.drop-check-inner ol li {
    padding: 5px;
}
.drop-check.arrow1 {
    border-bottom: 1px solid #fff;
}
.terms-wrapp {
    height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
}
.terms-wrapp .title {
    color: #fff;
    padding: 5px 15px;
    background: #b2b2b2;
    text-align: left;
}
.terms-content {
    padding: 10px 15px;/* border: 1px solid #b2b2b2; */
    /* height: 150px; */
    /* overflow: scroll; */
}
.terms-content .term_desc {
    margin-bottom: 10px;
}
.terms-content .term_desc p {
    font-size: 13px;
    line-height: 1.5em;
}
.terms-content dt {
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.6em;
}
.terms-content dd p {
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 5px;
}

.contact_btn_wrap {
	margin: 25px 13px;
    width: auto;
    overflow: hidden;
}

.contact_btn_wrap .entry-btn {
    margin: 0 auto 3px auto;
    padding: 15px;
    width: 90%;
    /*height: 50px;*/
    /* line-height: 50px; */
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #ea5504;
    border: 1px solid #ea5504;
    -webkit-box-shadow: 0 3px 0 #ac3c00;
    -moz-box-shadow: 0 3px 0 #ac3c00;
    box-shadow: 0 3px 0 #ac3c00;
    float: none;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px !important;
}

.entry-btn {
    /*background:#fe7777;*/
    background: #ea5504;
    padding: 15px;
    width: 50%;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: auto;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
}
.tel-contact-wrapp {
    margin-top: 60px;
    border: 1px solid #f2a585;
}
.tel-contact-wrapp .title {
    background: #ffe8db;
    border-bottom: 1px solid #f2a585;
    padding: 10px;
    color: #ea5504;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}
.tel-contact-content {
    padding: 30px 45px 20px;
}
.tel-contact-content dt {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.tel-contact-content dd .head-tel {
    font-size: 29px !important;
    position: relative;
    top: 3px;
}
.tel-contact-content dd .head-tel span {
    top: -7px;
}
.contact .btn {
    overflow: hidden;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.contact .btn .return_btn {
    float: left;
}
.contact .btn .return_btn a {
    font-size: 20px;
    margin: 0 0 3px 0;
    padding: 17px 70px;
    font-weight: bold;
    text-align: center;
    color: #535353;
    background: #dadada;
    border: none;
    float: right;
    display: block;
    border-radius: 5px !important;
}
.contact .btn .submit_btn {
    margin: 0 0 3px 0;
    padding: 15px;
    width: 47%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #ea5504;
    border: none;
    float: right;
    display: block;
    border-radius: 5px!important;
}
.contact .desc2 p {
    margin: 15px 0 10px 0;
}
.contact .desc2 .btn .btn_top {
    margin: 20px auto 3px auto;
    padding: 15px;
    width: 50%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #535353;
    background: #dadada;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
}
.detail_contact .content-table th {
    width: 22% !important;
    position: relative;
}
.detail_contact .content-table th span {
    background: #ea5504;
    color: #fff;
    font-size: 11px;
    padding: 1px 10px;
    font-weight: normal;
    border-radius: 3px;
    position: absolute;
    right: 10px;
}
.detail_contact .content-table th span.content-sub-text {
    position: relative;
    background: none;
    color: #333;
}
.detail_contact .btn {
    overflow: hidden;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.detail_contact .btn .return_btn {
    padding: 0 10px;
    float: left;
    width: 50%;
}
.detail_contact .btn .return_btn a {
    display: block;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    font-weight: bold;
    font-size: 21px;
    background: #e4e4e4;
    color: #777;
}
.detail_contact .btn .submit_btn {
    margin: 0 0 3px 0;
    padding: 15px;
    width: 47%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    /* background: #fe7777;*/
    background: #ea5504;
    border: none;
    float: right;
    display: block;
    border-radius: 5px!important;
}
.detail_contact .desc2 .btn .btn_top {
    margin: 20px auto 3px auto;
    padding: 15px;
    width: 50%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #535353;
    background: #dadada;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
}
/*通訳・翻訳*/

.orange-dot a {
    font-size: 16px;
    line-height: 1.6em;
    color: #3d70fc;
}

@media screen and (max-width:768px) {
.contact .content-table {
    width: 100% !important;
    display: table !important;
}
.contact .content-table th {
    width: 100% !important;
    position: relative;
}
.address-wrapp span {
    width: 100%;
    display: inline-block;
}
.oa-cad-wrapp ul {
    margin-bottom: 10px;
}
.oa-cad-wrapp ul li {
    width: auto;
    margin-right: 10px;
}
.other li {
    width: 100% !important;
    margin-bottom: 5px;
}
.entry-btn {
    width: 100%;
}
.tel-contact-wrapp .title {
    font-size: 16px;
}
.tel-contact-content {
    padding: 20px 5px 20px;
}
.tel-contact-content dt {
    font-size: 18px;
}
}
/*
s/求人情報一覧
*/
.loop-content h3 a {
    /*color: #ea5504;*/
    color: #3498db;
    /*color: #3d70fc;*/
    font-size: 22px;
    font-weight: normal;
}
.loop-content2 h3 a {
    /*color: #ea5504;*/
	/*color: #3498db;*/
    color: #3d70fc;
    font-size: 22px;
}
.loop-content h3 a:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.loop-content2 h3 a:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.loop-content .image {
  max-height: 300px;
	width:inherit;
	margin-top: 10px;
}


.paging {
    text-align: center;
}
.paging ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging ul li {
    padding: 0 5px;
    display: inline-block;
}
.paging ul li a {
    padding: 0 5px;
    min-width: 36px;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    background-color: #fff;
    border: 1px solid #b1b1b1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging ul li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #f2a585;
    border: 1px solid #f2a585;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: 0.3s;
}
.paging ul li .active {
    padding: 0;
    width: 36px;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background: #f2a585;
    border: 1px solid #f2a585;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.next a {
	position: relative;
}
.next a::after {
	content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #666666;
    border-right: solid 2px #666666;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: calc(50% - 4px);
    margin-top: -5px;
}
.next a:hover::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.prev a {
	position: relative;
}
.prev a::after {
	content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 2px #666666;
    border-left: solid 2px #666666;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: calc(50% - 4px);
    margin-top: -5px;
}
.prev a:hover::after {
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
}

.paging ul li.next a {
	padding: 0 1.5em 0 1em;
}
.paging ul li.next a::after { right: 0.5em; }

.paging ul li.prev a {
	padding: 0 1.0em 0 1.5em;
}
.paging ul li.prev a::after { left: 0.5em; }

@media screen and (max-width:768px) {
    .paging ul li {
        padding: 0 1vw;
    }
    .paging ul li a {
        padding: 0 5px;
        min-width: 36px;
        height: 36px;
        font-size: 3.5vw;
    }
    .paging ul li .active {
        width: 36px;
        height: 36px;
        font-size: 3.5vw;
    }
}

.bold {
    font-weight: bold;
	font-size:18px;
}
.tx-normal {
    font-weight: normal;
}
/*
詳細問い合わせ
*/
.detail_contact_head {
    padding: 13px 15px;
    background: #f2f2f2;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    margin-top: 40px;
}
.detail_contact_head .image {
    margin: 0 25px 0 0;
    padding: 1px;
    background: #ffffff;
    border: 1px solid #b5b4b4;
    float: left;
    display: inline;
    width: 86px;
}
.detail_contact_head .image img {
    display: block;
}
.detail_contact_head .desc {
    overflow: hidden;
}
.detail_contact_head .desc .tit {
    padding: 0 0 10px 0;
    line-height: 1.6em;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}
.detail_contact_head .desc .tit a {
    color: #333;
}
.detail_contact_head .desc .info {
    line-height: 1.6em;
    font-size: 15px;
}
.detail_text {
    font-size: 15px;
}
/*
お問い合わせ
*/

.contact_form {
    margin: 0 0 30px 0;
    overflow: hidden;
}
.contact_form .form {
    margin: 0 0 40px 0;
    width: 100%;
}

.contact_form .form tr {
    border-top: 1px solid #cecdcd;
    border-bottom: 1px solid #cecdcd;
}


.contact_form .form tr th {
    padding: 24px 15px;
    width: 230px;
    line-height: 1.4em;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    color: #333333;
    position: relative;
}
.contact_form .form tr td {
    padding: 15px;
    line-height: 1.4em;
    font-size: 14px;
}
.contact_form .form td .contact_label {
    width: 100%;
    display: block;
    margin-bottom: 3px;
}
.contact_form .form td .box {
}
.contact_form .form td .note {
    line-height: 30px;
    font-size: 90%;
    display: block;
    margin-top: 5px;
}
.contact_form .form td .note a {
    font-size: 100%;
    color: #9f9f9f;
    text-decoration: underline;
}
.contact_form .form td .note2 {
    line-height: 30px;
    font-size: 90%;
    display: inline-block;
}
.contact_form .form td .error {
    margin: 5px 0 0 0;
    padding: 0;
    color: #ff5454;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}
.contact_form .form td .fl.select {
    margin: 0 10px 0 0;
    display: inline;
}
.contact_form .form td .fl {
    line-height: 27px;
    font-size: 16px;
}
.contact_form .form td .note {
    line-height: 1.8;
    font-size: 90%;
    color: #9f9f9f;
}
.contact_form .form td .note2 {
    line-height: 1.8;
    font-size: 15px;
    color: #333;
}
.contact_form .form td p a { text-decoration: underline; }
.contact_form .form td .fl2 {
    line-height: 28px;
    float: left;
}
.contact_form .form td .error + .dl_01 {
    margin-top: 5px;
}
.contact_form .form td .dl_01 {
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.contact_form .form td .dl_01 dt {
    width: 140px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #535353;
    float: left;
}
.contact_form .form td .dl_01 dd {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: calc(100% - 140px);
}
.contact_form .form td .dl_01 dd .fl {
    margin: 0 10px 0 0;
    display: inline;
}
.contact_form .form td .dl_01 dd.tel_wrap_2col {
    display: flex;
}
.contact_form .form td .dl_01 dd.tel_wrap_2col > div {
    width: calc((100% - 3em) / 2);
    width: fit-content;
}
.contact_form .kiyaku {
    margin: 0 auto 35px auto;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 750px;
    text-align: left;
    height: 200px;
    overflow: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.contact_form .kiyaku dt {
    padding: 5px 15px;
    /* height: 30px; */
    line-height: 1.4em;
    text-align: left;
    font-size: 15px;
    background: #b2b2b2;
    color: #ffffff;
}
.contact_form .kiyaku dd {
    padding: 0 0 0 0;
    /*height: 150px;*/
    line-height: 1.4em;
    text-align: left;
    font-size: 13px;
    color: #555555;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: none;
    overflow: auto;
}
.contact_form .kiyaku dd .wrap {
    padding: 5px 15px;
    overflow: hidden;
}
.contact_form .kiyaku dd .wrap .tit {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 7px;
}
.contact_form .kiyaku dd .wrap .kiyaku_desc {
    margin-bottom: 15px;
}
.contact_form .kiyaku dd .wrap .kiyaku_desc p {
    font-size: 13px;
    line-height: 1.6em;
    margin-bottom: 3px;
}
.contact_form .btn_wrap {
    margin: 0 auto;
    width: 640px;
    overflow: hidden;
}
.contact_form .btn_wrap .btn {
    overflow: hidden;
}
.contact_form .btn_wrap .btn01 {
    margin: 0 auto 3px auto;
    padding: 15px 50px;
    height: auto;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: #f2a585;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 30px !important;
    cursor: pointer;
    display: block;
}
.contact_form .btn_wrap .btn02 {
    margin: 0 0 3px 0;
    padding: 15px 50px;
    width: 280px;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #f2a585;
    background: #fff;
    border: 1px solid #f2a585;
    float: left;
    display: block;
    border-radius: 30px;
}
.contact_form .btn_wrap .btn03 {
    margin: 0 0 3px 0;
    padding: 15px 50px;
    width: 280px;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #f2a585;
    border: 1px solid #f2a585;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    float: right;
    display: block;
    cursor: pointer;
}
.contact_form .list_01 li {
    width: 198px;
    float: left;
    padding: 5px 0;
}
.hissu {
    font-style: normal;
    background: #f2a585;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px;
    border-radius: 30px;
    float: right;
}
.error {
    color: #ff5454;
    font-size: 15px;
}
.desc2 p {
    margin: 0 0 10px 0;
    line-height: 1.6em;
    font-size: 15px;
    color: #333333;
    text-align: center;
}
.desc2 .btn .btn_top {
/*
	margin: 20px auto 3px auto;
    padding: 0 0 0 0;
    width: 280px;
    height: 50px;
    line-height: 50px;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    color: #777777;
    background: #dadada;
    border: 1px solid #dadada;
    -webkit-box-shadow: 0 3px 0 #c4c4c4;
    -moz-box-shadow: 0 3px 0 #c4c4c4;
    box-shadow: 0 3px 0 #c4c4c4;
    display: block;*/
}

.contact_form .form tr td .col2 {
    display: flex;
    align-items: center;
}
.contact_form .form tr td .col2 .col_item {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}
.contact_form .form tr td .label {
    width: 50px;
}
.chk_box {
    margin: 5px 0;
}
.chk_box label {
    display: inline-block;
}
.chk_box input[type="checkbox"] {
    display: inline-block;
    height: auto;
    -webkit-appearance:auto;
    margin-right: 5px;
}
.chk_box input[type="radio"] {
    display: inline-block;
    height: auto;
    -webkit-appearance:auto;
    margin-right: 5px;
}

@media screen and (max-width:768px) {
    .chk_box {
        margin-bottom: 10px;
    }
    .contact_form {
        margin: 0 0 0 0;
        /*background: #f3f3f3;*/
        /*border: 2px solid #e5e5e5;*/
        overflow: hidden;
    }
    .contact_form .form {
        margin: 0 0 20px 0;
        width: 100%;/*border-top: none;
        border-right: none;*/
    }
    .contact_form .form tr th {
        padding: 15px;
        width: 100%;
        line-height: 1.4em;
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
        color: #333333;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #f7f7f7;
        border-left: none;
        display: block;
        font-weight: bold;
        position: relative;
    }
    .contact_form .form tr th.address {
        font-weight: bold;
    }
    .contact_form .form tr td {
        padding: 10px 10px;
        width: 100%;
        line-height: 1.4em;
        font-size: 13px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #ffffff;
        border-left: none;
        display: block;
        text-align: left;
    }

    .contact_form .form tr td .stitle {
        font-size: 15px;
        font-weight: bold;
    }
    .contact_form .form td .note {
        line-height: 30px;
        font-size: 90%;
    }
    .contact_form .form td .note2 {
        line-height: 30px;
        font-size: 90%;
        display: inline-block;
    }
	.contact_form .form td p a {
		font-size: 90%;
	}
    .contact_form .form td .error {
        margin: 5px 0 0 0;
        padding: 0;
        width: 100%;
        color: #ff5454;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contact_form .form td .fl.select {
        margin: 0 10px 0 0;
        display: inline;
    }
    .contact_form .form td input {
        line-height: 27px;
        font-size: 16px;
    }
    .contact_form .form td .note {
        line-height: 1.4em;
        font-size: 11px;
        color: #9f9f9f;
    }
    .contact_form .form td .fl2 {
        line-height: 28px;
        float: left;
    }
    .contact_form .form td .dl_01 {
        overflow: hidden;
        flex-wrap: nowrap;
    }
    .contact_form .form td .dl_01 dt {
        margin: 0 0 5px 0;
        width: 80px;
        height: auto;
        line-height: 1.4em;
        font-size: 14px;
        font-weight: bold;
        color: #535353;
        float: none;
    }
    .contact_form .form td .dl_01 dd {
        overflow: hidden;
        width: 100%;
        font-size: 14px;
    }
    .contact_form .form td .dl_01 dd .fl {
        margin: 0 10px 0 0;
        display: inline;
    }
	
	.contact_form .form td .dl_01.sp_bd_top {
		border-top: 2px dotted #ddd;
	}
	.contact_form .form td .dl_01 dd.tel_wrap_2col.sp_1col {
		align-items: baseline;
		flex-direction: column;
	}
	
    .contact_form .kiyaku {
        /*margin: 0 13px 15px 13px;*/
        padding: 0 0 0 0;
        width: auto;
        /* max-width: 750px; */
        text-align: left;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
    }
    .contact_form .kiyaku dd .wrap {
        padding: 10px;
        overflow: hidden;
    }
    .contact_form .btn_wrap {
        margin: 25px 13px;
        width: auto;
        overflow: hidden;
    }

    .contact_form .btn_wrap .btn {
        width: 90%;
        margin: 0 auto;
    }

    .contact_form .btn_wrap .fl {
        width: 48%;
    }
    .contact_form .btn_wrap .fr {
        width: 48%;
    }
    .contact_form .btn_wrap .btn01 {
        margin: 0 auto 3px auto;
        padding: 15px;
        width: 90%;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        float: none;
        display: block;
        cursor: pointer;
    }
    .contact_form .btn_wrap .btn02 {
        margin: 0 auto 3px auto;
        padding: 0 0 0 0;
        width: 90%;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        color: #777777;
        float: none;
        display: block;
    }
    .contact_form .btn_wrap .btn03 {
        margin: 0 auto 20px auto;
        padding: 0 0 0 0;
        width: 90%;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        float: none;
        display: block;
        cursor: pointer;
    }
    .contact_form input.check_btn {
        width: 70%;
    }
    .contact_form .list_01 li {
        width: 50%;
        float: left;
        padding: 5px 0;
    }
    .error {
        color: #dd0202;
        font-size: 12px;
        padding-left: 15px;
    }
    .desc2 {
        margin: 15px 0 0 0;
        padding: 0 0px 0 0px;
        font-size: 1.2em;
        line-height: 1.4em;
    }
    .desc2 p {
        font-size: 3.5vw;
        padding: 0 10px 0 10px;
    }
    .desc2 p.con {
        padding-left: 10px;
    }
    .detail_contact .contact_form {
        border: none;
    }
    .detail_contact_head .image {
        margin: 0 15px 0 0;
    }
    .detail_contact_head .desc .tit {
        padding: 0 0 0px 0;
        line-height: 120%;
        font-size: 120%;
        font-weight: bold;
        color: #333;
    }
    .detail_contact_head .desc p {
        margin-top: 10px;
    }
    .contact .desc2 .btn .btn_top {
    margin: 0 auto 3px auto;
    padding: 0 0 0 0;
    width: 90%;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #777777;
    background: #dadada;
    border: 1px solid #dadada;
    -webkit-box-shadow: 0 3px 0 #c4c4c4;
    -moz-box-shadow: 0 3px 0 #c4c4c4;
    box-shadow: 0 3px 0 #c4c4c4;
    float: none;
    display: block;
    }

    .contact_btn_wrap .btn_top {
        margin: 0 auto 3px auto;
        padding: 0 0 0 0;
        width: 90%;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        color: #777777;
        background: #dadada;
        border: 1px solid #dadada;
        -webkit-box-shadow: 0 3px 0 #c4c4c4;
        -moz-box-shadow: 0 3px 0 #c4c4c4;
        box-shadow: 0 3px 0 #c4c4c4;
        float: none;
        display: block;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px !important;
    }

    .detail_contact .content-table th {
        width: 100% !important;
        position: relative;
    }
    .detail_contact .btn .return_btn {
        margin: 0 auto 15px auto;
        padding: 10px;
        width: 90%;
        font-weight: bold;
        text-align: center;
        color: #777777;
        background: #dadada;
        float: none;
        display: block;
        border-radius: 5px;
    }
    .detail_contact .btn .return_btn a {
        font-size: 15px;
    }
    .detail_contact .btn .submit_btn {
        margin: 0 auto 3px auto;
        padding: 10px;
        width: 90%;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background: #ea5504;
        border: none;
        float: none;
        display: block;
        border-radius: 5px!important;
    }
    .detail_contact .desc2 .btn .btn_top {
        margin: 10px auto 25px auto;
        padding: 10px;
        width: 90%;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        color: #535353;
        background: #dadada;
        border-radius: 5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: block;
    }
    .contact .btn .return_btn {
        margin: 0 auto 15px auto;
        padding: 10px;
        width: 90%;
        font-weight: bold;
        text-align: center;
        color: #777777;
        background: #dadada;
        float: none;
        display: block;
        border-radius: 5px;
    }
    .contact .btn .return_btn a {
        font-size: 15px;
    }
    .contact .btn .submit_btn {
        margin: 0 auto 3px auto;
        padding: 10px;
        width: 90%;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background: #ea5504;
        border: none;
        float: none;
        display: block;
        border-radius: 5px!important;
    }


    .contact_form .form tr td .col2 {
        flex-wrap: wrap;
    }
    .contact_form .form tr td .col2 .col_item {
        margin: 5px 0;
    }

    .rireki_box {
        padding: 20px 15px;
    }
    .rireki_item_list {
        padding: 0;
    }
    .rireki_item_list .rireki_item dd {
        padding: 15px;
    }
    .rireki_item_row {
        flex-wrap: wrap;
        margin: 0;
    }
    .rireki_item_row .rireki_item_title {
        width: 100%;
    }
    .rireki_item_row .rireki_item_dt {
        width: 100%;
        margin-bottom: 10px;
    }

    .rireki_item_row .rireki_item_dt .sp-par25 {
        width: 30%;
        margin-bottom: 10px;
    }
    .rireki_item_row .rireki_item_dt .sp-par15 {
        width: 20%;
        margin-bottom: 10px;
    }

}


/* honyaku-en.html */
.contact_form .form.en {}
.contact_form .form.en .hissu {
    float: none;
    width: fit-content;
    margin-top: 5px;
    display: block;
}
.contact_form .form.en td .dl_01 dt {
    font-size: 12px;
    width: 15em;
}
.contact_form .form.en td .dl_01 dd {
    width: calc(100% - 15em);
}

.contact_form .form tr th .en_form_name {
    font-size: 12px;
    line-height: 1.6em;
}

@media screen and (max-width:768px) {
    
    
}



.book_caution {
    padding: 1.5em 3em;
    background: #fdf2ed;
    border-radius: 13px;
    width: fit-content;
    margin: 0 auto 30px;
}
.book_caution > .title {
    font-weight: bold;
    margin-bottom: 10px;
}
.book_caution dl { display: flex; }
.book_caution dl + dl { margin-top: 5px; }
.book_caution dl .title {
    font-weight: bold;
    width: 7em;
}

.book_caution table {}
.book_caution table tr th,
.book_caution table tr td {
	font-size: 13px;
    background: #fff;
    padding: 7px 5px;
    border-left: 1px solid #cecdcd;
    border-bottom: 1px solid #cecdcd;
	white-space: nowrap;
}
.book_caution table tr:first-child {
    border-top: 1px solid #cecdcd;
}
.book_caution table tr th {
    font-weight: bold;
    line-height: 1.0em;
    background: #fdf2ed;
}
.book_caution table tr th:has(.f_vertical) {
    min-width: 2.5em;
}
.book_caution table tr th .f_vertical {
    font-size: 13px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    white-space: nowrap;
}

.book_caution table tr th:last-child,
.book_caution table tr td:last-child { 
	border-right: 1px solid #cecdcd;
}
.book_caution table tr td:last-child {
    vertical-align: top;
    font-size: 12px;
}


.indent_10 {
	padding-left:1.0em;
	text-indent:-1.0em;
}
.book2_img {
    margin-top: 5px;
    max-width: 501px;
    background: #fff;
}
@media screen and (max-width:768px) {
	.book_caution {
		width: 100%;
		padding: 1.0em 1.0em;
	}
	.book_caution dl {
		flex-direction: column;
	}
	
	.book_caution.sp_scroll table { width:100%; }
	.book_caution.sp_scroll table tr th,
	.book_caution.sp_scroll table tr td {
		white-space: nowrap;
	}
    
    .book_caution table tr th .f_vertical {
        line-height: 1.4em;
    }
	
	.sp_scroll{
		overflow: auto;　　　　/*tableをスクロールさせる*/
		white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.sp_scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
		 height: 5px;
	}
	.sp_scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
		 background: #F1F1F1;
	}
	.sp_scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
		 background: #BCBCBC;
	}
	
}


/**
 * テキスト入力フィールド
**/

input.txt_w12p {
    padding: 0 10px;
    width: 12%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w14p {
    padding: 0 10px;
    width: 25%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w25p {
    padding: 0 10px;
    width: 25%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w35p {
    padding: 0 10px;
    width: 35%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w47p {
    padding: 0 10px;
    width: 55%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w55p {
    padding: 0 10px;
    width: 55%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w70p {
    padding: 0 10px;
    width: 70%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w85p {
    padding: 0 10px;
    width: 85%;
    height: 40px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
textarea.textarea_w83p {
    padding: 10px;
    width: 83%;
    height: 140px;
    line-height: 1.8em;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
textarea.textarea_w100p {
    padding: 10px;
    width: 100%;
    height: 140px;
    line-height: 1.8em;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
select {
    border-radius: 3px;
    -webkit-appearance: menulist;
    height: 40px;
}
input::placeholder { color: #c5c5c5; }

@media screen and (max-width:768px) {
	input.txt_w12p {
		padding: 0 5px;
		width: 25%;
		height: 40px;
		line-height: 28px;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input.txt_w14p {
		padding: 0 5px;
		width: 28%;
		height: 40px;
		line-height: 28px;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input.txt_w25p {
		padding: 0 5px;
		width: 50%;
		height: 40px;
		line-height: 28px;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input.txt_w35p {
		padding: 0 5px;
		width: 100%;
		height: 40px;
		line-height: 28px;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input.txt_w47p {
		padding: 0 5px;
		width: 100%;
		height: 40px;
		line-height: 28px;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input.txt_w55p {
		padding: 0 5px;
		width: 100%;
		height: 40px;
		line-height: 28px;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	textarea.textarea_w83p {
		padding: 5px;
		width: 100%;
		height: 140px;
		line-height: 1.8em;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	textarea.textarea_w100p {
		padding: 5px;
		width: 100%;
		height: 140px;
		line-height: 1.8em;
		font-size: 16px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.orange { color: #ea5504; }
}
/* 追加 */
.contact .content-table th span.toggle_reki {
    cursor: pointer;
    border-radius: 0;
    border: 2px solid #ea5504;
    background: #fff;
    color: #ea5504;
    font-weight: bold;
    padding: 0;
    display: block;
    top: auto;
    width: 4.5rem;
    text-align: center;
}
.contact .content-table th span.toggle_reki:before {
    content: "\f0d7 開く";
    font-family: "FontAwesome";
    display: inline-block;
    color: #ea5504;
}
.contact .content-table th span.toggle_reki.open:before {
    content: "\f0d8 閉じる";
}
.search_box {
    overflow: hidden;
}
.search_box li:nth-child(2n) {
    margin-right: 0px;
}
.search_box li {
    margin-top: 20px;
    margin-right: 10px;
    float: left;
}
.mt05 {
    margin-top: 5px;
}
.mt40 {
    margin-top: 40px;
}
.mr05 {
    margin-right: 5px;
}
.print {
    color: #555;
    border: 1px solid #ccc;
    padding: 0px 7px 3px 7px;
    position: relative;
    top: -2px;
    margin-right: 8px;
    font-weight: normal;
    background: #ededed;
    border-radius: 2px;
    font-weight: normal;
    display: inline;
    float: right;
}
.print a {
    font-size: 12px;
}
.number {
    color: #a0a0a0;
    padding: 2px 0px 2px 0px;
    position: relative;
    top: 0px;
    margin-right: 8px;
    font-weight: normal;
    font-weight: normal;
    display: inline;
}
.icon {
    color: #f44040;
    border: 1px solid #f44040;
    font-size: 14px;
    padding: 2px 7px 2px 7px;
    position: relative;
    top: -2px;
    margin-right: 8px;
    font-weight: normal;
    background: #fff;
    border-radius: 15px;
    font-weight: normal;
    display: inline;
    float: left;
}
/*ログイン*/


.login-error {
    margin-left: 30px;
    color: #dd0202;
    font-size: 15px;
}
.login_wrap {
    background: #fff;
    padding: 60px 20px 40px;
    border: 1px solid #d6d6d6;
    margin-top: 40px;
}
.login_wrap .form_part {
    margin: 0 0 40px 0;
    overflow: hidden;
}
.login_wrap .form_part dt {
    width: 25%;
    line-height: 40px;
    font-size: 16px;
    float: left;
    display: inline;
    padding-left: 30px;
}
.login_wrap .form_part dd {
    overflow: hidden;
}
.login_wrap .form_part dd .text {
    width: 90%;
    height: 35px;
    line-height: 35px;
    background: #fafafa;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-border-radius: 5px;*/
	/*-moz-border-radius: 5px;*/
	/*border-radius: 5px;*/
    -webkit-appearance: none;
    font-size: 14px!important;
}
.forget {
    text-align: center;
}
.forget a {
    color: #3d70fc;
}

@media screen and (max-width:768px) {
.contact .content-table th span.toggle_reki {
    top: 8px;
}
.sp-mt20 {
    margin-top: 20px;
}
.search_box li {
    margin-top: 20px;
    margin-right: 0px;
    float: none;
}
.search_box li img {
    width: 100%!important;
}
#side .side-content img {
    width: 100% !important;
}
#side .side-content .contact {
    width: 80% !important;
    display: block;
    margin: 0 auto 40px;
}
.print {
    display: none;
}
.icon {
    display: none;
}
.number {
    /*display: none;*/
}
.loop-content2 .koyou {
    color: #fff;
    border: 1px solid #ea5504;
    font-size: 12px;
    padding: 1px 7px 1px 7px;
    position: relative;
    top: 0px;
    margin-right: 8px;
    font-weight: normal;
    background: #ea5504;
    border-radius: 5px;
    font-weight: normal;
    display: inline;
}
.loop-content h3 {
    color: #ea5504;
    font-size: 16px;
    padding-top: 10px;
}
.loop-content h3 a {
    color: #3498db;
    font-size: 16px;
}
.loop-content2 h2 {
    color: #333;
    font-size: 16px;
    padding-top: 9px;
}
.cat_list {
    /*display: none;*/
}
.link_box .area .tit {
    color: #3498db;
    font-size: 16px;
    padding-top: 5px;
    font-weight: bold;
}
}
.reki_wrap {
    display: none;
}
.reki_wrap.open {
    display: table-row-group;
}
/*
top-おすすめのお仕事
*/
.centered {
    /*    border: 1px solid #e9e9e9;
    display: table;
    height: 160px;
    width: auto;*/
    height: auto;
    object-fit: cover;
    width: 230px;
}
.centered .images {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 143px;
    overflow: hidden;
}
.centered .images img {
    display: block;
    margin: 0 auto;
    max-height: 160px;
    max-width: auto;
}
/*マイページ　新着情報*/

.top-news-wrapp .date {
    font-size: 120%;
}
.top-news-wrapp .text {
    margin-top: 20px;
}
.top-news-wrapp .text p {
    line-height: 1.8em;
    letter-spacing: 0.1px;
}

.staff-news-wrapp .date {
    font-size: 120%;
	margin-bottom: 20px;
}
.staffnews-wrapp .text {
    margin-top: 20px;
}
.staff-news-wrapp .text p {
    line-height: 1.8em;
    letter-spacing: 0.1px;
}


/**
 * マイページ　よくある質問
**/

.faq_wrap {
    margin: 20px 0 40px 0;
}
.faq_wrap .item {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    overflow: hidden;
}
.faq_wrap .item dl {
    margin: 0 0 15px 0;
    padding: 10px;
    background: #f2f2f2;
    overflow: hidden;
}
.faq_wrap .item dl dt {
    margin: 0 0 0 0;
    padding: 23px 15px 20px 70px;
    line-height: 1.4em;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    background: #ffffff url("../images/icon_q_03.png") no-repeat 10px 15px;
}
.faq_wrap .item dl dd {
    margin: 0 0 0 0;
    padding: 15px 15px 20px 70px;
    line-height: 1.8em;
    font-size: 16px;
    color: #333333;
    background: #ffffff url("../images/icon_a_03.png") no-repeat 10px 10px;
    font-feature-settings: "palt";
}
.faq_wrap .item .pagetop {
    margin: 0 0 0 0;
    float: right;
    display: inline;
}
/*マイページ　スタッフガイド*/
.table_data {
    margin: 10px 0 30px 0;
    overflow: hidden;
}
.table_data .data {
    margin: 0 0 0 0;
    width: 100%;
    color: #303030;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.table_data .data tr th {
    padding: 15px;
    width: 62%;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #333333;
    background: #fdf2ed;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    line-height: 1.8em;
}

.table_data .data tr th span {
	font-size: 14px;
    font-weight: normal;
}

.mypage_tit {
    font-size: 26px;
    /*color: #ea5504;*/
	color: #f2a585;
}
.table_data .data tr td {
    padding: 15px;
    line-height: 1.4em;
    font-size: 14px;
    font-weight: normal;
    color: #555555;
    background: #ffffff;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.table_data .data .box {
    text-align: center;
}

.table_data .data tr.tr_m td {
    /*background: #f8f8f8;*/
}
.table_data .data tr.tr_m td:first-of-type {
    padding-left: 3.5em;
}


.link-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #fff;
    background: #f2a585;
    width: 200px;
    display: inline-block;
    padding: 12px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    /*box-shadow: 0px 3px #d65f01;*/
}
.link-btn.i_pdf,
.link-btn.i_excel,
.link-btn.i_link { 
    display: flex;
    align-items: center;
    justify-content: center;
}
.link-btn.i_pdf::before,
.link-btn.i_excel::before,
.link-btn.i_link::before {
	content: "";
	display: inline-block;
	margin-right: 0.5em;
}
.link-btn.i_pdf::before {
	width: 16px;
	height: 20px;
	background: url("../images/i_pdf.png") no-repeat;
	background-size: contain;
}
.link-btn.i_excel::before {
	width: 18px;
    height: 20px;
	background: url("../images/i_excel.png") no-repeat;
	background-size: contain;
}
.link-btn.i_link::before {
	width: 18px;
    height: 18px;
	background: url("../images/i_link.png") no-repeat;
	background-size: contain;
	margin-right: 0.75em;
}

.link-btn.disabled {
    color: #999;
    background: #f1f1f1;
    pointer-events: none;
}
.link-btn.i_link.disabled::before {
	width: 18px;
    height: 18px;
	background: url("../images/i_link_gray.png") no-repeat;
	background-size: contain;
	margin-right: 0.75em;
}

.sp-only {
    display: none;
}

@media screen and (max-width:768px) {
	
	
.sp_scroll table { width:100%; }
.table_data.sp_scroll .data tr td {
    white-space: nowrap;
}
.sp_scroll {
	overflow: auto;　　　　/*tableをスクロールさせる*/
	white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.sp_scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	 height: 5px;
}
.sp_scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
}
.sp_scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
	 background: #BCBCBC;
}
	
	
.table_data .data tr th {
    padding: 8px 10px;
    width: 50%;
    line-height: 1.8em;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #333;
    background: #fdf2ed;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.table_data .data tr td {
    padding: 8px 10px;
    line-height: 1.0em;
    font-size: 100%;
    font-weight: normal;
    color: #555555;
    background: #ffffff;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    width: 50%;
}
.link-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #fff;
    background: #f2a585;
    width: 100%;
    display: inline-block;
    padding: 10px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
/*    box-shadow: 0px 3px #d65f01;*/
    line-height: 1.2em;
}
.sp-only {
    display: inheirt;
}
.faq_wrap .item dl dt {
    margin: 0 0 0 0;
    padding: 10px 15px 20px 45px;
    line-height: 1.4em;
    font-size: 100%;
    font-weight: bold;
    color: #333;
    background: #ffffff url("../images/icon_q_03.png") no-repeat 5px 5px;
    background-size: 30px;
    font-feature-settings: "palt";
}
.faq_wrap .item dl dd {
    margin: 0 0 0 0;
    padding: 10px 15px 10px 45px;
    line-height: 1.4em;
    font-size: 13px;
    color: #333333;
    background: #ffffff url("../images/icon_a_03.png") no-repeat 5px 5px;
    background-size: 30px;
    font-feature-settings: "palt";
}
.company_data .about_tb th {
    width: 8.5rem;
    padding-right: 0rem;
    text-align: left;
}
.company_data .about_tb th, .company_data .about_tb td {
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}
/*トップ*/

.content-dl2 dt {
    color: #ea5504;
    font-size: 120%;
    font-weight: bold;
    position: relative;
    margin-bottom: 30px;
}
.content-dl2 dd {
    line-height: 1.6em;
    font-size: 110%;
}
.nagoya {
    position: absolute;
    top: 55px;
    left: 10px;
    border: 2px solid #3fa456;
    background: #fff;
    color: #555;
    padding: 7px 15px;
    font-weight: bold;
    border-radius: 20px;
    font-size: 12px;
}
.nagoya:hover {
    border: 2px solid #3fa456;
    background: #3fa456;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
.toyota {
    position: absolute;
    top: 21px;
    left: 171px;
    border: 2px solid #b26ead;
    background: #fff;
    color: #666;
    padding: 7px 17px;
    font-weight: bold;
    border-radius: 20px;
    font-size: 12px;
}
.toyota:hover {
    border: 2px solid #b26ead;
    background: #b26ead;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
.sonota {
    position: absolute;
    top: 150px;
    left: 165px;
    border: 2px solid #efa04f;
    background: #fff;
    color: #666;
    padding: 7px 10px;
    font-weight: bold;
    border-radius: 20px;
    font-size: 12px;
}
.sonota:hover {
    border: 2px solid #efa04f;
    background: #efa04f;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
.kengai {
    position: absolute;
    top: 230px;
    right: 15px;
    border: 2px solid #71b1cf;
    background: #fff;
    color: #666;
    padding: 7px 15px;
    font-weight: bold;
    border-radius: 20px;
    font-size: 12px;
}
.kengai:hover {
    border: 2px solid #71b1cf;
    background: #71b1cf;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
.foot-link-box a {
    margin-top: 10px;
    display: block;
    background: rgba(255,255,255,0.7);
    padding: 25px 0;
    text-align: center;
    font-size: 18px;
    position: relative;
}
.content-sub-title span {
    font-size: 18px;
    font-weight: normal;
}
p, li {
    font-size: 14px;
}
.step-title {
    background: #ffe8db;
    color: #ea5504;
    font-size: 18px;
    padding: 10px 10px 10px 100px;
}
.step-inner-wrapp .step-text {
    font-size: 14px;
    line-height: 1.6em;
}
.orange-dot li {
    font-size: 14px;
    padding: 3px 0;
    margin-bottom: 10px;
}
.orange-dot a {
    font-size: 13px;
    line-height: 1.6em;
    color: #3d70fc;
}
.step-title span {
    background: #ea5504;
    color: #fff;
    font-size: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 85px;
    text-align: center;
    padding: 10px 0;
}
.login-error {
    margin-left: 0px;
    color: #dd0202;
    font-size: 15px;
}
.login_wrap {
    background: #fff;
    padding: 40px 20px 30px;
    border: 1px solid #d6d6d6;
    margin-top: 40px;
}
.login_wrap .form_part {
    margin: 0 0 20px 0;
    overflow: hidden;
}
.login_wrap .form_part dt {
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    float: left;
    display: inline;
    padding-left: 0px;
}
.login_wrap .form_part dd {
    overflow: hidden;
    width: 100%;
}
.login_wrap .form_part dd .text {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #fafafa;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    font-size: 14px !important;
}

	.top-search-box ul .w33{
	width:100%;
}

	.fl_text{
		float:none;
		margin-top:0px;
	}

	.fl_text2{
		margin-top:0px;
	}

	.columns--two {
    -moz-column-count: inherit!important;
    -webkit-column-count: inherit!important;
    column-count: inherit!important;
    -moz-column-gap: inherit!important;
    -webkit-column-gap: inherit!important;
    column-gap: inherit!important;
}

	ul.columns--two, ol.columns--two, .list.columns--two {
    padding-left: 10px!important;
    list-style-position: inside;
}


}


/*20180607　追記*/
.map-bg.mh-310 {
	min-height: 310px;
}
.works-select-wrapp.pt-00 {
    padding: 0 30px 30px;
}


.columns--two {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
}

ul.columns--two, ol.columns--two, .list.columns--two {
    padding-left: 0;
    list-style-position: inside;
}


.language-wrap{
overflow: hidden;

margin-bottom: 40px;
}


.language-wrap li::before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #eb5b0d;
    padding-right: 10px;
    position: relative;
    top: -1px;

}

.language-wrap li{
	width:50%;
	float:left;
	padding: 0px 0px 15px 0px;
}

.language-wrap li a {
    font-size: 16px;

line-height: 1.6em;

color: #3d70fc;

}


.language-wrap li .text {

    font-size: 16px;
    line-height: 1.6em;
    color: #333;
    pointer-events:none;
}



.language-wrap li(2n){
	margin-right:0px;
}

.language-wrap li(2n＋1){
	clear:both;
}

.font12{
	font-size:110%;
}

.orange{
	    color: #ea5504;
}


#main-sample{
	width:1100px;
	margin: 0 auto;
	    text-align: center;
}

@media screen and (max-width:768px) {
#main-sample {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
}



/*-------------------------------------------
join3.html
-------------------------------------------*/
.column_01 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.join3 {}
.join3 .message {
    margin: 60px 0 0;
    position: relative;
}
.join3 .message .img_wrap {
}
.join3 .message .text_wrap {
    width: 700px;
    padding: 45px 35px;
    background: rgba(255,255,255,0.8);
	position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.join3 .message .text_wrap p {
    font-size: 18px;
    color: #262626;
    font-feature-settings: "palt";
}

.join3 .movie_wrap {
    max-width: 640px;
    width: 100%;
    /* height: 525px; */
    margin: 50px auto 0;
}
.join3 .movie_wrap .center {
	position: relative;
    width: 100%;
    padding-top: 75.25%;
}
.join3 .movie_wrap .center video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.video-wrap {
    position: relative;
}
.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
}


/* 問い合わせフォーム */
.join3 .contact_form {
    margin: 45px auto 30px;
    width: 100%;
    max-width: 1000px;
}
.join3 .contact_form .form {
    border-right: none;
    border-left: none;
}
.join3 .contact_form .form tr {}
.join3 .contact_form .form tr:nth-child(odd) {
	background: #eee;
}
.join3 .contact_form .form tr:nth-child(even) {
	background: #fff;
}

.join3 .contact_form .form tr th {
	background: inherit;
	border-left: none;
	padding: 15px;
	border-right: 1px solid #cccccc;
}
.join3 .contact_form .form tr th.title {
    border-right: none;
    background: #fff;
    font-weight: bold;
	font-size: 18px;
}
.join3 .contact_form .form tr td {
	border-left: none;
}
.join3 .contact_form .form tr td ul.cf {}
.join3 .contact_form .form tr td ul.cf li {
    width: auto;
    padding-right: 20px;
    padding-bottom: 10px;
}
.join3 .contact_form .form tr td select {
	color: #7d7d7d;
    font-size: 14px;
}

.join3 .contact_form .kiyaku {
    max-width: inherit;
    height: auto;
    border-bottom: none;
    margin: 0 auto 25px auto;
}

.join3 .contact_form .kiyaku dt {
    font-size: 16px;
}
.join3 .contact_form .kiyaku dd {
    color: #656464;
    font-size: 16px;
}
.join3 .contact_form .kiyaku dd .wrap {
    padding: 10px 15px;
}
.join3 .contact_form .kiyaku dd .wrap .kiyaku_desc p {
    color: #656464;
    font-size: 16px;
    line-height: 1.8;
	margin-bottom: inherit;
}
.join3 .contact_form .kiyaku dd .wrap .kiyaku_desc p.indent-2 {
    padding-left: 2em;
    text-indent: -2em;
}

.join3 .info_wrap {
    max-width: 630px;
    width: 100%;
    background: #eeeeee;
    margin: 0 auto 0;
    padding: 30px 40px;
}
.join3 .info_wrap .img_wrap {
    max-width: 500px;
    padding: 0 0 20px 0;
    margin: 30px auto 20px;
    border-bottom: 1px solid #aaa;
}
.join3 .info_wrap .img_wrap img.logo {
    width: 335px;
    position: static;
}
.join3 .info_wrap .text_box {}
.join3 .info_wrap .text_box p {
    font-size: 16px;
    color: #656464;
}
.join3 .info_wrap .text_box p span {
    font-size: 16px;
    color: #656464;
}

.join3 .address-wrapp.area {}
.join3 .address-wrapp.area span {
    width: auto;
    margin-right: 10px;
}

@media screen and (max-width:768px) {
	.join3 {
		width: 96%;
		margin: 0 auto;
	}
	.join3 .message {
		margin: 30px auto 0;
	}
	.join3 .message .img_wrap {
		width: 96%;
		margin: 0 auto;
	}
	.join3 .message .text_wrap {
		width: 96%;
		margin: 20px auto 0;
		position: static;
		transform: inherit;
		padding: 0 0 0;
	}
	.join3 .message .text_wrap p {
		font-size: 15px;
		line-height: 1.4em;
	}
	.join3 .movie_wrap {
		width: 96%;
		/*height: 250px;*/
		margin: 30px auto 0;
	}

	.join3 .contact_form .form {
		width: 96%;
		margin: 0 auto 20px;
	}
	.join3 .contact_form .form tr:nth-child(odd) {
		background: inherit;
	}
	.join3 .contact_form .form tr:nth-child(even) {
		background: inherit;
	}
	.join3 .contact_form .form tr th {
		background: #f8f8f8;
		border-left: 1px solid #cccccc;
	}
	.join3 .contact_form .form tr th.title {
		border-left: none;
		font-size: 16px;
	}
	.join3 .contact_form .form tr td {
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.join3 .contact_form .form tr td ul.cf li {
		padding-right: 10px;
	}

	.join3 .contact_form .kiyaku {
		width: 96%;
		margin: 0 auto 20px auto;
	}
	.join3 .contact_form .kiyaku dt {
		font-size: 15px;
	}
	.join3 .contact_form .kiyaku dd .wrap .kiyaku_desc p {
		font-size: 14px;
	}
	.join3 .info_wrap {
		width: 96%;
		padding: 20px 15px;
	}
	.join3 .info_wrap .text_box p {
		font-size: 14px;
	}

	.f18 {
    font-size: 14px;
}
}


/**
 * タブレット端末用
**/
@media only screen and (min-width: 651px) and (max-width: 1340px) {
	.join3 {
		width: 96%;
	}
}


/* join3.html 追随求人検索ボタン */
.search-right-bunner {
	position: fixed;
    right: 0;
    top: 150px;
    border-top: 1px solid #f2a585;
    border-bottom: 1px solid #f2a585;
    border-left: 1px solid #f2a585;
    border-radius: 8px 0 0 8px;
    background: #f2a585;
    overflow: hidden;
    z-index: 10;
    width: 60px;
    /*height: 280px; */
}
.search-right-bunner a {
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 15px 20px;
    position: relative;
}
.search-right-bunner a .vartical-up {
	text-orientation: upright;
	color: #fff;
}
.search-right-bunner a:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background:url(../images/icon_right_bunner.png) no-repeat;
	background-size: contain;
	margin-bottom: 3px;
}
/* IE用 */
_:-ms-lang(x)::-ms-backdrop,
.search-right-bunner {
    height: 280px;
}
@media screen and (max-width:768px) {
	a.search-foot-btn {
		background: #f2a585;
		border: 1px solid #f2a585;
		border-radius: 8px;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		padding: 6px 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	a.search-foot-btn:before {
		content: "";
		display: inline-block;
		width: 18px;
		height: 18px;
		background:url(../images/icon_right_bunner_sp.png) no-repeat;
		background-size: contain;
	}
}



/*join3.html 内定者の声 */
/*-- モーダルスタイルcss --*/
.modal-btn-wrap {}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left:0;
    width: 100%;
	z-index: 1000;
}
.modal__bg{
    background: rgba(0,0,0,0.6);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 50px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
	width: 80%;
    max-width: 1200px;
    max-height: 80vh;
	overflow-y: scroll;
}
a.js-modal-close:before {
	content: none;
}
@media screen and (max-width:768px) {
	.modal__content {
		padding: 1rem 1rem 1.5rem;
		width: 80%;
	}
}

.content-box.interview-wrap {
    padding: 50px 30px 30px;
}
.interview-wrap .modal-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.interview-wrap .modal-btn-wrap.slick-slider {
    margin-bottom: 0;
}
.interview-wrap a.js-modal-open {
    width: 33%;
    padding: 0 20px;
}
.interview-wrap .box {
    position: relative;
    padding-bottom: 100px;
}
.interview-wrap .box img:hover {
    opacity: 0.7;
}
.interview-wrap .box img {
    width: 100%;
}
.interview-wrap .box .title-wrap {
    position: absolute;
    left: 0px;
    right: 0;
    margin: auto;
    bottom: -80px;
    background: #fff;
    border: 3px solid #231f20;
    box-shadow: 3px 3px 0px 0px #231f20;
    width: 90%;
}
.nyusya-y {
    position: absolute;
    top: -10px;
    left: 15px;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 15px 5px;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
    color: #fff;
    background-color: #f2a585;
}
.interview-wrap .box dl {
    padding: 20px 30px;
    text-align: center;
}
.interview-wrap .box dl dt {
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    color: #212121;
    margin-top: 5px;
    background: linear-gradient(transparent 60%, #ea550478 60%);
    display: inline;
}
.interview-wrap .box dl dd {
    margin-top: 15px;
    font-size: 15px;
    text-align: center;
}
.interview-wrap .box dl dd span {
    font-size: 15px;
    font-family: "NSJ_B";
}



.interview_box {
    margin-top: 40px;
}
.interview_box .top-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	margin-bottom: 30px;
}
.interview_box .text-wrap {
    width: 72%;
    max-width: 770px;
    padding: 0 0 30px 0px;
    box-sizing: border-box;
}
.interview_box .img-wrap {
    width: 25%;
    max-width: 250px;
}
.interview_box .com_name {
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
}
.interview_box .com_name span {
    font-size: 16px;
}
.interview_box .name {
    font-size: 26px;
    font-weight: bold;
}
.interview_box .name span {
    padding: 0 10px;
    font-size: 22px;
    font-weight: normal;
}

.interview_box .top-box .detail-text {
    margin-top: 40px;
    font-size: 18px;
}

.interview_box dl {
    margin-bottom: 40px;
}
.interview_box dl dt {
    font-size: 26px;
    line-height: 1.7em;
    border-bottom: 1px solid;
    margin-bottom: 20px;
}
.interview_box dl dd {
    font-size: 18px;
	letter-spacing: 0.05em;
}
.interview_box dl.message {
    border: 2px solid #f2a585;
    padding: 40px;
}
.interview_box dl.message dt {
    border-bottom: none;
}

@media screen and (max-width:768px) {
	.interview-wrap .modal-btn-wrap {
		display: block;
	}
	.interview_box .top-box {
		display: block;
		margin-bottom: 0;
	}
	.interview_box .img-wrap {
		width: 80%;
		margin: 0 auto;
	}
	.interview_box .com_name {
		text-align: center;
		font-size: 12px;
		padding: 8px 0;
	}
	.interview_box .com_name span {
		font-size: 12px;
	}
	.interview_box .name {
		font-size: 20px;
		text-align: center;
	}
	.interview_box .name span {
		font-size: 12px;
	}
	.interview_box .text-wrap {
		width: 100%;
		padding: 20px 0 0 0;
	}
	.interview_box dl dt {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.interview_box dl dd {
		font-size: 14px;
	}
}


.no_scroll {
	overflow: hidden;
}
.modal.js-modal {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	/*%が重要、vhだとスクロールが動く*/
	height: 100% ;
	width: 100%;
	/*重要*/
	overflow-y: auto ;
	/* これがないとスクロールがカクカクする。
	 fixed + touch でフリーズする問題もあるらしい*/
	-webkit-overflow-scrolling: touch;
}

/*----------------------------------------------------
	reserve
----------------------------------------------------*/

.reserve .dot{
	border-bottom: 1px solid #ccc;
	    padding-bottom: 40px;
	
}
.reserve p:nth-of-type(1) {
	font-size: 18px;
	text-align: center;
	margin-top: 35px;
	    margin-bottom: 30px;
}

.reserve-container {
	display: flex;
	padding-bottom: 25px;
	/*border-bottom: 1px solid #ccc;*/
	margin-top: 30px;
}

.reserve-container div {
	width: 33.3333%;
	margin: 0 5px;
}

.reserve-container div:nth-of-type(1) {
	margin-left: 0;
}

.reserve-container div:nth-of-type(3) {
	margin-right: 0;
}

.reserve-container div .reserve-btn {
display: block;
    background: #eee;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
    border: 1px solid #ccc;
}

.reserve-container div .current {
	background: #F87120;
	color: #fff;
}

.reserve-container div .reserve-btn:hover {
	background: #F87120;
	color: #fff;
	border: 1px solid #F87120;
}

.reserve p:nth-of-type(2) {
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
}

.reserve p:nth-of-type(2) span {
	font-size: 14px;
}

.reserve > div:nth-of-type(2) {
	text-align: center;
	margin-top: 45px;
}

.reserve > div:nth-of-type(2) a,
.reserve > div:nth-of-type(2) span {
	font-size: 16px;
    font-weight: bold;
    line-height: 1.8em;
}

.reserve > div:nth-of-type(2) span {
	margin: 0 30px;
	font-size: 22px;
}

.reserve table {
	margin-top: 25px;
}

.reserve table tr:nth-of-type(1) th {
	border-bottom: none;
}

.reserve table th {
	font-weight: 400;
	border: 1px solid #ccc;
}

.reserve table td {
	border: 1px solid #ccc;
	border-top: none;
}

.pop-up-wrap input {
  display: none;
}

.pop-up-overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.pop-up-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.pop-up-content {
  position: relative;
	background: #fff;
  align-self: center;
      width: 600px;
  padding: 50px 50px 30px;
  border-radius: 5px;
  transition: .3s;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 17px;
  font-size: 30px;
  cursor: pointer;
}

.back_btn {
	    display: block;
    text-align: center;
    background: #666666;
    color: #fff;
    width: 90px;
    height: 50px;
    padding: 10px;
    border-radius: 5px;
    transition: .3s;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8em;
cursor: pointer;
}

.back_btn:hover{
	opacity: 0.7;
}

.pop-up-container {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.pop-up-container a {
	display: block;
	text-align: center;
	width: 50%;
	padding: 10px;
	border-radius: 5px;
	transition: .3s;
}

.pop-up-container a:nth-of-type(1) {
	background: #F87120;
	color: #fff;
	margin-right: 20px;
}

.pop-up-container a:nth-of-type(2) {
	background: #ccc;
}

.pop-up-container a:hover {
	opacity: .7;
}

.pop-up-wrap input:checked ~ .pop-up-overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open-btn {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
	font-size: 12px;
	color: #fff;
  margin: 5px 10px;
  background: #00A65A;
  border-radius: 5px;
  cursor: pointer;
  transition: .3s;
}

.open-btn:hover {
  opacity: .7;
}

.reserve .btn-gray {
	background: #ccc;
	pointer-events: none;
}

@media screen and (max-width:768px) {
	

	
	.reserve p:nth-of-type(1) {
		font-size: 18px;
		text-align: center;
		margin-top: 30px;
	}

	.reserve-container {
		flex-direction: column;
		margin-top: 15px;
	}

	.reserve-container div {
		width: 100%;
		margin: 5px 0;
	}

	.reserve-container div .reserve-btn {
		width: 90%;
		padding: 15px;
		margin: 0 auto;
	}

	.reserve > div:nth-of-type(2) {
		margin-top: 30px;
	}

	.reserve > div:nth-of-type(2) a,
	.reserve > div:nth-of-type(2) span {
		font-size: 20px;
	}

	.reserve > div:nth-of-type(2) span {
		margin: 0 20px;
	}

	.pop-up-content {
	  width: 90%;
	  padding: 40px 20px 20px;
	}

	.pop-up-container {
		flex-direction: column;
		justify-content: center;
		margin-top: 20px;
	}

	.pop-up-container a {
		width: 100%;
		padding: 15px;
	}

	.pop-up-container a:nth-of-type(2) {
		margin-top: 10px;
	}

	.open-btn {
		font-size: 11px;
		color: #fff;
		text-align: center;
		line-height: 1.3;
		padding: 3px 0;
	  margin: 5px 5px;
	}
	
	.back_btn {
    display: block;
    text-align: center;
    background: #666666;
    color: #fff;
    width: 100%;
    height: 50px;
    padding: 10px;
    border-radius: 5px;
    transition: .3s;
    font-size: 18px;
    cursor: pointer;
    margin-top: 15px;
}
}


.reserve-date{
	float:left;
	margin-right:10px;
	    margin-top: 5px;
}
.reserve-date-btn{
	float:left;
}
.reserve-date-btn a{
	cursor: pointer;
    border-radius: 0;
    border: 2px solid #f2a585;
    background: #fff;
    color: #f2a585;
    font-weight: bold;
    padding: 0;
    display: block;
    top: auto;
    width: 100px;
    text-align: center;
	font-size:14px;
	padding:5px 10px;
}

@media screen and (max-width:768px) {
	
	.reserve-date{
	float:none;
	margin-bottom:10px;

}
.reserve-date-btn{
	float:none;
}
.reserve-date-btn a{
	cursor: pointer;
    border-radius: 0;
    border: 2px solid #f2a585;
    background: #fff;
    color: #f2a585;
    font-weight: bold;
    padding: 0;
    display: block;
    top: auto;
    width: 100px;
    text-align: center;
	font-size:14px;
	padding:5px 10px;
}
	
}



.contact-pt {
    background-color: #f4f4f4;
    padding: 50px 0;
}
.contact-pt ul {
    display: flex;
    justify-content: center;
}
.contact-pt ul.flex_bottom {
    align-items: flex-end;
}
.contact-pt ul li {
    margin: 0 50px;
    text-align: center;
}
.contact-pt ul li .title {
    font-size: 20px;
    font-weight: bold;
    color: #156082;
    position: relative;
    display: table;
    margin: 0 auto 10px auto;
}

.contact-pt ul li .title::before,
.contact-pt ul li .title::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 24px;
    background-color: #156082;
    top: 5px
}


.contact-pt ul li:last-child .title::before,
.contact-pt ul li:last-child .title::after {
    background-color: #f2a585;
}
.contact-pt ul li:first-child .title::before,
.contact-pt ul li:first-child .title::after {
    background-color: #156082;
}

.contact-pt ul li .title::before {
    left: -10px;
    transform: rotate(-45deg);
}
.contact-pt ul li .title::after {
    right: -10px;
    transform: rotate(45deg);

}

.contact-pt ul li:last-child .title {
    color: #f2a585;
}
.contact-pt ul li:first-child .title {
    color: #156082;
}

.contact-pt ul li .btn_link {
    font-size: 18px;
    font-weight: bold;
    color: #156082;
    margin-bottom: 10px;
    background-color: #fff;
    width: 280px;
    padding: 20px 10px;
    border-radius: 5px;
    display: table;
    margin: 0 auto ;
    border: 2px solid #156082;
    box-shadow: 0 5px 0px 0px #156082;
    position: relative;
}

.contact-pt ul li:last-child .btn_link {
    color: #f2a585;
    border: 2px solid #f2a585;
    box-shadow: 0 5px 0px 0px #f2a585;
}
.contact-pt ul li:first-child .btn_link {
    color: #156082;
    border: 2px solid #156082;
    box-shadow: 0 5px 0px 0px #156082;
}
.contact-pt ul li .btn_link::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #156082;
    border-right: solid 2px #156082;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}
.contact-pt ul li:last-child .btn_link::after {
    border-top: solid 2px #f2a585;
    border-right: solid 2px #f2a585;
}
.contact-pt ul li:first-child .btn_link::after {
    border-top: solid 2px #156082;
    border-right: solid 2px #156082;
}
.contact-pt ul li .tel {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-pt ul li .tel img {
    margin-right: 5px;
}
.contact-pt ul li .tel span {
    font-size: 24px;
    font-weight: bold;
}

.contact-pt ul li .btn_link_tel {
    border: solid 2px #f2a585;
    box-shadow: 0 5px 0px 0px #f2a585;
    background: #fff;
    border-radius: 5px;
    width: 280px;
    padding: 22px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.contact-pt ul li .btn_link_tel img {
    width: 20px;
    height: auto;
    margin-right: 5px;
}
.contact-pt ul li .btn_link_tel span {
    color: #f2a585;
    font-size: 24px;
}

.contact-pt ul li .link_list {
    text-align: center;
    margin-top: 20px;
}
.contact-pt ul li .link_list a {
	padding-bottom: 4px;
    border-bottom: solid 1px #000;
    margin: 0 auto;
    position: relative;
}
.contact-pt ul li .link_list a::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
	content: none;
}

.contact-pt ul li:nth-child(1) .link_list a {
    color: #156082;
    border-bottom-color: #156082;
}
.contact-pt ul li:nth-child(2) .link_list a {
    color: #f2a585;
    border-bottom-color: #f2a585;
}

@media screen and (max-width:767px){
    .contact-pt {
		padding: 20px 0;
        background-color: #f4f4f4;
    }
    .contact-pt ul {
        justify-content: space-between;
    }
    .contact-pt ul li {
        width: 48%;
        margin: 0;
        text-align: center;
    }
    .contact-pt ul li .btn_link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4vw;
        width: 100%;
        height: 60px;
        padding: 5px 10px; 
        margin: 0 auto;
    }
    .contact-pt ul li .title {
        font-size: 3vw;
        line-height: 1.5;
        margin-bottom: 2vw;
    }
    .contact-pt ul li:last-child .title {
        /* padding: 0 10px; */
    }
    .contact-pt ul li .title::before, .contact-pt ul li .title::after {
        height: 5vw;
        top: 0;
    }
    .contact-pt ul li .title::before {
        left: -1.5vw;
        transform: rotate(-30deg);
    }
    .contact-pt ul li .title::after {
        right: -1.5vw;
        transform: rotate(30deg);
    }
    .contact-pt ul li .link_list a {
        font-size: 3.5vw;
    }
    .contact-pt ul li .tel {
      margin-top: 7vw;
    }
    .contact-pt ul li .tel img {
        margin-right: 1vw;
        width: 5vw;
    }
    
    .contact-pt ul li .tel span {
        font-size: 4.3vw;
    }
    
    .contact-pt ul.flex_bottom {
        justify-content: space-between;
    }
    .contact-pt ul li .btn_link_tel { 
        width: 100%;
        padding: 18px 10px 17px;
        pointer-events: auto;
    }
    .contact-pt ul li .btn_link_tel img {
        width: 12px;
    }
    .contact-pt ul li .btn_link_tel span {
        font-size: 4vw;
    }
}


.reason_pt {
    margin: 50px 0;
}
.reason_pt .reason_ctitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 80px;
    text-align: center;
    position: relative;
}
.reason_pt .reason_ctitle::after {
    content: "";
    background: url(../images/p_title_border.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 302px;
    height: 9px;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 150px);
	content: none;
}
.reason_pt .reason_ctitle_dt {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.reason_pt .reason_ctitle_dt li {
    width: 50%;
    font-size: 16px;
}
.reason_pt .reason_ctitle_dt li img {
    width: 90%;
    border-radius: 10px;
}

.reason_pt .reason_title {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    display: block;
    margin: 0 0 30px 0;
    padding-bottom: 10px;
    text-align: left;
}
.reason_pt .reason_title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #c8cccd;
}

.reason_pt .reason_title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    border-bottom: 3px solid #f2a585;
}

.reason_pt .reason_desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 2.5;
    margin-bottom: 70px;
}
.reason_title_box {
    border-left: 4px solid #f2a585;
    padding-left: 10px;
}
.reason_pt .reason_ntitle {
    font-size: 18px;
    font-weight: bold;
    color: #f2a585;
    text-align: left;
}
.reason_pt .reason_stitle {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 50px;
}
.reason_pt .reason_item {
    display: flex;
    margin-bottom: 70px;
}
.reason_pt .reason_item dt {
    width: 350px;
    margin-right: 40px;
}
.reason_pt .reason_item dt img {
    width: 100%;
    border-radius: 10px;
}
.reason_pt .reason_item dd {
    width: calc(100% - 390px);
}
.reason_pt .reason_item dd .subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.reason_pt .reason_item .stitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}
.reason_pt .reason_item p {
    font-size: 16px;
    line-height: 2;
}

.btn_link_img {
    margin: 20px 0 0 auto;
    display: table;
}
.btn_link_s {
    font-size: 14px;
    font-weight: bold;
    display: table;
    border: 1px solid #333;
    padding: 5px 20px;
    border-radius: 5px;
    margin: 5px 0;
    position: relative;
    background-color: #f3f3f3;
    margin: 0 0 0 auto;
}
.btn_link_s::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -5px;
}

.btn_link_c {
    background-color: #f2a585;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: table;
    margin: 0 auto;
    border: none;
    padding: 20px 50px;
    cursor: pointer;
    border-radius: 10px;
}

@media screen and (max-width:767px){
    .reason_pt .reason_ctitle {
        font-size: 3.2vw;
        margin-bottom: 30px;
    }
    .reason_pt .reason_ctitle::after {
        width: 40vw;
        height: 4vw;
        bottom: -4vw;
        left: calc(50% - 20vw);
    }
    .reason_pt .reason_ctitle_dt {
        margin-bottom: 50px;
        justify-content: space-between;
    }
    .reason_pt .reason_ctitle_dt li {
        width: 100%;
        margin-bottom: 20px;
        font-size: 3.5vw;
    }
    .reason_pt .reason_ctitle_dt li:first-child {
		width: 70%;
        margin: 0 auto 10px;
    }
    .reason_pt .reason_ctitle_dt li img {
        width: 100%;
    }
	.reason_pt .reason_ctitle_dt li:nth-child(2) {
		text-align: center;
		margin-bottom: 0;
	}
    .reason_pt .reason_title {
        font-size: 5vw;
        margin: 0 auto 30px auto;
        padding-bottom: 10px;
    }
    .reason_pt .reason_desc {
        font-size: 3.5vw;
        line-height: 1.8;
        margin-bottom: 50px;
    }
    .reason_pt .reason_ntitle {
        font-size: 4vw;
    }
    .reason_pt .reason_stitle {
        font-size: 5vw;
        margin-bottom: 30px;
    }
    .reason_pt .reason_item {
		flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    .reason_pt .reason_item dt {
		width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .reason_pt .reason_item dd {
        width: 100%;
    }
    .reason_pt .reason_item .stitle {
        font-size: 3.5vw;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .reason_pt .reason_item dd .subtitle {
        font-size: 3.5vw;
        margin-bottom: 10px;
    }
    .reason_pt .reason_item p {
        font-size: 3.5vw;
        line-height: 2;
    }
	.reason_pt .reason_item .ol_inside li {
		font-size: 3.5vw;
	}
	.reason_pt .reason_item .ol_inside li::before,
	.reason_pt .reason_item .p_inside::before {
		background: url(../images/i_chk_pre.png) no-repeat;
		background-size: contain;
		width: 18px;
		height: 18px;
	}

	.btn_link_img {
		margin: 20px auto 0;
	}
    
    .btn_link_c {
        font-size: 3.5vw;
        padding: 4vw 8vw;
    }
}

.company_info {
    margin-top: 30px;
}
.company_info .compnay_img {
    max-width: 790px;
    width: 100%;
    margin: 0 auto 80px auto;
}
.company_info .compnay_img img {
    width: 100%;
}
.company_link_group {
    display: flex    ;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.company_link_group a {
    font-size: 16px;
    width: 30%;
    margin: 10px;
    border: 1px solid #c8cccd;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 5px 0px 0px #ecf2f4;
    position: relative;
}
.company_link_group a::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
}

.company_img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}
.company_img li {
    width: 48%;
    font-size: 24px;
    font-weight: bold;
	margin: 0 auto;
}



.company_dt {
    margin-bottom: 50px;
}
.company_dt dl {
    display: flex;
    padding: 15px;
    background-color: #f5f8f9;
    border-bottom: 1px solid #cecdcd;
}
.company_dt dl:nth-child(even) {
    background-color: #fff;
}
.company_dt dl:first-child{
    border-top: 1px solid #cecdcd;
}
.company_dt dl dt {
    width: 230px;
    font-size: 16px;
    font-weight: bold;
}
.company_dt dl dd {
    width: calc(100% - 230px);
    font-size: 14px;
    line-height: 1.8;
    padding-left: 10px;
}

.company_dt .office_outer {
    display: flex;
    justify-content: space-between;
}
.company_dt .office_outer > div {
    /* width: calc(100% - 30%); */
}
.company_dt .office_outer > figure {
    width: 30%;
    margin-left: 2em;
}

.company_dt_one dl dd {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
}
.company_dt dl dd p {
    font-size: 15px;
    font-weight: bold;
}
.company_dt dl dd a {
    text-decoration: underline;
    font-size: 14px;
    line-height: 1.8;
}

.flex_half {
    display: flex;
    justify-content: space-between;
}


.company_access {
    margin-bottom: 80px;
}
.company_access iframe {
    margin-bottom: 20px;
}
.company_access .company_access_list dl {
    padding: 20px 0;
    border-bottom: 1px solid #cecdcd;
}
.company_access .company_access_list dl:first-child{
    border-top: 1px solid #cecdcd;
}
.company_access .company_access_list dl dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.company_access .company_access_list dl dd {
    font-size: 13px;
}

.company_history {
    margin-bottom: 80px;
    position: relative;
}
.company_history dl::after {
    content: "";
    width: 2px;
    height: 100%;
    border-left: 2px solid #f2a585;
    position: absolute;
    top: 0;
    left: 50px;
}
.company_history dl {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.company_history dl dt {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-right: 70px;
    background-color: #f2a585;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    z-index: 9;
}
.company_history dl dt p {
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    font-size: 14px;
}
.company_history dl dt .cyear {
    font-size: 21px;
}
.company_history dl dd {
    width: calc(100% - 170px);
    font-size: 15px;
    line-height: 1.8;
}

.company_desc {
    background-color: #f5f8f9;
    padding: 30px;
    margin-bottom: 50px;
}
.company_desc .title {
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 20px;
}
.company_desc p {
   font-size: 13px;
}

.company_dt .g_map {
    width: 100%;
    margin: 0 auto;
}
.flex_half > .g_map { width: 53%; }
.company_dt .g_map .inner {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	position: relative;
}
.company_dt .g_map .inner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width:768px) {
    .company_info .compnay_img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 50px auto;
    }
    .company_link_group {
        flex-wrap: wrap;
    }
    .company_link_group a {
        width: 100%;
    }
    .company_img {
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    .company_img li {
        width: 100%;
        margin-bottom: 20px;
        font-size: 4vw;
    }
	.company_dt {
		margin-bottom: 30px;
	}
    .company_dt dl {
        flex-wrap: wrap;
    }
    .company_dt dl dt {
        width: 100%;
        font-size: 4vw;
        margin-bottom: 10px;
    }
    .company_dt dl dd {
        width: 100%;
        font-size: 3.5vw;
        padding-left: 0;
    }
	.company_dt dl dd a {
		font-size: 3.5vw;
	}
	
	.company_dt .office_outer {
		flex-direction: column;
	}
	.company_dt .office_outer > div {
		font-size: 3.5vw;
	}
	.company_dt .office_outer > figure {
		width: 70%;
		margin: 10px 0 0;
	}
	
    .flex_half {
        flex-wrap: wrap;
    }
    .flex_half iframe {
        width: 100%;
        margin-top: 20px;
    }
    .company_access .company_access_list dl dt {
        font-size: 4vw;
    }
    .company_access .company_access_list dl dd {
        font-size: 3.5vw;
    }
    
    .company_history dl::after {
        left: 10vw;
        top: 5px;
        width: 1px;
        height: calc(100% - 10px);
        border-left: 1px solid #f2a585;
    }
    .company_history dl dt {
        width: 20vw;
        height: 20vw;
        border-radius: 20vw;
        margin-right: 5vw;
    }
    .company_history dl dt p {
        font-size: 3vw;
        line-height: 1.4;
    }
    .company_history dl dt .cyear {
        font-size: 4.5vw;
    }
    .company_history dl dd {
        width: calc(100% - 25vw);
        font-size: 3.5vw;
    }
	
	.flex_half > .g_map { width: 100%; }

}



.faq_list {
	width: 100%;
    margin: 0 auto 80px;
    display: flex;
    flex-wrap: wrap;
}
.faq_list_ct {
    justify-content: center;
}
.faq_list li {
    width: 23%;
    margin: 0 1% 20px;
}
.faq_list li a {
    border: 1px solid #c8cccd;
    border-radius: 10px;
    padding: 15px 20px;
	height: 75px;
    box-shadow: 0 5px 0px 0px #ecf2f4;
    position: relative;
    font-size: 16px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.faq_list li a > span {
    font-size: 12px;
    line-height: 1.6em;
    display: block;
}
.faq_list li a::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
}

.faq_pt .btitle {
    font-size: 24px;
    font-weight: bold;
    color: #f2a585;
    text-align: center;
    margin-bottom: 20px;
}
.faq_pt .stitle {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.faq_pt .stitle > span {
    font-size: 12px;
    line-height: 1.6em;
}

.faq_item_list {
    margin-bottom: 80px;
}
.faq_item_list .qitem {
    display: flex;
    align-items: center;
    background-color: #f5f8f9;
}
.faq_item_list .qitem dt {
    padding: 10px;
    font-size: 36px;
    font-weight: bold;
    color: #f2a585;
}
.faq_item_list .qitem dd {
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.faq_item_list .aitem {
    display: flex;
}
.faq_item_list .aitem dt {
    padding: 10px;
    font-size: 36px;
    font-weight: bold;
    color: #d0cece;
}
.faq_item_list .aitem dd {
    padding: 20px 10px;
    font-size: 16px;
    line-height: 1.8;
}
.faq_item_list .aitem dd a {
    text-decoration: underline;
    font-weight: bold;
}

.faq_item_list .aitem dd a.btn {
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    text-decoration: none;
    /* width: 280px; */
    padding: 8px 30px 8px 10px;
    border-radius: 5px;
    margin: 5px 0;
	min-width: 360px;
    display: inline-block;
    position: relative;
}
.faq_item_list .aitem dd a.btn_orange {
    color: #fff;
	background: #f2a585;
    border: 2px solid #f2a585;
    /*box-shadow: 0 3px 0px 0px #f2a585;*/
}
.faq_item_list .aitem dd a.btn_green {
    color: #fff;
	background: #156082;
    border: 2px solid #156082;
    /*box-shadow: 0 3px 0px 0px #156082;*/
}
.faq_item_list .aitem dd a.btn::after {
	content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}
.faq_item_list .aitem dd a.btn_orange::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.faq_item_list .aitem dd a.btn_green::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.faq_item_list .aitem dd a.btn span {
    color: #fff;
    font-size: 14px;
    display: block;
}

.faq_item_list .acc_wrap {}
.faq_item_list .acc_wrap .acc_switch {
    border-top: 1px solid #e1e1e1;
}
.faq_item_list .acc_wrap .acc_inner {}

@media screen and (max-width:768px) {
	.faq_list li a {
		font-size: 15px;
		padding: 0.5em 1em;
		height: auto;
	}
	
    .faq_pt {
        margin: 50px 0;
    }
    .faq_list {
		width: 80%;
        margin: 0 auto 50px;
    }
    .faq_list li {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .faq_pt .btitle {
        font-size: 5vw;
    }
    .faq_pt .stitle {
        font-size: 4vw;
    }
    .faq_item_list {
        margin-bottom: 50px;
    }
    .faq_item_list .qitem dt {
        font-size: 7vw;
    }
    .faq_item_list .qitem dd {
        font-size: 3.8vw;
		padding: 10px 30px 10px 10px;
    }
    .faq_item_list .aitem dt {
        font-size: 7vw;
    }
    .faq_item_list .aitem dd {
        font-size: 3.5vw;
    }
	.faq_item_list .aitem dd small {
		font-size: 3.25vw;
	}
	
	.faq_item_list .aitem dd a.btn {
		font-size: 3.5vw;
		padding: 6px 20px 6px 10px;
		min-width: inherit;
        width: 100%;
	}
	.faq_item_list .aitem dd a.btn::after {
		width: 6px;
		height: 6px;
	}
	
}

.companies_pt {
    margin: 30px 0;
}
.companies_hbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}
.companies_pt .hdesc {
    font-size: 16px;
    text-align: left;
    line-height: 2;
    width: 75%;

}
.companies_pt figure {
    width: 20%;
    text-align: right;
}

.companies_pt .ul_img_content {
	margin-bottom: 0;
}
.companies_pt .ul_img_content li:last-of-type {
	margin-bottom: 0;
}


.person .title_pt {
    margin-bottom: 20px;
}
.person .hmt_stitle {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 30px;
}

.person .subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.csupport {
    margin-bottom: 80px;
}
.csupport ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    width: 107%;
}
.csupport ul li {
    width: 28%;
    text-align: center;
    margin-right: 5%;
    margin-bottom: 50px;
}

.csupport ul li .title_box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}
.csupport ul li img {
    margin-right: 10px;
}
.csupport ul li .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.csupport ul li .desc {
    font-size: 16px;
    text-align: left;
}

.lineup {
    margin-bottom: 80px;
}
.lineup ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.lineup ul li {
    width: 32%;
    margin-bottom: 30px;
}

.lineup ul li:nth-child(4) {
	width: 49%;
    max-width: 570px;
}
.lineup ul li:nth-child(5) {
	width: 49%;
    max-width: 570px;
}
.lineup ul li a {
    display: block;
}
/* .lineup ul li a::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
} */
.lineup .trans {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 240px;
    background: url(../images/bk_trans.jpg) no-repeat center;
    background-size: cover;
    padding: 20px;
    border-radius: 20px;
    position: relative;
}
.lineup .trans::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
}

.lineup .trans .title {
    font-size: 30px;
    font-weight: bold;
}
.lineup .trans .etitle {
    font-size: 16px;
    color: #f2a585;
}

.person {
    margin: 80px 0;
    line-height: 2;
}
/*.companies_pt .person {
    margin: 50px 0 0;
}
.companies_pt .content_item {
    margin: 50px 0 0;
}
.companies_pt .flow {
    margin: 50px 0 0;
}
*/
@media screen and (max-width:767px){
    .person {
        margin: 60px 0 40px 0;
        line-height: 2;
    }
    .person .hmt_stitle {
        font-size: 3.5vw;
        font-weight: 500;
    }
    .companies_hbox {
        flex-wrap: wrap;
        margin-bottom: 50px;
        align-items:flex-start;
    }
	
	.companies_pt .subtitle span {
		font-size: 3.5vw;
		line-height: 1.3em;
		display: block;
	}
	
    .companies_pt .hdesc {
        font-size: 3.5vw;
    }
    .companies_pt figure {
        text-align: center;
    }
    .companies_pt figure img {
        width: 100%;
    
    }
    .companies_pt .hdesc {}
	
	.companies_hbox.sp_grid {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		/* grid-template-rows: repeat(5, 1fr); */
	}
	.companies_hbox.sp_grid .hdesc:nth-child(2) {
		grid-column: 1 / 4;
		width: 100%;
	}
	.companies_hbox.sp_grid .hdesc:nth-child(3) {
		grid-column: 1 / 6;
		width: 100%;
	}
	.companies_hbox.sp_grid figure {
		grid-column: 4 / 6;
		grid-row: 1 / 2;
		width: 100%;
	}
	.companies_hbox.sp_grid figure img {width: 80%;}
	
	
    
    .csupport {
        margin-bottom: 40px;
    }
    .csupport ul {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .csupport ul li {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .csupport ul li .title_box {
        margin-bottom: 10px;
    }
    .csupport ul li .title_box:before {
        content: "\f107";
        font-family: "FontAwesome";
        display: inline-block;
        text-align: center;
        font-size: 5vw;
        position: absolute;
        right: 1vw;
        font-weight: bold;
    }

    .csupport ul li img {
        width: 12%;
        margin-right: 5vw;
    }
    .csupport ul li .title {
        font-size: 4vw;
        min-height: auto;
    }
    .csupport ul li .desc {
        font-size: 3.5vw;
        display: none;
    }
    .csupport ul li.act .desc {
        display: block;
    }

    .lineup ul li {
        width: 32%;
        margin-bottom: 10px;
    }
    .lineup .trans {
        height: 30vw;
        padding: 10px;
        border-radius: 10px;
    }
    .lineup .trans .title {
        font-size: 5vw;
    }
    .lineup .trans .etitle {
        font-size: 3.5vw;
    }

    .lineup ul li a img {
        width: 100%;
    }
	
	.lineup ul.sp-column { flex-direction: column; }
	.lineup ul.sp-column li,
	.lineup ul.sp-column li:nth-child(4),
	.lineup ul.sp-column li:nth-child(5) {
        width: 100%;
        margin: 0 auto 10px;
    }
	

	.contact-sp-ct ul {
        justify-content: center;
    }
	
	.companies_pt .person {
		margin: 30px 0 0;
	}
	.companies_pt .content_item {
		margin: 30px 0 0;
	}
	.companies_pt .flow {
		margin: 30px 0 0;
	}
	
	.companies_pt .title_pt {
        margin-bottom: 20px;
    }
}



#customers {}
#customers .csupport ul { width: 100%; }

#customers .csupport ul li {
    width: calc((100% - 10%) / 3);
}
#customers .csupport ul li:nth-child(3) {
    margin-right: 0;
}
#customers .csupport ul li .title_box {
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 0;
}
#customers .csupport ul li .title { 
	color: #f2a585;
	text-align: left;
}
#customers .csupport ul li .desc {
    padding: 0.5em 0.75em;
	background: #fdf2ed;
    border-radius: 10px;
	height: 8em;
}
#customers .csupport ul li:nth-child(4) .desc,
#customers .csupport ul li:nth-child(5) .desc {
	height: 10em;
}

.csupport ul li {}
@media screen and (max-width:767px) {
	#customers .csupport ul {
        width: 100%;
    }
	#customers .csupport ul li {
		width: 100%;
        margin-right: 0;
		margin-bottom: 25px;
    }
	#customers .csupport ul li img {
		width: 8vw;
		margin-right: 0.5em;
	}
	#customers .csupport ul li .title_box {
        margin-bottom: 5px;
		padding-bottom: 5px;
    }
	#customers .csupport ul li .title_box:before {content: none; }
	#customers .csupport ul li .desc {
        font-size: 3.25vw;
        line-height: 1.5em;
		height: auto;
		display: block;
    }
	#customers .csupport ul li:nth-child(4) .desc,
	#customers .csupport ul li:nth-child(5) .desc {
		height: auto;
	}
	
}





.job_top {
    margin: 30px 0;
}
.jobtop-mv {
    margin-bottom: 80px;
    position: relative;
}
.jobtop_mv_title {
    background: url(../images/job_top_mv.png) no-repeat;
    height: 480px;
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 40px;
}
.job_top .ul_img_content {
    margin-bottom: 50px;
}

@media screen and (max-width:767px) {
	.jobtop-mv {
        margin-bottom: 50px;
    }
	.jobtop_mv_title {
        /* background: url(../images/p_honyaku_mv_sp.png) no-repeat; */
        background: url(../images/job_top_mv.png) no-repeat;
        height: 36vw;
        background-position: center;
        background-size: cover;
        padding: 0;
        display: block;
        border-radius: 0;
    }
	
	.job_top .ul_img_content.about {
		flex-direction: column;
		margin-bottom: 0;
	}
	.job_top .ul_img_content.about li { 
		width: 100%; 
		margin-bottom: 20px;
	}
	.job_top .ul_img_content.about li:has(img) {
		width: 80%;
		margin: 0 auto 20px;
	}
}

.haken-merit {
    margin: 50px 0;
}
.haken-merit-about {
    margin-bottom: 120px;
}



.honyaku {
    margin: 0 0 50px 0;
}
.honyaku-mv {
    margin-bottom: 80px;
    position: relative;
}
.honyaku-mv .txt_link {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 1;
    /* display: table;
    margin: 0 0 20px auto;
    border: 1px solid #c8cccd;
    border-radius: 5px;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    box-shadow: 0 5px 0 0 #ecf2f4; */
}
/* .honyaku-mv .txt_link::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -5px;
} */

/* .honyaku-mv .txt_link span {
    font-size: 11px;
} */

.honyaku_mv_title {
    background: url(../images/p_honyaku_mv.jpg?v=250408) no-repeat;
    height: 480px;
    border-radius: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 40px;
}
.honyaku-mv .title {
    font-size: 30px;
    font-weight: bold;
}
.honyaku-mv .stitle {
    font-size: 16px;    
    margin-bottom: 90px;
}

.item-pt {
    margin-bottom: 80px;
    text-align: center;
}
.tbc_txt {
    font-size: 20px;
    font-weight: bold;
    color: #f08458;
}
.honyaku_contact_pt {
    margin-top: 80px;
}
@media screen and (max-width:767px){
    .honyaku {
        margin: 30px 0 30px 0;
    }
	.honyaku-mv {
		margin-bottom: 20px;
	}
	.honyaku-mv + .content_item {
		margin-bottom: 30px;
	}
    .honyaku-mv .txt_link {
        width: 32vw;
        height: 32vw;
        bottom: 4vw;
        left: 3vw;
    }
    .honyaku_mv_title {
        /*background: url(../images/p_honyaku_mv_sp.png) no-repeat;
		background: url(../images/mv_img02.jpg?v=250418) no-repeat;*/
        height: 36vw;
        background-position: center;
        background-size: cover;
        padding: 0;
        display: block;
        border-radius: 0;
    }
    .honyaku-mv .title {
        display: none;
        font-size: 5vw;
        margin-bottom: 2vw;
        line-height: 1.8;
    }
    .honyaku-mv .stitle {
        display: none;
        font-size: 3.3vw;
    }
	
	.honyaku .text_slash p {
		margin: 0 auto 5px;
	}

    .honyaku .item_list .item a {
        display: flex;
	}   
    .honyaku .item_list .item a .item_img {
        position: relative;
        margin-right: 5%;
        width: 25%;
    }
    .honyaku .item_list .item a figure img {
        height: auto;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .honyaku .item_list .item a .tag {
        padding: 1vw 2vw;
        font-size: 2.5vw;
        top: 1vw;
        right: 1vw;
    }
    .honyaku .item_list .item .desc {
        font-size: 3vw;
        line-height: 1.5;
        margin-bottom: 1vw;
    }
    .honyaku .item_list .item .cname {
        font-size: 3vw;
        line-height: 1.5;
        margin-bottom: 0.5vw;
    }
    .honyaku .item_list .item dl dt img {
        width: 4vw;
    }
    .honyaku .item_list .item dl dd {
        font-size: 3vw;
    }
    .honyaku .item_list .item .taglist span {
        padding: 1vw 2vw;
        font-size: 2.5vw;
        margin-bottom: 1vw;
    }
}


.honyaku_kyujin {}

.honyaku_kyujin .text_slash p {
    margin: 0 auto;
}

.honyaku_kyujin .item_list {
    justify-content: flex-start;
    gap: 0 3%;
}
.honyaku_kyujin .item_list .item {
    width: calc((100% - 6%) / 3);
}

@media screen and (max-width:767px) {
	.honyaku_kyujin .text_slash p {
    }
	
	.honyaku_kyujin .item_list {
		gap: 0 0;
		margin-bottom: 0;
	}
	.honyaku_kyujin .item_list .item {
		width: 100%;
	}
	
	.honyaku_kyujin .item_list .item a .tag {
		position: static;
	}
	
}



.honyaku_tuyaku {
    margin: 30px 0 80px 0;
}
.honyaku_tuyaku .top_img {
    margin: 0 0 50px 0;
}
.honyaku_tuyaku .lang {
    margin: 0 0 50px 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}
.honyaku_tuyaku .lang .switch_languages {
    width: auto;
    height: 20px;
    margin-right: 20px;
}
.honyaku_tuyaku .lang span,
.honyaku_tuyaku .lang a {
    width: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: block;
}
.honyaku_tuyaku .lang img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.honyaku_tuyaku .lang .bd_r {
    border-right: 2px solid #ddd;
    padding-right: 10px;
    margin-right: 10px;
    width: calc(30px + 12px);
}

.honyaku_tuyaku .lang span {
    color: rgba(234, 85, 4, 0.7);
}
.honyaku_tuyaku .lang a:hover {
    color: rgba(234, 85, 4, 0.7);
}


.honyaku_tuyaku .title_desc {
    margin: 20px auto;
    width: 490px;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}
.btn_link_group {
    text-align: center;
}
.btn_link_two {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #c8cccd;
    padding: 15px 70px;
    border-radius: 5px;
    margin: 0 20px;
    position: relative;
    box-shadow: 0 5px 0 0 #ecf2f4;
}
.btn_link_two::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}

.ht_search_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f2a585;
    padding: 20px 80px;
    margin: 0 auto 10px;
    border-radius: 10px;
}

.ht_search_btn img {
    margin-right: 10px;
}
.ht_search_btn .title {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
}

.ht_search_btn + p .tbc_txt {
	font-size: 15px;
}

@media screen and (max-width:767px){
    .ht_search_btn {
        padding: 3vw 2vw;
        font-size: 3.5vw;
        width: 65%;
        margin-bottom: 0;
    }
	.ht_search_btn img {
		width: 33px;
	}
	.ht_search_btn .title {
		font-size: 4.0vw;
	}
	
	.ht_search_btn + p .tbc_txt {
		font-size: 14px;
	}

    .honyaku_tuyaku {
        margin: 20px 0 0 0;
    }
	.honyaku_tuyaku .title_pt .title {
        font-size: 4.0vw;
		white-space: nowrap;
    }
    .honyaku_tuyaku .top_img {
        margin: 0 0 40px 0;
    }
    .honyaku_tuyaku .title_desc {
        margin: 20px auto;
        width: 100%;
        font-size: 3.5vw;
    }
    
	.honyaku_tuyaku .lang span img,
    .honyaku_tuyaku .lang a img {
        width: 35px;
    }
	
	.honyaku_tuyaku .flow_box {
        margin-bottom: 20px;
    }
	.honyaku_tuyaku .flow_box li {
		padding: 1vw 3vw;
	}
	.honyaku_tuyaku .flow_box li::after {
		width: 10px;
		height: 10px;
	}
	.honyaku_tuyaku .flow_box li .flow_info {
		margin-bottom: 0;
	}
	.honyaku_tuyaku .flow_box li img { width: 30px; }
	.honyaku_tuyaku .flow_box li .flow_info .title_box {
		display: flex;
		gap: 1em;
	}
	.honyaku_tuyaku .flow_box li .stitle { font-size: 2.75vw; }
	.honyaku_tuyaku .flow_box li .title { font-size: 3.5vw; }
	.honyaku_tuyaku .flow_box li.act .desc {
		margin-top: 5px;
	}

	
    .btn_link_group {
        text-align: center;
        justify-content: space-between;
        display: flex;
    }
    .btn_link_two {
        font-size: 3.5vw;
        padding: 3vw 4vw;
        margin: 0;
        width: 48%;
    }
    .btn_link_two::before {
        content: '';
        width: 2vw;
        height: 2vw;
        top: 50%;
        right: 2vw;
        margin-top: -2vw;
    }

}


.tran_kind_detail .tran_kind_list ol.achieve_list li.w_100 {
    width: 100%;
}
@media screen and (max-width:767px) {
	.tran_kind_detail .tran_kind_list ol.achieve_list {
		margin-left: 1em;
	}
}



.content_title_chk {
    display: table;
    width: 70%;
    min-width: 500px;
    margin: 0 auto 80px auto;
    background-color: #fdf2ed;
    text-align: center;
    padding: 30px 0;
    border-radius: 10px;
    line-height: 2;
}

.content_title_chk label {
    display: flex;
    align-items: center;
    justify-content: center;
}
.content_title_chk p {
    font-size: 18px;
    margin-bottom: 10px;
}

.content_title_chk input[type="checkbox"] {
    display: inline-block;
    border-radius: 3px;
    -webkit-appearance: checkbox;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
@media screen and (max-width:767px) {
	.content_title_chk {
		width: 100%;
		min-width: inherit;
		margin: 0 auto 50px;
		padding: 20px 20px;
	}
	.content_title_chk p {
		font-size: 16px;
	}
}




.haken-merit-type .hmt_stitle {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 30px;
}
.haken-merit-type .title_pt {
    margin-bottom: 20px;
}
.haken-merit-type .title_pt .bltitle {
    margin-bottom: 20px;
}
.haken-merit-type .ul_img_content {
    margin-bottom: 100px;
}

@media screen and (max-width:767px){
    .haken-merit-about {
        margin-bottom: 0;
    }
    .haken-merit-type .ul_img_content {
        margin-bottom: 30px;
    }
	.haken-merit-type .ul_img_content li .mright {
		width: 65%;
		margin: 0 auto;
	}
	
    .charm-pt {
        padding: 0 0;
        margin-bottom: 0;
    }
    .charm-pt ul li .title {
        font-size: 5vw;
    }

    
    .haken-merit-type .hmt_stitle {
        font-size: 3.5vw;
        font-weight: 500;
    }

}

.user_yoyaku3 {
    background-color: #f5f8f9;
    padding: 40px;
    margin-bottom: 50px;
    border-radius: 10px;
}
.user_yoyaku3_hope {
    display: flex;
}
.user_yoyaku3_hope dt {
    width: 120px;
    font-weight: bold;
}
.user_yoyaku3_hope dt .hissu {
    float: left;
    margin-top: 5px;
}
.user_yoyaku3_hope dd {
    width: calc(100% - 120px);
}
.user_yoyaku3_hope dd p {
    font-size: 14px;
}
.user_yoyaku3_hope dd p .btxt {
    font-size: 15px;
    font-weight: bold;
}
.user_yoyaku3 p {
    font-size: 14px;
}


.btn_chk_list {
    margin: 30px 50px 50px;
}
.btn_chk_list label {
    display: inline-block;
    padding: 15px 50px;
    background-color: #fff;
    border: 1px solid #f2a585;
    border-radius: 50px;
    margin: 0 20px 20px 0;
    color: #fff;
    cursor: pointer;
}
.btn_chk_list label:has(input[type="radio"]:checked) {
    background-color: #f2a585;
}
.btn_chk_list label input {
    display: none;
}
.btn_chk_list label span {
    color: #f2a585;
}
.btn_chk_list label:has(input[type="radio"]:checked) span {
    color: #fff;
}

.calender {
    background-color: #fff;
    margin: 50px 0 0 0;
    padding: 30px;
}

.calender_box {
    display: none;
}
.calender_box.act {
    display: block;
}

.mendan_days {
    display: none;
}
.mendan_days.act {
    display: block;
}


.btn_clear {
    color: #fff;
    background-color: #bbbbbb;
    padding: 8px 25px 8px 25px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    border: none;
    margin: 10px;
}

.btn_prev{
    color: #fff;
    background-color: #c7c7c7;
    padding: 8px 15px 8px 25px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
}
.btn_next {
    color: #fff;
    background-color: #f2a585;
    padding: 8px 25px 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
}
.btn_prev::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    top: calc(50% - 3px);
    left: 10px;
}
.btn_next::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 10px;
}



.calender_title {
    display: flex;
    justify-content: space-between;
}
.calender_title #curmonth {
    font-size: 18px;
    font-weight: bold;
}
.calender table th {
    background-color: #f5f8f9;
    font-weight: bold;
}
.calender table tr:first-child th {
    background-color: #fef3ef;
    padding: 5px 0;
}

.calender .open-btn {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    margin: 5px 10px;
    background: #f2a585;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
}
.calender .btn-gray {
    background: #ccc;
}


@media screen and (max-width:767px){
    .user_yoyaku3 {
        padding: 3vw 3vw;
        margin-bottom: 20px;
    }
    .user_yoyaku3_hope {
        flex-wrap: wrap;
    }
    .user_yoyaku3_hope dt {
        width: 100%;
        margin-bottom: 10px;
        font-size: 3.8vw;
    }
	.user_yoyaku3_hope dt .hissu {
		float: right;
		margin-top: 0;
	}
    .user_yoyaku3_hope dd {
        width: 100%;
    }
    .user_yoyaku3_hope dd p {
        font-size: 3vw;
    }
    .user_yoyaku3_hope dd p .btxt {
        font-size: 3.5vw;
    }
    .btn_chk_list {
        margin: 10px 0;
    }

    .btn_chk_list label {
        padding: 2vw 8vw;
        margin: 0 2vw 2vw 0;
    }
    .btn_chk_list label span {
        font-size: 3vw;
    }

    .user_yoyaku3 p {
        font-size: 3vw;
    }

    .calender {
        padding: 20px 2vw;
        margin: 20px 0 0 0;
    }

    .calender.reserve .tbl_calender {
        margin-top: 10px;
    }

    .calender_title #curmonth {
        font-size: 3.5vw;
    }
    .btn_next {
        font-size: 3vw;
    }
    .btn_prev {
        font-size: 3vw;
    }

    .tbl_calender {
        width: 100%;
        overflow: scroll;
    }
    .tbl_calender table {
        /* width: 500px; */
        margin-top: 10px;
    }
    .btn_clear {
        width: 100px;
        padding: 8px 15px 8px 15px;

    }

    .calender .open-btn {
        margin: 1vw;
        font-size: 2.5vw;
    }

}


/* ------------------------------
スタッフページ編集
------------------------------ */
.staff-v .pc-sub-main-v {
	margin: 0 0;
}
.staff-v .sub-main-v {
    width: 100%;
    padding: 10px 0;
    background: #f4f4f4;
}
.staff-v h1 {
    font-size: 16px;
    text-align: right;
}
@media screen and (max-width:767px) {
	
}

.staff_book {}
.staff_book .page-title {
    padding: 20px 0;
    margin: 0 0;
    background: #f4f4f4;
}
.staff_book .page-title h1 {
    font-size: 18px;
    text-align: center;
}
@media screen and (max-width:767px) {
	
}


/* ----------------------------------
帳票ページのみ
---------------------------------- */
#book_page {
	padding: 0;
}
#book_page #header,
#book_page #footer { display: none; }

@media screen and (max-width:767px) {
	
}


.acc_wrap .acc_switch { position: relative; }
.acc_wrap .acc_switch::after {
	content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 38%;
    right: 20px;
}
.acc_wrap .acc_switch.open::after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 45%;
}
.acc_wrap .acc_inner { display: none; }
@media screen and (max-width:767px) {
	.acc_wrap .acc_switch::after {
		width: 8px;
		height: 8px;
	    right: 13px;
	}
}



/* ------------------------------
* honyaku.html 編集 *
------------------------------ */
#honyaku {}
#honyaku .ul_img_content {}
#honyaku .ul_img_content li:nth-child(1) {
    max-width: 432px;
    padding: 0 0;
}
#honyaku .ul_img_content li:nth-child(2) {
    width: calc(100% - 432px);
    padding-left: 5%;
}

@media screen and (max-width:767px) {
	#honyaku .ul_img_content {
		flex-direction: column;
	}
	#honyaku .ul_img_content li {
		font-size: 3.75vw;
	}
	#honyaku .ul_img_content li:nth-child(1) {
        width: 60%;
		max-width: inherit;
        margin: 0 auto 10px;
	}
	#honyaku .ul_img_content li:nth-child(2) {
		width: 100%;
        padding-left: 0;
	}
	#honyaku p {
		font-size: 3.75vw;
	}
	
	#honyaku.honyaku_tuyaku .flow_box li .stitle {
		font-size: 2.75vw;
		white-space: nowrap;
	}
	#honyaku.honyaku_tuyaku .flow_box li .title {
        font-size: 3.5vw;
    }
}



/**/
.btn_item_wrap {
	margin-top: -120px;
	position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.btn_item_wrap > div { 
    width: auto;
    margin: 0 20px;
}
.ht_companyhonyaku_btn {
	background: #fff;
    border: 2px solid #f2a585;
    padding: 13px 73px;
    margin: 0 auto 20px auto;
    border-radius: 10px;
	display: flex;
    align-items: center;
}
.ht_companyhonyaku_btn::before {
	content: "";
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url(../images/i_btn_company.png) no-repeat;
    background-size: contain;
    margin-right: 10px;
}
.ht_companyhonyaku_btn span {
	font-size: 22px;
	line-height: 1.5em;
    font-weight: bold;
    color: #f2a585;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.ht_companyhonyaku_btn small {
    font-size: 14px;
    line-height: 1.6em;
    color: #f2a585;
}
@media screen and (max-width:767px) {
	.btn_item_wrap {
		margin-top: 0;
		flex-direction: column;
	}
	.btn_item_wrap > div {
		width: 100%;
		text-align: center;
        margin: 0 0;
	}
	.btn_item_wrap > div + div { margin-top: 20px; }

	.ht_companyhonyaku_btn {
		padding: 2.25vw 2vw;
        width: 65%;
		margin: 0 auto 0;
        justify-content: center;
	}
	.ht_companyhonyaku_btn::before {
		width: 35px;
		height: 35px;
	}
	.ht_companyhonyaku_btn span {
		font-size: 3.5vw;
	}
	.ht_companyhonyaku_btn small { font-size: 2.75vw; }
	
}


.text_slash {}
.text_slash p {
	position: relative;
    display: table;
    margin: 0 auto 10px auto;
}
.text_slash p::before,
.text_slash p::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 24px;
    background-color: #f2a585;
    top: 5px;
}
.text_slash p::before {
    left: -10px;
    transform: rotate(-45deg);
}
.text_slash p::after {
    right: -10px;
    transform: rotate(45deg);
}
@media screen and (max-width:767px) {
	.tbc_txt {
    font-size: 14px;
	}
	.text_slash p::before,
	.text_slash p::after {
		height: 18px;
		top: 3px;
	}

}