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


.sub_main_ttl {
	padding: 135px 0 40px;
    border: 1px solid #F5F5F5;
}
.sub_main_ttl .ja {
    min-width: 180px;
    width: fit-content;
    border-bottom: 3px solid #ff9a5b;
    letter-spacing: 2px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.sub_main_ttl .en {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
}

.sub_h3 {
}
.sub_h3 .ja {
    min-width: 180px;
    width: fit-content;
    border-bottom: 3px solid #ff9a5b;
    letter-spacing: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.sub_h3 .en {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
}

.pan{
	font-size: 12px;
	width: 1150px;
	margin: 15px auto 90px;
}

.sub_txt01{
	margin-bottom: 40px;
}

.sub_txt02{
	line-height: 1.6;
}

.fot_bnr{
	width: 100%;
	text-align: center;
}

.fot_bnr a{
	width: 50%;
	color: #fff;
}

.fot_bnr p{
	position: relative;
	top: 44%;
}


.fot_bnr .fot_bnr_service{
	background: url("../img/common/fot_btn01.jpg");
	background-size: cover;
	background-position: center;
	height: 220px;
}
.fot_bnr .fot_bnr_price{
	background: url("../img/common/fot_btn02.jpg");
	background-size: cover;
	background-position: center;
	height: 220px;
}
.fot_bnr .fot_bnr_about{
	background: url("../img/common/fot_btn03.jpg");
	background-size: cover;
	background-position: center;
	height: 220px;
}
.fot_bnr .fot_bnr_works{
	background: url("../img/common/fot_btn04.jpg");
	background-size: cover;
	background-position: center;
	height: 220px;
}

.fot_bnr .fot_bnr_voice{
	background: url("../img/common/fot_btn05.jpg");
	background-size: cover;
	background-position: center;
	height: 220px;
}


.fot_bnr .fot_bnr_faq{
	background: url("../img/common/fot_btn06.jpg");
	background-size: cover;
	background-position: center;
	height: 220px;
}



.an_list i{
    position: relative;
    top: 7px;
}

.an_list span{
    position: relative;
    top: 5px;
    padding: 0 10px;
}

.wp-pagenavi{
    display: flex;
    justify-content: center;
    padding-bottom: 100px;
        flex-wrap: wrap;
}

.wp-pagenavi a:hover{
    opacity: 1 !important;
    color: #fff !important;
}

.page-numbers, .wp-pagenavi .current, .wp-pagenavi .page, .previouspostslink, .nextpostslink, #pagenavi a.last, #pagenavi a.first{
    border: 1px solid #f09c67;
    background-color: #f09c67;
    padding: 12px 17px;
    color: #5e3b28;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin: 0 5px;
}

.wp-pagenavi .current{
    background: #fff;
    color: #5e3b28;
}

.blog-list{
    justify-content: space-between;
    padding-top: 50px;
}

.blog-list .blog-list01{
    width: 140px;
    
}

.blog-list .blog-list01 i{
    position: relative;
    top: 6px;
}

.news_s_box{
    margin-bottom: 80px;
}



/*---------------------/about---------------------*/
#about .about_cont01{
	/* background: url("../img/about/bg01.png") no-repeat right 5% bottom; */
    padding-bottom: 100px;
}

#about .about_cont01 .about_cont01_txt_box{
	width: 660px;
	margin: 120px auto 0;
}

#about .about_cont01 .btn-wap{
	margin: 50px auto 0; 
}

#about .about_cont02{
	width: 1150px;
	margin: 100px auto;
}

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

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

#about .about_cont03{
	width: 1150px;
	margin: 100px auto 0;
}

#about .about_cont03 .fl{
	justify-content: space-between;
	margin: 80px auto;
}

#about .about_cont03 .about_cont03_box{
	width: 242px;
}

#about .about_cont03 .about_cont03_box .about_cont03_box_txt01{
	text-align: center;
	margin: 40px auto 20px;
}

#about .about_cont04{
    margin-top: 100px;
	padding: 30px 0 100px;
}

#about .about_cont04 .fl{
	width: 1150px;
	margin: 70px auto 0;
	justify-content: space-between;
}

#about .about_cont04 .about_cont04_txtbox{
	width: 580px;
}

#about .gray_stripe_bg.re {
	background-color: #fafafa;
    background-image: unset;
}
#about .gray_stripe_bg{
	padding: 100px 0 120px;
}

#about .wh_bg{
	padding: 30px 0 100px;
}

#about .about_cont05 .gray_bg{
	width: 70%;
	margin: 0 auto;
	padding: 60px 50px 60px;
	justify-content: space-around;
}

#about .about_cont05_logo{
	position: relative;
	top: 30px;
}


#about .about_cont05_box_txt01{
	margin: 20px auto;
}

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


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

#price .sub_main_ttl{
    margin-bottom: 75px;
}

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

#price .price_cont01 .price_cont01_hed_txt{
	width: 700px;
	margin: 0 auto 40px;
	background: #fff;
	padding: 0 0 30px;
}

#price .price_cont01 .price_cont01_hed_txt01{
	position: relative;
	top: -20px;
}

#price .price_cont01 .price_cont01_hed_txt02{
	width: 620px;
	margin: auto;
}

#price .price_cont01 .price_cont01_box{
	width: 360px;
	margin: 0 7px 50px;
	background: #fff;
	padding: 20px;
}

#price .price_cont01 .price_cont01_box hr{
    width: 90%;
}

#price .price_cont01 .price_cont01_box i{
	position: relative;
	top: 5px;
	left: 2px;
}

#price .price_cont01 .price_cont01_box01{
	border: #81CCD3 solid 4px;
}

#price .price_cont01 .price_cont01_box02{
	border: #55B7BC solid 4px;
}

#price .price_cont01 .price_cont01_box03{
	border: #4C8492 solid 4px;
}

#price .price_cont01 .price_cont01_box .price_cont01_box_txt01{
	margin-bottom: 8px;
}

#price .price_cont01 .price_cont01_fot_txt01{
	margin-bottom: 15px;
}

#price .price_cont02{
	width: 860px;
	margin: 0 auto;
	padding-bottom: 90px;
}

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

#price .price_cont02 hr.hr_blue01,
#price .price_cont02 hr.hr_blue02,
#price .price_cont02 hr.hr_blue03{
	width: 100px;
	margin: 0 auto 50px;
}

#price .price_cont02 .price_cont02_txt03{
	margin: 50px 0;
}
#price .price_cont02 .price_cont02_txt04{
	background: #F5F5F5;
	border-radius: 20px;
	padding: 45px 0 25px;
	margin-bottom: 50px;
}

#price .price_cont02 .price_cont02_icon04{
	position: relative;
	top: 30px;
}

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

#price .price_cont02 table{
	border-left: 1px solid #BCBCBC;
	border-top: 1px solid #BCBCBC;
}

#price .price_cont02 table th{
	vertical-align: middle;
	text-align: center;
	width: 200px;
	border-right: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	background: #F5F5F5;
}

#price .price_cont02 table td{
	vertical-align: middle;
	text-align: left;
	border-right: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	padding: 50px 0 50px 30px;
}

#price .price_cont02 table td.txt_center{
	text-align: center;
	padding: 0 29px;
}

#price .price_page_green01{
    color: #0A7A87 !important;
    
    }
    #price .price_page_blue01{
    color: #3F6C98 !important;
    
    }



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



/*---------------------/company---------------------*/
#company .company_ttl01{
    border-bottom: #707070 1.5px solid; 
    padding-bottom: 15px;
    margin: 70px auto 30px;
}

#company .company_cont01{
    width: 860px;
    margin: 0 auto 100px;
}

#company .company_cont02 .sub_h3 {
    padding: 80px 0 40px;
}

#company table.company_table01{
    margin-left: 10px;
}

#company table.company_table01 th{
   line-height: 2.6;
    width: 80px;
}



#company iframe{
    margin: 40px 0;
}

#company .company_cont02_txt01{
    width: 860px;
    margin: 50px auto 0;
}


#company .company_cont02_txt_box{
    width: 860px;
    margin: 10px auto 0;
}

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


#company .company_img02{
    width: 38%;
    padding-bottom: 100px;
}


#company .company_txt01{
    margin-left: 10px;
}

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

#company .company_cont03{
    width: 860px;
    margin: 0 auto 120px;
}

#company .company_cont03 .company_cont03_txt01{
    margin: 80px auto 0;
}

#company .company_cont03 .sub_h3 {
    padding: 80px 0 40px;
}


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

/*----------------------/flow-----------------------*/
#flow .bg_white { background: #fff; }
#flow .bdcolor_white { border-color: #fff }
#flow .bg_light_grey { background: #F8F8F8; }

#flow .bdcolor_light_yellow { border-color: #EDD46B }
#flow .bg_light_yellow { background: #EDD46B; }
#flow .f_light_yellow { color: #EDD46B; }

#flow .bdcolor_yellow { border-color: #EEC369; }
#flow .bg_yellow { background: #EEC369; }
#flow .f_yellow { color: #EEC369; }

#flow .bdcolor_light_orange { border-color: #EFAF68; }
#flow .bg_light_orange { background: #EFAF68; }
#flow .f_light_orange { color: #EFAF68; }

#flow .bdcolor_orange { border-color: #F09C67; }
#flow .bg_orange { background: #F09C67; }
#flow .f_orange { color: #F09C67; }

#flow {
    letter-spacing: 2px;
}

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

#flow .chart {
    margin: 80px auto;
}

#flow .chart dl {
    width: 20%;
    border-radius: 20px;
    padding: 2% 3%;
}

#flow .chart dl dt {
    width: 100%;
    margin-bottom: 20px;
}

#flow .chart dl dd {
    height: 245px;
    border-radius: 10px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

#flow .chart dl dd a {
    display: block;
    padding: 5% 6%;
}

#flow .chart dl dd a span {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    margin-bottom: 5px;
}

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

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

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

#flow .inner h3 {
    font-weight: bold;
    border-radius: 20px;
    padding: 20px 0;
    letter-spacing: 0.2em;
}

#flow .inner .detail {
    border-width: 2px;
    border-style: solid;
    margin-top: 60px;
    padding: 2.5vw 5vw;
}

#flow .inner .detail .text {
    width: 47%;
    margin-right: 3%;
}

#flow .inner .detail .text h4::after {
    content: "";
    display: block;
    width: 100px;
    margin-bottom: 30px;
    padding-top: 30px;
}

#flow .inner .detail .text h4 .en {
    margin-bottom: 10px;
}

#flow .inner .detail .text h4 .number {
    margin-right: 15px;
}

#flow .inner .detail .text h5 {
    margin-bottom: 30px;
}

#flow .inner .detail .text .role {
    margin-top: 30px;
}

#flow .inner .detail .text .role p {
    width: 150px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    margin-right: 20px;
    padding: 2px 0;
}

#flow .inner .detail .image {
    width: 50%;
}

#flow .inner .detail .addition {
    width: 100%;
    background: #FCF8E6;
    border-radius: 20px;
    margin-top: 60px;
    padding: 2.5vw 5vw;
}

#flow .inner .detail .addition .image {
    width: 15%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 9999px;
    margin-right: 3%;
    padding: 3%;
}

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

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

#flow .inner .detail .addition .text h5 {
    border-radius: 12px;
    margin-bottom: 15px;
    padding: 1vw 2.5vw;
}

#flow .inner .detail .addition .btn-wap {
    margin: 30px auto 0;
}

#flow .inner .detail .merit {
    width: 100%;
    background-size: 20px 5px,5px 20px,20px 5px,5px 20px;
    background-repeat: repeat-x,repeat-y,repeat-x,repeat-y;
    background-position: left top,right top,right bottom,left bottom;
    margin-top: 60px;
    padding: 2vw;
}

#flow .inner .detail .merit .left {
    width: 50%;
    border-radius: 20px;
    padding: 2%;
}

#flow .inner .detail .merit .left p {
    border-bottom: 1px solid #333;
    line-height: 1.4;
    word-break: keep-all;
    margin-right: 5%;
}

#flow .inner .detail .merit .left p span {
    display: block;
    word-break: keep-all;
}

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

#flow .inner .job {
    margin-top: 60px;
}

#flow .inner .job .text {
    width: 38%;
    margin: 3% 5% 3% 7%;
}

#flow .inner .job .text .number {
    width: 100px;
    height: 100px;
    border-radius: 9999px;
    flex-direction: column;
    margin-right: 5%;
}

#flow .inner .job .text .number p {
    line-height: 1.2;
    letter-spacing: normal;
}

#flow .inner .job .text .title .en {
    /* opacity: 0.6; */
}

#flow .inner .job .image {
    width: 50%;
    object-fit: cover;
}

#flow .inner .job .info {
    margin-top: 15px;
}

