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



/*******************nakamura************************/
.footer-banner-wrap {
	display: block;
	width: 90%;
}

.footer-banner-wrap .top_news_box{
	width: 100%;
}

.footer-banner-wrap .top_news_box:first-child {
	margin-right: 0;
	margin-bottom: 20px;
}

.footer-online-banner {
	width: 100%;
	z-index: 1000;
}

.top_about {
	padding: 50px 0;
}

.top_about .top_about-inner_re{
width: 100%;
}

.top_about .top_about-inner .top_about-item-wrap .top_about-item-row {
	flex-direction: column;
	margin-top: 30px;
}
.top_about .top_about-inner .top_about-item-wrap .top_about-item-row .top_about-item-row-item {
    width: 100%;
	margin-top: 30px;
}
.top_about .top_about-inner .top_about-item-wrap .top_about-item-row .top_about-item-row-item:first-child {
	margin-top: 0;
}
.top_about .top_about-inner .top_about-item-wrap {
    margin-top: 60px;
}
.top_about .top_about-inner .top_about-item-wrap .btn-wap {
    margin-top: 30px;
}


.top_about .top_about-inner .top_cont03_txt_box{
	width: 100%;
		margin: 60px auto;
	
	}

.top_about .top_about-inner .top_cont03_txt_box .top_cont03_txt_child{
width: 50%;
padding: 0;
}
.top_about .top_about-inner .top_cont03_txt_box .top_cont03_txt_child p{
background-size: 100%;
background-position: center 16px;
padding-top: 31px;
}

.top_about .top_about-inner .top_cont03_txt_box p{
	height: 105px;
	font-size: 3.2vw;
	}
	
	.top_about .top_about-inner .top_cont03_txt_box .top_cont03_txt03 p{

		padding-top: 40px;
	}

	.top_about .top_est_ban_area .top_est_ban_pc{

display: none;
	}
	
	.top_about .top_est_ban_area .top_est_ban_sp{
	display: block;
	
	}





.about-new-wrap {
	padding-top: 36px;
	padding-bottom: 36px;
}
.about-new-wrap .about-new-wrap-inner .about-new-row02 {
    margin-top: 24px;
    flex-direction: column;
}
.about-new-wrap .about-new-wrap-inner .about-new-row02 .about-new-row02-item {
    width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 25px;
}

.about-new-wrap .about-new-wrap-inner .about-new-row01 {
	flex-wrap: wrap;
	justify-content: center;
    transform: translateX(1vw);
	margin-top: 24px;
}
.about-new-wrap .about-new-wrap-inner .about-new-row01 .about-new-row01-item {
    width: 30vw;
    height: 30vw;
	margin-right: 2vw;
}
.about-new-wrap .about-new-wrap-inner .about-new-row01 .about-new-row01-item p.position-absolute{
	top: 3vw;
}
.about-new-wrap .about-new-wrap-inner .about-new-row01 .about-new-row01-item p.second {
    font-size: 3.2vw;
}
#about .about_cont01 .about_cont01_txt_box.re {
	width: 90%;
}

  /*******************nakamura end************************/
  /*******************240920 nakamura************************/
  .tag_wrap {
	margin: 5vw 0;
	padding: 3vw;
  }
  ul.tag_list .post-tags a {
	margin-right: 2vw;
  }

  /*******************240920 nakamura end************************/


body{
    font-size: 3.8vw;
   
}

a{
     font-weight: 500;
}

header{
	display: none;
}

p{
	font-size: 3.8vw;
}#service .container_860 img

.visible-xs{
    display: block !important;
}

.hidden-xs{
    display: none!important;
}

.btn{
	font-size: 3.6vw;
	padding: 10px 50px;
}

.btn_org01_s,
.btn_org02_s,
.btn_yal_s{
    font-size: 3.0vw;
    padding: 0;
    width: 36%;
    margin-top: 4px;
}


.ttl_en{
	font-size: 8vw;
}

.txt_org{
	font-size: 3.6vw;
}

.f_14{
	font-size: 3.4vw;
}

.f_18{
	font-size: 4.0vw;
}
.f_20{
	font-size: 4.4vw;
}
.f_22{
	font-size: 4.6vw;
}
.f_24{
	font-size: 5.0vw;
}
.f_26{
	font-size: 5.4vw;
}

.f_28{
	font-size: 5.8vw;
}


.f_34{
	font-size: 6.0vw;
}

.f_32{
	font-size: 6.0vw;
}


.f_38{
	font-size: 7.0vw;
}

.wh_bg{
	width: 90%;
}

.sp_blocl{
	display: block !important;
}

.pc_blocl{
	display: none !important;
}

hr.og_line{
	width: 30%;
	margin: 15px 0 25px 0;
}


#top .main_img img.sp_blocl{
	margin: auto;
}


.slick-prev:before {
  content: "" !important;
}

.slick-prev:after {
  content: url("../img/top/keyboard_arrow_left-24px.svg");
	margin-right: 20px;
    width: 22px;
    height: 40px;
}

.slick-next:before {
  content: "" !important;
}

.slick-next:after {
  content: url("../img/top/keyboard_arrow_right-24px.svg");
    width: 22px;
    height: 40px;
}



#footer{
	margin-top: 30px;
}

#footer .footer-fot ul,
#footer .footer-hed,
#footer #gf-table{
	display: none;
}

#footer ul.footer-bnr{
	width: 100%;
}

#footer ul.footer-bnr li.left{
	float: none;
	text-align: center;
	margin-bottom: 10px;
}

#footer .footer-fot{
	margin-top: 30px;

/*241227 伊藤 Xとインスタグラムを横並びにする改修 mb60px→mb0*/

	margin-bottom: 0px;

/*241227 伊藤 Xとインスタグラムを横並びにする改修 mb60px→mb0*/


}

#footer .footer-fot p{
	padding-left: 0;
	text-align: center;
}

#footer .footer-fot p.left{
	float: none;
}

#footer .page_top{
	width: 30px;
	height: 30px;
	top: 160px;
}

#footer .page_top i{
	font-size: 22px;
	top: 8%;
	left: 8%;
}

.sub_main_ttl{
	margin: 70px auto 20px;
    padding: 16px 0;
}
.sub_main_ttl .ja_websai{
	font-size: 5vw;
}

.pan{
	width: 90%;
	margin: 0px auto 40px;
}

.works_bnr{
	background: url("../img/common/work_bg_sp.jpg");
	background-size: cover;
	padding: 30px 0;
}

.works_bnr p{
	font-size: 8vw;
	margin-bottom: 10px;
}

.sub_txt01 {
	width: 90%;
	margin: 0 auto 20px;
}

.sub_txt02 {
	width: 90%;
	margin: auto;
	text-align: left;
}

.an_list{
    display: block;
    text-align: center;
	margin-top: 36px !important;
}

.an_list li{
    width: 80%;
    border:#F09C67 2px solid;
    margin: 0 auto 10px;
    padding-bottom: 7px;
}


/*---------------------/top---------------------*/

#top{
	margin-top: 70px;
}
#top .main_img img.main_img_logo{
	width: 30%;
	top: -20px;
}

#top .top_cont01{
	width: 100%;
	margin-top: 60px;
}

#top .top_cont01 h3{
	font-size: 5vw;
	line-height: 1.6;
	padding-bottom: 20px;
}

#top .top_cont01 p{
	font-size: 4vw;
	padding-bottom: 20px;
    width: 90%;
    margin: auto;
    text-align: left;
}

#top .top_cont02{
	padding-bottom: 40px;
}

#top .top_cont02 .top_cont02_ttlbox{
	margin-left: 6%;
	padding: 30px 0 20px;
}

#top .top_cont02 .top_cont02_ttlbox p{
	font-size: 4vw;
}

#top .top_cont02_slide_wap {
	padding: 0 10px;
}

#top .top_cont02_slide_wap li .works_txt_area .works_txt01{
	width: 90%;
}

#top .top_cont02_slide_wap li .works_txt_area br{
	display: none;
}

#top .top_cont02_slide_wap li .works_txt_area img{
	width: 90%;
	height: auto;
}
#top .top_cont02_slide_wap li .works_txt_area .img_block{
	width: 90%;
	height: auto;
}

#top .top_cont02_slide_wap li .works_txt_area .works_txt02{
	width: 90%;
	font-size: 3.4vw;
}


