/*
Theme Name: Twenty Twenty Five Child
Template: twentytwentyfive
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*-----------------------------------
 * 全体
 * --------------------------------*/
:root{
	--color_green:#006837;
	--color_lightgreen:#cee29c;
	--color_palegreen:#e9ec7e;
}
html{
	scroll-behavior: smooth;
}
body{
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height:1.5;
	font-weight:400;
}
/* 1カラムになるタイミングで表示・非表示にするクラス */
.mobile_disp{
		display:none!important;
	}
.mobile_flex_disp{
	display:none!important;
}
@media screen and (max-width: 781px){
	.mobile_none{
		display:none!important;
	}
	.mobile_disp{
		display:block!important;		
	}
	.mobile_flex_disp{
		display:flex!important;		
	}	
}
/* 画像リンクのFocus時のOutlineを非表示 */
:where(.wp-site-blocks *:focus) {
	outline:none!important;
}

/* カラムの左右反転 */
@media screen and (max-width:781px) { 
.column_reverce{
	flex-direction: column-reverse;
	flex-wrap:nowrap!important;
	}
}

/* 蛍光マーカー */
em {
	background:linear-gradient(transparent 50%, #99ff99 0%);
	font-style:normal!important;
}
em a {
	text-decoration:none!important;
}

/*---------------------------------------
 *　ヘッダー
 * ------------------------------------*/
.header_group {
	max-width: 1600px;
}
.site_title img {
	width:300px;
	margin-right:150px;
}
/*.header_menu li {
  display: flex;
  font-size: 18px;
  align-items: center; 
}

.header_menu li::before {
  width: 0; 
  height: 0;
  content: "";
  background-color: transparent;
  border-radius: 50%;
  transition: 0.3s;
}

.header_menu li:hover::before {
  width: 1em;
  height: 1em;
  margin-right: 36px;
  background-color: #000;
}*/
.footer_menu li,
.header_menu li {
	text-align: center;
}
.footer_menu li.current-menu-item a::after,
.header_menu li.current-menu-item a::after {
	content: "●";
	display: block;
	color: #EF9651
}
.footer_menu li a,
.header_menu li a {
	display: block;
	height: 2em;
	transition: 0.5s;
}
.footer_menu li a:hover,
.header_menu li a:hover {
	text-decoration: none;
	transition: 0.5s;
}
.footer_menu li a::after,
.header_menu li a::after {
	content: "●";
	display: none;
	transition: 0.5s;
	font-size: 0.7em;
}
.footer_menu li a:hover::after,
.header_menu li a:hover::after {
	content: "●";
	display: block;
	color: #EF9651
}
.menu_group {
	flex-grow: 1;
}

@media screen and (max-width: 1380px){
.site_title img {
    margin-right: 50px;
}
}
@media screen and (max-width: 1380px){
.site_title img {
    margin-right: 0px;
}
}
@media screen and (max-width: 781px){
.header_group {
	padding-bottom: 0px!important;
}
	.firstview_wrap {
		gap: 0;
	}	
}
@media screen and (max-width: 599px){
.header_menu li.current-menu-item a::after,
.header_menu li a:hover::after {
	display: none;
	}
}
@media screen and (max-width: 400px){
.site_title a {
	vertical-align: super;
}
}

/*---------------------------------------
 * お問い合わせバナー
 * ------------------------------------*/
.fix_menu_yoko{
	position: fixed;
    width: 1.5em;
    right: 0;
    padding: 20px 25px 15px 15px;
    z-index: 9999;
    background: #006837d6;
    color: #fff;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 1em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    border-radius: 30px 0 0 30px;
}
.fix_menu_yoko a{
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
}
.link_yoyaku{
    top: 100px;
	height: auto;
    padding-bottom: 1.2em;
}

@media screen and (max-width: 781px) {
.fix_menu_yoko{
	top:auto;
	bottom:0;
/*	width:calc(50% - 3px);*/
	height:1em;
	border-radius:0;
	border:solid 2px #ffffff9c;
	text-align:center;
	padding:15px 0;
    -ms-writing-mode: unset;
    writing-mode: unset;
	}
	.link_yoyaku{
		left:0;
		width:99%;
	}
.fix_menu_yoko img {
	vertical-align:middle;
}
}

/*---------------------------------------
 * 見出し
 * ------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	color:var(--color_green)!important;
	font-weight:600;
}
h2 {
	font-size: 2.5em;
	font-weight: 400;
}
.h2_sub {
	color:var(--color_green)!important;
	font-weight:300;
    font-size: 1.3em;
    margin-top: 0 !important;
}
h1::first-letter {
  font-size: 1.5em;
	color: #EF9651!important;
}
h2::first-letter {
  font-size: 1.5em;
	color: #EF9651!important;
}
h3.service_catch {
	line-height:1.3;
}
.reason h3 {
	font-size: 2em;
	font-weight: 400;
}
@media screen and (max-width: 481px) {
h3.service_catch {
	text-align:left!important;
}
}

/*------------------------------------
 * ボタン
 * ----------------------------------*/
/*黄緑*/
.button_yellow-green a {
	background-color:var(--color_palegreen);
	font-weight:bold;
	transition:0.6s;
	color:var(--color_green);
    padding: 25px 50px;
    font-size: 1em;
}
.button_yellow-green a:hover{
	/*transform: scale(0.9,0.9);*/
}
/* SVG画像をhoverで動かす */
.arrow_move img{
    transition:0.6s;
    padding-left:10px;
    padding-right:10px;
    transform: translateY(-3px);	
}

.arrow_move:hover img {
    transform: translate(20%, -3px);
    transition:0.6s;
}



/*---------------------------------------
 * 表
 * ------------------------------------*/
table tr td:first-child {
/*	background-color:var(--color_palegreen);*/
	color:var(--color_green);
	font-weight:600;
	border-top:1px solid #006837!important;
	border-bottom:1px solid #006837!important;
}
.wp-block-table td, .wp-block-table th {
    border: none!important;
}
table tr td:last-child {
	border-top:1px solid #000!important;
	border-bottom:1px solid #000!important;
}

/*会社概要　時間・休日*/
.company_t_box {
    width: 80%;
    margin: 0 auto;
}
.company_t_box td:first-child {
    border-top: none !important;
    border-bottom: none !important;
    vertical-align:top;
}
.company_t_box td:last-child {
    border-top: none !important;
    border-bottom: none !important;
}
@media screen and (max-width: 781px) {
.company_t_box {
    width: 100%;
}
.company_t_box td:first-child {
    display: block !important;
}
.company_t_box td:first-child {
    display: block !important;
	padding: 0em!important;
}
.company_t_box td:last-child {
    display: block !important;
	padding: 0 0 0.5em 0 !important;
}
}


/*会社概要*/
@media screen and (max-width: 781px) {
.company_t td {
    display: block !important;
}
.company_t td:first-child {
    border-bottom: none!important;
}
.company_t td:last-child {
	border-top:none!important;
	border-bottom:none!important;
}
.company_t tr:last-child {
	border-bottom:1px solid #000!important;
}
}

/*サービス*/
.page-id-17 table td:first-child {
	width:20%;
}
@media screen and (max-width: 781px) {
.page-id-17 table td:first-child {
	width:30%;
}
}

/*---------------------------------------
 * ホーム
 * ------------------------------------*/
.home main {
    margin-top: 0 !important;
}
.home .contents_wrap {
	padding-top:0!important;
}
.home .wp-block-post-title {
	display:none;
}
.firstview_wrap{
    position: relative;
    z-index: -1;
}
.firstview_catchcopy_wrap {
	position:absolute;
	z-index:1;
	top:0;
	left:10vw;
}
.firstview_catchcopy {
    font-size: 4em;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 10px #555;
    padding-top: 10vw;
}
.catch_s {
	font-size:0.7em;
}
.firstview_wrap_s img {
	display: none;
}
@media screen and (max-width: 1300px) {
.firstview_catchcopy {
    font-size: 3.5em;
}
}
@media screen and (max-width: 1100px) {
.firstview_catchcopy {
    font-size: 3em;
}
}
@media screen and (max-width: 781px) {
.firstview_catchcopy_wrap {
	left:2vw;
}
.firstview_catchcopy {
    font-size: 2.5em;
}
}
@media screen and (max-width: 481px) {
.firstview_wrap {
	display: none!important;
}
.firstview_wrap_s img {
	display: inline;
}		
.firstview_catchcopy_wrap {
/*	top: 40%;*/
	left: 50%;
	transform: translateX(-50%);
}
.firstview_catchcopy {
	writing-mode: vertical-rl;
    font-size: 2em;
}
/*縦書き数字*/
.text-combine {
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
}
}

.firstview_backimg {
	border-radius: 100px 0px 0px 100px;
    height: 55vw;
}
.firstview_leaves {
	margin-top:-30vw;
	right:0;
}
@media screen and (max-width: 1700px) {
.firstview_leaves img {
	width:600px;
}
}
@media screen and (max-width: 1500px) {
.firstview_leaves img {
	width:500px;
}
}
@media screen and (max-width: 1200px) {
.firstview_leaves img {
	width:400px;
}
}
@media screen and (max-width: 781px) {
.firstview_leaves {
    margin-top: -35vw;
}
.firstview_leaves img {
	width:300px;
}
}
@media screen and (max-width: 481px) {
.firstview_leaves {
    margin-top: -65vw;
}
.firstview_leaves img {
	width:300px;
}
}

/*コンセプト*/
.top_concept_img img {
	border-radius: 0px 100px 100px 0px;
}
.top_concept_wrap {
	/*margin-right: 5%!important;*/
}
.top_concept_right {
	padding-right: 10%;
}
.top_concept_wrap p {
	line-height: 1.8em;
}

@media screen and (max-width: 1500px) {
.top_concept_spacer {
	height:50px!important;
}
}
@media screen and (max-width: 781px) {
.top_concept_wrap {
	margin-top:80px;
	/*margin-right: 0px!important;*/
}
.top_concept_img img {
	border-radius: 0px 50px 50px 0px;
	padding-right: 15px;
}
.top_concept_right {
    padding: 0 20px;
}
.top_concept_t {
	text-align:center;		
}
.top_concept_spacer {
	height:20px!important;
}
.top_concept_b {
	justify-content: center;
}
}
/*コンセプトの画像（スマートスライダー）*/
.n2-ss-slide-backgrounds {
border-radius: 0px 100px 100px 0px!important;
  overflow: hidden;
}
@media screen and (max-width: 781px) {
.concept_l {
	padding-right: 15px;
}
}

/*サービス*/
.service_group {
	border-radius: 300px 0 0 300px;
	margin-left: 0!important;
}
.top_service_bun a {
	border-bottom: solid 1px var(--color_green);
	text-decoration: none;
	color: var(--color_green);
}
.top_service_b3 {
    max-width: 1100px!important;
}
.top_service_b3 img {
	width:290px!important;
}
@media screen and (max-width: 781px) {
.top_service_bun p {
	text-align:left!important;
}
.service_group {
	margin-left: calc(var(--wp--style--root--padding-left) * -1)!important;
}
}
@media screen and (max-width: 600px) {
.top_service_b3_1 img{
	width:200px;
}
}
@media screen and (max-width: 481px) {
.top_service_b3_1 img{
	width:145px;
}
}

/*スライダー*/
/*.slider_wrap {
	height: 729px!important;
}
.slider_wrap .wp-block-cover__image-background{
    width: 700px!important;
    height: 729px!important;
}*/
.carousel-slider .carousel-slider__caption .caption {
	font-size:16px!important;
    margin: 0!important;
	padding-bottom:10px;
    position: absolute!important;
    bottom: 0;
    color: #fff;
    width: 100%;
    background: linear-gradient(0deg, rgb(0, 0, 0, 0.5), transparent);
	border-radius:0 0 20px 20px;
}
.carousel-slider-outer {
    z-index: 0;
    position: relative;
}
.carousel-slider img {
	border-radius:20px;
}
/*@media screen and (max-width: 1500px) {
.slider_wrap {
    height: 625px!important;
}*/
.slider_wrap .wp-block-cover__image-background{
    width: 600px!important;
    height: 625px!important;
}
}
@media screen and (max-width: 1000px) {
/*.slider_wrap {
    height: 521px!important;
}*/
.slider_wrap .wp-block-cover__image-background{
    width: 500px!important;
    height: 521px!important;
}
.slider_wrap .slider_con {
/*	margin-top:-20vw;*/
}
}
@media screen and (max-width: 481px) {
/*.slider_wrap {
    height: 260px!important;
}*/
.slider_wrap .wp-block-cover__image-background{
    width: 250px!important;
    height: 260px!important;
}
.slider_wrap .slider_con {
	margin-top:-40vw;
}
}