#flow .inner .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 150px solid transparent;
    border-left: 150px solid transparent;
    border-top-width: 60px;
    border-top-style: solid;
    border-bottom: 0;
    margin: 60px auto 0;
}

#flow .inner .outro {
    margin-top: 60px;
}

#flow .step1 {
    padding: 80px 0 60px;
    position: relative;
    z-index: 4;
}

#flow .step2,
#flow .step3,
#flow .step4 {
    padding: 160px 0 60px;
    position: relative;
}

#flow .step2 { z-index: 3; }
#flow .step3 { z-index: 2; }
#flow .step4 { z-index: 1; }

#flow .step1::after,
#flow .step2::after,
#flow .step3::after {
    content: "";
    display: block;
    height: calc(tan(60deg) * 60px / 2);
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    bottom: -51.95px;
}

#flow .step1::after,
#flow .step3::after {
    background: #f8f8f8;
}

#flow .step2::after {
    background: #fff;
}

#flow .step1 .inner .detail .text h4::after {
    border-bottom: 3px solid #EDD46B;
}

#flow .step1 .inner .detail .merit {
    background-image : linear-gradient(to right, #EDD46B 10px, transparent 10px),linear-gradient(to bottom, #EDD46B 10px, transparent 10px),linear-gradient(to left, #EDD46B 10px, transparent 10px),linear-gradient(to top, #EDD46B 10px, transparent 10px);
}

#flow .step2 .inner .detail .text h4::after {
    border-bottom: 3px solid #EEC369;
}

#flow .step2 .inner .detail .merit {
    background-image : linear-gradient(to right, #EEC369 10px, transparent 10px),linear-gradient(to bottom, #EEC369 10px, transparent 10px),linear-gradient(to left, #EEC369 10px, transparent 10px),linear-gradient(to top, #EEC369 10px, transparent 10px);
}

#flow .step3 .inner .detail .text h4::after {
    border-bottom: 3px solid #EFAF68;
}

#flow .step3 .inner .detail .merit {
    background-image : linear-gradient(to right, #EFAF68 10px, transparent 10px),linear-gradient(to bottom, #EFAF68 10px, transparent 10px),linear-gradient(to left, #EFAF68 10px, transparent 10px),linear-gradient(to top, #EFAF68 10px, transparent 10px);
}

#flow .step4 .inner .detail .text h4::after {
    border-bottom: 3px solid #F09C67;
}

#flow .step4 .inner .detail .merit {
    background-image : linear-gradient(to right, #F09C67 10px, transparent 10px),linear-gradient(to bottom, #F09C67 10px, transparent 10px),linear-gradient(to left, #F09C67 10px, transparent 10px),linear-gradient(to top, #F09C67 10px, transparent 10px);
}

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

/*---------------------/price---------------------*/
#faq{
    margin-bottom: 100px;
}

#faq .an_list{
    margin-top: 60px;
}


#faq .faq_ttl{
    margin: 100px auto 10px;
}
.accordionbox{
	width: 54%;
	margin: 30px auto 0;
	padding: 0px;
	position: relative;
	z-index: 1;

}

#accordion p{
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	padding-top: 20px;
}
.accordionlist dt{
    display:block;
    background: #fff;
    padding: 0 0 0 0px;
	line-height: 1.4em;
    border-bottom: #ccc 2px solid;
}
.accordionlist dt:first-child{
    border-top: none !important;
    
}
.accordionlist dt .title01{
	float: left;
	font-size: 16px;
	font-weight: 500;
	height: 60px;

}

.accordionlist dt .qa-q01{
	font-size: 26px;
	font-weight: 600;
	padding: 20px 25px 0 30px;
	color: #EDD46B;
}
.accordionlist dt .title02{
	float: left;
	font-size: 16px;
	font-weight: 500;
	height: 95px;
	border-left: #6DACE1 12px solid;
}

.accordionlist dt .qa-q02{
	font-size: 26px;
	font-weight: 600;
	padding: 20px 25px 0 30px;
    color: #EFBB6A;
}
.accordionlist dt .title03{
	float: left;
	font-size: 16px;
	font-weight: 500;
	height: 95px;
	border-left: #EE91B0 12px solid;
}

.accordionlist dt .qa-q03{
	font-size: 26px;
	font-weight: 600;
	padding: 20px 25px 0 30px;
    color: #E79866;
}


.accordionlist dd{
    display:none;
	background: #fff;
}


.accordionlist dd .qa-a01{
	font-size: 28px;
	font-weight: 600;
	padding: 20px 27px 0 30px;
	color: #E56C6C;
	height: 100%;
}


.accordionlist dd .qa-a-2{
	padding-top: 20px;
}
#accordion .accordionlist dd p.qa-a-txt{
	padding: 25px 0;
	width: 90%;
	font-weight: 500;
	
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	top: 30px;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 30px;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #333333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/*＋、×切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	top: 5px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
    transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
/*---------------------price/---------------------*/

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

#voice .sub_main_ttl{
    margin-bottom: 120px;
}

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

#voice .voice_txt01 span{
    font-size: 44px;
    position: relative;
    top: 10px;
}


#voice .voice_cont01{
    justify-content: space-between;
}

#voice .voice_cont01 img{
    margin-bottom: 10px;
}

#voice .voice_cont01 .voice_cont01_txt_box_txt02 a{
    color: #A6A6A6;
    font-weight: 600;
}

#voice .voice_cont01 .voice_cont01_txt_box_txt02 i{
    position: relative;
    top: 5px;
    margin-right: 5px;
}

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

#voice .voice_cont01_icon_box img{
    border: #ccc 2px solid;
    margin-bottom: 5px;
    padding: 5px;
}

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

#voice .voice_txt04{
    margin-bottom: 20px;
}

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

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

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

/*---------------------/service---------------------*/

.service_bg{
    background: url("../img/services/bg01.jpg");
    background-attachment: fixed;
    padding: 50px 0 100px;
    background-size: cover;
}

#service .service_btn_box{
    display: flex;
    justify-content: space-between;
    margin: 50px 0 20px;
}

#service .service_btn_wap{
    justify-content: space-between;
    width: 840px;
    margin: auto;
}


#service .service_btn{
    width: 410px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 13px;
    margin-bottom: 20px;
}

#service .service_btn.service_btn_l{
    display: block;
    text-align: center;
    height: auto;
    padding: 30px 0;
}

#service .service_btn img{
    width: 60px;
    height: 50px;
}

#service .service_btn.service_btn_l img{
    margin-bottom: 10px;
}

#service .service_btn01{
    background: url("../img/services/bg02.png") no-repeat;
    background-size: cover;
}
#service .service_btn02{
    background: url("../img/services/bg03.png") no-repeat;
    background-size: cover;
}

#service .service_btn03{
    background: url("../img/services/bg04.png") no-repeat;
    background-size: cover;
}

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


    #service .service_btn_wap i{
        transition: 0.3s;
    }

.service_top_txt01{
    margin: 100px auto 80px;
}

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

.service02_btn_wap{
    margin-bottom: 30px;
}
.service02_btn{
    max-width: 270px;
    width: 23%;
    height: 320px;
    text-align: center;
    padding-top: 50px;
    margin: 0 1% 20px;
}
.service02_btn01{
    background: url("../img/create/bg01.png") no-repeat;
    background-size: 100% 320px;
}

.service02_btn02{
    background: url("../img/after/bg01.png") no-repeat;
    background-size:  100% 320px;
}
.service02_btn03{
    background: url("../img/option/bg01.png") no-repeat;
    background-size:  100% 320px;
}


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

.service02_btn .service02_btn_txt02{
    width: 80%;
    height: 75px;
    margin: auto;
    text-align: left;
}

.service02_btn .btn{
    margin-left: 80px;
    margin-top: 25px;
}

#create .service02_btn{
    width: 31%;
}

#service .service_s02_cont{
    margin: 120px auto;
}

#service .service_s02_cont img{
   width: 80%;
    max-width: 100%;
    height: auto;
    
}

#service .service_s02_cont .mt{
    margin-top: 80px;
}
#service .service_s02_cont .mb{
    margin-bottom: 80px;
}

.service_s_new{
    
}

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

.service_s_new .service_s_cont01 .service_s_cont01_txt_box{
    width: 100%;
}


.service_s_new img.service_s_main_icon{
    margin: 0 auto;
}

.service_s_new .service_s_cont01 img{
    width: auto;
}

.service_s_new .service_s_cont01_txt01{
    text-align: center;
    width: fit-content;
    margin: auto;
    border-bottom: 2px solid #F09C67;
    padding-bottom: 30px;
}


.service_s_new .service_s_cont02_box_wap .service_s_cont02_box img{
    top: 0;
}

.service_s_new .service_s_cont02_box_wap .service_s_cont01_txt02{
    margin: 30px 0;
}

.service_s_new .service_s_cont02_box_wap .service_s_cont02_box .point_txt{
    background: #ff9a5b;
    border-radius: 50px;
    width: fit-content;
    margin: auto;
    position: relative;
    top: -18px;
    padding: 2px 20px;
    color: #5e3b28;
}

.service_s_new .service_s_cont02_box_wap .service_s_cont02_box .point_txt span{
    color: #5e3b28;
}

.service_s_new .service_s_cont02_box_wap .service_s_cont02_box{
background: none;
border: 1px solid #F09C67;
padding: 0 2% 30px;
background-color: #fff;
}


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

.service_s_new .service_s_cont03 .service_s_cont03_box{
    padding: 60px 5%;
}

.service_s_new .service_s_cont03 .service_s_cont03_box{
    justify-content: space-between;
    background: #F5F5F5;
    margin-top: 60px;
}

.service_s_new .service_s_cont03 .service_s_cont03_box:nth-child(odd){
    flex-direction: row-reverse;
}

.service_s_new .service_s_cont03 .service_s_cont03_box .service_s_cont03_txt_box{
width: 48%;
}

.service_s_new .service_s_cont03 .service_s_cont03_box .service_s_cont03_img_box{
    width: 48%;
}

.service_s_new .service_s_cont03 .service_s_cont03_box .service_s_cont03_img_box img{
    width: 100%;
}


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

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

.service_s_new .service_s_cont04 .service_loop_slider li a{
display: block;
}

.service_s_new .service_s_cont04 .service_loop_slider li a img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: top;
    border: 2px solid #333;
}

.service_s_cont05{
    margin-top: 120px;
}