#top .top_cont02_slide_wap{
	width: 90%;
}

#top .top_cont02_slide_wap li{
	margin-bottom: 20px;
}

#top .top_cont02_slide_wap .top_works_list{
	flex-direction: column;
	}
	
	#top .top_cont02_slide_wap .top_works_list li{
	width: 100%;
	}
	#top .top_cont02_slide_wap .top_works_list li a{
	
	}
	#top .top_cont02_slide_wap .top_works_list li .imgarea img{

	}
	#top .top_cont02_slide_wap .top_works_list li .works_txt_area .works_txt01 {
	}



#top .top_cont03{
	width: 98%;
	margin: 30px auto;
}

#top .top_cont03 .top_cont03_ttlbox{
	margin-bottom: 20px;
}

#top .top_cont03 h3 {
	width: 80%;
	font-size: 5vw;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#top .top_cont03 h3 span {
	font-weight: 700;
}

#top .top_cont03 .row{
	margin: 0;
}

#top .top_cont03 .top_cont03_txt_box p{
	font-size: 3.4vw;
}

#top .top_cont03 .top_cont03_txt01 p,
#top .top_cont03 .top_cont03_txt02 p,
#top .top_cont03 .top_cont03_txt03 p,
#top .top_cont03 .top_cont03_txt04 p{
	background-size: 96%;
	padding-top: 31px;
}

#top .top_cont03 .col-xs-6{
	padding: 0;
    width: 50%;
}

#top .top_cont03 .top_cont03_txt_box p{
	height: 105px;
}

#top .top_cont04{
	display: block;
}

#top .top_cont04 .top_cont04_box{
	width: 100%;
	padding: 10px 0 40px;
}

#top .top_cont04 .top_cont04_box img.img_block{
	width: 50%;
	height: auto;
}

#top .top_cont04 .top_cont04_txt_box{
	/* width: 50%; */
}

#top .top_cont04 p.top_cont04_box_txt01{
	width: 96%;
	padding-bottom: 10px;
}

#top .top_cont04 h4{
	padding: 0 0 15px 0;
}

#top .top_cont04 p.top_cont04_box_txt02{
	font-size: 4vw;
	padding-bottom: 10px;
}

#top .top_cont04 h4 a{
	font-size: 4.4vw;
}

#top .top_cont04 p a{
	font-size: 4vw;
}

#top .top_cont04_02 .top_cont04_box_flex {
flex-direction: column;
	  }




#top .top_cont05{
	width: 100%;
}

#top .top_cont05 .top_cont05_ttlbox{
	margin: 30px auto 15px;
}

#top .top_cont05 .top_cont05_cont_box{
	width: 90%;
	margin: 5px 5%;
}

#top .top_cont05 .top_cont05_txt_box{
	width: 72%;
}

#top .top_cont05 img{
	width: 20%;
	height: auto;
	margin: 5% 3%;
}

#top .top_cont05 .top_cont05_txt_box .top_cont05_cont_box_txt01{
	font-size: 3.6vw;
	padding-top: 10px;
	margin-bottom: 5px;
}

#top .top_cont05 .top_cont05_txt_box .top_cont05_cont_box_txt02{
	font-size: 4.4vw;
}

#top .top_cont05 .top_cont05_txt_box .top_cont05_cont_box_txt03{
	font-size: 3.4vw;
	padding-bottom: 10px;
}

#top .top_fee_ban_flex{
	margin-bottom: 0px;
   }



#top .top_cont05 h3{
	font-size: 5vw;
	line-height: 1.6;
	padding-bottom: 20px;
    width: 90%;
    margin: auto;
}
#top .top_cont05 h3 span {
	font-weight: 700;
}

#top .top_cont05 .top_cont05_txt01{
    width: 90%;
	margin: 20px auto 20px;
    text-align: left;
}

#top .top_cont06{
	width: 90%;
	margin: auto;
	background: none;
	padding-bottom: 30px;
}

#top .top_cont06 .top_cont06_ttlbox{
	margin: 50px 0 20px;
}

#top .top_cont06 .top_cont06_blog_box{
	margin: auto;
    width: 100%;
}

#top .top_cont06 .top_cont06_blog_txt_box{
	width: 100%;
}

#top .top_cont06 .top_cont06_blog_img_box{
	width: 90%;
}

#top .top_cont06 .top_cont06_blog_txt_box img{
	width: 70%;
	height: auto;
	top: 14px;
}

#top .top_cont06 .top_cont06_blog_txt_box .top_cont06_blog_ttl{
	padding-left: 12px;
}

#top .top_cont06 .top_cont06_blog_wap,
#top .top_cont07{
	display: block;
	width: 100%;
	height: auto;
}

#top .top_cont07{
	margin: 0 auto 50px;
}

#top .top_cont07 .top_cont07_ttlbox{
	width: 80%;
	margin: auto;
	padding-left: 0;
	border-left: none;
	border-right: none;
}

#top .top_cont07 .top_news_box{
	width: 80%;
	margin: auto;
	border-right: none;
	border-bottom: #707070 dotted 1.5px;
}

#top .top_cont07 .top_news_box .top_news_box_ttl{
	width: 100%;
	margin-left: 0;
}

#top .top_cont07 .top_news_box .top_news_box_day{
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 7px;
}

#top .top_cont07 .top_news_box .top_news_box_day span{
	top: -18px;
	right: 0px;
}

#top .top_cont07 .top_cont07_ttlbox .top_cont07_ttlbox_txt02{
	padding-top: 0;
}


#top .top_cont08 ul li:nth-child(6n),
#top .top_cont08 ul li:nth-child(7n),
#top .top_cont08 ul li:nth-child(8n){
	display: none;
}

#top .top_cont08 ul li{
	width: 25%;
}

#top .top_voice .top_voice_ttlbox {
	margin-bottom: 20px;
}
#top .top_voice .slide_wrap_voice {
	margin-bottom: 30px;
}
#top .top_voice .slide_wrap_voice .sliderVoice .slick-slide {
	width: 330px;
	margin: 0 5px;
}
#top .top_voice .slide_wrap_voice .sliderVoice .bubble {
	height: 175px;
}

.contact{
	padding: 30px 0;
}

.contact p.contact_ttl{
	font-size: 4vw;
	margin-bottom: 20px;
}

.contact p.contact_txt{
    width: 90%;
    margin: 0 auto 20px;
    text-align: left;
}


.fot_bnr a{
	width: 50%;
	height: 100px;
}

.fot_bnr p{
	top: 36%;
}
.fot_bnr .fot_bnr_faq,
.fot_bnr .fot_bnr_about,
.fot_bnr .fot_bnr_works,
.fot_bnr .fot_bnr_price,
.fot_bnr .fot_bnr_service{
	height: 100px;
}

.blog-list.sp_blocl .fl{
    display: flex;
    justify-content: space-between;
}

.blog-list.sp_blocl .btn-wap{
    margin-top: 20px;
}

.news_s_box{
    margin-bottom: 30px;
}

.blog-list{
    padding-top: 0;
    margin-bottom: 20px;
}
#top .top_news_2020{
    width: 100%;
    padding: 10px;
    background: #d10012;
    margin: auto;
}



/*---------------------top/---------------------*/


/*---------------------/about---------------------*/
#about .about_cont01{
	background-size: 50%;
	background-position: right bottom;
	padding-bottom: 36px;
}

#about .about_cont01 .about_cont01_txt_box{
	width: 90%;
    margin: 36px auto 0;
}

#about .about_cont01 .btn-wap{
	margin-top: 25px;
}

#about .about_cont02{
	width: 90%;
	margin: 36px auto;
    flex-direction: column-reverse;
}

#about .about_cont02 img{
	width: 100%;
	height: auto;
    margin-top: 20px;
}

#about .about_cont02 p.about_cont02_txt01{
	margin: 0 0 10px;
}

#about .about_cont02 p{
	margin-left: 0;
}

#about .about_cont03{
	width: 90%;
}

#about .about_cont03 .fl{
	justify-content: space-around;
	margin: 10px auto 20px;
}

#about .about_cont03 .about_cont03_txt01{
	font-size: 5.8vw;
}

#about .about_cont03 .fl img{
	width: 60%;
	height: auto;
}

#about .about_cont03 .about_cont03_box{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