/*お困りごと*/
.trouble_wrap {
	position:relative;
}
.trouble_illust {
	position:absolute;
    z-index: 1;
    width: 200px;
    top: -50px;
}

@media screen and (max-width: 781px) {
.trouble_illust {
    width: 150px;
}
.trouble_con {
	border-top-left-radius: 100px!important;
    border-top-right-radius: 100px!important;
}
}
@media screen and (max-width: 600px) {
.trouble_illust {
    width: 100px;
	top: 30px;
}
}
@media screen and (max-width: 481px) {
.trouble_wrap {
	margin-top: -30vw;
	margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
}
.trouble_illust {
    width: 80px;
}
.trouble_con {
	padding-right:10px;
	padding-left:10px;
    /*border-radius: 0px !important;*/
	border-top-left-radius: 100px!important;
    border-top-right-radius: 100px!important;	
}
}

/*お困りごと(ご相談例) */
.arconix-faq-wrap {
	border-radius: 20px!important;
    width: 100%;
}
.arconix-faq-title {
    font-size: 1.3em!important;
    padding: 10px 0 10px 30px;
	background:none;	/* デフォルトのマークを非表示 */
}
.arconix-faq-title.faq-open {
    background:none!important;
}
@media screen and (max-width: 980px) {
.top_trouble_b {
	margin-right:15px!important;
	margin-left:15px!important;
}
.arconix-faq-wrap {
	width: 90%;
}
}
@media screen and (max-width: 781px) {
.arconix-faq-wrap {
    width: 80%;
    margin: 0 auto!important;
}
}
@media screen and (max-width: 481px) {
.arconix-faq-wrap {
    width: 90%;
}
}