.service_s_cont05 .service_s_cont04_box_wap{
    border-bottom: 1px solid #F09C67;
    border-top: 1px solid #F09C67;
    align-items: normal;
    margin-top: 60px;
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_left_box{
    background-color: #F9F9E8;
    width: 30%;
    position: relative;
    display: grid;
    place-items: center;
    text-align: center;
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_left_box .point_txt{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff9a5b;
    border-radius: 0 0 30px 0;
    padding: 5px 20px;
    color: #5e3b28;
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_left_box .point_txt span{
    color: #5e3b28;
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_right_box{
    width: 70%;
    background-color: #fff;
    padding: 60px 5%;
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_right_box .service_s_cont04_right_box_tag_box{
justify-content: flex-start;
margin-top: 20px;
}

.service_s_cont05 .service_s_cont04_box_wap .service_s_cont04_right_box .service_s_cont04_right_box_tag_box h5{
    background-color: #EDD46B;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
}


.service_s_banner {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 90px;
}
.service_s_banner img {
    width: 100%;
}
.service_s_banner .sp {
    display: none;
}
.service_s_banner.old {
    padding-top: 0;
    padding-bottom: 90px;
}
.service_s_banner.slim {
    width: 98%;
    padding-top: 40px;
    padding-bottom: 0;
}


.service_s_contact {
    padding: 120px 7% 120px 0;
    position: relative;
}

.service_s_contact .sp_icon01{
    display: none;
}

.service_s_contact .service_s_contact_txt_box{
    background: #F9F9E8;
    padding: 60px 5%;
    width: 58%;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 2;
}

.service_s_contact .icon01{
    position: absolute;
    right: 60vw;
    width: 43%;
}

.service_s_contact .service_s_contact_btn_wap{
    justify-content: flex-start;
}

.service_s_contact .service_s_contact_txt01{
color: #EDD46B;
}

.service_s_contact .service_s_contact_txt02{
border-bottom: 2px solid #EDD46B;
padding-bottom: 10px;
}

.service_s_contact .service_s_contact_btn_wap .service_s_contact_btn_box{
    margin-top: 30px;
    margin-right: 2%;
    width: 48%;
    max-width: 300px;
}

.service_s_contact .service_s_contact_btn_wap .service_s_contact_btn_box .contact_orange_button{
margin: 0;
}

.service_s_contact .service_s_contact_btn_wap .service_s_contact_btn_box .service_s_contact_txt03{
margin-bottom: 10px;
}

.service_s_contact .service_s_contact_btn_wap .service_s_contact_btn_box .estimate_button{
width: 100%;
max-width: 260px;
margin: 0;
}

.service_s_contact .service_s_contact_btn_wap .service_s_contact_btn_box .contact_orange_button{
    width: 100%;
    max-width: 260px;
}

.service_s_btn_wap{
    justify-content: space-between;
}

.service_s_btn_wap .service_s_btn_box{
    width: 48%;
}

.service_s_btn_wap .service_s_btn_box img{
    width: 100%;
    height: auto;
}


.service_s_btn_wap .service_s_btn_box .txt_wap{
    position: relative;
    padding: 10px 3%;
}

.service_s_btn_wap .service_s_btn_box .txt_wap p{
    line-height: 1.2;
    transition: 0.3s;
}

.service_s_btn_wap .service_s_btn_box .txt_wap .icon{
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    border: 2px solid #5e3b28;
    border-radius: 50%;
    right: 3%;
    padding: 3px;
    
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box01 .txt_wap{
    background: #ff9a5b;
    border: 2px solid #ff9a5b;
    transition: 0.3s;
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box01 .txt_wap p,
.service_s_btn_wap .service_s_btn_box.service_s_btn_box01 .txt_wap span{
    color: #5e3b28;
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box01:hover .txt_wap{
    background: #fff;
    transition: 0.3s;
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box01:hover .txt_wap p{
    color: #F09C67;
    transition: 0.3s;
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box01:hover .txt_wap .icon{
    color: #F09C67;
    transition: 0.3s;
    border: 2px solid #F09C67;
}

.service_s_btn_wap .service_s_btn_box:hover{
    opacity: 1;
    transition: 0.3s;
}

.service_s_btn_wap .service_s_btn_box:hover img{
    opacity: 0.6;
    transition: 0.3s;
}


.service_s_btn_wap .service_s_btn_box.service_s_btn_box02 .txt_wap{
    background: #F5D964;
    border: 2px solid #F5D964;
    transition: 0.3s;
}


.service_s_btn_wap .service_s_btn_box.service_s_btn_box02 .txt_wap p,
.service_s_btn_wap .service_s_btn_box.service_s_btn_box02 .txt_wap span{
    color:#5e3b28;
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box02:hover .txt_wap{
    background: #fff;
    transition: 0.3s;
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box02:hover .txt_wap p{
    color: #EDD46B;
    transition: 0.3s;
}

.service_s_btn_wap .service_s_btn_box.service_s_btn_box02:hover .txt_wap .icon{
    color: #EDD46B;
    transition: 0.3s;
    border: 2px solid #EDD46B;
}


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

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

img.service_s_main_icon {
    width: 160px;
    margin: 50px auto 70px;
}


.service_s_cont01{
    justify-content: space-between;
}

.service_s_cont01 img{
    width: 38%;
    height: auto;
}

.service_s_cont01 .service_s_cont01_txt_box{
    width: 58%;
}

.service_s_cont01 .service_s_cont01_txt01{

}

.service_s_cont02{
    padding:90px 0 ;
    
}

.service_s_cont02.service_s_cont02_01{
    background-color: #F5F5F5;
}

.service_s_cont02_box_wap{
    margin-top: 70px;
    
    align-items: normal;
}
.service_s_cont02_box_wap .service_s_cont02_box{
    width: 29%;
    background: #F5F5F5;
    margin: 30px 2%;
}

.service_s_cont02_box_wap .service_s_cont02_box img{
    position: relative;
    top: -40px;
}

.service_s_cont02_box_wap .service_s_cont02_box .service_s_cont02_box_txt01{
    margin: -35px auto 10px;
    font-weight: 600;
    line-height: 1.3;
    width: 90%;
}


.service_s_cont02_box_wap .service_s_cont02_box .service_s_cont02_box_txt02{
    width: 90%;
    margin: 0 5% 20px 7%;
}

.service_s hr.og_line{
    margin: 15px 0 30px 0;
}

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

/*---------------------/contact---------------------*/
#contact .contact_p_txt01{
    margin: 70px auto 30px;
}

#contact #form{
	width: 680px;
	margin: 40px auto 0;
}

#contact th{
	width: 220px;
	padding: 17px 0px 15px;
	vertical-align: top;
	text-align: right;
}

#contact th span{
	color:#d10012;
	display: inline-block;
	padding-left: 5px;
}

#contact td{
    margin-bottom: 20px;
	padding: 15px 0px 15px 30px;
}

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


#contact td .it_a{
	width: 500px;
	height: 40px;
	border: 1px solid #999999;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
}

#contact td .it_b{
	width: 120px;
	height: 40px;
	border: 1px solid #999999;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
}

#contact td .it_c{
	width: 500px;
	height: 180px;
	padding-top: 10px;
	border: 1px solid #999999;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
}

#contact input::placeholder,
#contact textarea::placeholder{
    color: #ccc;
}
#contact label{
    padding-right: 20px;
    display: block;
    line-height: 0;
}

#submit{
	text-align: center;
}

#submit input {
    padding: 15px 0;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 16px;
	letter-spacing: 2px;
	width: 210px;
	font-family : 'Noto Sans JP', sans-serif;
	
}
#submit input.back{
	margin-right:20px;
	background-color: #c1c1c1;
    border: 2px solid #c1c1c1;
}
#submit input.back:hover{
	background-color: #fff;
	color:#c1c1c1;
}
#submit input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	background-color: #F09C67;
    border: 2px solid #F09C67;
    color: #fff;
    border-radius: 35px;
    margin: 20px auto 100px;
}



#contact .contact_cont01{
    max-width: 800px;
    width: 90%;
    justify-content: space-between;
    margin: 80px auto 50px;
}

#contact .contact_cont01 i{
    font-size: 30px;
}

#contact .contact_cont01 .contact_cont01_box{
    max-width: 280px;
    width: 56%;
}

#contact .contact_cont01 .contact_cont01_box_txt01{
    border-bottom: 2px solid #F09C67;
    padding-bottom: 8px;
    margin: 10px auto 15px;
}

#contact .contact_cont01 a{
    color: #F09C67;
    font-weight: 700;
}



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

/*---------------------/privacypolicy---------------------*/
#sitepolicy p.privacypolicy_txt, #privacypolicy p.privacypolicy_txt{
    max-width: 860px;
    width: 90%;
    margin: 50px auto 0;
}
/*---------------------privacypolicy/---------------------*/

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

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

#sitemap p.sitemap_txt01{
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin: 50px auto 15px;
}

#sitemap p.sitemap_txt01 a{
    font-weight: 700;
}


#sitemap .sitemap_box{
    width: 48%;
}

#sitemap .sitemap_box_wap{
    justify-content: space-between;
}

#sitemap i{
    position: relative;
    top: 5px;
}

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

/*---------------------/works---------------------*/
#works_s .works_main_img{
    width: 90%;
    max-width: 1000px;
    margin: 120px auto 0;
    justify-content: space-between;
    text-align: center;
}

#works_s .works_main_img_txt_box{
    margin: 20px auto 60px;
}

#works_s .works_main_img_txt01{
    background: #4C8492;
    padding: 5px 50px;
    display: inline-block;
}

#works_s .works_main_img_name{
    margin: 20px 0 0px;
    height: 25px;
    width: auto;
}

#works_s .works_main_img_txt03 a{
    color: #A6A6A6;
    padding-left: 10px;
}

#works_s .works_main_img_txt03 i{
    position: relative;
    top: -3px;
}

#works_s .gray_stripe_bg{
    padding: 220px 0 100px;
    margin-top: -180px;
}
#works_s .gray_bg{
    padding: 220px 0 100px;
    margin-top: -180px;
    background-color: #f8f8f8;
}

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



#works_s .works_cont01 .works_cont01_txt01{
    line-height: 1.8;
}

#works_s .works_cont01 .works_cont01_txt02{
    border-bottom: 2px solid #ccc;
    padding-bottom: 3px;
    margin: 80px 0 20px;
}

#works_s .works_sp_img_box{
    justify-content: end;
}

#works_s .works_sp_img_box img{
    margin-right: 30px;
}

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

#works_s .works_page_navi_pc{
    display: flex;
}

#works_s .works_page_navi_sp{
    display: none;
}

#works_s .works_page_navi_pc > * {
    width: 25%;
    height: auto;
}

#works_s .works_page_navi_pc img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: top;
}

#works_s .works_page_navi01{
    background: #E8E8E8;
}

#works_s .works_page_navi02{
    background: #F5F5F5;
}
#works_s .works_page_navi02 p,
#works_s .works_page_navi01 p{
    position: relative;
    top: 50%;
}

#works_s .works_page_navi02 i,
#works_s .works_page_navi01 i{
    position: relative;
    top: 5px;
}

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

#works_s .works_pc_img_box img{
    width: 100%;
    height: 950px;
    object-fit: cover;
    margin-bottom: 20px;
    object-position: 0 0;
}

#works_s .works_sp_img_box img{
    height: 820px;
    object-position: 0 0;
    box-shadow: 0px 0px 3px #d8d8d8;
}

#works_s .service_area{
}

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

#works_s .service_area .service_area_flex ul{
    display: flex;
}

#works_s .service_area .service_area_flex ul li{
    width: 160px;
    margin-right: 10px;
}

#works_s .service_area .service_area_flex ul li img{
    width: 100%;
    height: auto;
    object-fit: cover;
    padding: 0 ;
    border: none;
}

#works_s .graphic{
    margin-top: 100px;
}

#works_s .graphic .graphic_main{
}

#works_s .graphic .graphic_main h3{
    font-weight: bold; 
    margin-bottom: 20px;
}

#works_s .graphic .graphic_main .graphic_inner{
    display: flex;
    justify-content: space-between;
}

#works_s .graphic .graphic_main .graphic_inner .cover{
    width: 226px;
}

#works_s .graphic .graphic_main .graphic_inner .cover img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#works_s .graphic .graphic_main .graphic_inner .inside{
    width: 560px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#works_s .graphic .graphic_main .graphic_inner .inside .inside_img{
    width: 269px;
    margin-bottom: 30px;
}

#works_s .graphic .graphic_main .graphic_inner .inside .inside_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#works_s .graphic_sub_area{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

#works_s .graphic_sub_area .graphic_sub_recruit{
}

#works_s .graphic_sub_area .graphic_sub_recruit h3{
    margin-bottom: 20px;
    font-weight: bold;
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner{
    display: flex;
    max-width: 410px;
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner .graphic_sub_recruit_cover{
    width: 161px;
    margin-right: 10px;
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner .graphic_sub_recruit_cover img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner .graphic_sub_recruit_inside{
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner .graphic_sub_recruit_inside .graphic_sub_recruit_inside_img{
    width: 212px;
}

#works_s .graphic_sub_area .graphic_sub_recruit .graphic_sub_recruit_inner .graphic_sub_recruit_inside .graphic_sub_recruit_inside_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#works_s .graphic_sub_area .graphic_sub_leaf{  
}

#works_s .graphic_sub_area .graphic_sub_leaf h3{
    margin-bottom: 20px;
    font-weight: bold;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner{
    display: flex;
    justify-content: space-between;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner .graphic_sub_leaf_cover{
    width: 160px;
    margin-right: 10px;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner .graphic_sub_leaf_cover img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner .graphic_sub_leaf_inside {
    width: 110px;
}

#works_s .graphic_sub_area .graphic_sub_leaf .graphic_sub_leaf_inner .graphic_sub_leaf_inside img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#works_s .graphic_sub_area_lower{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

#works_s .graphic_sub_area_lower .graphic_clearfile {
}

#works_s .graphic_sub_area_lower .graphic_clearfile h3{
    margin-bottom: 30px;
    font-weight: bold;
}

#works_s .graphic_sub_area_lower .graphic_clearfile img{
    width: 320px;
    height: auto;
    object-fit: cover;
}

#works_s .graphic_sub_area_lower .graphic_namecard h3{
    margin-bottom: 30px;
    font-weight: bold;
}

#works_s .graphic_sub_area_lower .graphic_namecard img{
    width: 173px;
    height: auto;
    margin-bottom: 10px;
    object-fit: cover;
    margin-right: 10px;
}

#works .works_cat_wap{
    margin: 100px auto 80px;
}

#works .works_cat_wap .works_cat_txt01{
    margin-left: 50px;
    position: relative;
    top: -20px;
}

#works .works_cat_wap .works_cat_txt02{
    margin: -10px 0 0 80px;
    padding: 0 30px 30px 0;
}

#works .works_cat_wap .works_cat_txt02 a{
    display: inline-block;
}

#works ul{
    padding: 50px 0;
}

#works ul li{
    max-width: 360px;
    width: 30%;
    margin: 10px;
    display: inline-block;
}

#works ul li > a > img{
    width: 100%;
    height:auto;
    border:2px solid #333333;
}

#works ul li > a > .publish_image {
    width: 345px;
    height: 345px;
    object-fit: cover;
}