#about .about_cont03 .about_cont03_box .about_cont03_box_txt02{
	text-align: left;
}

#about .about_cont03 .about_cont03_box .about_cont03_box_txt01{
	margin: 10px auto;
}

#about .about_cont04{
	padding: 30px 0 50px;
}

#about .about_cont04 .fl{
	width: 92%;
	margin: 30px auto;
}

#about .about_cont04 .fl img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#about .about_cont04 .about_cont04_txtbox{
	width: 100%;
}

#about .about_cont04 .fl02{
	flex-direction: column-reverse;
	margin-top: 40px;
}

#about .about_cont04 .about_cont04_txt01{
	font-size: 4.0vw;
}

#about .about_cont05 .gray_bg{
	width: 80%;
	padding: 30px 5% 30px;
}

#about .about_cont05 .about_cont05_box{
	margin: 20px 0;
}

#about .about_cont05_logo{
	width: 20%;
	height: auto;
	top: 20px;
}

#about .gray_stripe_bg{
	padding: 36px 0 36px;
}

#about .wh_bg{
	padding: 10px 0 36px;
}


/*---------------------about/---------------------*/

/*---------------------/price---------------------*/
#price .sub_main_ttl{
    margin-bottom: 36px;
}

#price .price_cont01{
	margin: 50px auto;
	padding: 50px 0 50px;
}

#price .price_cont01 .price_cont01_hed_txt{
	width: 90%;
	margin-bottom: 20px;
}

#price .price_cont01 .price_cont01_hed_txt01{
	top: -13px;
}

#price .price_cont01 .price_cont01_hed_txt02{
	width: 87%;
}

#price .price_cont01 .price_cont01_box_wap{
	width: 80%;
	margin: auto;
}

#price .price_cont01 a {
	width: 100%;
}

#price .price_cont01 .price_cont01_box{
	width: 100%;
	padding: 10px 20px;
	margin-bottom: 10px;
}

#price .price_cont01 .price_cont01_fot_txt01{
	margin-top: 10px;
}

#price .price_cont01 .btn-wap a{
	width: 60%;
}

#price .price_cont02{
	width: 90%;
	padding-bottom: 40px;
}

#price .price_cont02 .price_cont02_txt02{
	margin-top: 5px;
	padding-bottom: 5px;
}

#price .price_cont02 hr.hr_blue01,
#price .price_cont02 hr.hr_blue02,
#price .price_cont02 hr.hr_blue03{
	width: 30%;
	margin-bottom: 20px;
}

#price .price_cont02 .price_cont02_txt03{
	text-align: left;
	margin: 20px 0;
}

#price .price_cont02 table{
	display: block;
	width: 90%;
	margin: auto;
}

#price .price_cont02 table th{
	display: block;
	width: 100%;
	padding: 20px 0;
}

#price .price_cont02 table td{
	display: block;
	width: 100%;
	padding: 20px;
}

#price .price_cont02 table td.txt_center{
	padding: 10px 0;
    display: block;
	width: 100%;
}

#price .price_cont02 .price_cont02_txt04{
	margin-bottom: 30px;
	padding: 30px 5% 20px;
	text-align: left;
}

#price .price_cont02 .price_cont02_icon04{
	width: 15%;
	top: 24px;
}

#price .price_cont02 .hr_gray{
	margin-bottom: 30px;
}

#price .price_cont02 table td.pc_blocl{
	display: none;
}

/*---------------------price/---------------------*/

/*---------------------/company---------------------*/
#company .company_cont01{
    width: 90%;
    margin: 0 auto 30px;
}

#company .company_ttl01{
    margin: 30px auto 10px;
    padding-bottom: 8px;
}

#company table.company_table01{
    width: 90%;
    margin: auto;
    font-size: 3.8vw;
}

#company table.company_table01 td{
    padding-right: 10px;
}
#company iframe{
    width: 100%;
    height: 200px;
    margin: 10px auto;
}

#company .sub_main_ttl02{
    padding: 40px 0 20px;
}

.sub_main_ttl02 p,
.sub_main_ttl p {
	font-size: 5.6vw;
}

.cat_opt_txt {
	font-size: 4vw !important;
	margin-top: 12px !important;
}

#company .company_cont02 img.pc_blocl{
    display: none;
}

#company .company_cont02 img{
    width: 90%;
    height: auto;
    margin: auto;
}
#company .company_cont02_txt01{
    width: 90%;
    margin: 20px 4% 0 6%;
}

#company .company_cont02_txt_box{
    width: 90%;
    margin: 20px 4% 0 6%;
    padding-bottom: 20px;
}

#company .company_cont02_txt02{
    width: 100%;
    padding-bottom: 20px;
}

#company .company_cont02 img.company_img02{
    width: 60%;
    height: auto;
    margin-right: 0;
    padding-bottom: 20px;
}

#company .company_cont03{
    width: 90%;
    margin-bottom: 60px;
}

#company .company_cont03 .company_cont03_txt01{
    margin: 20px auto 10px;
}


/*---------------------company/---------------------*/

/*----------------------/flow-----------------------*/
#flow .sp_block {
	display: inline-block;
}

#flow .sub_txt01 {
	font-size: 5.8vw;
}

#flow .sub_main_ttl {
    margin-bottom: 36px;
}

#flow .chart {
	margin: 40px auto 60px;
	flex-direction: column;
}

#flow .chart dl {
	width: 100%;
	flex-direction: column;
	padding: 5%;
}

#flow .chart dl dd {
	width: 100%;
	height: auto;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
}

#flow .chart dl dd a {
	padding: 4% 6%;
}

#flow .chart dl dd a span {
	margin-bottom: 0;
	margin-right: 10px;
}

#flow .chart .arrow1,
#flow .chart .arrow2,
#flow .chart .arrow3 {
    width: 0;
    height: 0;
    border-style: solid;
	border-right: 54px solid transparent;
	border-left: 54px solid transparent;
	border-bottom: 0;
	margin: 20px 0;
}

#flow .chart .arrow1 { border-top: 34px solid #EDD46B; }
#flow .chart .arrow2 { border-top: 34px solid #EEC369; }
#flow .chart .arrow3 { border-top: 34px solid #EFAF68; }

#flow .chart .arrow_sm {
	border-right: 22px solid transparent;
	border-left: 22px solid transparent;
	border-top: 14px solid #fff;
	border-bottom: 0;
	margin: 15px 0;
}

#flow .inner h3 {
	font-size: 4.6vw;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px;
}

#flow .inner .detail {
	flex-direction: column;
	margin-top: 30px;
	padding: 5vw;
}

#flow .inner .detail .text {
	width: 100%;
	margin-right: 0;
}

#flow .inner .detail .text h4 .ja {
	font-size: 6vw;
}

#flow .inner .detail .text h5 {
	line-height: 1.6;
	margin-bottom: 15px;
}

#flow .inner .detail .text .role {
	flex-wrap: wrap;
	margin-top: 15px;
}

#flow .inner .detail .text .role p {
	width: 42%;
	margin-right: 3%;
	margin-bottom: 3%;
}

#flow .inner .detail .text .role p:nth-child(3),
#flow .inner .detail .text .role p:nth-child(4) {
	margin-bottom: 0;
}

#flow .inner .detail .image {
	width: 100%;
	margin-top: 30px;
}

#flow .inner .detail .addition {
	flex-direction: column;
	border-radius: 10px;
	margin-top: 30px;
	padding: 5vw;
}

#flow .inner .detail .addition .image {
	width: 30%;
	margin: 0 auto 15px;
	padding: 7%;
}

#flow .inner .detail .addition .text {
	width: 100%;
}

#flow .inner .detail .addition .text h5 {
	border-radius: 6px;
	text-align: center;
	padding: 2.5vw 3vw;
}

#flow .inner .detail .merit {
	background-size: 20px 4px,4px 20px,20px 4px,4px 20px;
	flex-direction: column;
	margin-top: 30px;
	padding: 5vw;
}

#flow .inner .detail .merit .left {
	width: 100%;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 3vw;
}

#flow .inner .detail .merit .left h5 {
	font-size: 4vw;
}

#flow .inner .detail .merit .left p,
#flow .inner .detail .merit .left p span {
	font-size: 3vw;
}

#flow .inner .detail .merit .right {
	width: 100%;
	margin-left: 0;
}