/*キッチン*/
#faq-153 .arconix-faq-title:before{
    display: inline-block;
	content: "";
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/trouble_kitchen.png);
	background-repeat:no-repeat;	
	width: 80px;
    height: 87px;
	vertical-align: middle;
    margin-right: 20px;
}
/*洗面所*/
#faq-164 .arconix-faq-title:before{
    display: inline-block;
	content: "";
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/trouble_washroom.png);
	background-repeat:no-repeat;	
	width: 80px;
    height: 87px;
	vertical-align: middle;
    margin-right: 20px;
}
/*トイレ*/
#faq-175 .arconix-faq-title:before{
    display: inline-block;
	content: "";
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/trouble_toilet.png);
	background-repeat:no-repeat;	
	width: 80px;
    height: 87px;
	vertical-align: middle;
    margin-right: 20px;
}
/*水漏れ*/
#faq-178 .arconix-faq-title:before{
    display: inline-block;
	content: "";
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/trouble_water-leak.png);
	background-repeat:no-repeat;	
	width: 80px;
    height: 87px;
	vertical-align: middle;
    margin-right: 20px;
}
/*お風呂*/
#faq-181 .arconix-faq-title:before{
    display: inline-block;
	content: "";
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/trouble_bath.png);
	background-repeat:no-repeat;	
	width: 80px;
    height: 87px;
	vertical-align: middle;
    margin-right: 20px;
}
/*その他*/
#faq-184 .arconix-faq-title:before{
    display: inline-block;
	content: "";
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/trouble_water-heater.png);
	background-repeat:no-repeat;	
	width: 80px;
    height: 87px;
	vertical-align: middle;
    margin-right: 20px;
}
.arconix-faq-title:after{
	content:"";
	background: url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/mark_plus.png) ;
	background-repeat:no-repeat;
	width:  59px;
    height: 59px;
	position:absolute;
	right:20px;
	margin-top: 10px;
}
.arconix-faq-title.faq-open:after{
	content:"";
	background: url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/mark_minus.png) ;
	background-repeat:no-repeat;
	width:  59px;
    height: 59px;
	position:absolute;
	right:20px;
	margin-top: 10px;
}