#works ul li > .thumb_area > img{
   aspect-ratio: 1;
   -webkit-aspect-ratio: 1;
   -moz-aspect-ratio: 1;
   -ms-aspect-ratio: 1;
}

#works ul li .works_txt_area{
	background: #fff;
	height: 220px;
	padding-top: 10px;
	box-shadow: 0px 2px 5px -5px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 2px 5px -5px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 2px 5px -5px rgba(0, 0, 0, 0.6);
		-o-box-shadow: 0px 2px 5px -5px rgba(0, 0, 0, 0.6);
		-ms-box-shadow: 0px 2px 5px -5px rgba(0, 0, 0, 0.6);
	margin-bottom: 2px;
}

#works ul li .works_txt_area .works_txt01{
	background: #4C8492;
	color: #fff;
	padding: 5px;
	width: 80%;
	font-weight: 500;
	text-align: center;
	margin: 0 auto 15px;
}

#works ul li .works_txt_area .works_txt02 {
	width: 90%;
    display: flex;
    flex-wrap: wrap;
	margin: 15px auto 0;
}

#voice .voice_cont01_icon_box p,
#works_s .works_txt02 a,
#top .top_cont02_slide_wap li .works_txt_area .works_txt02 a,
#works ul li .works_txt_area .works_txt02 a{
	color: #7F7F7F;
	font-size: 14px;
	line-height: 1.4;
    background: url("../img/works/works_icon01.svg") no-repeat;
    background-position: top 4px left;
    background-size: 8px;
    padding: 0 10px 0 14px;
    display: inline;
}

#works ul li .works_txt_area .works_txt02 a {
    letter-spacing: 2px;
    margin: 2px 5px;
    padding: 2px 5px 2px 9px;
}
#works ul li .works_txt_area .works_txt02 .selected {
    background-color: #f09c67;
    background-image: url("../img/works/works_icon02.svg");
    background-repeat: no-repeat;
    background-position: top 4px left 6px;
    color: #fff;
    font-weight: bold;
    border-radius: 9999px;
    padding-left: 15px;
    padding-right: 8px;
}

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

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

#works .category_area .category_area_inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: flex;
    justify-content: space-between;
}

#works .category_area .category_area_inner .category {
    width: 50%;
}
#works .category_area .category_area_inner .category .textarea {
    display: flex;
    align-items: end;
    margin-bottom: 20px;
}
#works .category_area .category_area_inner .category .textarea .text-en {
    color: #f09c67;
}
#works .category_area .category_area_inner .category .imgarea_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
#works .category_area .category_area_inner .category .imgarea_inner .selected {
    background-color: #e6e6e6;
    cursor: default;
}
#works .category_area .category_area_inner .category .imgarea_inner .selected:hover {
    opacity: 1;
}
#works .category_area .category_area_inner .category .imgarea_inner .selected .img img {
    filter: grayscale(1);
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea {
    border: 1px solid #e6e6e6;
    width: 49%;
    height: 70px;
    padding: 16px 10px 16px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2%;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea:nth-child(3),
#works .category_area .category_area_inner .category .imgarea_inner .imgarea:nth-child(4) {
    margin-bottom: 0;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .img {
    width: 36px;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .img03 {
    width: 34px;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}
#works .category_area .category_area_inner .category .imgarea_inner .imgarea .text {
    display: flex;
    align-items: center;
    margin-top: 6px;
}
#works .category_area .category_area_inner .option {
    width: 40%;
}
#works .category_area .category_area_inner .option .textarea {
    display: flex;
    align-items: end;
    margin-bottom: 28px;
}
#works .category_area .category_area_inner .option .textarea .text-en {
    color: #6fb14b;
}
#works .category_area .category_area_inner .option .imgarea_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    height: 125px;
    /* height: 145px; 4行ならび用の高さ設定 */
}
#works .category_area .category_area_inner .option .imgarea_inner .selected {
    color: #ccc;
    font-weight: bold;
    cursor: default;
}
#works .category_area .category_area_inner .option .imgarea_inner .selected:hover {
    opacity: 1;
}
#works .category_area .category_area_inner .option .imgarea_inner a {
    width: 43%;
    margin-bottom: 16px;
}
#works .category_area .category_area_inner .option .imgarea_inner a:nth-child(-n+3) {
    margin-right: 14%;
}
#works .category_area .category_area_inner .option .imgarea_inner a:nth-child(3n) {
    margin-bottom: 0;
}
/* 4行ならび用の設定 */
/* #works .category_area .category_area_inner .option .imgarea_inner a:nth-child(-n+4) {
    margin-right: 14%;
}
#works .category_area .category_area_inner .option .imgarea_inner a:nth-child(4n) {
    margin-bottom: 0;
} */
#works .category_area .category_area_inner .option .imgarea_inner a .text {
    display: flex;
    justify-content: space-between;
}
#works .category_area .category_area_inner .category .textarea .text-ja,
#works .category_area .category_area_inner .option .textarea .text-ja {
    line-height: 1;
    margin-right: 10px;
}

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


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

#news .container_860 .news_box,
#news_s .container_1150 .news_box{
    padding-bottom: 8px;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
	z-index: 0;
}

.container_860 .news_box:before,
.container_1150 .news_box:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    z-index: -2;
    background: #ccc;
}

.container_860 .news_box:after,
.container_1150 .news_box:after{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #F09C67;
    z-index: -1;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.215,.61,.355,1) 0s;
    transition: -webkit-transform .8s cubic-bezier(.215,.61,.355,1) 0s;
    transition: transform .8s cubic-bezier(.215,.61,.355,1) 0s;
    transition: transform .8s cubic-bezier(.215,.61,.355,1) 0s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) 0s;
}


#news .container_860 .news_box i,
#news_s .container_1150 .news_box i{
    position: absolute;
    top: 20%;
    right: 20px;
    	-webkit-transition: color .35s ease-out 0s,-webkit-transform .45s cubic-bezier(.215,.61,.355,1) 0s;
    transition: color .35s ease-out 0s,-webkit-transform .45s cubic-bezier(.215,.61,.355,1) 0s;
    transition: transform .45s cubic-bezier(.215,.61,.355,1) 0s,color .35s ease-out 0s;
    transition: transform .45s cubic-bezier(.215,.61,.355,1) 0s,color .35s ease-out 0s,-webkit-transform .45s cubic-bezier(.215,.61,.355,1) 0s;

}

#news_s .container_860 .news_s_box_ttl,
#news_s .container_1150 .news_s_box_ttl{
    border-bottom: 2px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 30px;
        font-size: 28px;
    font-weight: bold;
}

#news_s .container_860 .news_s_box_txt,
#news_s .container_1150 .news_s_box_txt{
    padding-left: 30px;
}
#news_s .container_860 .news_s_box_txt p,
#news_s .container_1150 .news_s_box_txt p{
    padding: 5px 0;
}
#news_s .container_860 .news_s_box_txt a,
#news_s .container_1150 .news_s_box_txt a{
    color: #F09C67;
}
#news_s .container_860 .news_s_box_txt p strong span,
#news_s .container_860 .news_s_box_txt p strong,
#news_s .container_1150 .news_s_box_txt p strong span,
#news_s .container_1150 .news_s_box_txt p strong{
    font-weight: 600;
}

#news_s iframe{
    max-width: 100%;
}

#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: -150px;
}

#news_s .container_860 .news_s_box_txt img,
#news_s .container_1150 .news_s_box_txt img{
    max-width: 100%;
    height: auto;
}

#news_s .container_860 .news_s_box_txt .alignleft,
#news_s .container_1150 .news_s_box_txt .alignleft{
    float: left;
}

#news_s .container_860 .news_s_box_txt .alignright,
#news_s .container_1150 .news_s_box_txt .alignright{
    float: right;
}

#news_s .container_860 .news_s_box_txt img.aligncenter,
#news_s .container_1150 .news_s_box_txt img.aligncenter{
    display: block;
    margin: auto;
}

#news_s .container_860 .news_s_box_txt img.alignnone,
#news_s .container_1150 .news_s_box_txt img.alignnone{
    display: block;
}

#news_s .blog_sns_wap{
    justify-content: space-between;
}

.wpulike{
	padding: 0 !important;
        margin: -2px 0 0 10px !important;
}

.wpulike-default .count-box{
	color: #F09C67 !important;
}

.wpulike-default .wp_ulike_btn{
	background: #F09C67 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 10px 0 0 !important;
}

.wp_ulike_btn.wp_ulike_put_image:after{
	content: "";
	width: 23px !important;
	height: 23px !important;
}

.wpulike-default .wp_ulike_put_image.image-unlike::after{
	content: "";
	width: 23px !important;
	height: 23px !important;
    filter: none;
}

.wp_ulike_btn.wp_ulike_put_image:after{
	content: "";
	width: 23px !important;
	height: 23px !important;
}

.wpulike-robeen .wp_ulike_btn:checked+svg{
	background: #F09C67 !important;
}

.wpulike-robeen svg{
	background: #ddd !important;
	width: 23px !important;
	height: 23px !important;
	border-radius: 20px;
}

.wpulike-robeen svg .heart,
.wpulike-robeen .wp_ulike_btn:checked+svg .heart{
	fill: #FFF !important;
	
}

.wpulike-robeen .count-box{
	font-weight: 500;
    font-size: 11px;
    color: #F09C67;
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 3px 10px;
    background: #FFF;
    border: solid 1px #ccc;
    box-sizing: border-box;
    border-radius: 10px;
}

.wpulike-robeen .count-box:before {
      content: "";
    position: absolute;
    top: 60%;
    left: -12px;
    margin-top: -12px;
    border: 9px solid transparent;
    border-right: 9px solid #FFF;
    z-index: 2;
}

.wpulike-robeen .count-box:after {
   content: "";
    position: absolute;
    top: 91%;
    left: -9px;
    margin-top: -14px;
    border: 4px solid transparent;
    border-right: 4px solid #ccc;
    z-index: 1;
}




/*----------2カラム/-----------*/
#news_s .container_1150 .left{
    width: 70%;
}
#news_s .container_1150 .right{
    width: 25%;
}
.side ul li {
    margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #eee;
}
.side ul.blog_arrow li{
    background: url(../img/common/arrow02.png) no-repeat right 10px top 10px;
    background-size: 5px;
}
.side ul.blog_arrow li a{
    padding-left: 1em;
}
.side ul li.cat-item{
    background: url(../img/common/arrow02.png) no-repeat right 10px top 10px;
    background-size: 5px;
}

.side ul li.cat-item-16 a{
    background:url(../img/common/blog_icon01.png) no-repeat top -2px left;
    background-size: 30px auto;
    padding-left: 40px;
    padding-bottom: 20px;
}
.side ul li.cat-item-17 a{
    background:url(../img/common/blog_icon02.png) no-repeat top -2px left;
    background-size: 30px auto;
    padding-left: 40px;
    padding-bottom: 20px;
}
.side ul li.cat-item-3 a{
    background:url(../img/common/blog_icon03.png) no-repeat top -2px left;
    background-size: 30px auto;
    padding-left: 40px;
    padding-bottom: 20px;
}
.side ul li.cat-item-92 a{
    background:url(../img/common/blog_icon04.png) no-repeat top -2px left;
    background-size: 30px auto;
    padding-left: 40px;
    padding-bottom: 20px;
}
.side ul li.cat-item-180 a{
    background:url(../img/common/blog_icon05.svg) no-repeat top -2px left;
    background-size: 30px auto;
    padding-left: 40px;
    padding-bottom: 20px;
}

.side ul li.cat-item-191 a{
    background:url(../img/common/blog_icon06.png) no-repeat top -2px left;
    background-size: 30px auto;
    padding-left: 40px;
    padding-bottom: 20px;
}
.side ul li.cat-item-192 a{
    background:url(../img/common/blog_icon07.png) no-repeat top -2px left;
    background-size: 30px auto;
    padding-left: 40px;
    padding-bottom: 20px;
}


.side #custom-post-type-recent-posts-2 span,
.side #custom-post-type-recent-posts-2 a{
    font-size: 14px;
}

.side #custom-post-type-recent-posts-2 span{
    color: #8E8E8E;
}

input, select {
    vertical-align: middle;
}
input[type=submit] {
    font-family: fontawesome,/*FontAwesomeをフォント指定*/'Noto Sans Japanese', sans-serif;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
h4.heading {
    padding: 30px 0 5px;
	font-size: 18px;
    font-weight: bold;
	margin-bottom: 15px;
    text-align: center;
}
#news_s .container_1150 .right a:hover {
    opacity: 0.6;
    transition: 0.3s;
}
#news_s .container_1150 .right span.post-date{
    display: block;
}
	
.searchform {
  position: relative;
}
 
.searchfield {
  font-size: 14px;
  width: 90%;
  margin: 3px;
  padding: 10px;
  border: solid 1px #bbb;
  border-radius: 50px;
  background-color: #fff;
    position: relative;
    height: 46px;
}
 