#flow .inner .job {
	flex-direction: column;
	margin-top: 30px;
}

#flow .inner .job .text {
	width: 100%;
	margin: 0;
	padding: 5vw;
}

#flow .inner .job .text .number {
	width: 80px;
	height: 80px;
}
#flow .inner .job .text .number p:first-child {
	font-size: 3.6vw;
}
#flow .inner .job .text .number p:last-child {
	font-size: 5.2vw;
}

#flow .inner .job .text .title {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#flow .inner .job .text .title .en {
	line-height: 1;
	margin-left: 4px;
}

#flow .inner .job .image {
	width: 100%;
}

#flow .inner .arrow {
	border-right: 90px solid transparent;
	border-left: 90px solid transparent;
	border-top-width: 40px;
	margin: 30px auto 0;
}

#flow .inner .outro {
	font-size: 4.2vw;
	margin-top: 30px;
}

#flow .step1 {
	padding: 60px 0 30px;
}

#flow .step2,
#flow .step3,
#flow .step4 {
    padding: 110px 0 30px;
}

/*----------------------flow/-----------------------*/

/*---------------------/faq---------------------*/
#faq .faq_ttl{
    margin: 50px auto 6px;
}

.accordionbox{
	width: 90%;
}
	

.accordionlist dt .qa-q01,
.accordionlist dt .qa-q02,
.accordionlist dt .qa-q03{
	padding: 20px 12px 0 0;
    font-size: 6vw;
}

.qa-cont img.qa-bg02{
	width: 22%;
	height: auto;
	left: 0%;
	top: -150px;
}

.qa-cont img.qa-bg01{
	width: 22%;
	height: auto;
	left: 78%;
	top: -150px;
}

.accordionlist dd .qa-a01,
.accordionlist dd .qa-a02,
.accordionlist dd .qa-a03{
	padding: 18px 15px 0 25px;
	margin-left: 0;
}

.accordionlist dd .qa-a-2{
	padding-top: 22px;
}

.accordion_icon{
	margin-right: 0;
    width: 6%;
}

.qa-cont .qa-ttl03,
.qa-cont .qa-ttl02{
	margin-top: -40px;
}

#accordion p{
	font-size: 3.6vw;
    padding-top: 10px;
}

#accordion p.title01_s{
    padding-top: 22px;
}

.accordion_icon{
    top: 25px;
}

.accordionlist dd .qa-a01{
    font-size: 6vw;
    padding: 14px 15px 0 3px;
}

#accordion .accordionlist dd p.qa-a-txt{
    padding: 15px 0 20px;
    width: 88%;
}

#faq #an01,
#faq #an02,
#faq #an03{
    position: relative;
    top: -50px;
}

/*---------------------faq/---------------------*/

/*---------------------/voice---------------------*/
#voice .sub_main_ttl{
    margin-bottom: 40px;
}

#voice .voice_txt01{
    margin: 30px auto 10px;
}

#voice .voice_cont01{
    flex-direction: column-reverse;
}

#voice .voice_cont01 img{
    width: 100%;
    height: auto;
}
#voice .voice_cont01_txt_box{
    margin-bottom: 20px;
}

#voice .voice_cont01 img.voice_logo{
    width: 70%;
    height: auto;
}

#voice .voice_cont01_icon_box img{
    width: 32%;
    height: auto;
}

#voice .voice_txt03{
    font-weight: 700;
}

#voice .voice_txt04{
    margin: 6px auto 20px;
}

#voice .voice_cont01 .voice_cont01_txt_box_txt02 i img{
    width: 15px;
    height: 15px;
}

#voice .hr_gray{
    margin-top: 20px;
}

#voice .container_860{
    margin-bottom: 60px;
}

/*---------------------voice/---------------------*/

/*---------------------/service---------------------*/
#service .sub_main_ttl{
    margin-bottom: 0;
}

.service_bg{
    padding: 20px 0 50px;
}

#service .service_btn_box{
    margin: 20px 0;
}

#service .service_btn_wap{
    width: 100%;
    margin: auto;
}

#service .service_btn_wap a{
    width: 100%;
}

#service .service_btn{
    width: 100%;
    margin-bottom: 10px;
}

#service .service_btn_l{
	background: url(../img/services/bg05_sp.png) no-repeat;
    background-size: auto;
}

.service_top_txt01{
    font-size: 5.0vw;
    margin: 50px auto 40px;
}

.service_top_txt02{
    margin: 20px auto 20px;
}

.service02_btn{
    width: 100%;
    height: 270px;
    padding-top: 35px;
}

.service02_btn .service02_btn_txt01{
    margin: 10px auto 8px;
}

.service02_btn .btn{
    margin-left: 42%;
    margin-top: 7px;
}

.service02_btn_wap{
    margin-bottom: 10px;
}

#create .service02_btn{
    width: 100%;
}

#service .container_860{
    margin: 60px auto;
}

#service .container_860 .mb{
    margin-bottom: 40px;
}
#service .container_860 .mt{
    margin-top: 40px;
}


/*---------------------services/---------------------*/

/*---------------------/service_s---------------------*/
img.service_s_main_icon{
    width: 25%;
    margin: 25px auto 30px;
}

.service_s_cont01{
    flex-direction: column;
}

.service_s_cont01 img{
    width: 100%;
    height: 230px;
    object-fit: cover;
    margin-bottom: 30px;
}

.service_s_cont01 .service_s_cont01_txt_box{
    width: 100%;
}

.service_s_cont02{
    margin: 40px auto 0;
	padding: 40px 0;
}

.service_s_cont02_box_wap{
    margin-top: 50px;
    flex-direction: column;
}

.service_s_cont02_box_wap .service_s_cont02_box{
    width: 100%;
    margin: 0 0 50px 0;
}

.service_s_cont02_box_wap .service_s_cont02_box img{
    width: 40%;
}

.service_s_new .sub_main_ttl{
	margin: 70px auto 0;
}

.service_s_new .service_s_cont01_wap{
	padding: 60px 0;
}

.service_s_new .service_s_cont01 img{
	height: 150px;
}

.service_s_new .service_s_cont03{
	padding: 60px 0;
}

.service_s_new .service_s_cont03 .service_s_cont03_box{
	margin-top: 30px;
	padding: 30px 5%;
}

.service_s_new .service_s_cont03 .service_s_cont03_box .service_s_cont03_txt_box{
	width: 100%;
}
.service_s_new .service_s_cont03 .service_s_cont03_box .service_s_cont03_img_box{
	width: 100%;
	margin-top: 10px;
}

.service_s_new .service_s_cont03 .service_s_cont03_box{
	flex-direction: column !important;
}

.service_s_new .service_s_cont01_txt02{
	font-size: 4.6vw;
}

.service_s_banner {
	width: 90%;
	padding-top: 20px;
	padding-bottom: 40px;
}
.service_s_banner img {
	width: 100%;
}
.service_s_banner .pc {
    display: none;
}
.service_s_banner .sp {
    display: block;
}
.service_s_banner.old {
	padding-bottom: 50px;
}
.service_s_banner.slim {
	width: 100%;
	padding-top: 20px;
}

.service_s_contact .service_s_contact_txt02{
	font-size: 5vw;
}

.service_s_contact .service_s_contact_btn_wap .service_s_contact_btn_box{
	width: 100%;
}

.service_s_contact .icon01.pc{
display: none;
}
.service_s_contact .sp_icon01{
	display: block;
}

.service_s_btn_wap .service_s_btn_box{
	width: 100%;
	margin: 10px 0;
}

.service_s_new .service_s_cont04{
	margin: 60px 0;
}

.service_s_new .service_s_cont04 .service_loop_slider{
	margin: 30px 0;
}

.service_s_new .service_s_cont04 .service_loop_slider li a img{
	height: 160px;
}

.service_s_contact .service_s_contact_txt_box{
	width: 90%;
	padding: 30px 5%;
	margin: auto;
}

.service_s_contact{
	padding: 60px 0;
	display: block;
}

.service_s_cont05{
	margin-top: 60px;
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_left_box{
	width: 100%;
	padding: 55px 0 30px;
	
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_right_box{
	width: 100%;
	padding: 15px 5%;
}

/*---------------------service_s/---------------------*/

/*---------------------/contact---------------------*/
#contact .contact_p_txt01 {
    margin: 0 auto 20px;
}

#contact .contact_p_txt02{
    width: 90%;
    margin: auto;
    text-align: left;
}


