@charset "utf-8";
/* CSS Document */


/* block_title
   ================================================================== */
.block_title > span{
	display: block;
    color: #fff;
    font-weight: 500;
    line-height: 100%;
}

.block_title .eng{
    font-size: 11vw;
    font-weight: 100;
}

.block_title .jpn{
    margin: 2vw 0 0;
    font-size: 4vw;
	letter-spacing: 0.3em;
}


/* title_box
   ================================================================== */
.title_box{
    padding: 6vw 8vw;
	background: #b79877;
    position: relative;
}

.title_box *{
    color: #fff;
    font-weight: 400;
}

.title_box.color_2 *{
    color: #736357;
}

.title_box .ttl{
    padding: 0 0 4vw;
    font-size: 6vw;
    letter-spacing: 0.28em;
    text-align: center;
    white-space: nowrap;
}

.title_box .txt{
    padding: 4vw 0 0;
    font-size: 3.4vw;
    line-height: 240%;
	letter-spacing: 0.11em;
    border-top: 1px solid #fff;
}

.title_box.bg_2{
	background: #af847b;
}

.title_box.color_2{
	background: transparent;
    border: 1px solid #b79877;
}

.title_box.color_2 .txt{
    border-color: #dbcbbb;
}


/* under_kv
   ================================================================== */
.under_kv{
	margin: 0 0 0;
    position: relative;
}

.under_kv .bg{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.recruit_kv .bg{
	background-image: url("../images/recruit/webp/kv_sp.webp");
}

.work_style_kv .bg{
	background-image: url("../images/work_style/webp/kv_sp.webp");
}

.business_kv .bg{
	background-image: url("../images/business/webp/kv_sp.webp");
}

.privacy_kv .bg{
	background-image: url("../images/privacy/webp/kv_sp.webp");
}

.under_kv .inner{
    padding-top: 35vw;
    min-height: 100vh;
    box-sizing: border-box;
}

@media screen and (max-width : 699px){
    .recruit_page .under_kv .inner{
        min-height: calc(100vh - 16vw);
    }
}


/* kv
   ================================================================== */
.kv{
	margin: 20vw 0 0;
	position: relative;
    z-index: 2;
}

.kv .inner{
    padding: 0;
    box-sizing: border-box;
	display: flex;
}

.kv .left{
    margin-right: -5vw;
    padding: 0 4vw 0 5vw;
    width: 45vw;
	display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}

.kv .left .catch{
    width: 100%;
    line-height: 0;
    transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    transform: translate(50px,0);
    transition-delay: .5s;
}

.kv.on .left .catch{
    opacity: 1;
    transform: translate(0,0);
}

.kv .left .catch img{
    width: 100%;
}

.kv .right{
    width: calc(100% - 45vw + 5vw);
    box-sizing: border-box;
    line-height: 0;
    position: relative;
}

.kv .right > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    opacity: 0;
    filter: blur(10px);
    transition: 2s;
}

.kv.on .right > img{
	opacity: 1;
    filter: blur(0);
}

.kv .right .logo{
	width: 90%;
	position: absolute;
    left: 2vw;
    top: 86%;
    transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    transform: translate(0,50px);
    transition-delay: 1s;
}

.kv.on .right .logo{
    opacity: 1;
    transform: translate(0,0);
}


/* index_message
   ================================================================== */
.index_message{
	margin: -15vw 0 22vw;
    padding: 30vw 0 1px;
    background: #ceb88b;
	position: relative;
}

.index_message .inner{
	padding: 0 0 15vw;
}

.index_message .flex{
	display: flex;
}

.index_message .photo{
	width: 45%;
}

.index_message .photo .swiper-slide{
	line-height: 0;
}

.index_message .photo .swiper-slide img{
	width: 100%;
}

.index_message .text_box{
    padding: 15vw 1vw 0 3vw;
	width: calc(100% - 45%);
    box-sizing: border-box;
}

.index_message .text_box p{
    font-size: 3.0vw;
    line-height: 220%;
    font-weight: 500;
    font-family: "Noto Serif JP";
    color: #fff;
}

.index_message .text_box p + p{
    margin-top: 4vw;
}

.index_message .catch{
    margin: 10vw 0 0;
    font-size: 7vw;
    text-align: center;
    font-weight: 500;
    font-family: "Noto Serif JP";
    color: #fff;
}

.index_message .loop_photos{
    margin: 0 0 -12vw;
}

.index_message .loopslider li{
    padding: 0 1vw;
	width: 40vw;
    line-height: 0;
}


/* loopslider
   ================================================================== */
.loopslider{
	padding: 0 0 0;
    visibility: hidden;
    display: flex;
    opacity: 0;
}

.infiniteslide_wrap .loopslider{
    visibility: visible;
    opacity: 1;
}


/* index_link_block 共通スタイル
   ================================================================== */