.searchsubmit {
  font-family: FontAwesome;
  font-size: 1.4em;
  position: absolute;
  top: 0;
  right: 8%;
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  color: #6297f5;
  border: none;
  background: transparent;
}


[type="submit"].searchsubmit{
height: 46px;
    width: 50px;
    position: absolute;
    top: 3px;
    right: 0;
    background-color: #5C5C5C;
    color: #fff;
    border: none;
    border-radius: 0 25px 25px 0;
    margin: 0;
    background-image: url("../img/common/search-white-18dp.svg");
    background-position: center;
    background-size: 20px auto;
    background-repeat: no-repeat;
}


.searchfield:focus{
    outline: none;
}
#wpp-2{
	margin-bottom: 30px;
}
.side ol li{
    list-style: none;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
}
#news_s .container_1150 .right .side ol li .popular_entrytitle a{
    color: #333;
}
.popular_thumbnail img{
    width: 100%;
    margin: 0 0 5px 0;
    height: auto;
}
.side ol{
counter-reset: number 0;
	margin-bottom: 30px;
}
.side ol li::before {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #F09C67;
    padding: 2px 12px;
    color: #fff;
counter-increment: number 1;
content: counter(number);
    z-index: 99;
}
#news_s .container_1150 .left h4.heading{
    margin-left: 20px;
    margin-top: 50px;
}
#news_s .container_1150 .left ol.osusume li{
    list-style: none;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 15px;
    width: 30%;
}
#news_s .container_1150 .left ol.osusume{
    counter-reset: number 0;
    width: 860px;
	display: flex;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
}
#news_s .container_1150 .left ol.osusume .popular_entrytitle img{
    width: 100%;
    margin: 0 0 5px 0;
}

#news_s .container_1150 .left ol.osusume .popular_entrytitle .fl{
    justify-content: space-between;
    margin-bottom: 5px;
}

#news_s .blog_archive_accordion {
    margin-bottom: 10px;
}
#news_s .blog_archive_accordion .year {
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #bbb;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
#news_s .blog_archive_accordion .year .triangle {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #555555;
    border-right: 0;
    margin-right: 10px;
    transition: 0.1s linear;
}
#news_s .blog_archive_accordion[open] .year .triangle {
    transform:rotate(90deg);
    transition: 0.1s linear;
}
#news_s .blog_archive_accordion .content {
    overflow: hidden;
}

/*----------2カラム/-----------*/


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


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

#blog .container_1150 {
    margin: 50px auto;
}

#blog .blog_box{
    width: 31%;
    margin: 10px;
}
#blog .blog_txt_box{
	width: 360px;
	height: 230px;
	background: #fff;
	padding: 0 15px;
	position: relative;
	top: -30px;
	box-shadow: 1px 1px 4px #eaeaea;
}

#blog .blog_txt_box a{
    position: relative;
    z-index: 10;
}

#blog .blog_txt_box img{
	z-index: 2;
    width: 272px;
    margin-top: 35px;
    height: auto;
}
#blog .blog_txt_box .blog_ttl{
	padding: 13px 0 0 5px;
}

#blog .blog_txt_box .blog_day a{
	color: #7F7F7F;
	position: absolute;
	right: 15px;
	bottom: 10px;
}


#blog .blog_img_box {
	width: 330px;
	height: 240px;
	overflow: hidden;
	margin: auto;
	position: relative;
	z-index: 1;
}
#blog .blog_img_box img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    width: 100%;
    height: 240px;
    object-fit: cover;
}

#blog .btn-wap{
    margin-bottom: 50px;
}

#blog .btn-wap .btn_org5{
    margin: 5px;
    width: 170px;
    padding: 15px 0;
}




#top .top_cont06 .wpulike,
#blog .blog_box .wpulike{
        position: relative;
    top: 7px;
}
#top .top_cont06 .wpulike .wpulike-robeen .count-box,
#blog .blog_box .wpulike .wpulike-robeen .count-box:before{
    top: 58%;
}

#top .gray_bg{
    background-color: #f8f8f8;
}



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


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

#ricruit .ricruit_cont01 p.ricruit_cont01_txt01{
    margin-bottom: 60px;
}

/*---------------------ricruit/---------------------*/


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

#partner .partner_cont01{
    margin: 90px auto 80px;
}

#partner .partner_cont01 .fl{
    justify-content: space-between;
    margin-top: 50px;
}

#partner .partner_cont01_box{
    margin-top: 30px;
}

#partner .partner_cont01_box .partner_cont01_box_txt01{
    margin-bottom: 20px;
}

#partner .partner_cont01_box .partner_cont01_box_txt03{
    margin-bottom: 20px;
    line-height: 53px;
}

#partner .partner_cont02{
    background: url("../img/partner/bg01.jpg") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 120px 0;
}

#partner .wh_bg{
    padding: 80px 100px;
}


#partner .partner_cont02_box01 p.partner_cont02_txt02{
    margin-bottom: 10px;
}

#partner .partner_cont02_box01 p.partner_cont02_txt04{
    margin-bottom: 30px;
}


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

臨時追加ページ　STRATEGY

----------------------------------------------------------------*/
.strategy_icon{
  width: 100%;
  margin:80px auto 40px auto;
}
.strategy_icon img{
  width: 110px;
  height:auto;
}

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

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

----------------------------------------------------------------*/
.three_rows_blk{
	max-width:1150px;
	margin: 100px auto 50px auto;
}
.three_rows_blk p.title{
	font-weight: bold;
	text-align:center;
	margin-bottom:50px;
}
.three_rows_blk .inner{
	overflow: hidden;
}
.three_rows_blk .one_box{
	float:left;
	width: 30%;
	margin-right:5%;
}
.three_rows_blk div.one_box:last-child{
	margin-right:0;
}
.three_rows_blk .one_box img{
	width: 100%;
	height:auto;
}
.three_rows_blk .one_box .img{
	margin-bottom:40px;
}
.three_rows_blk .one_box .text_blk p.sub_title{
	text-align: center;
	font-weight: bold;
	margin-bottom:40px;
}
.online-meeting_con_01{
	margin:100px auto;
}
.online-meeting_con_01 .online-meeting-icon{
	margin:80px auto 60px auto;
	width: 422px;
}
.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{
	text-align:center;
	margin-top:50px;
}
.online-meeting a{
	position: relative;
	font-weight: bold;
	color:#fff;
}
/*　マウスオーバ－時　線　*/
.online-meeting a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scaleX(1);
  transform-origin: left top;
  transition: transform 0.3s;
}
/*　オンマウス時　線　*/
.online-meeting a:hover::after {
  transform: scaleX(0);
  transform-origin: left top;
}
.online-meeting a:hover{
	opacity: 1;
}
/*----------------------------------------------------------------

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

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

.contents_blk_01{
	max-width: 860px;
	margin: 100px auto;
}
.vermilion{
	color:#F38081;
}
.blue{
	color:#76CDE0;
}
.gray{
	color:#A1A1A1;
}
.orange{
	color:#F09C67;
}
.yellow{
	color:#EBD63D;
}
/*サブタイトル１*/
.contents_blk_01 .sub_title_01{
	position: relative;
	margin:auto;
}
.contents_blk_01 .sub_title_01:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 100px;/*線の長さ*/
  height: 4px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #F38081;/*線の色*/
}
.contents_blk_01 .sub_title_01.border_vermilion:before {
  background-color: #F38081;/*線の色*/
}
.contents_blk_01 .sub_title_01.border_blue:before {
  background-color: #76CDE0;/*線の色*/
}
.contents_blk_01 .sub_title_01.border_gray:before {
  background-color: #A1A1A1;/*線の色*/
}
.contents_blk_01 .sub_title_01.border_orange:before {
  background-color: #FF9A5B;/*線の色*/
}
.contents_blk_01 .sub_title_01.border_yellow:before {
  background-color: #EBD63D;/*線の色*/
}
.contents_blk_01 .sub_title_01 p.en{
	font-size:18px;
	font-weight: 700;
	margin-bottom:15px;
}
.contents_blk_01 .sub_title_01 p.ja{
	font-size:28px;
	font-weight: 700;
	padding-bottom:15px;
	margin-bottom:60px;
}
/*ストライプブロック*/
.stripe_bg_blk.vermilion{
	padding: 10px 10px 0 0 ;
    background-image: linear-gradient(
  -45deg,
      #FBD9D9 6.25%, #fff 6.25%,
      #fff 12.5%, #fff 12.5%,
      #fff 18.75%, #fff 18.75%,
      #fff 25%, #FBD9D9 25%,
      #FBD9D9 31.25%, #fff 31.25%,
      #fff 37.5%, #fff 37.5%,
      #fff 43.75%, #fff 43.75%,
      #fff 50%, #FBD9D9 50%,
      #FBD9D9 56.25%, #fff 56.25%,
      #fff 62.5%, #fff 62.5%,
      #fff 68.75%, #fff 68.75%,
      #fff 75%, #FBD9D9 75%,
      #FBD9D9 81.25%, #fff 81.25%,
      #fff 87.5%, #fff 87.5%,
      #fff 93.75%, #fff 93.75%,
      #fff
);
	background-size: 18px 18px;
}
.stripe_bg_blk.vermilion .inner{
	background: #F38081;
}
.stripe_bg_blk.blue{
	padding: 10px 10px 0 0 ;
    background-image: linear-gradient(
  -45deg,
      #76CDE0 6.25%, #fff 6.25%,
      #fff 12.5%, #fff 12.5%,
      #fff 18.75%, #fff 18.75%,
      #fff 25%, #76CDE0 25%,
      #76CDE0 31.25%, #fff 31.25%,
      #fff 37.5%, #fff 37.5%,
      #fff 43.75%, #fff 43.75%,
      #fff 50%, #76CDE0 50%,
      #76CDE0 56.25%, #fff 56.25%,
      #fff 62.5%, #fff 62.5%,
      #fff 68.75%, #fff 68.75%,
      #fff 75%, #76CDE0 75%,
      #76CDE0 81.25%, #fff 81.25%,
      #fff 87.5%, #fff 87.5%,
      #fff 93.75%, #fff 93.75%,
      #fff
);
       background-size: 18px 18px;
}
.stripe_bg_blk.blue .inner{
	background: #76CDE0;
}
.stripe_bg_blk.gray2{
	padding: 10px 10px 0 0 ;
    background-image: linear-gradient(
  -45deg,
      #A1A1A1 6.25%, #fff 6.25%,
      #fff 12.5%, #fff 12.5%,
      #fff 18.75%, #fff 18.75%,
      #fff 25%, #A1A1A1 25%,
      #A1A1A1 31.25%, #fff 31.25%,
      #fff 37.5%, #fff 37.5%,
      #fff 43.75%, #fff 43.75%,
      #fff 50%, #A1A1A1 50%,
      #A1A1A1 56.25%, #fff 56.25%,
      #fff 62.5%, #fff 62.5%,
      #fff 68.75%, #fff 68.75%,
      #fff 75%, #A1A1A1 75%,
      #A1A1A1 81.25%, #fff 81.25%,
      #fff 87.5%, #fff 87.5%,
      #fff 93.75%, #fff 93.75%,
      #fff
);
       background-size: 18px 18px;
}
.stripe_bg_blk.gray2 .inner{
	background: #A1A1A1;
}
.stripe_bg_blk.orange{
	padding: 10px 10px 0 0 ;
    background-image: linear-gradient(
  -45deg,
  #FF9A5B 6.25%, #fff 6.25%,
      #fff 12.5%, #fff 12.5%,
      #fff 18.75%, #fff 18.75%,
      #fff 25%, #FF9A5B 25%,
      #FF9A5B 31.25%, #fff 31.25%,
      #fff 37.5%, #fff 37.5%,
      #fff 43.75%, #fff 43.75%,
      #fff 50%, #FF9A5B 50%,
      #FF9A5B 56.25%, #fff 56.25%,
      #fff 62.5%, #fff 62.5%,
      #fff 68.75%, #fff 68.75%,
      #fff 75%, #FF9A5B 75%,
      #FF9A5B 81.25%, #fff 81.25%,
      #fff 87.5%, #fff 87.5%,
      #fff 93.75%, #fff 93.75%,
      #fff
);
       background-size: 18px 18px;
}
.stripe_bg_blk.orange .inner{
	background: #FF9A5B;
}
.stripe_bg_blk.yellow{
	padding: 10px 10px 0 0 ;
    background-image: linear-gradient(
  -45deg,
      #EBD63D 6.25%, #fff 6.25%,
      #fff 12.5%, #fff 12.5%,
      #fff 18.75%, #fff 18.75%,
      #fff 25%, #EBD63D 25%,
      #EBD63D 31.25%, #fff 31.25%,
      #fff 37.5%, #fff 37.5%,
      #fff 43.75%, #fff 43.75%,
      #fff 50%, #EBD63D 50%,
      #EBD63D 56.25%, #fff 56.25%,
      #fff 62.5%, #fff 62.5%,
      #fff 68.75%, #fff 68.75%,
      #fff 75%, #EBD63D 75%,
      #EBD63D 81.25%, #fff 81.25%,
      #fff 87.5%, #fff 87.5%,
      #fff 93.75%, #fff 93.75%,
      #fff
);
       background-size: 18px 18px;
}
.stripe_bg_blk.yellow .inner{
	background: #EBD63D;
}
.stripe_bg_blk{
	margin-bottom:50px;
}
.stripe_bg_blk .inner{
	padding: 30px;
}
.stripe_bg_blk .inner .pack_name p{
	font-size:16px;
	font-weight: bold;
	color:#fff;
}
.stripe_bg_blk .inner .pack_img{
	height: 100px;
	margin:30px auto 30px auto;
}
.stripe_bg_blk .inner .pack_img img{
	width:auto;
	height:100%;
}
.stripe_bg_blk .inner .pack_text p{
	color:#323333;
	font-weight: 700;
}
/*パッケージ内容*/
.pack_content{
	text-align:center;
	margin-bottom:30px;
}
.pack_content p.sub_title_02{
	font-weight: 700;
	font-size:22px;
	color:#333333;
	margin-bottom:20px;
}
.pack_box{
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
}
.flex_box{
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
}
.pack_box.vermilion p{
	background: #F38081;
    color: #5E3B28 !important;

}
.pack_box.crimson p{
	background: #CC3359;
}