#contact #form{
	width: 90%;
	margin-bottom: 0;
	margin-top: 20px;
}
#contact .partner{
	width: 90% !important;
}

#contact .contact_txtbox01 p.contact_txt02{
	margin: auto;
	background: url("../img/contact/icon01.svg") no-repeat top 5px left;
	background-size: 5%;
	width: 76%;
	padding-left: 23px;
}


#contact .contact_txtbox01 p.contact_txt03{
	margin: 3px auto 0;
	background: url("../img/contact/icon02.svg") no-repeat top 5px left;
	background-size: 7%;
	width: 76%;
	padding-left: 23px;
}

#contact .contact_txt04{
	margin: 30px 0 10px;
}

#contact .contact_txt05{
	width: 88%;
	margin: auto;
	text-align: left;
}


#contact th,
#contact td{
	display: block;
	width: 100%;
	text-align: left;
	
}

#contact th{
	padding-bottom: 0px;
	padding-top: 10px;
}

#contact td{
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}

#contact td .it_a,
#contact td .it_c,
#c_detail{
	width: 100%;
}

#contact td.radio{
	padding: 8px 0 0 0;
}

#submit input {
	display: block;
	margin: auto;
}

input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}

#submit input{
	font-size: 3.6vw;
}

#submit input.back{
    margin: 30px auto 0px;	
}
#submit input{
    margin: 30px auto 60px;
}
#contact .contact_cont01{
    margin: 50px auto 30px;
}

#contact .contact_cont01 .contact_cont01_box{
    margin-bottom: 30px;
    width: 100%;
}

#contact .contact_cont01 .contact_cont01_box_txt01{
    margin: 0 auto 10px;
    width: 100%;
}

#contact .contact_cont01{
    width: 74%;
}


/*---------------------contact/---------------------*/



/*---------------------/privacypolicy---------------------*/
#privacypolicy p.privacypolicy_txt{
    margin: 50px auto 30px;
    overflow-wrap:break-word;
    word-break:break-all;
}

/*---------------------privacypolicy/---------------------*/

/*---------------------/sitemap---------------------*/
#sitemap .sitemap_box{
    width: 100%;
}

#sitemap .container_860{
    margin: 60px auto;
}

#sitemap p.sitemap_txt01{
    margin: 30px auto 10px;
}

/*---------------------sitemap/---------------------*/

/*---------------------/works---------------------*/
#works_s .works_main_img{
    margin: 50px auto 0;
}

#works_s .works_main_img > img{
    width: 100%;
}

#works_s .works_main_img_txt_box{
    width: 100%;
    margin-top: 20px;
}

#works_s .works_main_img_name{
    height: 20px;
}

#works_s .works_main_img_txt02{
    margin-top: 10px;
}

#works_s .gray_stripe_bg{
    padding: 200px 0 50px;
}

#works_s .works_cont01 .works_cont01_txt01{
    text-align: left;
}

#works_s .works_cont01 .works_cont01_txt02{
    margin: 40px 0 10px;
}

#works_s .works_service_icon img{
    padding: 1%;
    width: 24%;
}

#works_s .works_service_icon{
    margin-bottom: 40px;
}

#works_s .works_pc_img_box img{
    width: 100%;
    height: 300px;
}

#works_s .works_sp_txt01{
    margin: 30px 0 10px;
}

#works_s .works_sp_img_box img{
    width: 46%;
    height: auto;
    margin: 0 2% 20px 2%;
}

#works_s .works_cont01 .btn-wap{
    margin: 50px 0 20px;
}

#works_s .works_page_navi{
    flex-flow: column;
}

#works_s .works_page_navi > * {
    width: 50%;
}

#works_s .works_cont01 .btn-wap{
    margin: 20px 0 0;
}

#works_s .works_page_navi_pc{
    display: none;
}
#works_s .works_page_navi_sp{
    display: block;
}

#works_s .works_page_navi02 a,
 #works_s .works_page_navi01 a{
	width: 100%;
	float: left;
}


#works_s .works_page_navi02 img,
#works_s .works_page_navi01 img{
    width: 100%;
    height: auto;
}
#works_s .works_page_navi02,
#works_s .works_page_navi01{
    width: 50%;
    float: left;
}

#works_s .works_page_navi02 p,
#works_s .works_page_navi01 p{
	width: 100%;
    height: auto;
    line-height: 3;
}

#works_s .works_page_navi01 i{
    font-size: 5vw;
    top: 4px;
    margin-left: -4%;
}

#works_s .works_page_navi02 i{
    font-size: 5vw;
    top: 4px;
    margin-right: -6%;
}

#works_s .service_area .service_area_flex{
	margin-bottom: 0px;
}

#works_s .service_area .service_area_flex ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#works_s .service_area .service_area_flex ul li{
	width: 49%;
	margin-right: 0px;
}

#works_s .graphic .graphic_main .graphic_inner{
	flex-direction: column;
}
		
#works_s .graphic .graphic_main .graphic_inner .cover{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 80%;
}

#works_s .graphic .graphic_main .graphic_inner .inside{
	flex-direction: column;
	align-items: center;
	width: 100%;
}

#works_s .graphic .graphic_main .graphic_inner .inside .inside_img{
	width: 80%;
}

#works_s .graphic_sub_area{
	flex-direction: column;
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner{
	flex-direction: column;	
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner .graphic_sub_recruit_cover{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner .graphic_sub_recruit_inside .graphic_sub_recruit_inside_img{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner{
	flex-direction: column;
}

#works_s .graphic_sub_area .graphic_sub_leaf h3{
	margin-top: 20px;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner .graphic_sub_leaf_cover{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner .graphic_sub_leaf_inside {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#works_s .graphic_sub_area_lower{
	flex-direction: column;
}
#works_s .graphic_sub_area_lower .graphic_clearfile{
}
#works_s .graphic_sub_area_lower .graphic_clearfile h3{
}
#works_s .graphic_sub_area_lower .graphic_clearfile img{
	width: 80%;
}
#works_s .graphic_sub_area_lower .graphic_namecard{
}
#works_s .graphic_sub_area_lower .graphic_namecard h3{
}
#works_s .graphic_sub_area_lower .graphic_namecard img{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#works_s .graphic_sub_area_lower .graphic_clearfile img{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}

#works_s .graphic_sub_area_lower .graphic_namecard h3{
	margin-top: 30px;
}

#works .works_cat_wap{
    margin: 50px auto 40px;
}

#works .works_cat_wap .works_cat_txt01{
    margin-left: 5%;
    top: -15px;
}

#works .works_cat_wap .works_cat_txt02{
    margin: -10px 5% 0 6%;
}

#works .container_1150 {
    width: 83%;
}

#works ul {
    padding: 30px 0;
}

#works ul li{
    width: 100%;
    margin: 0 0 20px 0;
}

#works ul li .works_txt_area .works_txt01{
	width: 90%;
}

#works ul li a img{
    width: 100%;
    height: auto;
}

#works ul li > a > .publish_image {
	width: 100%;
	height: 80vw;
}

#works ul li .works_txt_area img{
	width: 90%;
	height: auto;
}

#works ul li .works_txt_area .works_txt02{
	width: 90%;
	font-size: 3.4vw;
}

#works .category_area {
    margin-top: 25px;
	margin-bottom: 25px;
}

#works .category_area .category_area_inner {
	display: block;
}

#works .category_area .category_area_inner .category {
	width: 100%;
	margin-bottom: 6vw;
}

#works .category_area .category_area_inner .category .imgarea_inner {
	gap: 4%;
}