.index_link_block{
	position: relative;
    background-image: url("../images/index/webp/about_bg.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.index_link_block:before{
	content: "";
	background: rgba(0,0,0,.40);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.index_link_block .inner{
	padding-top: 15vw;
	padding-bottom: 15vw;
	position: relative;
    z-index: 1;
}

.index_link_block .text_box{
    padding: 0;
}

.index_link_block .text_box .txt{
	margin: 8vw 0 0;
    font-size: 3.3vw;
    line-height: 200%;
    color: #fff;
    font-weight: 500;
}

.index_link_block .position_box{
	margin: 10vw 0 0;
}

.index_link_block .position_box .thm_box{
    overflow: hidden;
    position: relative;
    display: block;
    line-height: 0;
    border-radius: 10px;
}

.index_link_block .position_box .thm_box .thm_frame{
    background: #fff;
    border: .5vw solid #fff;
    border-radius: 10px;
    height: 50vw;
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.index_link_block .position_box .thm_box.photo_bg .thm_frame > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 6px;
}

.index_link_block .position_box .sp_flex{
	margin: 3vw 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_link_block .position_box .ttl{
    font-size: 4.3vw;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 400;
}


/* index_about
   ================================================================== */
.index_link_block.index_about .position_box .thm_box .logo{
    margin: auto;
    width: 60%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 0;
    display: flex;
    align-items: center;
}


/* index_business
   ================================================================== */
.index_link_block.index_business{
    background-image: url("../images/index/webp/business_bg_sp.webp");
}

.index_link_block.index_business:before{
	background: rgba(0,0,0,.33);
}


/* index_people
   ================================================================== */
.index_link_block.index_people{
    background-image: url("../images/index/webp/people_bg.webp");
	background-position: center top;
	background-size: 100%;
    background-color: #ceb88b;
}

.index_link_block.index_people:before{
	display: none;
}

.index_link_block.index_people .inner{
	padding-top: 22vw;
}

.index_link_block.index_people .position_box .photo_flex{
    width: 100%;
	display: flex;
    justify-content: space-between;
    line-height: 0;
}

.index_link_block.index_people .position_box .photo_flex img{
    width: calc(100% / 3);
 	aspect-ratio: 186 / 153;
}

.index_link_block.index_people .position_box .frame_txt_box{
    padding: 5vw 3vw 2vw;
    display: block;
    text-align: center;
}

.index_link_block.index_people .position_box .frame_txt_box .frame_txt{
    font-size: 4.5vw;
    line-height: 150%;
    font-weight: 500;
}

.index_link_block.index_people .position_box .frame_txt_box .frame_logo{
    margin: 1vw auto 0;
    width: 36vw;
    display: block;
    line-height: 0;
}

.index_link_block.index_people .position_box .sp_flex{
    justify-content: flex-end;
}


/* index_work_style
   ================================================================== */
.index_link_block.index_work_style{
    background-image: url("../images/index/webp/work_style_bg_sp.webp");
}

.index_link_block.index_work_style:before{
	background: rgba(0,0,0,.26);
}


/* index_recruit
   ================================================================== */
.index_link_block.index_recruit{
    margin-top: 10vw;
    background-image: url("../images/index/webp/recruit_bg_sp.webp");
}

.index_link_block.index_recruit:before{
	background: rgba(0,0,0,.26);
}

.index_link_block.index_recruit .inner{
	padding-top: 44vw;
	padding-bottom: 18vw;
}

.index_link_block.index_recruit .position_box{
    margin: 0;
}

.index_link_block.index_recruit .position_box .thm_frame{
    padding: 9vw 7vw 5vw;
	background: rgba(55,50,43,.68);
    text-align: right;
    height: auto !important;
}

.index_link_block.index_recruit .position_box .btn_arrow{
    margin: 10vw 0 0;
}


/* about_kv
   ================================================================== */
.about_kv .bg{
	background-image: url("../images/about/webp/kv_sp.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	left: 0;
}

.about_kv .inner{
	height: 100vh;
}

.about_kv .title_wrap{
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
    overflow: hidden;
}

.about_kv .title_wrap{
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
}

.about_kv .text_wrap{
	position: relative;
    z-index: 5;
    overflow: hidden;
}

.about_kv .text_wrap:before{
	content: "";
	background: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.5)50%,rgba(0,0,0,.5)100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.about_kv .text_wrap .inner{
	height: auto;
	position: relative;
    z-index: 5;
}

.about_kv .text_wrap p{
    line-height: 200%;
	color: #fff;
}

.about_kv .catch_wrap{
	position: relative;
    z-index: 5;
    overflow: hidden;
}

.about_kv .catch_wrap:before{
	content: "";
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.about_kv .catch_wrap .inner{
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
    z-index: 5;
}

.about_kv .catch_wrap .catch{
    font-size: 6vw;
    letter-spacing: 0.2em;
    font-weight: 500;
    text-align: center;
	color: #fff;
    font-family: "Noto Serif JP";
}


/* peoples
   ================================================================== */
.peoples .title_block{
    padding: 15vw 0 30vw;
    background: #f8f8f1;
}

.peoples .title{
    font-size: 10vw;
    letter-spacing: 0.03em;
    color: #c7c1bc;
    font-weight: 100;
}

.peoples .list{
    margin-top: -20vw;
}

.peoples .list .inner{
    padding: 0;
}

.peoples .list > li{
    padding: 15vw 0 0;
}

.peoples .list > li:nth-child(1){
    padding-top: 0;
}

.peoples .list .photo{
    width: 90%;
}

.peoples .list > li:nth-child(2n+1) .photo{
    margin-left: auto;
}

.peoples .list .text_box{
    margin: -15vw 0 0;
    padding: 5vw 3vw 15vw;
}

.peoples .list > li:nth-child(2n+2) .text_box{
    background: #f8f8f1;
}

.peoples .list .text_box .icon{
    margin: 0 auto;
    width: 27vw;
    line-height: 0;
}

.peoples .list .text_box .ttl{
    margin: 8vw 0 0;
    font-size: 5vw;
    text-align: center;
    font-weight: 500;
    color: #736357;
}

.peoples .list .text_box p{
    margin: 3vw 0 0;
    font-size: 3.4vw;
    line-height: 200%;
    color: #736357;
}


/* about_numbers
   ================================================================== */
.about_company,
.about_numbers{
    padding: 15vw 0 0;
    background: #ceb88b;
}

.about_company .title,
.about_numbers .title{
    font-size: 6vw;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.28em;
}

.about_numbers .list{
    margin: 8vw auto 0;
    padding: 0 5vw;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}

.about_numbers .list > li{
    padding: 8vw 5vw;
    width: 100%;
    box-sizing: border-box;
}

.about_numbers .list > li + li{
    border-top: 1px solid #ceb88b;
}

.about_numbers .list .ttl{
    font-size: 5vw;
    color: #736357;
    font-weight: 400;
    letter-spacing: 0.20em;
}

.about_numbers .list p{
    font-size: 3.4vw;
    color: #736357;
    line-height: 200%;
    font-weight: 400;
    letter-spacing: 0.18em;
}

.about_numbers .list .box{
    margin: 4vw 0 0;
}

.about_numbers .list .photo img{
    width: 100%;
}

.about_numbers .list .text_box{
    margin: 6vw 0 0;
}


/* about_company
   ================================================================== */
.about_company{
    padding: 15vw 0 15vw;
}

.about_company .table_box{
    margin: 8vw auto 0;
    padding: 5vw 4vw;
    background: #fff;
}

.about_company table{
    width: 100%;
}

.about_company table th,
.about_company table td{
    padding: 5vw 0;
    line-height: 200%;
    letter-spacing: 0.18em;
    font-weight: 400;
    color: #736357;
    box-sizing: border-box;
    border-top: 1px solid #ceb88b;
}

.about_company table tr:first-child th,
.about_company table tr:first-child td{
    border-top: none;
}

.about_company table th{
    padding-left: 2vw;
    font-size: 3.6vw;
    width: 30vw;
}

.about_company table td{
    font-size: 3.4vw;
}

/* map_btn */
.map_btn{
    padding: .5vw 2vw;
    font-size: 3.5vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #736357;
    color: #fff;
    box-sizing: border-box;
    border-radius: 5px;
}


/* recruit_block
   ================================================================== */
.recruit_block{
    margin: 0 0 0;
    padding: 0 0 0;
    background: #f4f4f4;
}

.recruit_block .inner{
    padding: 0;
}

.recruit_block .scroll_area{
    margin: 0 0 0;
    padding: 0 0 0;
}

.recruit_block .scroll_area .fix_nav{
    width: 100%;
    background: #fff;
    z-index: 5;
    position: sticky;
    left: 0;
    top: calc(100vh - 16vw);
}

.recruit_block .scroll_area .fix_nav .recruit_index_ttl{
    display: none;
}

.recruit_block .scroll_area .fix_nav ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit_block .scroll_area .fix_nav ul li{
    width: calc(100% / 3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit_block .scroll_area .fix_nav ul li a{
    width: 100%;
    height: 16vw;
    font-size: 3.5vw;
    font-weight: 500;
    letter-spacing: 0.18em;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color .3s;
}

.recruit_block .scroll_area .fix_nav ul li.active a{
    color: #ceb88b;
}

.recruit_block .scroll_area .area_block{
    margin: 0;
    padding: 0 0 16vw;
}

/* recruit_section */
.recruit_section{
    padding: 20vw 0 0;
}

.recruit_section#js-section-0{
    margin-top: -20vw;
}

.recruit_section .section_bg{
    padding: 0 3vw;
}

.recruit_section .area_title{
    padding: 5vw 6vw;
    font-size: 5.5vw;
    font-weight: 400;
    letter-spacing: 0.28em;
    background: #ceb88b;
    color: #fff;
    display: flex;
	align-items: center;
    box-sizing: border-box;
}

/* recruit01_box */
.recruit01_box{
    padding: 6vw 0 0;
}

.recruit01_box table{
    width: 100%;
}

.recruit01_box table th,
.recruit01_box table td{
    padding: 4vw .5vw 4vw 2vw;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #998369;
    box-sizing: border-box;
}

.recruit01_box table th{
    width: 30%;
    font-size: 3.3vw;
    font-weight: 500;
}

.recruit01_box table td{
    width: calc(100% - 30%);
    font-size: 3.1vw;
    line-height: 190%;
    font-weight: 400;
}

/* recruit02_box recruit03_box */
.recruit03_box > ul > li,
.recruit02_box > ul > li{
    padding: 10vw 0 0;
}

.recruit03_box > ul > li + li,
.recruit02_box > ul > li + li{
    border-top: 1px solid #998369;
}

.recruit02_box .left{
    width: 30%;
    box-sizing: border-box;
}

.recruit02_box .right{
    width: calc(100% - 30%);
    box-sizing: border-box;
}

.recruit03_box .left_ttl,
.recruit02_box .left_ttl{
    font-size: 3.8vw;
    font-weight: 500;
}


/* recruit02_box */
.recruit02_box > ul > li{
    display: flex;
}

.recruit02_box .right p{
    font-size: 3.5vw;
    line-height: 200%;
}

.recruit02_box .right p .brown{
    color: #8c6239;
}

.recruit02_box .flow{
    margin: 6vw 0 0;
}

.recruit02_box .flow > li{
    margin: 0 0 10vw;
    padding: 5vw 5vw;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: relative;
}

.recruit02_box .flow > li:before{
	content: "";
	background: #ceb88b;
    height: calc(tan(60deg) * 4vw / 2);
    width: 10vw;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	top: calc(100% + 3vw);
	left: calc(50% - 2vw);
}

.recruit02_box .flow > li:last-child{
    margin: 0 0 0;
    background: #8c6239;
}

.recruit02_box .flow > li:last-child:before{
	display: none;
}

.recruit02_box .flow .number{
    width: 12vw;
    font-size: 5vw;
    font-weight: 300;
    color: #8c6239;
    letter-spacing: 0.14em;
}

.recruit02_box .flow .ttl{
    font-size: 3.3vw;
    font-weight: 500;
    color: #8c6239;
    letter-spacing: 0.10em;
}

.recruit02_box .flow > li:last-child .number,
.recruit02_box .flow > li:last-child .ttl{
    color: #fff;
}


/* recruit03_box */
.recruit03_box > ul > li{
    padding: 10vw 0;
}

.recruit_section .oc_list > dl{
	margin: 7vw 0 0;
	background: #fff;
    border: 1px solid #ceb88b;
}

.recruit_section .oc_list > dl dt{
	padding: 3vw 15vw 3vw 15vw;
    min-height: 25vw;
	font-size: 4vw;
	line-height: 150%;
	letter-spacing: 0.16em;
	font-weight: 500;
	color: #8c6239;
	position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.recruit_section .oc_list > dl dt:before{
	content: "Q.";
    margin: auto;
	width: 8vw;
    font-size: 6vw;
	height: 100%;
    color: #8c6239;
    font-weight: 300;
    letter-spacing: 0.14em;
    display: flex;
    align-items: center;
	position: absolute;
	top: 0;
    bottom: 0;
	left: 5vw;
}

.recruit_section .oc_list > dl dt::after{
	content: "";
    margin: auto;
	background: url("../images/recruit/icon_plus.svg") no-repeat center center;
	background-size: 100%;
	width: 8vw;
	height: 8vw;
	position: absolute;
	right: 3vw;
	top: 0;
    bottom: 0;
}

.recruit_section .oc_list > dl dt.active::after{
	background: url("../images/recruit/icon_minus.svg") no-repeat center center;
	background-size: 100%;
}

.recruit_section .oc_list > dl dd{
    margin: 0 5vw;
	padding: 5vw 0;
	font-size: 3.5vw;
	line-height: 170%;
	letter-spacing: 0.10em;
	border-top: 1px solid #ccc;
	display: none;
}

.recruit_section .oc_list > dl dd a{
	font-size: inherit;
}


/* work_message
   ================================================================== */
.work_message{
    margin: 0 0 0;
    padding: 0 0 0;
    background: #ceb88b;
}

.work_message .inner{
    padding-top: 12vw;
    padding-bottom: 12vw;
    position: relative;
}

.work_message *{
    color: #fff;
}

.work_message .title{
    font-size: 5vw;
    font-weight: 500;
}

.work_message .catch{
    margin: 7vw 0 0;
    font-size: 4vw;
    line-height: 190%;
    font-weight: 500;
    letter-spacing: 0.28em;
}

.work_message .txt{
    margin: 6vw 0 0;
    font-size: 3.1vw;
    line-height: 200%;
}

.work_message .txt + .txt{
    margin: 16vw 0 0;
}

.work_message .photo{
    position: absolute;
}

.work_message .photo img{
    width: 100%;
}

.work_message .img_1{
    top: 68vw;
    right: -3vw;
    width: 37vw;
}

.work_message .img_2{
    top: 149vw;
    right: 12vw;
    width: 30vw;
}

.work_message .img_3{
    top: 208vw;
    right: 6vw;
    width: 20vw;
}


/* work_style_bg
   ================================================================== */
.work_style_bg{
    background: #f8f8f1;
}


/* work_system
   ================================================================== */
.work_system{
    margin: 0 0 0;
    padding: 20vw 0 0;
}

.work_system .list{
    margin: 2vw auto 0;
}

.work_system .list > li{
    margin: 10vw auto 0;
}

.work_system .list .icon{
    margin: auto;
    width: 30vw;
    line-height: 0;
}

.work_system .list .text_box{
    padding: 5vw 0 0;
}

.work_system .list .text_box *{
    color: #736357;
}

.work_system .list .text_box .ttl{
    font-size: 5.2vw;
    letter-spacing: 0.28em;
    font-weight: 500;
    text-align: center;
}

.work_system .list .text_box .txt{
    margin: 4vw 0 0;
    font-size: 3.4vw;
    line-height: 220%;
    letter-spacing: 0.11em;
}


/* work_voice
   ================================================================== */
.work_voice{
    margin: 0 0 0;
    padding: 20vw 0 0;
}

.work_voice .list{
    margin: 10vw auto 0;
}

.work_voice .list > li{
    margin: 8vw auto 0;
}

.work_voice .list .text_box{
    padding: 5vw 8vw;
    border-radius: 20px;
    background: #fff;
    position: relative;
}

.work_voice .list .text_box:before{
	content: "";
	background-image: url("../images/work_style/voice_balloon.svg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 12vw;
    height: 10vw;
    position: absolute;
    top: 100%;
    left: 60%;
}

.work_voice .list .text_box *{
    color: #736357;
}

.work_voice .list .text_box .ttl{
    font-size: 4.8vw;
    letter-spacing: 0.18em;
    line-height: 180%;
    font-weight: 500;
}

.work_voice .list .text_box .txt{
    margin: 4vw 0 0;
    font-size: 3.4vw;
    line-height: 220%;
    letter-spacing: 0.07em;
}

.work_voice .list .icon{
    margin: 10vw auto 0;
    width: 50vw;
    line-height: 0;
}


/* work_training
   ================================================================== */
.work_training{
    margin: 0 0 0;
    padding: 20vw 0 20vw;
}

.work_training .schedule_box{
    margin: 10vw auto 0;
    padding: 5vw 5vw 10vw;
    background: #fff;
}

.work_training .schedule_box .ttl{
    font-size: 4.8vw;
    color: #736357;
    letter-spacing: 0.28em;
    line-height: 180%;
    font-weight: 500;
    text-align: center;
}

.work_training .schedule_box .photo{
    margin: 5vw 0 0;
}

.work_training .schedule_box .photo img{
    width: 100%;
}

.work_training .schedule_box + .photo{
    margin: 0;
}

/* questionnaire */
.work_training .questionnaire{
    margin: 10vw auto 0;
    padding: 5vw 8vw 10vw;
    background: #fff;
}

.work_training .questionnaire .ttl{
    font-size: 4.8vw;
    color: #736357;
    letter-spacing: 0.28em;
    line-height: 180%;
    font-weight: 500;
}

.work_training .questionnaire .pc_flex{
    margin: 5vw 0 0;
}

.work_training .questionnaire .thm{
    margin: auto;
    width: 80%;
    line-height: 0;
}

.work_training .questionnaire .thm img{
    width: 100%;
}

.work_training .questionnaire .text_box{
    padding: 5vw 0 0;
}

.work_training .questionnaire .text_box .title{
    font-size: 4.3vw;
    color: #736357;
    letter-spacing: 0.28em;
    line-height: 180%;
    font-weight: 500;
}

.work_training .questionnaire .text_box .txt{
    margin: 5vw 0 0;
    font-size: 3.3vw;
    color: #736357;
    letter-spacing: 0.11em;
    line-height: 220%;
}

/* list */
.work_training .list{
    margin: 15vw auto 0;
}

.work_training .list > li{
    margin: 8vw auto 0;
}

.work_training .list .ttl{
    padding-left: 6vw;
    font-size: 4.3vw;
    color: #736357;
    letter-spacing: 0.28em;
    line-height: 180%;
    font-weight: 500;
    position: relative;
}

.work_training .list .ttl:before{
	content: "";
	background: #ceb88b;
	width: 3vw;
	height: 3vw;
	position: absolute;
	top: 2.6vw;
	left: 1vw;
    border-radius: 100px;
}

.work_training .list .txt{
    margin: 3vw 0 0;
    font-size: 3.3vw;
    color: #736357;
    letter-spacing: 0.11em;
    line-height: 220%;
}


/* business_top
   ================================================================== */
.business_top{
    margin: 0 0 0;
    padding: 0 0 0;
    background: #ceb88b;
    position: relative;
    z-index: 10;
}

.business_top .inner{
    padding-top: 12vw;
    padding-bottom: 12vw;
    position: relative;
}

.business_top *{
    color: #fff;
}

.business_top .title{
    font-size: 5vw;
    font-weight: 500;
}

.business_top .txt{
    margin: 6vw 0 0;
    font-size: 3.5vw;
    line-height: 200%;
}

.business_top .note{
    margin: 3vw 0 0;
    padding: 0 0 0 4vw;
    font-size: 3.1vw;
    line-height: 200%;
    position: relative;
}

.business_top .note:before{
	content: "※";
	position: absolute;
	left: 0;
}

.business_top .photo{
    margin: 6vw auto 0;
    width: 90%;
}

.business_top .photo img{
    width: 100%;
}


/* business_section
   ========================================================================== */
.business_section{
    margin-top: -20vw;
	padding: 20vw 0 15vw;
    background: #f8f8f1;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.business_section.representative{
    z-index: 5;
}

.business_section.sales{
    z-index: 4;
}

.business_section.planning{
    z-index: 3;
}

.business_section.sales,
.business_section.ec{
    background: #fff;
}

.business_section .photo_box{
    padding: 0 0 13vw;
    position: relative;
}

.business_section .photo_box .photo{
    margin: 0 0 0 auto;
    width: 90%;
}

.business_section .photo_box .photo img{
    width: 100%;
}

.business_section.sales .photo_box .photo,
.business_section.ec .photo_box .photo{
    margin: 0 0 0;
}

.business_section .title_eng{
    font-size: 10vw;
    color: #ceb88b;
    letter-spacing: 0.08em;
    line-height: 100%;
    font-weight: 100;
    position: absolute;
    left: 0;
    bottom: 0;
}

.business_section.sales .title_eng,
.business_section.ec .title_eng{
    left: auto;
    right: 0;
}

.business_section .text_box{
    padding: 6vw 0 0;
}

.business_section .text_box .title_jpn{
    font-size: 6vw;
    letter-spacing: 0.38em;
    font-weight: 500;
    color: #736357;
}

.business_section .text_box .catch{
    margin: 4vw 0 0;
    font-size: 4.6vw;
    line-height: 190%;
    font-weight: 500;
    letter-spacing: 0.28em;
    color: #736357;
}

.business_section .text_box .txt{
    margin: 3vw 0 0;
    font-size: 3.1vw;
    line-height: 200%;
    color: #736357;
}

.business_section .text_box .more_btn{
    margin: 5vw auto 0;
}

/* day_flow */
.business_section .day_flow{
    margin: 10vw auto 0;
    padding: 5vw 3vw 8vw;
    background: #fff;
    border: 1px solid #e6ddc9;
}

.business_section .day_flow .flow_ttl{
    font-size: 4.6vw;
    line-height: 190%;
    font-weight: 500;
    letter-spacing: 0.28em;
    color: #736357;
    text-align: center;
}


/* popup_section COMMON
   ========================================================================== */
.popup_section{
	padding: 15vw 6vw;
	background: rgba(0,0,0,.65);
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	overflow-y: scroll;
}

.popup_section .inner{
	padding: 0 0 10vw;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.popup_section .close_btn{
	margin: 10vw auto 0;
    width: 18vw;
    line-height: 0;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.popup_section .close_btn img{
	width: 100%;
}

/* title_top */
.popup_section .title_top{
	margin: 0 0 0;
}

.popup_section .title_top .left{
    width: 100%;
    height: 40vw;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #ceb88b;
    position: relative;
}

.popup_section .title_top .title_jpn{
    font-size: 6vw;
    letter-spacing: 0.18em;
    font-weight: 500;
    color: #fff;
}

.popup_section .title_top .right{
    margin: -6vw 0 0;
    padding: 0 5vw 8vw;
    position: relative;
    z-index: 1;
}

.popup_section .title_top .title_eng{
    font-size: 10vw;
    color: #e8e8d1;
    letter-spacing: 0.08em;
    line-height: 100%;
    font-weight: 100;
}

.popup_section .title_top .txt{
    margin: 6vw 0 0;
    font-size: 3.1vw;
    line-height: 200%;
    color: #736357;
}

.popup_section .title_top .photo{
    margin: 0 0 0;
}

.popup_section .title_top .photo img{
    width: 100%;
}

/* color_box_list */
.color_box_list{
    margin: 16vw auto 0;
}

.color_box_list > li{
    margin: 4vw auto 0;
    padding: 8vw 6vw;
    background: #f2f4fb;
}

.color_box_list > li.bg_brown{
    background: #f8f6f1;
}

.color_box_list > li.bg_green{
    background: #eaf3ee;
}

.color_box_list > li.bg_yellow{
    background: #f8f8f1;
}

.color_box_list .ttl{
    font-size: 5.5vw;
    color: #736357;
    letter-spacing: 0.23em;
    line-height: 180%;
    font-weight: 500;
    position: relative;
}

.color_box_list .txt{
    margin: 3vw 0 0;
    font-size: 3.3vw;
    color: #736357;
    letter-spacing: 0.11em;
    line-height: 220%;
}

.color_box_list > li.note_box{
    margin-top: 3vw;
    padding: 0 6vw;
    background: transparent;
}

.color_box_list > li.note_box .txt{
    margin: 0 0 0 !important;
}

/* photo_txt_list */
.photo_txt_list{
    margin: 5vw auto 0;
}

.photo_txt_list > li{
    margin: 0 auto 0;
    background: #f8f8f1;
}

.photo_txt_list .photo{
    margin: 0;
}

.photo_txt_list .photo img{
    width: 100%;
}

.photo_txt_list .text_box{
    padding: 8vw 6vw;
}

.photo_txt_list .ttl{
    font-size: 4.5vw;
    color: #736357;
    letter-spacing: 0.28em;
    line-height: 180%;
    font-weight: 500;
    position: relative;
}

.photo_txt_list .txt{
    margin: 3vw 0 0;
    font-size: 3.2vw;
    color: #736357;
    letter-spacing: 0.16em;
    line-height: 220%;
}

/* oneday_schedule */
.oneday_schedule{
    margin: 5vw auto 0;
    padding: 0 5vw;
}

.oneday_schedule > li{
    margin: 0 auto 0;
}

.oneday_schedule > li + li{
    margin-top: 3vw;
}

.oneday_schedule .flex_box{
    display: flex;
}

.oneday_schedule .time{
    padding: 3vw 8vw 3vw 4vw;
    font-size: 3.5vw;
    width: 20vw;
    letter-spacing: 0.15em;
    color: #4d4d4d;
    background: #f4f2e3;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.oneday_schedule .time.bg_2{
    background: #f8f8f1;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}

.oneday_schedule .right{
    margin-left: -4vw;
    width: calc(100% - 20vw + 4vw);
    position: relative;
    z-index: 1;
}

.oneday_schedule .right.pa_in{
    padding-top: 5vw;
    padding-bottom: 5vw;
}

.oneday_schedule .task{
    display: flex;
    align-items: center;
}

.oneday_schedule .task + .task{
    margin-top: 3vw;
}

.oneday_schedule .ttl{
    padding: 5vw 0;
    font-size: 4.0vw;
    width: 12vw;
    color: #736357;
    letter-spacing: 0.18em;
    line-height: 180%;
    font-weight: 500;
    position: relative;
    background: #ebe3dd;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}

.oneday_schedule .txt{
    padding: 2vw 0 2vw 3vw;
    font-size: 3.2vw;
    width: calc(100% - 12vw);
    color: #736357;
    letter-spacing: 0.11em;
    line-height: 220%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.oneday_schedule .open_close_box .right{
    padding-top: 8vw;
    padding-bottom: 8vw;
}

.oneday_schedule .open_close_box .flex_box{
    width: 100%;
}

.oneday_schedule .open_close{
    font-size: 4.0vw;
    width: 100%;
    height: 20vw;
    color: #736357;
    letter-spacing: 0.28em;
    line-height: 180%;
    font-weight: 500;
    position: relative;
    border: 9px solid #ebe3d2;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}


/* privacy
   ================================================================== */
.privacy{
    margin: 0 0 0;
    padding: 15vw 0 20vw;
}

.privacy .top_txt{
    padding: 0 0 0;
    font-size: 3.2vw;
    letter-spacing: 0.1em;
}

.privacy .title{
    padding: 15vw 0 0;
    font-size: 6vw;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
}

.privacy .list{
    margin: 15vw auto 0;
}

.privacy .list > li{
    margin: 10vw 0 0;
}

.privacy .list .bg_ttl{
    padding: 5vw 6vw;
    font-size: 3.6vw;
    font-weight: 500;
    background: #ceb88b;
    color: #fff;
    display: flex;
	align-items: center;
    box-sizing: border-box;
}

.privacy .list .txt{
    margin: 4vw 0 0;
}

.privacy .list .txt + .txt{
    margin: 4vw 0 0;
}

.privacy .list .txt .siz_l{
    font-size: 1.1em;
    font-weight: 500;
}

.privacy .txt_list > li,
.privacy .list .txt{
    font-size: 3.2vw;
    line-height: 220%;
    letter-spacing: 0.10em;
}

.privacy .txt_list{
    margin: 0 0 0;
}

.privacy .txt_list > li{
    padding-left: 4vw;
    position: relative;
}

.privacy .txt_list > li:before{
	content: "・";
	position: absolute;
	left: 0;
}

.privacy .link_buttons{
	margin: 15vw 0 0;
    width: 100%;
}

/* cv_window */
.cv_window{
    margin: 15vw 0 0;
}

.cv_window a{
    padding: 5vw 5vw;
    min-height: 64vw;
    text-align: center;
    border: 10px solid #ceb88b;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.cv_window .inbox{
    display: block;
}

.cv_window .ttl{
    font-size: 6vw;
    line-height: 150%;
    font-weight: 500;
    letter-spacing: 0.1em;
    display: block;
}

.cv_window .txt{
    margin: 4vw 0 0;
    display: block;
}

.cv_window .txt span{
    font-size: 4vw;
    line-height: 220%;
    font-weight: 500;
    letter-spacing: 0.1em;
    display: block;
}

.cv_window .txt .number{
    font-size: 7vw;
    line-height: 150%;
}


@media screen and (min-width : 700px){


    /* block_title
       ================================================================== */
    .block_title .eng{
        font-size: 6.0vw;
    }

    .block_title .jpn{
        margin: 1.0vw 0 0;
        font-size: 2.0vw;
    }


    /* title_box
       ================================================================== */
    .title_box{
        padding: 3.6vw 2.0vw 3.6vw 0;
        min-height: 20.0vw;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }
    
    .title_box:before{
        content: "";
        background: #b79877;
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        right: 100%;
    }

    .title_box .ttl{
        padding: 0 5.4vw 0 0;
        font-size: 3.0vw;
        text-align: left;
    }

    .title_box .txt{
        padding: 0 0 0 3.5vw;
        font-size: 1.6vw;
        line-height: 200%;
        border-top: none;
        border-left: 1px solid #fff;
        display: flex;
        align-items: center;
        min-height: 12.0vw;
    }
    
    .title_box.bg_2:before{
        background: #af847b;
    }

    .title_box.color_2{
        background: transparent;
        border-left: none;
    }
    
    .title_box.color_2:before{
        background: transparent;
        border-top: 1px solid #b79877;
        border-bottom: 1px solid #b79877;
        top: -1px;
    }


    /* under_kv
       ================================================================== */
    .recruit_kv .bg{
        background-image: url("../images/recruit/webp/kv.webp");
    }

    .work_style_kv .bg{
        background-image: url("../images/work_style/webp/kv.webp");
    }

    .business_kv .bg{
        background-image: url("../images/business/webp/kv.webp");
    }

    .privacy_kv .bg{
        background-image: url("../images/privacy/webp/kv.webp");
    }

    .under_kv .inner{
        padding-top: 24.4vw;
        padding-left: 2.0vw;
        padding-right: 2.0vw;
        min-height: 64.0vw;
    }


    /* kv
       ================================================================== */
    .kv{
        margin: 0 0 0;
    }

    .kv .left{
        margin-right: -7.6vw;
        padding: 0 0 0;
        width: 47%;
    }

    .kv .left .catch{
        width: 90%;
    }

    .kv .right{
        width: calc(100% - 47% + 7.6vw);
    }

    .kv .right .logo{
        width: 80%;
        left: 7.0vw;
        top: 86%;
    }


    /* index_message
       ================================================================== */
    .index_message{
        margin: -20.0vw 0 18.0vw;
        padding: 24.0vw 0 1px;
    }

    .index_message .inner{
        padding: 0 0 10.0vw;
    }

    .index_message .flex{
        display: flex;
    }

    .index_message .photo{
        width: 36%;
    }

    .index_message .photo .swiper-slide{
        line-height: 0;
    }

    .index_message .text_box{
        padding: 16.8vw 0 0 3.5vw;
        width: calc(100% - 36%);
        box-sizing: border-box;
    }

    .index_message .text_box p{
        font-size: 2.1vw;
        line-height: 240%;
    }

    .index_message .text_box p + p{
        margin-top: 3.5vw;
    }

    .index_message .catch{
        margin: 10.0vw 0 0;
        font-size: 4.5vw;
        text-align: left;
    }

    .index_message .loop_photos{
        margin: 0 0 -10.7vw;
    }

    .index_message .loopslider li{
        padding: 0 1.5vw;
        width: 39.6vw;
    }


    /* index_link_block 共通スタイル
       ================================================================== */
    .index_link_block{
        padding: 0;
    }

    .index_link_block .inner{
        padding-top: 13.3vw;
        padding-bottom: 13.3vw;
        min-height: 94.0vw;
        box-sizing: border-box;
    }

    .index_link_block .text_box{
        padding: 0;
    }

    .index_link_block .text_box .txt{
        margin: 4.0vw 0 0;
        font-size: 1.4vw;
    }

    .index_link_block .right{
        margin: 10.0vw 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .index_link_block .position_box{
        margin: 0 0 0;
        width: 53.8vw;
    }

    .index_link_block .position_box .thm_box .thm_frame{
        border-width: .3vw;
        height: 34.8vw;
    }

    .index_link_block .position_box .thm_box.photo_bg a img{
        transition: .5s;
    }

    .index_link_block .position_box .thm_box.photo_bg a:hover img{
        transform: scale(1.05);
        opacity: .8;
    }

    .index_link_block .position_box .sp_flex{
        margin: 2.0vw 0 0;
    }

    .index_link_block .position_box .ttl{
        font-size: 1.8vw;
    }

    .index_link_block .position_box .btn_arrow{
        text-align: right;
    }


    /* index_about
       ================================================================== */
    .index_link_block.index_about .position_box .thm_box .logo{
        width: 25.3vw;
    }


    /* index_business
       ================================================================== */
    .index_link_block.index_business .inner{
        padding-bottom: 11.0vw;
    }

    .index_link_block.index_business{
        background-image: url("../images/index/webp/business_bg.webp");
    }

    .index_link_block.index_business .left{
        align-items: flex-end;
    }
    
    .index_link_block.index_business .position_box .thm_box .thm_frame{
        height: 32.4vw;
    }


    /* index_people
       ================================================================== */
    .index_link_block.index_people{
        background-size: 100%;
    }

    .index_link_block.index_people .inner{
        padding-top: 25.0vw;
        display: block;
    }
    
    .index_link_block.index_people .right{
        margin: 6.5vw 0 0;
        justify-content: center;
    }
    
    .index_link_block.index_people .position_box .thm_box .thm_frame{
        height: 29.3vw;
    }
    
    .index_link_block.index_people .position_box .thm_box .photo_flex{
        overflow: hidden;
    }
    
    .index_link_block.index_people .position_box .thm_box .photo_flex,
    .index_link_block.index_people .position_box .thm_box .thm_frame{
        transition: .5s;
    }
    
    .index_link_block.index_people .position_box .thm_box a:hover{
        background: rgba(255,255,255,1);
    }
    
    .index_link_block.index_people .position_box .thm_box a:hover .photo_flex{
        transform: scale(1.05);
    }

    .index_link_block.index_people .position_box .frame_txt_box{
        padding: 3.5vw 2.5vw 1.0vw;
    }

    .index_link_block.index_people .position_box .frame_txt_box .frame_txt{
        font-size: 2.4vw;
    }

    .index_link_block.index_people .position_box .frame_txt_box .frame_logo{
        margin: 1.0vw auto 0;
        width: 19.5vw;
    }


    /* index_work_style
       ================================================================== */
    .index_link_block.index_work_style{
        background-image: url("../images/index/webp/work_style_bg.webp");
    }

    .index_link_block.index_work_style .inner{
        padding-top: 15.0vw;
        display: block;
    }
    
    .index_link_block.index_work_style .right{
        margin: 5.5vw 0 0;
        justify-content: center;
    }
    
    .index_link_block.index_work_style .position_box .thm_box .thm_frame{
        height: 29.3vw;
    }


    /* index_recruit
       ================================================================== */
    .index_link_block.index_recruit{
        margin-top: 3.8vw;
        background-image: url("../images/index/webp/recruit_bg.webp");
    }

    .index_link_block.index_recruit:before{
        display: none;
    }

    .index_link_block.index_recruit .inner{
        padding-top: 6.3vw;
        padding-bottom: 6.3vw;
        min-height: 40.0vw;
        justify-content: flex-end;
    }

    .index_link_block.index_recruit .right{
        margin-top: 0;
    }

    .index_link_block.index_recruit .position_box .thm_frame{
        padding: 4.7vw 5.5vw 4vw;
        transition: .3s;
    }

    .index_link_block.index_recruit .position_box a.thm_frame:hover{
        background: rgba(55,50,43,.9);
    }

    .index_link_block.index_recruit .position_box .btn_arrow{
        margin: 5.5vw 0 0;
    }


    /* about_kv
       ================================================================== */
    .about_kv .bg{
        background-image: url("../images/about/webp/kv.webp");
    }

    .about_kv .text_wrap p{
        font-size: 1.6vw;
        line-height: 4.5vw;
        letter-spacing: 0.17em;
    }

    .about_kv .catch_wrap .catch{
        font-size: 4.0vw;
        letter-spacing: 0.28em;
    }


    /* peoples
       ================================================================== */
    .peoples .title_block{
        padding: 8.0vw 0 9.0vw;
    }

    .peoples .title{
        font-size: 8.4vw;
    }

    .peoples .list{
        margin-top: 0;
    }

    .peoples .list .inner{
        padding: 0;
        position: relative;
    }

    .peoples .list > li{
        padding: 0 0 0;
    }

    .peoples .list > li:nth-child(2n+2){
        background: #f8f8f1;
    }

    .peoples .list .photo{
        width: 55.4vw;
        position: absolute;
        top: -6.7vw;
        right: 45.5vw;
    }

    .peoples .list > li:nth-child(2n+1) .photo{
        margin-left: 0;
        right: auto;
        left: 45.5vw;
    }

    .peoples .list .text_box{
        margin: 0 0 0;
        padding: 8.0vw 2.0vw 16.0vw;
        width: calc(38.5vw + 4.0vw);
        min-height: 60.8vw;
        box-sizing: border-box;
    }

    .peoples .list > li:nth-child(2n+2) .text_box{
        margin-left: auto;
    }

    .peoples .list .text_box .icon{
        margin: 0;
        width: 13.0vw;
    }

    .peoples .list .text_box .ttl{
        margin: 3.8vw 0 0;
        font-size: 2.4vw;
        letter-spacing: 0.28em;
        text-align: left;
    }

    .peoples .list .text_box p{
        margin: 1.5vw 0 0;
        font-size: 1.6vw;
        letter-spacing: 0.18em;
    }


    /* about_numbers
       ================================================================== */
    .about_company,
    .about_numbers{
        padding: 16.0vw 0 0;
    }

    .about_company .inner,
    .about_numbers .inner{
        width: 90%;
    }

    .about_company .title,
    .about_numbers .title{
        font-size: 3.5vw;
    }

    .about_numbers .list{
        margin: 5.0vw auto 0;
        padding: 3.7vw 2.5vw 0;
    }

    .about_numbers .list > li{
        padding: 6.0vw 7.0vw 7.0vw 3.0vw;
        width: 50%;
    }

    .about_numbers .list > li.wid_all{
        padding-left: 6.0vw;
        padding-right: 6.0vw;
        width: 100%;
        border-left: none;
    }

    .about_numbers .list > li:nth-child(2n+2){
        padding: 6.0vw 3.0vw 7.0vw 7.0vw;
        border-left: 1px solid #ceb88b;
    }

    .about_numbers .list > li:nth-child(2){
        border-top: none;
    }

    .about_numbers .list .ttl{
        font-size: 2.2vw;
    }

    .about_numbers .list p{
        font-size: 1.4vw;
        line-height: 3.2vw;
    }

    .about_numbers .list p.note{
        font-size: 1.2vw;
        text-align: right;
    }

    .about_numbers .list .box{
        margin: 2.5vw 0 0;
    }

    .about_numbers .list .text_box{
        margin: 2.5vw 0 0;
    }

    .about_numbers .list .wid_all .box{
        display: flex;
    }

    .about_numbers .list .wid_all .photo{
        width: 34.2vw;
    }

    .about_numbers .list .wid_all .text_box{
        margin: 0;
        padding: 0 0 0 3.0vw;
        width: calc(100% - 34.2vw);
        box-sizing: border-box;
    }


    /* about_company
       ================================================================== */
    .about_company{
        padding: 12.0vw 0 15.0vw;
    }

    .about_company .table_box{
        margin: 4.5vw auto 0;
        padding: 1.5vw 4.5vw 4.0vw
    }

    .about_company table th,
    .about_company table td{
        padding: 3.8vw 0;
    }

    .about_company table th{
        padding-left: 4.0vw;
        font-size: 1.6vw;
        width: 22.0vw;
    }

    .about_company table td{
        font-size: 1.4vw;
    }

    .about_company table td .map_btn{
        margin-left: 1.0vw;
    }

    /* map_btn */
    .map_btn{
        padding: .5vw;
        font-size: 1.0vw;
        width: 3.7vw;
        height: 1.9vw;
        border: 1px solid #736357;
        transition: .3s;
    }

    a.map_btn:hover{
        background: #fff;
        color: #736357;
    }


    /* recruit_block
       ================================================================== */
    .recruit_block{
        margin: -4.0vw 0 0;
        padding: 0 0 0;
    }

    .recruit_block .inner{
        padding: 0 2.0vw 9.0vw;
        position: relative;
    }

    .recruit_block .scroll_area{
        margin: 0 0 0;
        padding: 0 0 0;
    }

    .recruit_block .scroll_area .fix_nav{
        padding: 4.0vw 0 0;
        width: 20.5vw;
        height: 27.5vw;
        top: 7.0vw;
        box-sizing: border-box;
        border-radius: 0 20px 20px 0;
    }
    
    .recruit_block .scroll_area .fix_nav:before{
        content: "";
        background: #fff;
        width: 20.8vw;
        height: 100%;
        position: absolute;
        top: 0;
        right: 100%;
        border-radius: 20px 0 0 20px;
    }

    .recruit_block .scroll_area .fix_nav .recruit_index_ttl{
        font-size: 2.4vw;
        font-weight: 500;
        color: #ceb88b;
        letter-spacing: 0.08em;
        display: block;
    }

    .recruit_block .scroll_area .fix_nav ul{
        margin: 3.0vw 0 0;
        display: block;
    }

    .recruit_block .scroll_area .fix_nav ul li{
        width: 100%;
        display: block;
    }

    .recruit_block .scroll_area .fix_nav ul li a{
        padding: 1.0vw 0;
        height: auto;
        font-size: 1.6vw;
        justify-content: flex-start;
    }

    .recruit_block .scroll_area .fix_nav ul li a:hover{
        color: #ceb88b;
    }

    .recruit_block .scroll_area .area_block{
        margin: -24.0vw 0 0;
        padding: 1px 0 0 20.5vw;
    }

    /* recruit_section */
    .recruit_section{
        padding: 8.0vw 0 0;
    }

    .recruit_section#js-section-0{
        margin-top: 0;
    }

    .recruit_section .section_bg{
        padding: 0 0 0 2.8vw;
    }

    .recruit_section .area_title{
        padding: 2.0vw 2.5vw;
        font-size: 1.8vw;
    }

    /* recruit01_box recruit02_box recruit03_box */
    .recruit03_box,
    .recruit02_box,
    .recruit01_box{
        margin: auto;
        width: 96%;
    }

    /* recruit01_box */
    .recruit01_box{
        padding: 0 0 0;
    }

    .recruit01_box table th,
    .recruit01_box table td{
        padding: 3.7vw 0;
    }

    .recruit01_box table th{
        width: 13.0vw;
        font-size: 1.6vw;
    }

    .recruit01_box table td{
        width: calc(100% - 13.0vw);
        font-size: 1.5vw;
        line-height: 200%;
    }

    /* recruit02_box recruit03_box */
    .recruit03_box > ul > li,
    .recruit02_box > ul > li{
        padding: 5.0vw 0 0;
        display: flex;
    }

    .recruit03_box > ul > li + li,
    .recruit02_box > ul > li + li{
        border-top: 1px solid #998369;
    }

    .recruit03_box .left,
    .recruit02_box .left{
        width: 18.0vw;
    }

    .recruit03_box .right,
    .recruit02_box .right{
        width: calc(100% - 18.0vw);
    }

    .recruit03_box .left_ttl,
    .recruit02_box .left_ttl{
        font-size: 1.6vw;
    }


    /* recruit02_box */
    .recruit02_box > ul > li{
        display: flex;
    }

    .recruit02_box .right p{
        font-size: 1.5vw;
    }

    .recruit02_box .flow{
        margin: 5.0vw 0 0;
    }

    .recruit02_box .flow > li{
        margin: 0 0 6.7vw;
        padding: 2.7vw 2.5vw;
    }

    .recruit02_box .flow > li:before{
        height: calc(tan(60deg) * 1.2vw / 2);
        width: 3.3vw;
        top: calc(100% + 3.1vw);
        left: calc(50% - 1.0vw);
    }

    .recruit02_box .flow .number{
        width: 6.5vw;
        font-size: 2.3vw;
    }

    .recruit02_box .flow .ttl{
        font-size: 1.6vw;
    }


    /* recruit03_box */
    .recruit03_box{
        padding-bottom: 0;
    }

    .recruit03_box > ul > li{
        padding: 4.5vw 0;
    }

    .recruit03_box > ul > li:last-child{
        padding-bottom: 0;
    }

    .recruit_section .oc_list > dl{
        margin: 2.6vw 0 0;
    }

    .recruit_section .oc_list > dl:first-child{
        margin: 0 0 0;
    }

    .recruit_section .oc_list > dl dt{
        padding: 1.0vw 8.0vw 1.0vw 10.0vw;
        min-height: 11.5vw;
        font-size: 1.6vw;
        line-height: 3.6vw;
        cursor: pointer;
        transition: .3s;
    }

    .recruit_section .oc_list > dl dt:hover:before,
    .recruit_section .oc_list > dl dt:hover{
        color: #ceb88b;
    }

    .recruit_section .oc_list > dl dt:before{
        width: 3.5vw;
        font-size: 2.8vw;
        left: 3.5vw;
        transition: .3s;
    }

    .recruit_section .oc_list > dl dt::after{
        width: 3.0vw;
        height: 3.0vw;
        right: 3.3vw;
    }

    .recruit_section .oc_list > dl dd{
        margin: 0 3.5vw;
        padding: 4.5vw 0 5.0vw;
        font-size: 1.5vw;
        line-height: 3.0vw;
    }


    /* work_message
       ================================================================== */
    .work_message{
        margin: 0 0 0;
    }

    .work_message .inner{
        padding-top: 13.0vw;
        padding-bottom: 27.0vw;
    }

    .work_message .title{
        font-size: 3.2vw;
    }

    .work_message .catch{
        margin: 3.5vw 0 0;
        font-size: 2.4vw;
        line-height: 4.2vw
    }

    .work_message .txt{
        margin: 4.0vw 0 0;
        font-size: 1.6vw;
    }

    .work_message .txt + .txt{
        margin: 3.0vw 0 0;
    }

    .work_message .img_1{
        top: 11.4vw;
        right: 6.3vw;
        width: 42.3vw;
    }

    .work_message .img_2{
        top: 62.0vw;
        right: 2.0vw;
        width: 26.7vw;
    }

    .work_message .img_3{
        top: 93.3vw;
        right: 22.5vw;
        width: 16.3vw;
    }


    /* work_system
       ================================================================== */
    .work_system{
        margin: 0 0 0;
        padding: 17.0vw 0 0;
    }

    .work_system .list{
        margin: 0 auto 0;
        display: flex;
        flex-wrap: wrap;
    }

    .work_system .list > li{
        margin: 9.0vw 0 0 5%;
        width: 30%;
    }

    .work_system .list > li:nth-child(3n+1){
        margin-left: 0;
    }

    .work_system .list .icon{
        width: 18.0vw;
    }

    .work_system .list .text_box{
        padding: 3.5vw 0 0;
    }

    .work_system .list .text_box .ttl{
        font-size: 2.2vw;
        text-align: left;
    }

    .work_system .list .text_box .txt{
        margin: 2.0vw 0 0;
        font-size: 1.5vw;
        line-height: 200%;
    }


    /* work_voice
       ================================================================== */
    .work_voice{
        margin: 0 0 0;
        padding: 17.0vw 0 0;
    }

    .work_voice .list{
        margin: 6.0vw auto 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .work_voice .list > li{
        margin: 4.0vw 0 0 5%;
        width: 45%;
        position: relative;
    }

    .work_voice .list > li:nth-child(2n+1){
        margin-left: 0;
    }

    .work_voice .list > li:nth-child(2){
        top: -4.0vw;
    }

    .work_voice .list > li:nth-child(3){
        left: 4.0vw;
    }

    .work_voice .list > li:nth-child(4){
        top: -4.0vw;
        left: 4.0vw;
    }

    .work_voice .list .text_box{
        margin: 0 0 0 5.0vw;
        padding: 3.0vw 3.2vw;
        min-height: 24.0vw;
        box-sizing: border-box;
    }

    .work_voice .list .text_box:before{
        width: 3.8vw;
        height: 3.8vw;
        left: 20%;
    }

    .work_voice .list .text_box .ttl{
        font-size: 2.2vw;
        line-height: 3.6vw;
    }

    .work_voice .list .text_box .txt{
        margin: 2.2vw 0 0;
        font-size: 1.3vw;
        line-height: 200%;
    }

    .work_voice .list .icon{
        margin: 3.9vw 0 0;
        width: 19.0vw;
    }


    /* work_training
       ================================================================== */
    .work_training{
        margin: 0 0 0;
        padding: 12.0vw 0 17.0vw;
    }

    .work_training .schedule_box{
        margin: 12.0vw auto 0;
        padding: 4.7vw 3.7vw 6.5vw;
    }

    .work_training .schedule_box .ttl{
        font-size: 2.2vw;
    }

    .work_training .schedule_box .photo{
        margin: 3.5vw 0 0;
    }

    .work_training .schedule_box + .photo{
        margin: 5.5vw 0 0;
    }

    .work_training .schedule_box + .photo img{
        width: 100%;
    }

    /* questionnaire */
    .work_training .questionnaire{
        margin: 6.3vw 0 0 auto;
        padding: 6.8vw 0 8.3vw 8.6vw;
        width: 88.8vw;
        box-sizing: border-box;
        position: relative;
    }
    
    .work_training .questionnaire:before{
        content: "";
        background: #fff;
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
    }

    .work_training .questionnaire .ttl{
        font-size: 1.8vw;
        line-height: 2.8vw;
    }

    .work_training .questionnaire .pc_flex{
        margin: 3.0vw 0 0;
        display: flex;
    }

    .work_training .questionnaire .thm{
        margin: 0;
        width: 20.1vw;
    }

    .work_training .questionnaire .text_box{
        padding: 0 0 0 2.7vw;
        width: calc(100% - 20.1vw);
    }

    .work_training .questionnaire .text_box .title{
        font-size: 2.2vw;
        line-height: 3.6vw;
    }

    .work_training .questionnaire .text_box .txt{
        margin: 2.0vw 0 0;
        font-size: 1.6vw;
        line-height: 200%;
    }

    /* list */
    .work_training .list{
        margin: 5.0vw auto 0;
        display: flex;
        flex-wrap: wrap;
    }

    .work_training .list > li{
        margin: 9.0vw 0 0 5%;
        width: 30%;
    }

    .work_training .list > li:nth-child(3n+1){
        margin-left: 0;
    }

    .work_training .list .ttl{
        padding-left: 2.4vw;
        font-size: 2.2vw;
    }

    .work_training .list .ttl:before{
        width: 1.5vw;
        height: 1.5vw;
        top: 1.5vw;
        left: .5vw;
    }

    .work_training .list .txt{
        margin: 2.0vw 0 0;
        font-size: 1.5vw;
        line-height: 200%;
    }


    /* business_top
       ================================================================== */
    .business_top{
        margin: 0 0 0;
    }

    .business_top .inner{
        padding-top: 12.0vw;
        padding-bottom: 14.0vw;
    }

    .business_top .title{
        font-size: 3.2vw;
    }

    .business_top .txt{
        margin: 3.0vw 0 0;
        font-size: 1.6vw;
    }

    .business_top .note{
        margin: 1.0vw 0 0;
        padding: 0 0 0 1.6vw;
        font-size: 1.3vw
    }

    .business_top .photo{
        margin: 8.0vw auto 0;
        width: 95%;
    }


    /* business_section
       ========================================================================== */
    .business_section{
        margin-top: -7.0vw;
        padding: 7.0vw 0 0;
    }

    .business_section .inner{
        position: relative;
    }

    .business_section .photo_box{
        padding: 0 0 0;
        position: absolute;
        top: 0;
        right: 45%;
        width: 55%;
        height: 100%;
    }

    .business_section.sales .photo_box,
    .business_section.ec .photo_box{
        left: 45%;
        right: auto;
    }

    .business_section .photo_box .photo{
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .business_section .photo_box .photo img.tab.pc{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .business_section .title_eng{
        font-size: 7.4vw;
        top: 2.0vw;
        bottom: auto;
    }

    .business_section.representative .title_eng{
        left: auto;
        right: -33.0vw;
    }

    .business_section.ec .title_eng,
    .business_section.sales .title_eng{
        left: -43.0vw;
        right: auto;
    }

    .business_section.planning .title_eng{
        left: auto;
        right: -43.0vw;
    }

    .business_section .text_box{
        padding: 17.5vw 0 0 60%;
        min-height: 80.0vw;
        box-sizing: border-box;
    }

    .business_section.sales .text_box,
    .business_section.ec .text_box{
        padding: 17.5vw 60% 0 0;
    }

    .business_section .text_box .title_jpn{
        font-size: 3.4vw;
    }

    .business_section .text_box .catch{
        margin: 2.5vw 0 0;
        font-size: 2.1vw;
        line-height: 4.2vw;
    }

    .business_section .text_box .txt{
        margin: 3.0vw 0 0;
        font-size: 1.4vw;
    }

    .business_section .text_box .more_btn{
        margin: 2.0vw 0 0 auto;
    }

    /* day_flow */
    .business_section .day_flow{
        margin: 5.0vw 0 0 -10.8vw;
        padding: 2.5vw 1.0vw 3.0vw 6.0vw;
        width: 40.6vw;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }

    .business_section .day_flow .flow_ttl{
        font-size: 2.1vw;
        text-align: left;
    }

    .business_section .day_flow .more_btn{
        margin-left: 0;
    }


    /* popup_section COMMON
       ========================================================================== */
    .popup_section{
        padding: 8.0vw 5.0vw;
    }

    .popup_section .inner{
        padding: 5.0vw 0 0;
        width: 100%;
        min-height: 50.0vw;
        position: relative;
    }

    .popup_section .close_btn{
        margin: 0;
        width: 8.3vw;
        position: absolute;
        top: 2.0vw;
        right: 2.0vw;
        transition: .3s;
    }

    .popup_section .close_btn:hover{
        opacity: .6;
    }

    /* title_top */
    .popup_section .title_top{
        margin: 0 0 12.5vw;
        height: 39.0vw;
        display: flex;
        align-items: center;
        position: relative;
    }

    .popup_section .title_top .left{
        width: 36.0vw;
        height: 100%;
        text-align: left;
    }

    .popup_section.photo_in .title_top .left{
        width: 25.0vw;
    }

    .popup_section .title_top .title_jpn{
        font-size: 4.2vw;
        line-height: 6.2vw;
    }

    .popup_section .title_top .right{
        margin: 0 0 0;
        padding: 0 3.0vw 0 3.5vw;
        width: calc(100% - 36.0vw);
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        position: static;
    }

    .popup_section.photo_in .title_top .right{
        padding: 0 2.0vw 0 2.5vw;
        width: calc(100% - 25.0vw - 20.0vw);
    }

    .popup_section .title_top .title_eng{
        font-size: 6.8vw;
        position: absolute;
        bottom: -4.0vw;
        left: 10.0vw;
    }

    .popup_section .title_top .txt{
        margin: 0 0 0;
        font-size: 1.4vw;
    }

    .popup_section .title_top .photo{
        width: 20.0vw;
        height: 100%;
    }

    .popup_section .title_top .photo img.tab.pc{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* color_box_list */
    .color_box_list{
        margin: -3.5vw auto 0;
        padding: 0 0 9.0vw;
        max-width: 95%;
        display: flex;
        flex-wrap: wrap;
    }

    .color_box_list > li{
        margin: 3.5vw 0 0 4%;
        padding: 3.5vw 3.0vw 3.0vw;
        width: 48%;
        box-sizing: border-box;
    }

    .color_box_list > li:nth-child(2n+1){
        margin-left: 0;
    }

    .color_box_list > li.pc_wid_all{
        margin: 3.5vw 0 0;
        width: 100%;
    }

    .color_box_list .ttl{
        font-size: 2.4vw;
        line-height: 3.3vw;
    }

    .color_box_list .txt{
        margin: 3.0vw 0 0;
        font-size: 1.5vw;
        line-height: 200%;
    }

    .color_box_list > li.note_box{
        margin-top: 1.5vw;
        padding: 0;
    }

    /* photo_txt_list */
    .photo_txt_list{
        margin: -5.7vw auto 0;
        padding: 0 0 10.0vw;
    }

    .photo_txt_list > li{
        margin: 5.7vw auto 0;
        display: flex;
    }

    .photo_txt_list > li:nth-child(2n+2){
        flex-direction: row-reverse;
    }

    .photo_txt_list .photo{
        width: 36.0vw;
    }

    .photo_txt_list .photo img.tab.pc{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .photo_txt_list .text_box{
        padding: 12.0vw 4.0vw 5.0vw;
        width: calc(100% - 36.0vw);
        height: 100%;
        min-height: 46.0vw;
        box-sizing: border-box;
    }

    .photo_txt_list .ttl{
        font-size: 2.6vw;
        line-height: 4.3vw;
    }

    .photo_txt_list .txt{
        margin: 2.0vw 0 0;
        font-size: 1.6vw;
        line-height: 200%;
    }

    /* oneday_schedule */
    .oneday_schedule{
        margin: 0 auto 0;
        padding: 0 0 10.0vw;
        width: 95%;
    }

    .oneday_schedule > li{
        margin: 0 auto 0;
    }

    .oneday_schedule > li + li{
        margin-top: 1.1vw;
    }

    .oneday_schedule .time{
        padding: 2.0vw 5.0vw 2.0vw 2.8vw;
        font-size: 1.5vw;
        width: 13.6vw;
        line-height: 8.0vw;
    }

    .oneday_schedule .time.bg_2{
        writing-mode: unset;
        -ms-writing-mode: unset;
    }

    .oneday_schedule .right{
        margin-left: -2.3vw;
        width: calc(100% - 13.6vw + 2.3vw);
    }

    .oneday_schedule .right.pa_in{
        padding-top: 2.3vw;
        padding-bottom: 2.3vw;
    }

    .oneday_schedule .task + .task{
        margin-top: 1.8vw;
    }

    .oneday_schedule .ttl{
        padding: 2.0vw 0;
        font-size: 2.0vw;
        width: 24.5vw;
        min-height: 13.0vw;
        line-height: 2.8vw;
        text-align: center;
        writing-mode: unset;
        -ms-writing-mode: unset;
    }

    .oneday_schedule .txt{
        padding: .5vw 0 .5vw 2.0vw;
        font-size: 1.4vw;
        width: calc(100% - 24.5vw);
        line-height: 3.2vw;
    }

    .oneday_schedule .open_close_box .right{
        padding-top: 3.0vw;
        padding-bottom: 3.0vw;
    }

    .oneday_schedule .open_close{
        font-size: 2.0vw;
        height: 7.0vw;
        letter-spacing: 0.48em;
        border-width: 7px;
    }


    /* privacy
       ================================================================== */
    .privacy{
        margin: 0 0 0;
        padding: 8.0vw 0 12.0vw;
    }

    .privacy .top_txt{
        padding: 0 0 0;
        font-size: 1.2vw;
    }

    .privacy .title{
        padding: 10.0vw 0 0;
        font-size: 3.2vw;
    }

    .privacy .list{
        margin: 5.0vw auto 0;
    }

    .privacy .list > li{
        margin: 6.5vw 0 0;
    }

    .privacy .list > li:first-child{
        margin: 0 0 0;
    }

    .privacy .list .bg_ttl{
        padding: 2.0vw 2.5vw;
        font-size: 1.8vw;
    }

    .privacy .list .txt{
        margin: 3.0vw 0 0;
    }

    .privacy .list .txt + .txt{
        margin: 4.5vw 0 0;
    }

    .privacy .txt_list > li,
    .privacy .list .txt{
        font-size: 1.6vw;
        line-height: 3.6vw;
    }

    .privacy .txt_list{
        margin: 0 0 0;
    }

    .privacy .txt_list > li{
        padding-left: 1.8vw;
    }

    .privacy .link_buttons{
        margin: 7.0vw 0 0;
    }

    /* cv_window */
    .cv_window{
        margin: 9.5vw 0 0;
    }

    .cv_window a{
        margin: 1.5vw 0 0;
        padding: 3.0vw 2.0vw;
        min-height: 25.0vw;
    }

    .cv_window .ttl{
        font-size: 3.2vw;
    }

    .cv_window .txt{
        margin: 2.0vw 0 0;
    }

    .cv_window .txt span{
        padding-left: .5vw;
        font-size: 2.2vw;
        line-height: 3.2vw;
        display: inline-block;
    }

    .cv_window .txt span:nth-child(1){
        padding-left: 0;
    }

    .cv_window .txt span:nth-child(3){
        padding-left: 3.0vw;
    }

    .cv_window .txt .number{
        font-size: 3.2vw;
    }

    
}
@media screen and (min-width : 1060px){
    /* 1060pxはaboutのみ */
    
    /* about_numbers
       ================================================================== */
    .about_company,
    .about_numbers{
        padding: 160px 0 0;
    }

    .about_company .inner,
    .about_numbers .inner{
        padding-left: 20px;
        padding-right: 20px;
        width: 1040px;
        max-width: 1040px;
    }

    .about_company .title,
    .about_numbers .title{
        font-size: 35px;
    }

    .about_numbers .list{
        margin: 50px auto 0;
        padding: 37px 25px 0;
    }

    .about_numbers .list > li{
        padding: 60px 90px 70px 50px;
    }

    .about_numbers .list > li.wid_all{
        padding-left: 60px;
        padding-right: 60px;
    }

    .about_numbers .list > li:nth-child(2n+2){
        padding: 60px 50px 70px 90px;
    }

    .about_numbers .list .ttl{
        font-size: 22px;
    }

    .about_numbers .list p{
        font-size: 14px;
        line-height: 32px;
    }

    .about_numbers .list p.note{
        font-size: 12px;
        text-align: right;
    }

    .about_numbers .list .box{
        margin: 25px 0 0;
    }

    .about_numbers .list .text_box{
        margin: 25px 0 0;
    }

    .about_numbers .list .wid_all .box{
        display: flex;
    }

    .about_numbers .list .wid_all .photo{
        width: 392px;
    }

    .about_numbers .list .wid_all .text_box{
        padding: 0 0 0 30px;
        width: calc(100% - 392px);
        box-sizing: border-box;
    }


    /* about_company
       ================================================================== */
    .about_company{
        padding: 120px 0 150px;
    }

    .about_company .table_box{
        margin: 45px auto 0;
        padding: 15px 45px 40px
    }

    .about_company table th,
    .about_company table td{
        padding: 38px 0;
    }

    .about_company table th{
        padding-left: 40px;
        font-size: 16px;
        width: 220px;
    }

    .about_company table td{
        font-size: 14px;
    }

    .about_company table td .map_btn{
        margin-left: 10px;
    }

    /* map_btn */
    .map_btn{
        padding: 5px;
        font-size: 10px;
        width: 37px;
        height: 19px;
    }

    
}
@media screen and (min-width : 1400px){


    /* block_title
       ================================================================== */
    .block_title .eng{
        font-size: 70px;
    }

    .block_title .jpn{
        margin: 10px 0 0;
        font-size: 24px;
    }


    /* title_box
       ================================================================== */
    .title_box{
        padding: 36px 0;
        min-height: 200px;
    }

    .title_box .ttl{
        padding: 0 94px 0 0;
        font-size: 36px;
    }

    .title_box .txt{
        padding: 0 0 0 75px;
        font-size: 16px;
        min-height: 120px;
    }


    /* under_kv
       ================================================================== */
    .under_kv .inner{
        padding-top: 244px;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 640px;
    }


    /* kv
       ================================================================== */
    .kv{
        margin: 0 0 0;
    }

    .kv .inner{
        max-width: 2000px;
    }

    .kv .left{
        margin-right: -96px;
        padding: 0 0 0;
        width: 45%;
    }

    .kv .left .catch{
        width: 90%;
    }

    .kv .right{
        width: calc(100% - 45% + 96px);
    }

    .kv .right > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .kv .right .logo{
        width: 80%;
        max-width: 694px;
        left: 70px;
        top: auto;
        bottom: -60px;
    }


    /* index_message
       ================================================================== */
    .index_message{
        margin: -200px 0 180px;
        padding: 240px 0 1px;
    }

    .index_message .inner{
        padding: 0 0 180px;
        max-width: 2000px;
    }

    .index_message .flex{
        display: flex;
    }

    .index_message .photo{
        width: 36%;
    }

    .index_message .photo .swiper-slide{
        line-height: 0;
    }

    .index_message .text_box{
        padding: 168px 20px 0 145px;
        width: calc(100% - 36%);
        box-sizing: border-box;
    }

    .index_message .text_box p{
        font-size: 21px;
        line-height: 240%;
    }

    .index_message .text_box p + p{
        margin-top: 35px;
    }

    .index_message .catch{
        margin: 100px 0 0;
        font-size: 47px;
        text-align: left;
    }

    .index_message .loop_photos{
        margin: 0 0 -107px;
    }

    .index_message .loopslider li{
        padding: 0 15px;
        width: 396px;
    }


    /* index_link_block 共通スタイル
       ================================================================== */
    .index_link_block{
        padding: 0;
    }

    .index_link_block .inner{
        padding-top: 0;
        padding-bottom: 0;
        min-height: 940px;
        max-width: 1200px;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .index_link_block .left{
        display: flex;
    }

    .index_link_block .text_box{
        padding: 0;
    }

    .index_link_block .text_box .txt{
        margin: 40px 0 0;
        font-size: 14px;
    }

    .index_link_block .right{
        margin: 75px 0 0;
        display: flex;
        align-items: center;
    }

    .index_link_block .position_box{
        margin: 0 0 0;
        width: 538px;
    }

    .index_link_block .position_box .thm_box .thm_frame{
        border-width: 3px;
        height: 398px;
    }

    .index_link_block .position_box .sp_flex{
        margin: 20px 0 0;
        display: block;
    }

    .index_link_block .position_box .ttl{
        font-size: 18px;
    }

    .index_link_block .position_box .btn_arrow{
        text-align: right;
    }


    /* index_about
       ================================================================== */
    .index_link_block.index_about .inner{
        padding-top: 133px;
        padding-bottom: 133px;
    }

    .index_link_block.index_about .position_box .thm_box .logo{
        width: 253px;
    }


    /* index_business
       ================================================================== */
    .index_link_block.index_business .inner{
        padding-bottom: 110px;
    }

    .index_link_block.index_business{
        background-image: url("../images/index/webp/business_bg.webp");
    }

    .index_link_block.index_business .left{
        align-items: flex-end;
    }
    
    .index_link_block.index_business .position_box .thm_box .thm_frame{
        height: 324px;
    }


    /* index_people
       ================================================================== */
    .index_link_block.index_people{
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }

    .index_link_block.index_people .inner{
        padding-top: 170px;
        display: block;
    }
    
    .index_link_block.index_people .right{
        margin: 25px 0 0;
        justify-content: center;
    }
    
    .index_link_block.index_people .position_box .thm_box .thm_frame{
        height: 293px;
    }

    .index_link_block.index_people .position_box .frame_txt_box{
        padding: 35px 25px 10px;
    }

    .index_link_block.index_people .position_box .frame_txt_box .frame_txt{
        font-size: 24px;
    }

    .index_link_block.index_people .position_box .frame_txt_box .frame_logo{
        margin: 10px auto 0;
        width: 205px;
    }


    /* index_work_style
       ================================================================== */
    .index_link_block.index_work_style{
        background-image: url("../images/index/webp/work_style_bg.webp");
    }

    .index_link_block.index_work_style .inner{
        padding-top: 150px;
        display: block;
    }
    
    .index_link_block.index_work_style .right{
        margin: 25px 0 0;
        justify-content: center;
    }
    
    .index_link_block.index_work_style .position_box .thm_box .thm_frame{
        height: 293px;
    }


    /* index_recruit
       ================================================================== */
    .index_link_block.index_recruit{
        margin-top: 38px;
        background-image: url("../images/index/webp/recruit_bg.webp");
    }

    .index_link_block.index_recruit:before{
        display: none;
    }

    .index_link_block.index_recruit .inner{
        padding-top: 63px;
        padding-bottom: 63px;
        min-height: 480px;
        justify-content: flex-end;
    }

    .index_link_block.index_recruit .position_box{
        width: 548px;
    }
    
    .index_link_block.index_recruit .position_box .thm_frame{
        padding: 67px 75px 70px;
    }

    .index_link_block.index_recruit .position_box .btn_arrow{
        margin: 55px 0 0;
    }


    /* about_kv
       ================================================================== */
    .about_kv .text_wrap p{
        font-size: 16px;
        line-height: 45px;
        letter-spacing: 0.17em;
    }

    .about_kv .catch_wrap .catch{
        font-size: 40px;
        letter-spacing: 0.28em;
    }


    /* peoples
       ================================================================== */
    .peoples .title_block{
        padding: 160px 0 110px;
    }

    .peoples .title{
        font-size: 94px;
    }

    .peoples .list{
        margin-top: 0;
    }

    .peoples .list .inner{
        padding: 0;
        position: relative;
    }

    .peoples .list > li{
        padding: 0 0 0;
    }

    .peoples .list > li:nth-child(2n+2){
        background: #f8f8f1;
    }

    .peoples .list .photo{
        width: 904px;
        position: absolute;
        top: -67px;
        right: 455px;
    }

    .peoples .list > li:nth-child(2n+1) .photo{
        margin-left: 0;
        right: auto;
        left: 455px;
    }

    .peoples .list .text_box{
        margin: 0 0 0;
        padding: 80px 20px 160px;
        width: calc(335px + 40px);
        min-height: 748px;
        box-sizing: border-box;
    }

    .peoples .list > li:nth-child(2n+2) .text_box{
        margin-left: auto;
    }

    .peoples .list .text_box .icon{
        margin: 0;
        width: 130px;
    }

    .peoples .list .text_box .ttl{
        margin: 48px 0 0;
        font-size: 24px;
        letter-spacing: 0.28em;
        text-align: left;
    }

    .peoples .list .text_box p{
        margin: 15px 0 0;
        font-size: 16px;
        letter-spacing: 0.18em;
    }


    /* recruit_block
       ================================================================== */
    .recruit_block{
        margin: -40px 0 0;
        padding: 0 0 0;
    }

    .recruit_block .inner{
        padding: 0 0 90px;
        max-width: 1200px;
        position: relative;
    }

    .recruit_block .scroll_area{
        margin: 0 0 0;
        padding: 0 0 0;
    }

    .recruit_block .scroll_area .fix_nav{
        padding: 40px 0 0;
        width: 205px;
        height: 275px;
        top: 90px;
        box-sizing: border-box;
    }
    
    .recruit_block .scroll_area .fix_nav:before{
        content: "";
        background: #fff;
        width: 208px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 100%;
    }

    .recruit_block .scroll_area .fix_nav .recruit_index_ttl{
        font-size: 24px;
        font-weight: 500;
        color: #ceb88b;
        letter-spacing: 0.08em;
        display: block;
    }

    .recruit_block .scroll_area .fix_nav ul{
        margin: 30px 0 0;
        display: block;
    }

    .recruit_block .scroll_area .fix_nav ul li{
        width: 100%;
        display: block;
    }

    .recruit_block .scroll_area .fix_nav ul li a{
        padding: 10px 0;
        height: auto;
        font-size: 16px;
        justify-content: flex-start;
    }

    .recruit_block .scroll_area .fix_nav ul li a:hover{
        color: #ceb88b;
    }

    .recruit_block .scroll_area .area_block{
        margin: -240px 0 0;
        padding: 1px 0 0 205px;
    }

    /* recruit_section */
    .recruit_section{
        padding: 80px 0 0;
    }

    .recruit_section#js-section-0{
        margin-top: 0;
    }

    .recruit_section .section_bg{
        padding: 0 0 0 58px;
    }

    .recruit_section .area_title{
        padding: 20px 25px;
        font-size: 18px;
    }

    /* recruit01_box recruit02_box recruit03_box */
    .recruit03_box,
    .recruit02_box,
    .recruit01_box{
        margin: auto;
        width: 880px;
    }

    /* recruit01_box */
    .recruit01_box{
        padding: 0 0 0;
    }

    .recruit01_box table th,
    .recruit01_box table td{
        padding: 37px 0;
    }

    .recruit01_box table th{
        width: 180px;
        font-size: 16px;
    }

    .recruit01_box table td{
        width: calc(100% - 180px);
        font-size: 15px;
        line-height: 200%;
    }

    /* recruit02_box recruit03_box */
    .recruit03_box > ul > li,
    .recruit02_box > ul > li{
        padding: 50px 0 0;
    }

    .recruit03_box > ul > li + li,
    .recruit02_box > ul > li + li{
        border-top: 1px solid #998369;
    }

    .recruit03_box .left,
    .recruit02_box .left{
        width: 180px;
    }

    .recruit03_box .right,
    .recruit02_box .right{
        width: calc(100% - 180px);
    }

    .recruit03_box .left_ttl,
    .recruit02_box .left_ttl{
        font-size: 16px;
    }


    /* recruit02_box */
    .recruit02_box > ul > li{
        display: flex;
    }

    .recruit02_box .right p{
        font-size: 15px;
    }

    .recruit02_box .flow{
        margin: 50px 0 0;
    }

    .recruit02_box .flow > li{
        margin: 0 0 67px;
        padding: 27px 25px;
    }

    .recruit02_box .flow > li:before{
        height: calc(tan(60deg) * 12px / 2);
        width: 33px;
        top: calc(100% + 31px);
        left: calc(50% - 10px);
    }

    .recruit02_box .flow .number{
        width: 65px;
        font-size: 23px;
    }

    .recruit02_box .flow .ttl{
        font-size: 16px;
    }


    /* recruit03_box */
    .recruit03_box{
        padding-bottom: 0;
    }

    .recruit03_box > ul > li{
        padding: 45px 0;
    }

    .recruit_section .oc_list > dl{
        margin: 26px 0 0;
    }

    .recruit_section .oc_list > dl:first-child{
        margin: 0 0 0;
    }

    .recruit_section .oc_list > dl dt{
        padding: 10px 80px 10px 100px;
        min-height: 115px;
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 36px;
    }

    .recruit_section .oc_list > dl dt:before{
        width: 35px;
        font-size: 28px;
        left: 35px;
    }

    .recruit_section .oc_list > dl dt::after{
        width: 30px;
        height: 30px;
        right: 33px;
    }

    .recruit_section .oc_list > dl dd{
        margin: 0 35px;
        padding: 45px 0 50px;
        font-size: 15px;
        line-height: 30px;
    }


    /* work_message
       ================================================================== */
    .work_message{
        margin: 0 0 0;
    }

    .work_message .inner{
        padding-top: 130px;
        padding-bottom: 270px;
        max-width: 1200px;
    }

    .work_message .title{
        font-size: 32px;
    }

    .work_message .catch{
        margin: 35px 0 0;
        font-size: 24px;
        line-height: 42px
    }

    .work_message .txt{
        margin: 40px 0 0;
        font-size: 16px;
    }

    .work_message .txt + .txt{
        margin: 30px 0 0;
    }

    .work_message .img_1{
        top: 174px;
        right: 93px;
        width: 423px;
    }

    .work_message .img_2{
        top: 620px;
        right: 0;
        width: 267px;
    }

    .work_message .img_3{
        top: 933px;
        right: 225px;
        width: 163px;
    }


    /* work_system
       ================================================================== */
    .work_system{
        margin: 0 0 0;
        padding: 170px 0 0;
    }

    .work_system .inner{
        max-width: 1200px;
    }

    .work_system .list{
        margin: 0 auto 0;
        display: flex;
        flex-wrap: wrap;
    }

    .work_system .list > li{
        margin: 90px 0 0 5%;
        width: 30%;
    }

    .work_system .list > li:nth-child(3n+1){
        margin-left: 0;
    }

    .work_system .list .icon{
        width: 180px;
    }

    .work_system .list .text_box{
        padding: 35px 0 0;
    }

    .work_system .list .text_box .ttl{
        font-size: 22px;
        text-align: left;
    }

    .work_system .list .text_box .txt{
        margin: 20px 0 0;
        font-size: 15px;
        line-height: 200%;
    }


    /* work_voice
       ================================================================== */
    .work_voice{
        margin: 0 0 0;
        padding: 170px 0 0;
    }

    .work_voice .inner{
        max-width: 1200px;
    }

    .work_voice .list{
        margin: 60px auto 0;
        width: 1026px;
        display: flex;
        flex-wrap: wrap;
    }

    .work_voice .list > li{
        margin: 40px 0 0 5%;
        width: 45%;
        position: relative;
    }

    .work_voice .list > li:nth-child(2n+1){
        margin-left: 0;
    }

    .work_voice .list > li:nth-child(2){
        top: -40px;
    }

    .work_voice .list > li:nth-child(3){
        left: 40px;
    }

    .work_voice .list > li:nth-child(4){
        top: -40px;
        left: 40px;
    }

    .work_voice .list .text_box{
        margin: 0 0 0 50px;
        padding: 30px 32px;
        min-height: 240px;
        box-sizing: border-box;
    }

    .work_voice .list .text_box:before{
        width: 38px;
        height: 38px;
        left: 20%;
    }

    .work_voice .list .text_box .ttl{
        font-size: 22px;
        line-height: 36px;
    }

    .work_voice .list .text_box .txt{
        margin: 22px 0 0;
        font-size: 13px;
        line-height: 200%;
    }

    .work_voice .list .icon{
        margin: 39px 0 0;
        width: 190px;
    }


    /* work_training
       ================================================================== */
    .work_training{
        margin: 0 0 0;
        padding: 120px 0 170px;
    }

    .work_training .inner{
        max-width: 1200px;
    }

    .work_training .schedule_box{
        margin: 120px auto 0;
        padding: 47px 37px 65px;
    }

    .work_training .schedule_box .ttl{
        font-size: 22px;
    }

    .work_training .schedule_box .photo{
        margin: 35px 0 0;
    }

    .work_training .schedule_box + .photo{
        margin: 55px 0 0;
    }

    .work_training .schedule_box + .photo img{
        width: 100%;
    }

    /* questionnaire */
    .work_training .questionnaire{
        margin: 63px 0 0 auto;
        padding: 68px 0 83px 86px;
        width: 888px;
        box-sizing: border-box;
        position: relative;
    }
    
    .work_training .questionnaire:before{
        content: "";
        background: #fff;
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
    }

    .work_training .questionnaire .ttl{
        font-size: 18px;
        line-height: 28px;
    }

    .work_training .questionnaire .pc_flex{
        margin: 30px 0 0;
        display: flex;
    }

    .work_training .questionnaire .thm{
        margin: 0;
        width: 201px;
    }

    .work_training .questionnaire .text_box{
        padding: 0 0 0 27px;
        width: calc(100% - 201px);
    }

    .work_training .questionnaire .text_box .title{
        font-size: 22px;
        line-height: 36px;
    }

    .work_training .questionnaire .text_box .txt{
        margin: 20px 0 0;
        font-size: 16px;
        line-height: 200%;
    }

    /* list */
    .work_training .list{
        margin: 50px auto 0;
        display: flex;
        flex-wrap: wrap;
    }

    .work_training .list > li{
        margin: 90px 0 0 5%;
        width: 30%;
    }

    .work_training .list > li:nth-child(3n+1){
        margin-left: 0;
    }

    .work_training .list .ttl{
        padding-left: 24px;
        font-size: 22px;
    }

    .work_training .list .ttl:before{
        width: 15px;
        height: 15px;
        top: 15px;
        left: 5px;
    }

    .work_training .list .txt{
        margin: 20px 0 0;
        font-size: 15px;
        line-height: 200%;
    }


    /* business_top
       ================================================================== */
    .business_top{
        margin: 0 0 0;
    }

    .business_top .inner{
        padding-top: 120px;
        padding-bottom: 140px;
        max-width: 1200px;
    }

    .business_top .title{
        font-size: 32px;
    }

    .business_top .txt{
        margin: 30px 0 0;
        font-size: 16px;
    }

    .business_top .note{
        margin: 10px 0 0;
        padding: 0 0 0 16px;
        font-size: 13px
    }

    .business_top .photo{
        margin: 80px auto 0;
        width: 1041px;
    }


    /* business_section
       ========================================================================== */
    .business_section{
        margin-top: -70px;
        padding: 70px 0 0;
    }

    .business_section .inner{
        max-width: 1200px;
        position: relative;
    }

    .business_section .photo_box{
        padding: 0 0 0;
        position: absolute;
        top: 0;
        right: 45%;
        width: 54vw;
        max-width: 905px;
        height: 100%;
    }

    .business_section.sales .photo_box,
    .business_section.ec .photo_box{
        left: 45%;
        right: auto;
    }

    .business_section .photo_box .photo{
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .business_section .photo_box .photo img.tab.pc{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .business_section .title_eng{
        font-size: 94px;
        top: 20px;
        bottom: auto;
    }

    .business_section.representative .title_eng{
        left: auto;
        right: -355px;
    }

    .business_section.ec .title_eng,
    .business_section.sales .title_eng{
        left: -568px;
        right: auto;
    }

    .business_section.planning .title_eng{
        left: auto;
        right: -555px;
    }

    .business_section .text_box{
        padding: 175px 0 0 63%;
        min-height: 800px;
        box-sizing: border-box;
    }

    .business_section.sales .text_box,
    .business_section.ec .text_box{
        padding: 175px 63% 0 0;
    }

    .business_section .text_box .title_jpn{
        font-size: 38px;
    }

    .business_section .text_box .catch{
        margin: 25px 0 0;
        font-size: 24px;
        line-height: 42px;
    }

    .business_section .text_box .txt{
        margin: 30px 0 0;
        font-size: 16px;
    }

    .business_section .text_box .more_btn{
        margin: 20px 0 0 auto;
    }

    /* day_flow */
    .business_section .day_flow{
        margin: 50px 0 0 -128px;
        padding: 25px 10px 30px 80px;
        width: 446px;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }

    .business_section .day_flow .flow_ttl{
        font-size: 26px;
        text-align: left;
    }

    .business_section .day_flow .more_btn{
        margin-left: 0;
    }


    /* popup_section COMMON
       ========================================================================== */
    .popup_section{
        padding: 80px 50px;
    }

    .popup_section .inner{
        padding: 73px 0 0;
        width: 1200px;
        min-height: 500px;
        position: relative;
    }

    .popup_section .close_btn{
        margin: 0;
        width: 83px;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    /* title_top */
    .popup_section .title_top{
        margin: 0 0 125px;
        height: 390px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .popup_section .title_top .left{
        width: 560px;
        height: 100%;
        text-align: left;
    }

    .popup_section.photo_in .title_top .left{
        width: 400px;
    }

    .popup_section .title_top .title_jpn{
        font-size: 42px;
        line-height: 62px;
    }

    .popup_section .title_top .right{
        margin: 0 0 0;
        padding: 0 80px 0 75px;
        width: calc(100% - 560px);
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        position: static;
    }

    .popup_section.photo_in .title_top .right{
        padding: 0 30px 0 45px;
        width: calc(100% - 400px - 300px);
    }

    .popup_section .title_top .title_eng{
        font-size: 98px;
        position: absolute;
        bottom: -40px;
        left: 100px;
    }

    .popup_section .title_top .txt{
        margin: 0 0 0;
        font-size: 14px;
    }

    .popup_section .title_top .photo{
        width: 300px;
        height: 100%;
    }

    .popup_section .title_top .photo img.tab.pc{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* color_box_list */
    .color_box_list{
        margin: -35px auto 0;
        padding: 0 0 90px;
        max-width: 1020px;
        display: flex;
        flex-wrap: wrap;
    }

    .color_box_list > li{
        margin: 35px 0 0 4%;
        padding: 65px 60px 60px;
        width: 48%;
        box-sizing: border-box;
    }

    .color_box_list > li:nth-child(2n+1){
        margin-left: 0;
    }

    .color_box_list > li.pc_wid_all{
        margin: 35px 0 0;
        width: 100%;
    }

    .color_box_list .ttl{
        font-size: 29px;
        line-height: 43px;
    }

    .color_box_list .txt{
        margin: 30px 0 0;
        font-size: 15px;
        line-height: 200%;
    }

    .color_box_list > li.note_box{
        margin-top: 15px;
    }

    /* photo_txt_list */
    .photo_txt_list{
        margin: -57px auto 0;
        padding: 0 0 100px;
    }

    .photo_txt_list > li{
        margin: 57px auto 0;
        display: flex;
    }

    .photo_txt_list > li:nth-child(2n+2){
        flex-direction: row-reverse;
    }

    .photo_txt_list .photo{
        width: 560px;
    }

    .photo_txt_list .photo img.tab.pc{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .photo_txt_list .text_box{
        padding: 120px 70px 50px;
        width: calc(100% - 560px);
        height: 100%;
        min-height: 460px;
        box-sizing: border-box;
    }

    .photo_txt_list .ttl{
        font-size: 30px;
        line-height: 43px;
    }

    .photo_txt_list .txt{
        margin: 20px 0 0;
        font-size: 16px;
        line-height: 200%;
    }

    /* oneday_schedule */
    .oneday_schedule{
        margin: 0 auto 0;
        padding: 0 0 100px;
        width: 1020px;
    }

    .oneday_schedule > li{
        margin: 0 auto 0;
    }

    .oneday_schedule > li + li{
        margin-top: 11px;
    }

    .oneday_schedule .time{
        padding: 20px 50px 20px 28px;
        font-size: 15px;
        width: 136px;
        line-height: 80px;
    }

    .oneday_schedule .right{
        margin-left: -23px;
        width: calc(100% - 136px + 23px);
    }

    .oneday_schedule .right.pa_in{
        padding-top: 23px;
        padding-bottom: 23px;
    }

    .oneday_schedule .task + .task{
        margin-top: 18px;
    }

    .oneday_schedule .ttl{
        padding: 20px 0;
        font-size: 20px;
        width: 245px;
        min-height: 130px;
        line-height: 28px;
    }

    .oneday_schedule .txt{
        padding: 5px 0 5px 20px;
        font-size: 14px;
        width: calc(100% - 245px);
        line-height: 32px;
    }

    .oneday_schedule .open_close_box .right{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .oneday_schedule .open_close{
        font-size: 20px;
        height: 70px;
        letter-spacing: 0.48em;
        border-width: 7px;
    }


    /* privacy
       ================================================================== */
    .privacy{
        margin: 0 0 0;
        padding: 80px 0 120px;
    }

    .privacy .inner{
        max-width: 1200px;
    }

    .privacy .top_txt{
        padding: 0 0 0;
        font-size: 15px;
    }

    .privacy .title{
        padding: 100px 0 0;
        font-size: 32px;
    }

    .privacy .list{
        margin: 50px auto 0;
    }

    .privacy .list > li{
        margin: 65px 0 0;
    }

    .privacy .list > li:first-child{
        margin: 0 0 0;
    }

    .privacy .list .bg_ttl{
        padding: 20px 25px;
        font-size: 18px;
    }

    .privacy .list .txt{
        margin: 30px 0 0;
    }

    .privacy .list .txt + .txt{
        margin: 45px 0 0;
    }

    .privacy .txt_list > li,
    .privacy .list .txt{
        font-size: 16px;
        line-height: 36px;
    }

    .privacy .txt_list{
        margin: 0 0 0;
    }

    .privacy .txt_list > li{
        padding-left: 18px;
    }

    .privacy .link_buttons{
        margin: 70px 0 0;
    }

    /* cv_window */
    .cv_window{
        margin: 95px 0 0;
    }

    .cv_window a{
        margin: 95px 0 0;
        padding: 30px 20px;
        min-height: 250px;
    }

    .cv_window .ttl{
        font-size: 32px;
    }

    .cv_window .txt{
        margin: 20px 0 0;
    }

    .cv_window .txt span{
        padding-left: 5px;
        font-size: 24px;
        line-height: 36px;
        display: inline-block;
    }

    .cv_window .txt span:nth-child(1){
        padding-left: 0;
    }

    .cv_window .txt span:nth-child(3){
        padding-left: 30px;
    }

    .cv_window .txt .number{
        font-size: 32px;
    }

    
}