/*---------------------------------------
 * ホーム以外
 * -----------------------------------*/
/*mainを上へ上げる*/
main:not(.home) {
	margin-top:0!important;
}

/*タイトルを非表示*/
h1.wp-block-post-title:not(.home) {
	display:none;
}

/*---------------------------------------
 * 会社概要
 * -----------------------------------*/
.company_box {
	width:650px;
}
@media screen and (max-width: 781px) {
.company_box {
	width:100%;
}
}

/*---------------------------------------
 * サービス
 * -----------------------------------*/
/*左上に草*/
.service_left img {
	width: 25vw;
}
.service_left_con_wrap {
    margin-top: -25vw;
    z-index: -1;
    position: relative;
}
@media screen and (max-width: 1500px) {
.service_left img {
	width: 30vw;
}
.service_left_con_wrap {
    margin-top: -30vw;
}
}
@media screen and (max-width: 1200px) {
.service_left img {
	width: 40vw;
}
.service_left_con_wrap {
    margin-top: -40vw;
}
}
@media screen and (max-width: 600px) {
.service_left img {
	width: 50vw;
}
.service_left_con_wrap {
    margin-top: -50vw;
}
}
@media screen and (max-width: 481px) {
.service_left_cover {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
}

/*右下に草*/
.service_right img {
	width: 25vw;
    margin-top: -26vw;
}
.service_right_con_wrap {
    z-index: -1;
    position: relative;
}
@media screen and (max-width: 1500px) {
.service_right img {
	width: 30vw;
    margin-top: -40vw;
}
}
@media screen and (max-width: 1200px) {
.service_right img {
	width: 40vw;
    margin-top: -40vw;
}
}
@media screen and (max-width: 600px) {
.service_right img {
	width: 50vw;
	margin-top: -50vw;
}
}
@media screen and (max-width: 481px) {
.service_right_cover {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}
}

/*左上に草(下)*/
.service_left_u img {
	width: 25vw;
}
.service_left_u_con_wrap {
    margin-top: -20vw;
/*    z-index: -1;*/
    position: relative;
}
@media screen and (max-width: 1500px) {
.service_left_u img {
	width: 30vw;
}
.service_left_u_con_wrap {
	margin-top: -25vw;
}
}
@media screen and (max-width: 1200px) {
.service_left_u img {
	width: 40vw;
}
.service_left_u_con_wrap {
	margin-top: -35vw;
}
}
@media screen and (max-width: 600px) {
.service_left_u img {
	width: 60vw;
}
.service_left_u_con_wrap {
    margin-top: -50vw;
}
}
@media screen and (max-width: 481px) {
.service_left_u img {
	width: 60vw;
}
}

.service_title_pg {
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/service_icon01.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	padding-top:10px;
	min-height: 40px;
}
.service_title_lg {
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/service_icon02.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	padding-top:10px;
	min-height: 40px;
}
.service_title_g {
	background-image:url(http://bousyusetubi.com/bousyu/wp-content/uploads/2025/07/service_icon03.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	padding-top:10px;
	min-height: 40px;
}
.wp-block-gallery img {
	border-radius:20px;
}
.wp-element-caption {
	border-radius:0 0 20px 20px;
}


/*---------------------------------------
 * お問い合わせ
 * ------------------------------------*/
.inquiry_tel img {
	vertical-align:middle;
}
.inquiry_tel a {
	text-decoration: none !important;
}
@media screen and (max-width: 481px) {
.inquiry_tel img {
	width:50px!important;
}
}

/*---------------------------------------
 * フッター
 * ------------------------------------*/
.footer_tel {
	font-size:1.5em;
	margin-top: 0 !important;
}
.footer_tel a {
	text-decoration:none!important;
}
.footer_fax {
	margin-top: 0 !important;
}