#works .category_area .category_area_inner .category .imgarea_inner .imgarea {
	width: 48%;
	height: 14vw;
	padding: 10px 4px 10px 8px;
	margin-bottom: 4%;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .img {
    width: 12%;
	display: flex;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .img03 {
    width: 11%;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .text {
	margin-top: 0;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .text p {
	font-size: 3.4vw;
	letter-spacing: 1.2px;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .text .material-symbols-outlined {
	font-size: 22px;
}

#works .category_area .category_area_inner .option {
	width: 100%;
}
#works .category_area .category_area_inner .option .textarea {
	margin-bottom: 20px;
}
#works .category_area .category_area_inner .option .imgarea_inner {
	height: 25vw;
}
#works .category_area .category_area_inner .option .imgarea_inner a {
	width: 46%;
	margin-bottom: 2.4vw;
}
#works .category_area .category_area_inner .option .imgarea_inner a:nth-child(-n+3) {
    margin-right: 8%;
}
#works .category_area .category_area_inner .option .imgarea_inner a:nth-child(4) {
    margin-right: 0;
}
#works .category_area .category_area_inner .option .imgarea_inner a:nth-child(3n) {
    margin-bottom: 0;
}
#works .category_area .category_area_inner .option .imgarea_inner a:nth-child(4n) {
    margin-bottom: 2.4vw;
}
#works .category_area .category_area_inner .option .imgarea_inner .imgarea .text p {
	letter-spacing: 1.2px;
}

#works .category_area .category_area_inner .category .textarea .text-ja,
#works .category_area .category_area_inner .option .textarea .text-ja {
	font-size: 4.6vw;
}
#works .category_area .category_area_inner .category .textarea .text-en,
#works .category_area .category_area_inner .option .textarea .text-en {
	font-size: 3vw;
}

/*---------------------works/---------------------*/

/*---------------------/news---------------------*/
#news_s .container_860,
#news_s .container_1150,
#news .container_860{
    margin: 30px auto;
}

#news_s .container_860 .news_s_box_txt,
#news_s .container_1150 .news_s_box_txt{
    padding-left: 0;
}

#news_s .container_860 .news_s_box_ttl,
#news_s .container_1150 .news_s_box_ttl{
    margin-bottom: 20px;
    font-size: 5.0vw;
}

#news_s .blog_archive_accordion .year .triangle {
	display: none;
}

.blogtitle {
	padding-top: 70px !important;
	margin-top: -70px !important;
}

.blogtitle p{
	font-size: 5vw;
}

#news .news_box_ttl{
    width: 84%;
}
#an01,
#an02,
#an03,
#an04,
#an05,
#an06,
#an07,
#an08,
#an09,
#an10,
#an11,
#an12,
#an13,
#an14,
#an15,
#an16,
#an17,
#an18,
#an19,
#an20,
#an21,
#an22,
#an23,
#an24,
#an25,
#an26,
#an27,
#an28,
#an29,
#an30,
#an31,
#an32,
#an33,
#an34,
#an35,
#an36,
#an37,
#an38,
#an39,
#an40,
#an41,
#an42,
#an43,
#an44,
#an45,
#an46,
#an47,
#an48,
#an49,
#an50,
#an51,
#an52,
#an53,
#an54,
#an55,
#an56,
#an57,
#an58,
#an59,
#an60,
#an61,
#an62,
#an63,
#an64,
#an65,
#an66,
#an67,
#an68,
#an69,
#an70,
#an71,
#an72,
#an73,
#an74,
#an75,
#an76,
#an77,
#an78,
#an79,
#an80,
#an81,
#an82,
#an83,
#an84,
#an85,
#an86,
#an87,
#an88,
#an89,
#an90,
#an91,
#an92,
#an93,
#an94,
#an95,
#an96,
#an97,
#an98,
#an99{
    position: relative;
    top: -100px;
}
/*----------2カラム/-----------*/
#news_s .container_1150 .left{
    width: 100%;
}
#news_s .container_1150 .right{
    width: 100%;
}
.side ul li {
    margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
h4.heading {
	font-size: 16px;
}
input#s {
	width: 70%;
}
#wpp-2{
	margin-bottom: 30px;
}

.side ol li{
    list-style: none;
    border: 1px solid #eee;
    padding: 5px;
    margin-bottom: 15px;
    position: relative;
}

.side ol li::before {
    top: 5px;
    left: 5px;
}
#news_s .container_1150 .right .side ol li .popular_entrytitle a{
    color: #333;
}
.side ol li .popular_thumbnail img{
    width: 40%;
    float: left;
    margin: 0 0 0 0;
}
.side ol li .popular_entrytitle a{
    width: 54%;
    float: left;
    font-size: 14px;
    margin: 0 0 0 5%;
}
#news_s .container_1150 .left h4.heading{
    margin-left: 0px;
}
#news_s .container_1150 .left ol.osusume li{
    padding: 5px 5px 15px;
    width: 48%;
}
#news_s .container_1150 .left ol.osusume{
    width: 100%;
}

#news_s .container_1150 .left ol.osusume .popular_thumbnail img{
    width: 100%;
    float: none;
    margin: 0 0 5px 0;
}
#news_s .container_1150 .left ol.osusume .popular_entrytitle a{
    font-size: 14px;
}
/*----------2カラム/-----------*/

/*---------------------news/---------------------*/

/*---------------------/blog---------------------*/
#blog .container_1150{
    margin: 30px auto;
}

#blog .blog_box{
	margin: auto;
    float: none;
    width: 100%;
}

#blog .blog_txt_box{
	width: 100%;
}

#blog .blog_img_box{
	width: 90%;
}

#blog .blog_txt_box img{
	width: 76%;
	height: auto;
	top: 14px;
}

#blog .blog_txt_box .blog_ttl{
	padding-left: 12px;
}

#blog .btn-wap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2%;
    margin-bottom: 30px;
}
#blog .btn-wap .btn_org5 {
	width: 48%;
	margin: 0 0 2%;
}

#custom-post-type-search-2 {
	padding-top: 30px;
}
#custom-post-type-recent-posts-2 {
	display: none;
}

/*---------------------blog/---------------------*/

/*---------------------/ricruit---------------------*/
#ricruit .ricruit_cont01{
    margin: 36px auto;
}

#ricruit .ricruit_cont01 p.ricruit_cont01_txt01{
    margin-bottom: 30px;
}
/*---------------------ricruit/---------------------*/

/*---------------------/partner---------------------*/
#partner .partner_cont01{
    margin: 36px auto;
}

#partner .partner_cont02{
    padding: 36px 0;
}

#partner .wh_bg{
    padding: 36px 6%;
}

#partner .partner_cont02_box01 p.partner_cont02_txt02{
    margin-bottom: 5px;
}
#partner .partner_cont02_box01 p.partner_cont02_txt04{
	margin-bottom: 0;
}

/*---------------------partner/---------------------*/

/*---------------------/sdgs---------------------*/

#sdgs .sub_txt01 {
	margin-top: 0;
}

#sdgs .company_ttl01 {
	margin: 35px auto 20px;
}

/*---------------------sdgs/---------------------*/


/*----------------------------------------------------------------

臨時追加ページ　STRATEGY

----------------------------------------------------------------*/
.strategy_con_01 .f_28{
	font-size:22px;

}

/*---トップSTRATEGYバナー----------------------------------------------*/
.top_news_2020_02{
	width:90%;
	margin:auto;
}
.top_news_2020_02 img{
	width:100%;
	height:auto;
}

/*----------------------------------------------------------------

オンラインでのお打ち合わせ　ONLINE MEETING

----------------------------------------------------------------*/
.three_rows_blk{
	width:100%;
	margin: 50px 0 50px 0;
	padding: 0 20px;
}
.three_rows_blk p.title{
	font-weight: bold;
	text-align:center;
	margin-bottom:50px;
}
.three_rows_blk .one_box{
	float:none;
	width: 100%;
	margin-right:0%;
	margin-bottom:20px;
}
.online-meeting_con_01{
	margin:50px 0;
	padding: 0 20px; 
}
.online-meeting_con_01 .online-meeting-icon{
	margin:50px 0 30px 0;
	padding: 0 20px;
	width: 100%;
}
.online-meeting_con_01 .online-meeting-icon img{
	width: 100%;
	height:auto;
}
.online-meeting_con_01 p span.bold{
	font-weight: bold;
}
.online-meeting_con_01 p a{
	color:#F09C67;
	font-weight: bold;
	text-decoration: underline;
}
.online-meeting_con_01 p.sp_left{
	text-align:left;
}
/*----------------------------------------------------------------

トップ　メインイメージ下　お知らせ

----------------------------------------------------------------*/
#top .top_cont10{
  margin-top:-60px;
  padding-top:60px;
}
#top .top_news_blk{
  overflow: hidden;
  width:100%;
  margin:auto;
  padding-bottom:30px;
  margin-bottom:30px;
  margin-top:30px;
}
#top .top_news_blk .top_news_box{
  float:none;
  width: 90%;
  margin:0 auto 20px auto;
}
#top .top_news_blk div.top_news_box:last-child{
  margin-right:auto;
}