.pack_brown{
    color: #5E3B28 !important;

}


.pack_box.blue_01 p{
	background: #76CDE0;
    color: #5E3B28 !important;
}
.pack_box.blue_02 p{
	background: #72BEF8;
    color: #5E3B28 !important;

}
.pack_box.blue_03 p{
	background: #9CD6FF;
    color: #5E3B28 !important;

}
.pack_box.blue_04 p{
	background: #AEE4FF;
    color: #5E3B28 !important;

}
.pack_box.blue_05 p{
	background: #2F4282;
}
.pack_box.gray p{
	background: #A1A1A1;
}
.pack_box.orange p{
	background: #F09C67;
}

.pack_box.orange p{
	background: #FF9A5B;
    color: #5E3B28 !important;
}

.pack_box.blue_01,
.pack_box.blue_02,
.pack_box.blue_03{
	margin-bottom:10px;
}
.pack_box.blue_04{
	margin-bottom:20px;
}
.pack_box.row4 p{
	width: 25%;
	color:#fff;
	font-size:14px;
	border:1px solid #fff;
	padding: 10px 0;
}
.pack_box.row5 p{
	width: 20%;
	color:#fff;
	font-size:14px;
	border:1px solid #fff;
	padding: 10px 0;
}
.border_blk{
	border:#BCBCBC 1px dashed;
	margin-bottom:90px;
}
.stripe_bg_blk.yellow .inner_pack_content{
	overflow: hidden;
	margin-bottom:15px;
}
.stripe_bg_blk.yellow .inner_pack_content .left{
	float:left;
	width: 49%;
	border:5px solid #BDA41C;
}
.stripe_bg_blk.yellow .inner_pack_content .left p{
	background: #fff;
	border:1px solid #BDA41C;
	width:50%;
	color:#323333;
	padding: 10px 0;
}
.stripe_bg_blk.yellow .inner_pack_content .left p.width100{
	width:100%;
}
.stripe_bg_blk.yellow .inner_pack_content .right{
	float:right;
	width: 49%;
	border:5px solid #9AAA00;
}
.stripe_bg_blk.yellow .inner_pack_content .right p{
	background: #fff;
	border:1px solid #9AAA00;
	color:#323333;
	width:50%;
	padding: 10px 0;
}
.stripe_bg_blk.yellow .inner_pack_content .left p.width100,
.stripe_bg_blk.yellow .inner_pack_content .right p.width100{
	width:100%;
}
.stripe_bg_blk.yellow .inner_pack_content2{
	border:5px solid #DBA62C;
}
.stripe_bg_blk.yellow .inner_pack_content2 p{
	background: #fff;
	border:1px solid #DBA62C;
	width:25%;
	color:#323333;
	padding: 10px 0;
}

.wp_social_bookmarking_light {
    border: 0 !important;
    padding: 10px 0 20px 0 !important;
    margin: 0 !important;
}

.wp_social_bookmarking_light div {
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}

.wp_social_bookmarking_light img {
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}

.wp_social_bookmarking_light_clear {
    clear: both !important;
}

#fb-root {
    display: none;
}

.wsbl_facebook_like iframe {
    max-width: none !important;
}

.wsbl_pinterest a {
    border: 0px !important;
}

.sdgs-about {
    padding: 60px 0;
    background-color: #F5F5F5;
    margin-top: 70px;

}

.sdgs-about-content {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 0 auto;

    width: 60%;


}

.sdgs-about-img {
    width: 45%;
    height: auto;
}


.company_ttl01 {
    border-bottom: #707070 1.5px solid;
    padding-bottom: 15px;
    margin: 70px auto 30px;
}


.about_cont04_txtbox {
    width: 45%;

}

.sdgs-action {
    width: 60%;
    margin: 70px auto 0;
    padding-bottom: 100px;

}


.sdgs-list {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.sdgs-li {
    margin-top: 100px;
}

.sdgs-list-img {
    width: 25%;
    height: auto;
}

.sdgs-list-text {
    width: 70%;
}

.about_cont04_txtbox {}

.sdgs-action-textArea {
    text-align: center;
}

hr.og_line--02 {
    margin: 30px auto 50px auto !important;

}

.sdgs-action-og_line {
    text-align: center;
}

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

221227　blogプロフィール

----------------------------------------------------------------*/
.profile_blk{
border:2px solid #F09C67;
padding: 40px;
margin: 40px 0;
border-radius: 20px;
}
.profile_blk .profile_con_01{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.profile_blk .profile_con_01 .profile_con_01_left{
width: 80px;
margin-right: 20px;
}
.profile_blk .profile_con_01 .profile_con_01_left img{
width: 100%;
height: auto;
border-radius: 50%;
}
.profile_blk .profile_con_01 .profile_con_01_right p.name{
font-size: 18px;
font-weight: bold;
padding: 15px 0 5px 0!important;
}
.profile_blk .profile_con_01 .profile_con_01_right p.position{
font-size: 16px;
padding: 0!important;
}
.common_bottom_sns_blk{
max-width: 1150px;
margin: 0 auto 100px;
}
.common_bottom_sns_blk h3{
text-align: center;
margin-bottom: 30px;
color:#5a4d49;
}
.common_bottom_sns_blk_inner{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.common_bottom_sns_blk .common_bottom_sns_box{
width: 48%;
margin-bottom: 30px;
}
.common_bottom_sns_blk .common_bottom_sns_box img{
width: 100%;
height: auto;
}


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

230710　フォーム関係

----------------------------------------------------------------*/
p.mt20 {
    margin-top: 20px;
}
p.mt10 {
    margin-top: 10px;
}
#radio_box p.mt20 ,#radio_box p.mt10 {
    /* margin-left: 20px; */
}
.wh_bg {
    padding: 80px 100px;
    background: #Fff;
    width: 1150px;
    margin: auto;
    color: unset;
}
#contact .partner {
    width: 860px !important;
}

#sdgs .sub_txt01 {
    margin-top: 70px;
}


@media screen and (max-width: 767px) {
    .sdgs-about {
        padding: 36px 0;
        margin: 36px auto 0;

    }

    .sdgs-about-content {
        flex-direction: column-reverse;
        align-items: center;
        width: 90%;
    }

    .about_cont04_txtbox {
        width: 100%;
        margin-top: 0;
    }

    .about_cont04_txt01{
        margin-top: 24px;
    }


    .sdgs-about-img {
        width: 100%;
    }

    .sdgs-action {
        width: 90%;
        margin: 12px auto 0;
        padding-bottom: 36px;
    }

    hr.og_line--02 {
        margin: 15px auto 15px auto !important;
    }

    .sdgs-ul li:nth-child(1n){
        margin-top: 0px;
    }

    .sdgs-list {
        flex-direction: column;
    }

    .sdgs-list-text{
        width: 90%;
        margin-top: 12px;
    }

    .sdgs-list-img {
        width: 70%;
    }
}

/************************************230728 nakamura*****************************************/
table.estimate tr td.page input{
    width:80px;
}
p.mb20 {
    margin-bottom: 15px;
    color: #333333;
}
h2.f_32 {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
}
h2.f_32 span {
    font-size: 32px;
    font-weight: bold;   
}
.contact-box-row {
    margin-top: 50px;
}
.contact-box-row {
    padding: 0 40px;
}
.contact-box-row .button_solid011:first-child {
    margin-right: 40px;
}
.contact.re {
    background-image: url(../img/top/contact_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* solid011 */
.button_solid011 {
    display: inline-block;
}
.button_solid011 a {
    background: #EDD46B;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 370px;
    padding: 35px 25px 30px;
    color: #333333;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    flex-direction: column;
    border-radius: 8px;
    /* border-bottom: solid 5px #D6B93E; */
    box-shadow: 0 5px 0 #D6B93E;
}
.button_solid011.button_solid011-2 a {
    background: #F37C30;
    /* border-bottom: solid 5px #CE6320; */
    box-shadow: 0 5px 0 #CE6320;
}
.button_solid011 a span.fukidashi {
    background: #FFFFFF;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -15px;
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.16));
    padding: 3px 0;
    font-size: 0.8rem;
    /* color: #2b7fde; */
    border-radius: 5px;
}
.button_solid011 a span.fukidashi:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}
.button_solid011 a:hover {
    /* border-bottom: solid 2px #D6B93E; */
    box-shadow: 0 2px 0 #D6B93E;
    transform: translateY(3px);
    opacity: 1;
}
.button_solid011.button_solid011-2 a:hover {
    /* border-bottom: solid 2px #CE6320; */
    box-shadow: 0 2px 0 #CE6320;
    transform: translateY(3px);
    opacity: 1;

}

@media screen and (max-width: 767px) {
    .contact-box-row {
        flex-direction: column;
        padding: 0;
    }
    .contact-box-row .button_solid011:first-child {
        margin-bottom: 40px;
        margin-right: 0;
    }
    h2.f_32 {
        font-size: 6vw;
    }
    h2.f_32 span {
        font-size: 6vw;  
    }
    .contact-box-row .button_solid011 a{
        width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto !important;
    }
    .contact.re {
        background-image: none;
    }
    
}

#top .top_cont04.re .top_cont04_box_txt01_a{
    border-bottom: 1px solid #333333;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#top .top_cont04.re p.top_cont04_box_txt01 {
    width: 250px;
    padding-bottom:0;
}

/************************************230816 nakamura*****************************************/
.top_about {
    padding: 100px 0;
}
.top_about .top_about-inner{
    width: 96%;
    max-width: 1540px;
    margin: auto;
    padding: 0 20px;
}
.top_about .top_about-inner h2 {
    letter-spacing: 2px;
}
.top_about .top_about-inner p.f_18 {
    margin-top: 25px;
}
.top_about .top_about-inner .top_about-item-wrap {
    margin-top: 120px;
}
.top_about .top_about-inner .top_about-item-wrap .btn-wap {
    margin-top: 100px;
}
.top_about .top_about-inner .top_about-item-wrap h3 {
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid #F09C67;
    letter-spacing: 2px;
    padding-bottom: 10px;
}
.top_about .top_about-inner .top_about-item-wrap .top_about-item-row {
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}
.top_about .top_about-inner .top_about-item-wrap .top_about-item-row .top_about-item-row-item {
    width: 32%;
}
.top_about .top_about-inner .top_about-item-wrap .top_about-item-row .top_about-item-row-item img {
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.top_about .top_about-inner .top_cont03_txt_box{
width: 1150px;
    margin: 60px auto;

}
.top_about .top_about-inner .top_cont03_txt_box p{
height: 140px;
}

.top_about .top_about-inner .top_cont03_txt_box .top_cont03_txt01 p{
	background: url("../img/top/service_bg01.png") no-repeat;
	background-position: center 16px;
	padding-top: 35px;
}

.top_about .top_about-inner .top_cont03_txt_box .top_cont03_txt02 p{
	background: url("../img/top/service_bg02.png") no-repeat;
	background-position: center 16px;
	padding-top: 35px;
}

.top_about .top_about-inner .top_cont03_txt_box .top_cont03_txt03 p{
	background: url("../img/top/service_bg03.png") no-repeat;
	background-position: center 5px;
	padding-top: 35px;
}

.top_about .top_about-inner .top_cont03_txt_box .top_cont03_txt04 p{
	background: url("../img/top/service_bg04.png") no-repeat;
	background-position: center 16px;
	padding-top: 35px;
}

.top_about .top_est_ban_area {
max-width: 880px;
margin-left: auto;
margin-right: auto;
width: 90%;
display: block;


}

.top_about .top_est_ban_area .top_est_ban_pc{


}

.top_about .top_est_ban_area .top_est_ban_sp{
display: none;

}

.top_about .top_est_ban_area picture{
width: 100%;
height: auto;
object-fit: cover;
display: block;


}

.top_about .top_est_ban_area picture img{
width: 100%;
height: auto;
object-fit: cover;


}



.about-new-wrap {
    background-color: #F5F5F5;
    padding-top: 100px;
    padding-bottom: 120px;
}
.about-new-wrap .about-new-wrap-inner{
    max-width: 1150px;
    margin: 0 auto;
}
.about-new-wrap .about-new-wrap-inner .about-new-row01 {
    display: flex;
    justify-content: space-evenly;
    margin-top: 60px;
}
.about-new-wrap .about-new-wrap-inner .about-new-row01 .about-new-row01-item {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 2px solid #F09C67;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
}
.about-new-wrap .about-new-wrap-inner .about-new-row01 .about-new-row01-item p.position-absolute{
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
}
.about-new-wrap .about-new-wrap-inner .about-new-row01 .about-new-row01-item p.second {
    margin-top: 10px;
}
.about-new-wrap .about-new-wrap-inner .about-new-row02 {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.about-new-wrap .about-new-wrap-inner .about-new-row02 .about-new-row02-item {
    padding: 30px 50px;
    background-color: #FFFFFF;
    width: 48%;
    margin-top: 20px;
}
.about-new-wrap .about-new-wrap-inner .about-new-row02 .about-new-row02-item h3 {
    margin-top: 20px;
    letter-spacing: 2px;
    line-height: 1.6;
}
.about-new-wrap .about-new-wrap-inner .about-new-row02 .about-new-row02-item p.f_16 {
    margin-top: 30px;
}
.about-new-wrap .about-new-wrap-inner .about-new-row02 .about-new-row02-item img {
    margin-top: 20px;
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#about .about_cont01 .about_cont01_txt_box.re{
	width: 840px;
}

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

AddToAny Share Buttonsボタンのホバーした際のアニメーション_240327

----------------------------------------------------------------*/
.addtoany_shortcode .addtoany_list a:hover{
	transition: 0.3s;
	opacity: 0.7;


}


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

制作実績修正_241112

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

#works_s .service_area_btn .btn{
    border: 2px solid;
    border-radius: 0;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    transition: 0.3s;
}

#works_s .service_area_btn .btn:hover{
    
    transition: 0.3s;
    background: #e9e9e9;
}



#works_s .service_area_btn .btn img{
    width: 12%;
    margin-right: 15px;
}

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

トップSNSバナー修正_250220

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



.common_bottom_sns_blk .common_bottom_sns_box{
    width: 32%;
}


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

料金ページ改修_250314

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

#price{
    scroll-behavior: smooth;
    scroll-padding-top: 300px;
}

#price .wrapper_820{
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
#price .price_anchor .price_anchor_inner{
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    gap: 20px;
}

#price .price_anchor .price_anchor_inner a{
    background-color: #fff;
    border: 1px solid #BFBFBF;
    display: flex; 
    flex-direction: column;
    align-items: center;
    width: 220px;
    padding: 20px 6px;
    position: relative;
}
#price .price_anchor .price_anchor_inner a:hover{
    transform: translateY(8px);
    opacity: 1.0;
}

#price .price_anchor .price_anchor_inner a .img{
    width: fit-content;
    }
    #price .price_anchor .price_anchor_inner a .img img{
    width: 100%;
    }


#price .fee_cont{
    padding-top: 100px;
    padding-bottom: 120px;

}
#price .fee_cont02 .text{
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    line-height: 2;
    margin-top: 40px;

}


#price .fee_cont h3{
    letter-spacing: 0.1em;

}
#price .fee_cont .en_text{
    letter-spacing: 0.1em;
    color: #30BAC7;
    font-weight: 600;

}
#price .fee_cont .en_text02{


}
#price .fee_cont .en_text{
    letter-spacing: 0.1em;
    color: #0A7A87;
    font-weight: 600;

}
#price .fee_cont .table_area{
max-width: 1280px;
width: 90%;    
margin-left: auto;
margin-right: auto;
}
#price .fee_cont .table_area table{
width: 100%;

}
#price .fee_cont .table_area table tr{
border: 1px solid #707070;

}
#price .fee_cont .table_area table tr th{
border: 1px solid #707070;

}
#price .fee_cont .table_area table tr .icon_area{
vertical-align: middle;

}
#price .fee_cont .table_area table tr .icon_area02{
    width: 20%;


}

#price .fee_cont .table_area table tr .icon_area .img{
margin-left: auto;
margin-right: auto;
width: fit-content;

}

#price .fee_cont .table_area table tr .green_bg{

width: 26%;
height: 100%;
min-height: 200px;
padding-top: 50px;
padding-bottom: 40px;

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

background-color: #fff;
border-radius: 30px;
width: fit-content;
line-height: 1;


}

#price .fee_cont .table_area table tr .green_bg01{
background-color: #68C2BF;

}
#price .fee_cont .table_area table tr .fee_box{
padding: 40px 0;

}
#price .fee_cont .table_area table tr .fee_box .fee_text{


}
#price .fee_cont .table_area table tr .fee_box .fee_text span{
font-size: 54px;
color: #30BAC7;


}
#price .fee_cont .table_area table tr .option_name{
text-align: center;
padding: 15px 0;
background-color: #E5E1E1;
vertical-align: middle;
}
#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: 30px;
height: 30px;
background: #ffffff;
border: 2px solid #3F6C98;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
position: relative;
top: 3px;

}
#price .fee_cont .table_area table tr td .circle01{

border: 2px solid #0A7A87;
}
#price .fee_cont .table_area table tr .td_gray{
    padding: 15px 0;
    background: #F9F9F9;

}
#price .fee_cont03 .text{
max-width: 820px;
margin-left: auto;
margin-right: auto;
width: 90%;
line-height: 2;
margin-top: 40px;
}

#price .fee_cont03 .table_area table tr .green_bg01{
    background-color: #6ED999;
    
    }
    #price .fee_cont03 .table_area table tr .fee_box .fee_text span{
    color: #2A939F;
    
    
    }
    
    #price .fee_cont03 .table_area table tr td .circle{
        border: 2px solid #2A939F;
        
        }

        #price .fee_cont .table_area table tr .fee_green02{
}
#price .fee_cont .table_area table tr .fee_green02_bg{
    background-color: #83B1DE;
    width: 25%;

}

#price .fee_cont .extra_area{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-color: #EEC369;
margin-top: 120px;
padding: 30px 0;

}

#price .fee_cont .extra_area .extra_area_inner_p{
margin-left: auto;
margin-right: auto;
width: fit-content;
background-color: #fff;
border-radius: 999px;
padding: 14px 36px;
margin-bottom: 10px;
text-align: center;


}
#price .fee_cont .extra_area .extra_area_inner_p span{

color: #5E3B28;

}

.extra_area_middle {

}

.extra_area_middle .extra_area_middle_inner {
}
#price .fee_cont .extra_area_middle .extra_area_middle_inner .upper{
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    gap: 25px;
    margin-top: 60px;

}
.extra_area_middle .extra_area_middle_inner .upper p{

}
#price .fee_cont .extra_area_middle .extra_area_middle_inner .upper p span{
    color: #5E3B28;

}

#price .fee_cont .extra_area_middle .extra_area_middle_inner .lower{
border: 1px solid #5E3B28;
width: 630px;
margin-left: auto;
margin-right: auto;
padding: 15px 0;
margin-top: 20px;

}
#price .fee_cont .extra_area_middle .extra_area_middle_inner .lower p{
text-align: center;


}
#price .fee_cont .extra_area_middle .extra_area_middle_inner .lower span{
font-size: 40px;
color: #5E3B28;

}

#price .fee_cont  .extra_area_lower {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    
}


#price .fee_cont  .extra_area_lower .upper {
    padding: 30px 0 20px;  
    margin-top: 60px;   

}
#price .fee_cont  .extra_area_lower .upper p{
    text-align: center;

}
#price .fee_cont  .extra_area_lower .upper p span{
    text-align: center;
    text-decoration-line: underline;
  text-decoration-style: double;
  text-decoration-color: #EEC369;
  text-underline-offset: 10px;

}

#price .fee_cont  .extra_area_lower .grid_area{
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 20px;

}
#price .fee_cont  .extra_area_lower .grid_area .grid_card{
    border: 1px solid #EEC369;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden; /* 追加 */


}
#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_upper{
background-color: #fff;
padding: 20px 0;

}

#price .fee_cont  .extra_area_lower .grid_area .grid_card img{
display: block;
    width: 120px;
height: auto;
margin-left: auto;
margin-right: auto;

}

#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_lower{
    padding: 20px 0;
    min-height: 100px;
    display: flex;
    align-items: center;
    
    }
#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_lower p{
width: fit-content;
margin-left: auto;
margin-right: auto;
    
    }
#price .fee_cont  .extra_area_lower .grid_area .grid_card .grid_card_lower p .circle{
color: #30BAC7;
    
    }
#price .sp{
    display: none;
}

#price .recruit_area_sub{
    max-width: 1280px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}
#price .recruit_area_sub .left{
    text-align: center;
    width: 33%;
    padding: 15px 0;
    background-color: #E5E1E1;
    border: 1px solid #707070;
    height: 100%;
}

#price .recruit_area_sub .right{
    text-align: center;
    width: 67%;
    padding: 15px 0;
    background-color: #FFFFFF;
    border: 1px solid #707070;
    border-left: unset;
    height: 100%;
}

#price .option_cont{
    padding-top: 100px;
    padding-bottom: 120px;
}
#price .option_cont .option_cont_upper{

}

#price .option_cont .option_table_wrapper{
    margin-bottom: 40px;
    /* ↓B案 */
    /* margin-bottom: 0; */
}


#price .option_cont .option_cont_upper_table{
    background-color: #ffffff;
    border: 1px solid #d9d9d9;

}
#price .option_cont .option_cont_upper_table tr th{
    background-color: #76DEE2;
    align-items: center;
    padding: 50px 0;
    width: calc(100% / 3);
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    /* width: 33%; */
    /* display: flex;
    flex-direction: column; */


}
#price .option_cont .option_cont_upper_table tr th p{
text-align: center;
}
#price .option_cont .option_cont_upper_table tr th .img{
width: fit-content;
display: block;
margin-left: auto;
margin-right: auto;
}


#price .option_cont .option_cont_upper_table tr td{
    vertical-align: top;
    }
#price .option_cont .option_cont_upper_table tr td .text_row{
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    }
#price .option_cont .option_cont_upper_table tr td .text_row .green{
    color: #3F6C98;
    font-size: 54px;

    }
#price .option_cont .option_cont_upper_table tr .row02{

    vertical-align: middle;


    }
#price .option_cont .option_cont_upper_table tr td .td_flex{
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;


    }
#price .option_cont .option_cont_upper_table tr .td_second{
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;

    }
#price .option_cont .option_cont_upper_table tr .td_third{
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;

    }
#price .option_cont .option_cont_upper_table tr .td_third .text_area{
    margin-bottom: 10px;
    }
#price .option_cont .option_cont_upper_table tr .td_third  .semibold{
    font-weight: 600;
    }
    


#price .option_cont .option_cont_upper .en_text{
color: #3F6C98;

}


#price .option_cont .option_cont_upper_table{
    width: 90%;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    }
    
    #price .option_cont .option_cont_lower .option_cont_lower_card {
    border: 1px solid #d9d9d9;
    display: grid;
      grid-template-rows: subgrid;
      grid-row: span 2;
    
    }
    
    #price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_upper {
    background-color: #76DEE2;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
    /* min-height: 180px; */
    }
    #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: 20%;
    }
    
    
    #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_lower02 .text_row .name_adjust{
        display: inline-block;
        width: 80px;
        }
    #price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .text_row .text_row_left{
    position: relative;
    bottom: 10px;
    }
    #price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .text_row .green{
    font-size: 44px;
    color: #3F6C98;
    font-weight: 900;
    white-space: nowrap;
    }

    #price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .seo_flex .green{
        line-height: 1.2;
    
    }
    #price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .seo_flex .seo_flex_left{
        width: 120px;
    
    }
    


#price .option_cont .option_cont_lower{
display: grid;
width: 90%;
max-width: 1030px;
grid-template-columns: repeat(3, 1fr);
margin-left: auto;
margin-right: auto;
}

#price .option_cont .option_cont_lower .option_cont_lower_card {
border: 1px solid #d9d9d9;
display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;

}