#top .top_cont10 .top_news_wap .ttl{
	font-size: 6.0vw;
}

#top .top_cont10 .top_news_wap{
	padding: 30px 5%;
}


#footer .f_sns_blk{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	margin: 30px 0 30px;
}

#footer .f_sns_blk li{
padding: 10px;
}



/*----------------------------------------------------------------

採用特設Webサイト「ウェブサイ」　WEBSAIYOU.COM
ホームページ制作・運営サポートサービス　SATISFACTORY SERVICE

----------------------------------------------------------------*/

.contents_blk_01{
	width: 90%;
	margin: 50px auto;
}

/*サブタイトル１*/
.contents_blk_01 .sub_title_01 p.en{
	font-size: 16px;
}

.contents_blk_01 .sub_title_01 p.ja{
	font-size: 22px;
}

/*ストライプブロック*/
.stripe_bg_blk .inner{
	padding: 20px;
}

.stripe_bg_blk .inner .pack_name p{
	font-size: 16px;
}

.stripe_bg_blk .inner .pack_img{
	width: 100%;
	height: auto;
}

.stripe_bg_blk .inner .pack_img img{
	width: 100%;
	height: auto;
}

/*パッケージ内容*/
.pack_box.row4 p{
	width: 50%;
}

.pack_box.row5 p{
	width: 50%;
}

.stripe_bg_blk.yellow .inner_pack_content .left{
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.stripe_bg_blk.yellow .inner_pack_content .left p.width100{
	width: 100%;
}

.stripe_bg_blk.yellow .inner_pack_content .right{
	float: none;
	width: 100%;
	margin-bottom: 5px;
}

.stripe_bg_blk.yellow .inner_pack_content2 p{
	width: 50%;
}

.wp-pagenavi{
    justify-content: flex-start;
    width: 90%;
    margin: auto;
	padding-bottom: 50px;
}

.page-numbers, .wp-pagenavi .current, .wp-pagenavi .page, .previouspostslink, .nextpostslink, #pagenavi a.last, #pagenavi a.first{
    padding: 8px 12px;
    margin: 5px;
}

.profile_blk {
	padding: 20px;
	border-radius: 10px;
}

.common_bottom_sns_blk .common_bottom_sns_box {
	width: 100%;
}

.common_bottom_sns_blk {
	margin: 0 20px 20px;
}




/*----------------------------------------------------------------

メニュー縮小時、1段表示させる為

----------------------------------------------------------------*/
@media screen and (max-width:1200px) {
	.header h1 img {
		width: 15vw;
	}

	.item-nav li {
		padding: 0 1vw;
	}

	.estimate_button {
		max-width: 18vw;
		width: 16.6vw;
		padding: 1.25vw;
	}

	.contact_orange_button {
		max-width: 18vw;
		width: 16.6vw;
		padding: 1.25vw;
	}

	.item-nav li {
		padding: 0 0.5vw;
	}
}

/*----------------------------------------------------------------

ハンバーガーメニュー　お問い合わせ・無料見積りボタン

----------------------------------------------------------------*/
@media screen and (max-width:768px) {
	.contact_orange_button {
		max-width: 240px;
		width: 100%;
		padding: 15px;
	}

	.estimate_button {
		max-width: 240px;
		width: 100%;
		padding: 15px;
	}
	
}

/*********************************250215 FV変更 nakamura**********************************/
.main_img.fv_2502 .inner {
	height: auto;
  }
.main_img.fv_2502 .inner h2 {
	padding-top: 12vw;;
	font-size: 5.2vw;
  }
  .main_img.fv_2502 .inner h2 img {
	margin-right: 5vw;
  }
  .main_img.fv_2502 .inner .fv_slide_wrap {
	position: unset !important;
	transform: translateX(0%);
	margin-top: 10vw;
	margin-left: auto;
	margin-right: auto;
  }
  .main_img.fv_2502 .inner .fv_slide_wrap img {
	display: block;
  }
  #top .main_img.fv_2502 .fv_lower {
	margin-top: -10px;
	position: relative;
	z-index: 1;
  }

  #price .price_page_section{
    padding-top: 14vw;
    padding-bottom: 20vw;
  }  

#price .price_anchor .price_anchor_inner{

	justify-content: space-between ! important;
	gap: 4vw;
	display: grid ! important;
	grid-template-columns: repeat(2 ,47%);

}
#price .price_anchor .price_anchor_inner a{
    background-color: #fff;
    border: 1px solid #BFBFBF;
    display: flex; 
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 4vw 1vw;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	gap: 2vw;


	
}
#price .price_anchor .price_anchor_inner a .img{

    width: fit-content;
	margin-left: auto;
	margin-right: auto;

}
#price .price_anchor .price_anchor_inner .anchor04 .img{

    width: 80%;
	
}
#price .price_anchor .price_anchor_inner a .lower{
flex-direction: column;
}

#price .price_anchor .price_anchor_inner a .lower p{
text-align: center;
font-size: 3.2vw;
}

#price .fee_cont .table_area{
	overflow-x: scroll;
}
#price .fee_cont .table_area table{
width: 900px;
}
#price .fee_cont .table_area table tr{
}
#price .fee_cont .table_area table tr th{
}
#price .fee_cont .table_area table tr .icon_area{
	width: 17%;
}

#price .fee_cont .table_area table tr .icon_area .img{
}

#price .fee_cont .table_area table tr .green_bg{
	padding-top: 8vw;
	padding-bottom: 6vw;


}
#price .fee_cont .table_area table tr .green_bg p{

font-size: 16px;		

}
#price .fee_cont .table_area table tr .green_bg p span{

font-size: 16px;		

}

#price .fee_cont .table_area table tr .green_bg01{

}
#price .fee_cont .table_area table tr .fee_box{
padding: 4vw 0;

}
#price .fee_cont .table_area table tr .fee_box .fee_text{
margin-top: 2vw !important;

}
#price .fee_cont .table_area table tr .fee_box .fee_text span{
font-size: 6vw;
}

#price .fee_cont .table_area table tr .option_name{
	padding: 2vw;
font-size: 3.8vw;	
	}
	#price .fee_cont .table_area table tr td{
		border: 1px solid #707070;
	
	}
	#price .fee_cont .table_area table tr td .line{
	
	width: 30px;
	height: 2px;
	background: #707070;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	
	position: relative;
	bottom: 10px;
	}
	#price .fee_cont .table_area table tr td .circle{
	
	width: 20px;
	height: 20px;
	top: unset;
	
	}
	#price .fee_cont .table_area table tr .td_gray{
		padding: 2vw 0;
	
	}
	
	#price .sp{
		display: block;
	}

	#price .fee_cont .extra_area{
		margin-top: 8vw;
		padding: 8vw 0;
		
		}

		#price .fee_cont .extra_area_middle{
margin-top: 6vw;
		
		}
		#price .fee_cont .extra_area_middle .extra_area_middle_inner .upper{
margin-top: 6vw;
		
		}
		#price .fee_cont .extra_area_middle .extra_area_middle_inner .upper .img img{
width: 50px;
		
		}

	#price .fee_cont .extra_area_middle .extra_area_middle_inner .lower{
		width: 90%;
		padding: 2vw 0;
		margin-top: 2vw;
		
		}
	#price .fee_cont .extra_area_middle .extra_area_middle_inner .lower p span{
		font-size: 10vw;

		}


		#price .fee_cont  .extra_area_lower .upper {
			padding: 4vw 0;  
			margin-top: 6vw;   
		
		}

		#price .fee_cont  .extra_area_lower .upper p span{
		 text-underline-offset: 3px;
		
		}


	#price .fee_cont  .extra_area_lower .grid_area{
		
		grid-template-columns: 1fr 1fr;
		margin-top: 2vw;
		
		
		}

		#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_upper{
			padding: 4vw 0;
			
			
			}


		#price .fee_cont  .extra_area_lower .grid_area .grid_card img{
				width: 60px;
			
			}

			#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_lower{
				padding: 4vw 1vw;
				min-height: 80px;
				
				}

			#price .fee_cont  .extra_area_lower .upper{
margin-top: 6vw;

					
					}
			#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_lower p{
font-size: 3.2vw;

					
					}
				#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_lower p .circle{
					font-size: 3.8vw;	
					}
				#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_lower p span{
					font-size: 3.8vw;	
					}


					#price .recruit_area_sub{
						display: flex;
						flex-direction: column;
						height: unset;
					}
					#price .recruit_area_sub .left{
						width: 100%;
						padding: 4vw 0;
						height: auto;
					}
					
					#price .recruit_area_sub .right{
						width: 100%;
						padding: 4vw 0;
						height: auto;
						border-top: unset;
						border-left: 1px solid #707070;


					}
					
					


					#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card{

						width: 90%;
						
						}
					#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .middle .green{

					font-size: 8vw;
						
						}


						#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .lower .lower_img_area{
justify-content: center;
							}


							#price .option_cont .option_table_wrapper{
overflow-x: scroll;
margin-left: auto;
margin-right: auto;
width: 90%;


							}

							#price .option_cont .option_cont_upper_table{
								width: 960px;							
								/* ↓B案 */
								/* width: 100%; */
								/* background-color: transparent;
								border: unset; */
							}

							#price .option_cont .option_cont_upper_table tr{


								/* ↓B案 */
/* display: flex;
flex-direction: column;							 */						
							}
							#price .option_cont .option_cont_upper_table tr th{
								padding: 6vw 0;
							
							
							}
							#price .option_cont .option_cont_upper_table tr th .img{
							width: 40px;
							
							}
							#price .option_cont .option_cont_upper_table tr th .img img{
							width: 100%;
							
							}

							#price .option_cont .option_cont_upper_table tr th{
								width: 320px;
								/* ↓B案 */
/* width: 100%;							 */	
							}
							#price .option_cont .option_cont_upper_table tr td .text_row .green {
								
								font-size: 8.0vw;
							}

							#price .option_cont .option_cont_lower_wrapper{

								width: 90%;
								margin-left: auto;
								margin-right: auto;
								overflow-x: scroll;
								}

							#price .option_cont .option_cont_lower{
								
								width: 960px;

								/* ↓B案 */
								/* width: 100%;
								grid-template-columns: 1fr; */
								
								}
								
								#price .option_cont .option_cont_lower .option_cont_lower_card {
									width: 320px;
									/* ↓B案 */
									/* width: 100%;							 */							
								}
								
								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_upper {

								padding: 6vw 0;
								}
								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_upper img{
width: 40px;
								}
								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower {
								background-color: #ffffff;
								padding:  7%;
								min-height: 280px;
								}

								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower02 {
								display: flex;
								flex-direction: column;
								justify-content: center;
								padding: 15% 12%;
								}
								
								
								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .text_row{
									text-align: right;
								
								}
								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower02 .text_row{
									text-align: left;
									}
								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .text_row .text_row_left{
								position: relative;
								bottom: 10px;
								width: 110px;
								}
								#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .text_row .green{
								font-size: 8vw;
								color: #3F6C98;
								font-weight: 900;
								}
								

								.top_est_ban_area .top_est_ban_pc{

									display: none;
										}
										
										.top_est_ban_area .top_est_ban_sp{
										display: block;
										
										}

 /*----------------------------------------------------------------

お問い合わせページ フォームメーラー差し替え　250529

----------------------------------------------------------------*/

#contact .contact_descrption_text {
	width: 90%;
	margin-left: auto !important;
	margin-right: auto !important;
	margin: 10vw 0 20vw;
	}

	#contact .contact_dial_container {
		padding: 4vw;

		top: -30px;
		width: 80%;
	}

	#contact .contact_dial_container .contact_dial-text {
	font-size: 3.2vw;
	}




#contact .contact_phone_area .contact_phone_area_inner {
flex-direction: column;
}
#contact .contact_page_fm{
margin-top: 13vw;
margin-bottom: 10vw;
margin-left: auto;
margin-right: auto;
width: 90%;

}

#contact .contact_phone_area .contact_phone_area_inner .contact_phone_area_inner_left {

	border-bottom: 1px solid #F09C67;
	border-right: unset;
	padding-right: 0;
	width: 100%;
	padding-bottom: 4vw;
	height: auto;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	
	
	}
	
	#contact .contact_phone_area .contact_phone_area_inner .contact_phone_area_inner_right {
		margin-left: 0;
		padding-top: 2vw;
	}
	
	#contact .contact_phone_area_inner_upper {
	justify-content: center;
		
	
	}

	#contact .contact_phone_area_inner_upper span{
		font-size: 6vw;
		margin-top: 3px;
		margin-right: 5px;
			
		
		}
		#contact .contact_phone_area_inner_upper .tel_number{
		
		font-size: 8vw;
		
		
		}

		#contact .contact_phone_area_inner_lower {
text-align: center;
		}
		


 /*----------------------------------------------------------------

お見積もりページ フォームメーラー差し替え　250606

----------------------------------------------------------------*/


.est_page .sub_main_ttl .orange_line{
    width: 100px;
	height: 2px;
}


.est_page .estpage_estimate_form_container {
}
.est_page .estpage_descri {
    margin-top: 14vw;
    margin-bottom: 10vw;
    font-size: 4.2vw;
}

.est_page .estpage_estimate_form_container .form_item {
    margin-bottom: 6vw;
}
.est_page .estpage_estimate_form_container .form_item .form_label{
font-size: 3.8vw;
}


.est_page .estpage_estimate_form_container .form_input,
.est_page .estpage_estimate_form_container .form_select,
.est_page .estpage_estimate_form_container .form_textarea {
    font-size: 3.8vw;
    height: 40px;
}


.est_page .estpage_estimate_form_container .form_input::placeholder,
.est_page .estpage_estimate_form_container .form_select::placeholder,
.est_page .estpage_estimate_form_container .form_textarea::placeholder {
    font-size: 3.8vw;
}

.est_page .estpage_estimate_form_container .form_select{
    color: #333333 !important;
height: 50px;
font-size: 3.6vw;
line-height: 1.4;
}



.est_page .estpage_estimate_form_container .form_textarea {
	height: 160px;
}

.est_page .estpage_estimate_form_container .privacy_policy_container {
    margin-top: 6vw;
    margin-bottom: 4vw;
}

.est_page .estpage_estimate_form_container .privacy_policy_text {
    font-size: 3.8vw;
    margin-bottom: 2vw;
}



.est_page .estpage_estimate_form_container .privacy_policy_container .form_label_container{
    margin-top: 4vw;
    margin-bottom: 2vw;
}


.est_page .estpage_estimate_form_container .radio_container {
    gap: 4vw;
}


.est_page .estpage_estimate_form_container .custom_radio {
    gap: 2vw;
    
}

.est_page .estpage_estimate_form_container .custom_radio input[type="radio"] {
    width: 20px;
    height: 20px;
}

.est_page .estpage_estimate_form_container .radio_checkmark {
    width: 20px;
    height: 20px;
}



.est_page .estpage_estimate_form_container .radio_label {
    font-size: 3.8vw;
}

.est_page .estpage_estimate_form_container .submit_button {
    padding: 3vw;
    font-size: 4.2vw;
    
    margin-top: 6vw;
}



.est_page .estpage_estimate_form_container .form_label_container {
    margin-bottom: 2vw;
    margin-top: 6vw;
}

.est_page .estpage_estimate_form_container .form_label_container:first-child {
    margin-top: 0;
}

.est_page .estpage_estimate_form_container .form_label {
    font-size: 3.8vw;
}

.est_page .estpage_estimate_form_container .required_badge {

    position: relative;
    top: -12px;
    left: 3px;
}

.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container{
	margin-top: 8vw !important;
	}

.est_page .estpage_estimate_form_container_contact {
    margin-top: 12vw;
    padding-top: 12vw;
    padding-bottom: 20vw;
}

.est_page .estpage_estimate_form_container .custom_radio_option .radio_checkmark {
    width: 20px;
    height: 20px;
    margin-right: 2vw;
    top: 5px;
}


.est_page .estpage_estimate_form_container .custom_radio_option .radio_option_label {
    font-size: 3.6vw;

}

.estpage_estimate_form_container_contact .contact_fm_text{
	font-size: 5.2vw;
	}
	.estpage_estimate_form_container_contact .orange_line{
		margin: 4vw auto;
		width: 120px;
	}