#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_upper {
background-color: #76DEE2;
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 0;
/* min-height: 180px; */
}
#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;
}
#price .option_cont .option_cont_lower .option_cont_lower_card .option_cont_lower_card_lower .text_row .green{
font-size: 44px;
color: #3F6C98;
font-weight: 900;
}

#price .month_support_area{
    padding-top: 100px;
    padding-bottom: 120px;

}

#price .month_support_area .month_support_area_inner{
margin-left: auto;
margin-right: auto;
width: 90%;
max-width: 1280px;
}
#price .month_support_area .month_support_area_inner .en_text{
color: #6BB53A;
font-weight: 600;
}


#price .month_support_area .month_support_area_inner .month_support_area_flex{

width: 100%;
justify-content: center;

}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card{

width: 640px;
border: 1px solid #707070;
background-color: #E5E1E1;

}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card:nth-last-child(1){

border-left: unset;
}


#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .upper{
background-color: #A9DF72;

}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .middle{
text-align: center;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
background-color: #fff;


}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .middle .green{
color: #6BB53A;
font-size: 44px;

}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .lower{

background-color: #E5E1E1;
}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .lower .lower_img_area{
gap: 10px;
}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .lower .lower_img_area .lower_img{
width: 113px;
height: 113px;
background-color: #fff;
display: flex; 
flex-direction: column;
align-items: center;
justify-content: center;
}
#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .lower .lower_img_area .lower_img p{
line-height: 1.2;
text-align: center;
margin-top: 5px;
}


#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .lower hr{
width: 90%;
margin: 0 auto;

}

#price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card .lower .lower_text{
}

@media screen and (max-width:1440px) {
    #price .month_support_area .month_support_area_inner .month_support_area_flex{

        gap: 20px;
        
        }
        #price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card{
    
        
        }
        #price .month_support_area .month_support_area_inner .month_support_area_flex .month_support_area_flex_card:nth-last-child(1){
        
        border-left: 1px solid #707070;
        }
        
}



@media screen and (max-width:1200px) {
		#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 .fee_box{
		padding: 40px 0;
		
		}
		#price .fee_cont .table_area table tr .fee_box .fee_text span{
		font-size: 42px;
		}
		
}







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

最近のお問い合わせ状況　改修　250314 nakamura

----------------------------------------------------------------*/
.about_cont05 .contact_number {
    padding: 40px !important;
    max-width: 960px;
    width: 90%;
}
.about_cont05 .contact_number p,
.top_news_box.contact_number p {
    text-align: left !important;
    margin-bottom: 15px;
    word-break: break-all;
}
.about_cont05 .contact_number p strong,
.top_news_box.contact_number p strong{
    color: #F09C67;
    font-size: 18px;
    font-weight: 400;
}



.top_est_ban_area .top_est_ban_sp{
    display: none;
    
    }
    
    .top_est_ban_area picture{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    
    
    }
    
    .top_est_ban_area picture img{
    width: 100%;
    height: auto;
    object-fit: cover;
    
    
    }


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

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

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

#contact .contact_descrption_text {
width: 90%;
letter-spacing: 2px;
line-height: 1.5;
margin: 70px auto 100px;
font-weight: 500;
}

#contact .contact_phone_area {
max-width: 960px;
width: 90%;
background-color: #F5F5F5;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
position: relative;
z-index: 0;
}


#contact .contact_dial_container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 10px 40px;
    border-radius: 8px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    text-align: center;
    display: inline-block;
    top: -30px;
}

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

    #contact .contact_dial_container {
        padding: 10px 20px;
    }
        
    
}




#contact .contact_dial_container .contact_dial-text {
    font-weight: bold;
    margin: 0;
    line-height: 1.4;
    color: #5E3B28;
}

#contact .contact_dial_container .contact_triangle {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
}




#contact .contact_phone_area .contact_phone_area_inner {
display: flex;
align-items: center;
padding:  47px 88px 46px 109px;

}

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

    #contact .contact_phone_area .contact_phone_area_inner {
        justify-content: center;
        padding: 40px;
        
        }
        
    
}


#contact .contact_phone_area .contact_phone_area_inner .contact_phone_area_inner_left {

border-right: 3px solid #ff9a5b;
padding-right: 60px;
height: 100px;
display: flex;
align-items: center;
color: #5E3B28;


}

#contact .contact_phone_area .contact_phone_area_inner .contact_phone_area_inner_right {
    margin-left: 60px;
}

#contact .contact_phone_area_inner_upper {
display: flex;
align-items: center;
    

}
#contact .contact_phone_area_inner_upper span{
font-size: 35px;
display: block;
margin-top: 6px;
margin-right: 5px;
    

}
#contact .contact_phone_area_inner_upper .tel_number{

font-size: 48px;


}


#contact .contact_phone_area_inner_lower {
font-weight: 500;
}



#contact .contact_descrption_text02 {
margin-top: 10px;
width: 90%;
margin-left: auto;
margin-right: auto;
}





#contact .contact_page_fm{
margin-top: 130px;
margin-bottom: 100px;
/* max-width: 1280px;
margin-left: auto;
margin-right: auto;
width: 90%; */

}

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

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

----------------------------------------------------------------*/
/* 
.est_page .sub_main_ttl p{
    color: #000000;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 3px;

} */
.est_page .sub_main_ttl .orange_line{
    height: 3px;
    background: #F09C67;
    margin: 20px auto;
    width: 236px;
}

.est_page .sub_main_ttl .txt_org{
    color: #5E3B28;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 2px;
}

.est_page .estpage_estimate_form_container {
    max-width: 643px;
    margin: 0 auto 100px;
    width: 90%;
}
.est_page .estpage_descri {
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.5;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.est_page .estpage_estimate_form_container .form_item {
    margin-bottom: 30px;
}
.est_page .estpage_estimate_form_container .form_item .form_label{
line-height: 1.4 !important;
font-weight: 700;
padding-right: 0 !important;

}


.est_page .estpage_estimate_form_container .form_input,
.est_page .estpage_estimate_form_container .form_select,
.est_page .estpage_estimate_form_container .form_textarea {
    width: 100%;
    padding: 6px 9px 7px 9px;
    background-color: #F3F3F3;
    border: none;
    color: #333333;
    font-weight: 500;
    border-radius: 5px;
    font-size: 18px;
    outline: none;
    height: 40px;
}

.est_page .estpage_estimate_form_container .form_input:focus,
.est_page .estpage_estimate_form_container .form_select:focus,
.est_page .estpage_estimate_form_container .form_textarea:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.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 {
    color: #B8B8B8;
    font-size: 18px;
    letter-spacing: 2px;
}

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

.est_page .estpage_estimate_form_container .form_select {
    appearance: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px;
    padding-right: 50px;
    position: relative;
    cursor: pointer;
}

.est_page .estpage_estimate_form_container .form_select {
    appearance: none;
    background-image: url("../img/estimate/estimate_select_arrow.png");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px 24px;
        background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 50px;
    position: relative;
    cursor: pointer;
}

.est_page .estpage_estimate_form_container .select_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}


.est_page .estpage_estimate_form_container .form_select option {
    background-color: white !important;
    color: #333 !important;
    padding: 8px 12px;
}

.est_page .estpage_estimate_form_container .form_select option:hover {
    background-color: #333333 !important;
    color: white !important;
}

.est_page .estpage_estimate_form_container .form_select option:disabled {
    color: #999 !important;
    background-color: #f5f5f5 !important;
}

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

.est_page .estpage_estimate_form_container .privacy_policy_container {
    margin-top: 30px;
    margin-bottom: 20px;
}

.est_page .estpage_estimate_form_container .privacy_policy_text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #7E7E7E;
    font-weight: 500;
}

.est_page .estpage_estimate_form_container .privacy_policy_text a {
    text-decoration: underline;
    font-weight: 500;
    color: #7E7E7E;
    line-height: 1.4;
    letter-spacing: 2px;

}

.est_page .estpage_estimate_form_container .privacy_policy_container .form_label_container{
    margin-top: 30px;
    margin-bottom: 10px;
}

.est_page .estpage_estimate_form_container .privacy_policy_container .form_label_container .form_label{ 
    font-weight: 700;
    line-height: 1.4 !important;
    padding-right: 0 !important;
}



.est_page .estpage_estimate_form_container .custom_radio {
    position: relative;
    display: flex !important;
    padding-right: 0 !important;
    gap: 16px;
    align-items: center;
    
}

.est_page .estpage_estimate_form_container .custom_radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 0;

}

.est_page .estpage_estimate_form_container .radio_checkmark {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    top: 2px;
}
.est_page .estpage_estimate_form_container .custom_radio .radio_label {
    position: relative;
    top: 1px;
}

.est_page .estpage_estimate_form_container .custom_radio input[type="radio"]:checked + .radio_checkmark {
    background-color: #5E3B28;
    border-color: #5E3B28;
}

.est_page .estpage_estimate_form_container .radio_label {
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: 500;
    line-height: 1.4 !important;
}

.est_page .estpage_estimate_form_container .submit_button {
    background-color: #5E3B28;
    color: white;
    border: 1px solid #5E3B28;
    border-radius: 50px;
    padding: 15px 40px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 20px;
    outline: none;
    letter-spacing: 2px;
}

.est_page .estpage_estimate_form_container .submit_button:hover {
    background-color: white;
    color: #5E3B28;
}

.est_page .estpage_estimate_form_container .submit_button:focus {
    outline: none;
    box-shadow: none;
}

.est_page .estpage_estimate_form_container .form_label_container {
    display: flex;
    align-items: start;
    margin-bottom: 10px;
    margin-top: 30px;
    justify-content: start;
}

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

.est_page .estpage_estimate_form_container .form_label {
    font-size: 16px;
    letter-spacing: 2px;
    color: #333;
    margin: 0;
}

.est_page .estpage_estimate_form_container .required_badge {

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

.est_page .estpage_estimate_form_container .required_badge img {
    width: 10px;
    height: auto;
    object-fit: cover;
}

.est_page .estpage_estimate_form_container_contact{
margin-top: 110px;
padding-top: 80px;
background-color: #F3F3F3;
padding-bottom: 110px;
}
.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container{
margin-top: 60px !important;
margin-bottom: 0px !important;
}

.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container .form_input,
.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container .form_select,
.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container .form_textarea {
    
    background-color: #ffffff;
}

.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container form .privacy_policy_container .radio_container{
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
background-color: #fff;
border-radius: 5px;

    }

.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container form .form_brown_text_area{
    margin: 30px 0;
    }
.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container form .form_brown_text_area .form_brown_text{
    display: block;
    width: fit-content;
    color: #5E3B28;
    line-height: 1.6;
    text-decoration: underline;
    text-decoration-color: #5E3B28;
    letter-spacing: 2px;

    }
.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container form .form_brown_text_area .form_brown_text02{
margin-top: 5px;

    }
.est_page .estpage_estimate_form_container_contact .estpage_estimate_form_container form .form_brown_text_area {
margin-top: 5px;

    }

.est_page .estpage_estimate_form_container .form_radio_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.est_page .estpage_estimate_form_container .custom_radio_option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    background-color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.est_page .estpage_estimate_form_container .custom_radio_option:hover {
}
.est_page .estpage_estimate_form_container .custom_radio_option input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
}

.est_page .estpage_estimate_form_container .custom_radio_option .radio_checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-right: 16px;
    top: 3px;
}

.est_page .estpage_estimate_form_container .custom_radio_option input[type="radio"]:checked + .radio_checkmark {
    background-color: #5E3B28;
    border-color: #5E3B28;
}

.est_page .estpage_estimate_form_container .custom_radio_option .radio_option_label {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    letter-spacing: 1px;
    line-height: 1.4;
    flex: 1;
}

.est_page .estpage_estimate_form_container .custom_radio_option input[type="radio"]:focus + .radio_checkmark {
    outline: none;
}

.est_page .estpage_estimate_form_container .custom_radio_option input[type="radio"]:focus {
    outline: none;
}

.est_page .estpage_estimate_form_container .form_radio {
    display: none;
}

.formmailer-conditional-sales-fields {
    display: none;  
    margin: 20px 0;
    animation: formmailer-slideDown 0.3s ease-out;  
}

.formmailer-conditional-sales-fields.formmailer-show {
    display: block;  
}

@keyframes formmailer-slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.formmailer-conditional-sales-fields .form_item {
    margin-bottom: 25px;
}

.formmailer-conditional-sales-fields .form_item:last-child {
    margin-bottom: 0;
}

.estpage_estimate_form_container_contact .contact_fm_text{
font-size: 30px;
line-height: 1.6;
letter-spacing: 3px;
font-weight: 600;
}
.estpage_estimate_form_container_contact .orange_line{
    height: 3px;
    background: #F09C67;
    margin: 20px auto;
    width: 236px;
}