/*!
Theme Name: ushiyama
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
*/


/*全体*/
body{
	font-family: "Noto Sans JP", sans-serif;
	font-size:20px;background:#F8F8FF ;
}
a{color:unset;
text-decoration:none;}
.site_content{
	display:block;
}
.is-layout-flex{gap:0;}

.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font36{font-size:36px;}

.font40{font-size:40px;}
.font44{font-size:44px;}
.font46{font-size:46px;}
.font68{font-size:68px;}

.letterspacing2{letter-spacing: 2px;}

h2{font-size:40px;font-weight:normal;}

@media screen and (max-width: 768px) {
	body{font-size:16px;}
	h2{font-size:24px;}
	
	.font10{font-size:8px;}
	.font11{font-size:9px;}
	.font12{font-size:10px;}
	.font14{font-size:12px;}
	.font16{font-size:14px;}
	.font18{font-size:16px;}
	.font22{font-size:18px;}
	.font24{font-size:18px;}
	.font26{font-size:24px;}
	.font28{font-size:24px;}
	.font30{font-size:26px;}
	.font32{font-size:26px;}
	.font33{font-size:26px;}
	.font34{font-size:26px;}
	.font36{font-size:34px;}

	.font40{font-size:38px;}
	.font44{font-size:40px;}
	.font46{font-size:44px;}

}



p{
	line-height:1.5em;
	margin-bottom:16px;
}

.back_f8f8ff{background:#f8f8ff;}
.back_f0ead6{background:#f0ead6;}



/*フォント*/
/*ノト明朝*/
.mincho{
  font-family: "Noto Serif JP", serif;
}
/*ノトゴシック*/
.gothic{
	font-family: "Noto Sans JP", sans-serif;
}
/*ROBOTO*/
.roboto{
	font-family: "Roboto", sans-serif;
}


/*全体：表示*/
.pc_display{
	display:block;
}
.mb_display{
	display:none;
}
@media screen and (max-width: 768px) {
	.pc_display{
		display:none !important;
	}
	.mb_display{
		display:block !important;
	}
}

/*レスポンシブで左右に余白*/
@media screen and (max-width: 768px) {
	.responsive20{
	    padding-left: 20px;
	    padding-right: 20px;
	}
}



/*ヘッダー画像*/
/* ヘッダー全体 */
.header_container {
  position: relative;
  width: 100%;
  height: 900px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
	.header_container {
	  height: 400px;
	}
}


/* ヘッダー画像のスタイル */
.header_image_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.header_image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像のサイズをヘッダーに合わせる */
}

/* 暗いオーバーレイのスタイル */
.header_image_dark{
  position: absolute; /* 必要であれば適用 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 画像を暗くするためのオーバーレイ */
  transition: transform 2s ease; /* アニメーションの設定 */
  transform: translateX(0); /* 初期位置 */
}

.header_image_dark.lighten {
  transform: translateX(100%); /* 右にスライド */
}




/* ロゴのスタイル */
.header_logo {
	position: absolute;
	top:50px;
	left:50px;
}

.header_logo img{
	height:290px;
}
@media screen and (max-width: 768px) {
	.header_logo {
		top:10px;
		left:10px;
	}
	.header_logo img{
		height:110px;
	}
}
/* サブ画像のスタイル */
.header_sub_banner{
	position: absolute;
	top:40px; /* サブ画像の垂直位置を中央に */
	right:50px; /* サブ画像の水平位置を中央に */

    display: flex; /* Flexboxレイアウトを有効化 */
    align-items: center; /* 垂直方向に中央揃え */
    justify-content: space-between; /* 要素間にスペースを均等に配置 */
	gap: 10px;

}

.header_sub_banner img{
    height: 20px;
    margin-right: 5px;
}


.header_sub_banner .banner_box{
	background: #FFBF00;
	width: 180px;
	height: 40px;
	border-radius: 5px;
	align-content: center;
	text-align: center;
	font-size: 17px;
    display: flex;
    align-items: center; /* 水平方向に中央揃え */
    justify-content: center; /* 垂直方向に中央揃え */	
	
}
.header_sub_banner img{
	width: 20px;
	height:auto;
}
.header_sub_banner .banner_box img{
	width: 27px;
	margin-top: 2px;
}

@media screen and (max-width: 768px) {
	.header_sub_banner{
		right:15px;
		top: 10px;
	}
	.header_sub_banner .banner_box{
        width: 155px;
        font-size: 14px;
        height: 22px;
	}
	.header_sub_banner .banner_box:nth-child(2){
		width: 60px;
	}
	.header_sub_banner img{
		width:20px;
		height:auto;
	}
	.header_sub_banner .banner_box img{
		width: 20px;
		margin-top: 1px;
	}

}

@media screen and (max-width: 480px) {
    .header_sub_banner .banner_box {
		width: 115px;
		font-size:12px;
		height:22px;
    }
}


.header_sub_banner .rotate-icon{
    display: inline-block;
    transform: rotate(30deg);
    margin-top: 4px;
}

@media screen and (max-width:768px) {
	.header_sub_banner .rotate-icon{
	    margin-top: 2px;
	}
}

.header_sub_banner img:nth-child(3){
	width:30px;
}

/* サブ画像のスタイル */
.header_sub_image {
	position: absolute;
	bottom:0px;
	left:0px;
}

.header_sub_image img{
    width: 215px;
    bottom: 30px;
    position: absolute;
    left: 80px;
}

@media screen and (max-width: 768px) {
	.header_sub_image {
		top:10px;
		left:10px;
	}
	.header_sub_image img{
		height:100px;
	}
}


/*テキストのスタイル*/
.header_sub_text h1{
	color:white;
	position: absolute;
	top:50%;
	left:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size:50px;
	transform: translate(-50%, -50%); /* サブ画像を中央に配置 */
	white-space: nowrap; /* 改行を防ぐ */
	font-weight:normal;
text-shadow: 3px 3px 5px #000;
}

.header_sub_text hr{
	width: 10px;
	height: 100%;
	position: relative;
	border: 0;
}


.header_sub_text hr::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  border:0px;
  background:repeating-linear-gradient(
    to bottom,
    white 0,
    white 5px,
    transparent 5px,
    transparent 15px
  );
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
	.header_sub_text h1{
		font-size:20px;
	}
}




/*資料請求*/
.header_sub_information{
	width: 300px;
	z-index: 2;
	position:absolute;
	right:0;
	margin-top: -100px;
}
.header_sub_information img{
	width:100%;
}
@media screen and (max-width: 768px) {
	.header_sub_information{
		width:160px;
		margin-top: -50px;
		right:5px;
	}
}


/*埼玉の木と自然素材で作る*/
@media screen and (max-width: 768px) {
	.top_container_01 p{
        letter-spacing: 2px;
        font-size: 14px;
	}
}

.top_container_01_title{
	font-size:30px;
	padding-top:20px;
	padding-bottom:20px;
	
}
@media screen and (max-width: 768px) {
	.top_container_01_title{
		font-size:16px;
		padding:0;
	}
}
/*埼玉の木と自然素材で作る：左カラム*/
.top_container_01_left{

}
@media screen and (max-width: 768px) {
	.top_container_01_left{
		padding:0px 15px 0px 20px;
	}
}

.top_container_01_left_tokutyou{
	text-align:center;
	gap:0px;
	margin-left: 70px;
    margin-right: 70px;
}
@media screen and (max-width: 786px) {
	.top_container_01_left_tokutyou{
		margin-left: 20px;
	    margin-right: 20px;
	}
}

.top_container_01_left h2{
	font-size:50px;
}
@media screen and (max-width: 786px) {
	.top_container_01_left h2{
        font-size: 20px;
        letter-spacing: 5px;
	}
}
.top_container_01_left_tokutyou p{
	margin:0px;
}
.top_container_01_left_tokutyou p:nth-child(1){
	color:#B0D0C1;
	font-size:40px;
}
.top_container_01_left_tokutyou p:nth-child(2){
}

.top_container_01_left_tokutyou p:nth-child(3){
	font-size:24px;
	font-weight:bold;
}

.top_container_01_left_tokutyou_imgicon01 img{
	height:70px;
	width:auto;
	margin-bottom:15px;
}
.top_container_01_left_tokutyou_imgicon02{
	width:100%;
	height:auto;
}
@media screen and (max-width: 786px) {
	.top_container_01_left_tokutyou{
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, auto);
		gap:5px; 
		padding: 20px;
	}
	.top_container_01_left_tokutyou p:nth-child(3){
		font-size:11px;
	
	}
	.top_container_01_left_tokutyou img{
		height:60px;
		width:auto;
	}
}


/*埼玉の木と自然素材で作る：もっと見る*/
.top_container_01_left_motto{
	padding-top:10px;
	padding-bottom:50px;
	padding-right:80px;
	text-align:right;
	margin-bottom:30px;
}
@media screen and (max-width: 768px) {
	.top_container_01_left_motto{
		padding:0;
		margin-right:30px;
		text-align:right;
	}

}

.half_arrow_right{
	position: relative;
	display: inline-block;
	width: 200px;
	height: 1px;
	margin-top: 30px;
	border-radius: 9999px;
	background-color: #000000;
}

.half_arrow_right::before {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	width: 12px;
	height: 1px;
	border-radius: 9999px;
	background-color: #000000;
	transform: rotate(45deg);
	transform-origin: calc(100% - 2px) 50%;
}
@media screen and (max-width: 768px) {
	.half_arrow_right{
	  width: 100px;
	}

}



/*埼玉の木と自然素材で作る：右カラム*/
.top_container_01_right{

}

.top_container_01_right .image_01{
	text-align:right;
}
.top_container_01_right .image_01 img{
    object-fit: cover;
    height: 700px;
}


.top_container_01_right_yomigaeri{
	width:100%;
}
.top_container_01_right_yomigaeri img{
	text-align: right;
    max-width: 420px;
    display: block;
    margin-top: -120px;
    margin-right: 70px;
}

@media screen and (max-width: 768px) {
	.top_container_01_right .image_01 img{
	    object-fit: none;
	    height: auto;
	}
	.top_container_01_right_yomigaeri img{
		margin:0px;
		max-width:unset;
		width: 220px;
		margin-left: -30%;
		margin-top: -40px;
	}


}



/*無垢材と自然素材に囲まれた*/
.top_container_02{
	padding-top:50px;
	padding-bottom:50px;
}

@media screen and (max-width: 768px) {
	.top_container_02{
		padding-top:0px;
	}
}


/*無垢材と自然素材に囲まれた：事例*/
.top_container_02_content_left{
}
.top_container_02_content_jirei{
	text-orientation: upright;
	display: flex;
	width: calc(50% + 5px);
	text-align: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}


/*無垢材と自然素材に囲まれた：右カラム*/
.top_container_02_right_renovation{
	max-width:480px;
}

.top_container_02_right h2{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
    font-weight: normal;
    margin-left: 60px;
}
@media screen and (max-width: 768px) {
	.top_container_02_right_renovation{
		max-width:unset;
		width:220px;
		padding: 20px 0px 0px 20px;
	}
	.top_container_02_right h2{
		display: block;
        margin: auto;
        	}
}





/*無垢材と自然素材に囲まれた（リノベーション）：タブ*/
/* タブボタンのスタイル */
.top_container_02_tab_buttons{
	text-align:center;
	display: flex;
    justify-content: center;
	padding: 10px 5px 20px 5px;
}
.top_container_02_tab_button,.top_container_02_tab_button_bottom{
	display: inline-block;
	background: #666666;
	color:#999999;
	width: 200px;
	padding: 5px;
	font-size:23px;
	cursor: pointer;
	border-radius: 20px;
	margin: 20px;
	box-shadow:3px 3px 3px #aaa;
	border: 0;
}

.top_container_02_tab_button.active,.top_container_02_tab_button_bottom.active{
	background:#F08529;
	color: white;
}

@media screen and (max-width: 768px) {
	.top_container_02_tab_button,.top_container_02_tab_button_bottom{
		margin: 5px;
		font-size:14px
	}
}


/* コンテンツブロックのスタイル */
.top_container_02_content{
	display: flex;
	flex-direction: column; /* 縦並びにする */
    overflow: hidden;
	max-width: 990px;
    justify-self: center;

}
@media screen and (max-width: 990px) {
	.top_container_02_content{
		width: 100%;
		box-sizing: border-box;
	}
}
.top_container_02_content_blocks{
/*	flex-direction: column;*/
	margin: 0;
	background: linear-gradient(to right, #F8F8FF 95%, #F0EAD6 95%);
/*    display: block !important;*/
	justify-content: center;
}

.top_container_02_content_box{

}
.top_container_02_content_block{
	display: none;
	margin-top: 10px;
	margin:auto;
	background:#F8F8FF;
	overflow: hidden;
}

.top_container_02_content_block p{
	width:80%;
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
}

	


/* コンテンツ部分の表示用 */
@media screen and (max-width: 768px) {
	.top_container_02_content{
		padding-right: 20px;
	}
}
.top_container_02_content img{
	width:100%;
}

.top_container_02_content span:nth-child(1){
	font-size:46px;
	margin-bottom: 20px;
	display: block;
	font-weight:bold;
}
.top_container_02_content h2{
	font-size:32px;
	line-height:58px;
	letter-spacing:5px;
	font-weight: normal;
}




/*スライダー*/


.top_container_02_content .slick-arrow {
	transition: all  0.5s;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
    height: 36px;
    width: auto !important;
}
.top_container_02_content .prev-arrow{
    right: 4px;
}
.top_container_02_content .next-arrow{
	left:4px;
}

@media screen and (max-width: 768px) {
	.top_container_02_content .slick-arrow{
			height: 30px;
	}
	.top_container_02_content .prev-arrow{
	    right:0px;
	}
	.top_container_02_content .next-arrow{
		left:4px;
	}
}

.top_image03_case1_slide{
	box-sizing: border-box;
}

.top_image03_case1_slide{
    margin:7px -10px 0px -10px;
}
.top_image03_case1_slide img{
    padding: 5px;
	box-sizing: border-box;
}

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

	.top_container_02_content span:nth-child(1){
		font-size:15px;
	}
	.top_container_02_content h2{
		font-size:18px;
		line-height:30px;
		letter-spacing:2px;
		margin-bottom:5px;
		font-family:"Noto Sans JP", sans-serif;

	}

}



@media screen and (max-width: 768px) {
	.top_container_02_content{
		display: flex;
	}
	.top_container_02_content_box{
		width:100%;
		
	}
	.top_container_02_content_block{
        width: 90%;
	}
	.top_container_02_content_block p{
		width:100%;
		margin-top: 10px;
		letter-spacing: -1px;
    }
	.top_image03_case1_slide{
		margin-top:10px;
	}

	#container_02_A{
	  order: 1; /* Aを1番目に表示 */
	}

	#container_02_C{
	  order: 2; /* Cを2番目に表示 */
	}

	#container_02_B{
	  order: 3; /* Bを3番目に表示 */
	}
}

/*More Cases:タイトル*/
.top_container_04_content_title{
	font-size:46px;
}
@media screen and (max-width: 768px) {
	.top_container_04_content_title{
		font-size:18px;

	}
}
/*More Cases:スライダー*/
.top_image04_more_case_slide{
	width:calc(100% - 40px);
	margin:auto;
}
.top_image04_more_case_slide .slick-slide{
    width: 95%;
	padding:8px 8px 15px 8px;
  display: flex;　/* 直下の要素を並列に */
  flex-direction: column; /* 直下の要素を縦積みに */

}

.top_image04_more_case_slide span{
	margin-top:20px;
	font-size:18px;
	display: block;
}
.top_image04_more_case_slide p{
	font-size:16px;
	margin-top:20px;
	margin-bottom:5px;
	height: 100px;
}

@media screen and (max-width: 768px) {
	.top_image04_more_case_slide p{
		height:120px;
	}
}


.top_image04_more_case_slide img{
    width: 100%;
    height: auto;
}
.top_image04_more_case_slide .top_image04_more_case_slide_tab span{
	color:#000;
	background:#fff;
	border:1px solid #000;
/*	width:calc(100% / 4 - 12px);*/
	text-align:center;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	border-radius: 15px;
    margin-right: 10px;
    padding: 2px 15px 2px 15px;
}
.top_image04_more_case_slide .top_image04_more_case_slide_tab span:last-child{
    margin-right: 0px;
}
@media screen and (max-width: 768px) {
	.top_image04_more_case_slide .top_image04_more_case_slide_tab span{
		font-size:11px;
	    padding: 2px 10px 2px 10px;
	    margin-top: 5px;
	}

}

.top_container_04_content .slick-arrow {
	transition: all  0.5s;
	position: absolute;
	top: 37%;
	transform: translateY(-50%);
	z-index: 10;
    height: 36px;
    width: auto !important;
}
.top_container_04_content .prev-arrow{
    right:5px;
}
.top_container_04_content .next-arrow{
	left:8px;
}
@media screen and (max-width: 768px) {
	.top_container_04_content .slick-arrow {
		top: 25%;
		height: 20px;

	}
}



/*よみがえりリフォームの特徴*/
.top_container_05{
}
.top_container_05_title{
	font-size:30px;
}
@media screen and (max-width: 768px) {
	.top_container_05_title{
		font-size:18px;
	}
}

.top_container_05_box{
	display: flex;
	flex-direction: column;
} 
.top_container_05_feature{
    max-width: 330px;
    margin: auto;
}

@media screen and (max-width: 768px) {
	.top_container_05_feature{
		max-width:unset;
		width:150px;
	}
}
.top_container_05 .wp-block-column{
	padding:30px;
}
.top_container_05 .wp-block-column:nth-child(odd){
	margin-left:120px;
}
.top_container_05 .wp-block-column:nth-child(even){
	margin-right:120px;
}
@media screen and (max-width: 768px) {
	.top_container_05 .wp-block-column{
		padding:10px 30px;
	}
	.top_container_05 .wp-block-column:nth-child(odd),.top_container_05 .wp-block-column:nth-child(even){
		margin-left:0;
		margin-right:0;
	}
}


.top_container_05 h1{
	color:#A9BA9D;
}


.top_container_05_img01 img{
	height: 120px;
	width: auto;
}

.top_container_05_img02 img{
	width:100%;
}

.top_container_05_text_no{
	font-size:50px;
}
.top_container_05_text_title{
	font-size:32px;
}
.top_container_05 p:nth-child(1){
	font-size:68px;
	font-weight:300;
	color:#A9BA9D;
}
@media screen and (max-width: 768px) {
	.top_container_05_box p:nth-child(1){
		font-size:43px;
		margin: 0;
	}
}


.top_container_05 p:nth-child(4){
	padding:0px 20px 0px 20px;
	text-align:unset;
	height: 100%;
}


.top_container_05_text_content{
	font-size:18px;
	line-height:44px;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.top_container_05 p:nth-child(4){
		padding:0px;
		letter-spacing: -1px;
	}
}
/* トグル */
.top_container_05 details{
}
.top_container_05 summary{
	list-style-type: none;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.top_container_05 summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}


/* アイコン画像の基本スタイル */
.top_container_05 .icon{
    width: 20px;
    margin: auto;
    padding: 10px;

}
.top_container_05 .icon-open{
	transform: rotateX( 180deg );
}

/* 非展開時のアイコン表示 */
.top_container_05 details:not([open]) .icon-open{
	display: none;
}
/* 展開時のアイコン表示 */
.top_container_05 details[open] .icon-close{
	display: none;
}
/*トグル矢印をパソコンの時は非表示*/
@media screen and (min-width: 768px) {
	.top_container_05 summary{
		display:none;
	}
}

@media screen and (max-width: 768px) {
	.top_container_05_text_content{
		line-height:25px;
	}

}
/*お気軽に無料相談*/

.top_container_06 {
	background: linear-gradient(90deg, #F0EAD6 0%, #F0EAD6 60%, #F8F8FF 60%, #F8F8FF 100%);
 	position: relative;
	width: 100%;
}
.top_container_06_title{
	font-size:24px;
}
@media screen and (max-width: 768px) {
	.top_container_06_title{
		font-size:18px;
		text-align: center;
	}
}

.top_container_06_left{
	width: 50%;
	z-index: 1; /* 重ね合わせを制御 */
	padding: 50px 10px 50px 90px;
}

.top_container_06_right{
	z-index: 2; /* 重ね順を指定 */

}

.top_container_06_left p{
	margin-top:30px;
	font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
	.top_container_06_left p{
		font-size: 13px;
		letter-spacing: -1px;
	}
}

.top_container_06_left_button{
	max-width: 430px;
    background: #FFDB58;
    text-align: center;
    padding: 15px 0px;
    box-shadow: 5px 5px 5px #aaa;
    border-radius: 10px;
    color: #000;
    margin-top: 50px;
    margin-bottom: 20px;
}

.top_container_06_left .top_container_06_image01{
	max-width: 390px;
    background: #FFBF00;
    text-align: center;
    box-shadow: 5px 5px 5px #aaa;
    border-radius: 10px;
	padding:20px 20px 0px 20px;
}

.top_container_06_right .top_container_06_image02{
	width: 50vw;
    box-sizing: border-box;
    right: 0;
	position: absolute;
    bottom: -50px;
}


@media screen and (max-width: 768px) {
	.top_container_06 {
		background:#F0EAD6;
	}

    .top_container_06_left{
		padding:25px;
        z-index: 2; /* 左側の要素を前面に */
    }
	.top_container_06_left_button{
		width:100%;
	}
	.top_container_06_left_button{
		max-width: unset;
	}
	.top_container_06_left .top_container_06_image01{
        max-width: unset;
        width: 100%;
        box-sizing: border-box;
	}

	.top_container_06_right .top_container_06_image02{
		width: 100%;
		box-sizing: border-box;
		position:unset;
	}

}



/*リフォームの流れ*/

.top_container_07{
/*    gap: 30px;*/
	box-sizing: border-box;
}

.top_container_07_title{
	font-size:33px;
}
@media screen and (max-width: 768px) {
	.top_container_07_title{
		font-size:16px;
	}
}

.slick-track {
	display: flex !important;
}
.slick-slide {
  height: auto !important;
}

.top_container_07_flow{
    width: 225px;
    padding-top: 50px;
    margin: auto;
}
.top_image07_flow_slide{
	padding-right: calc((100% - 880px) / 2);
	padding-left: calc((100% - 880px) / 2);
	box-sizing: border-box;

display: flex;
}

@media screen and (max-width: 768px) {
	.top_container_07_flow{
	    width: 120px;
	}
}

.top_container_07_box{
	text-align: center;
	background:#F8F8FF;
	border:10px solid #f0ead6;
	flex: 1;  /* 各要素を同じ幅で設定 */
	box-sizing: border-box;
}

.top_container_07_box_title{
	background: linear-gradient(to bottom, #f0ead6 50%, #F8F8FF 50%);
	display: inline-block;
	color: #000;
	font-size:51px;
	text-align: center;
	width:100%;
	margin-bottom:10px;
}

.top_container_07_box_title_step{
	font-size:18px;
	vertical-align: 50%;
}
.top_container_07_box p{
    padding: 0px 20px;
}
.top_container_07_box img{
	height:70px;
	margin: auto;
}
.top_container_07_box_button{
    width: 80%;
    margin-bottom: 30px;
    background: #fcb900;
    padding: 10px;
    display: block;
    box-sizing: border-box;
    margin: 0px auto 20px auto;
}
.top_container_07_box_button div{
    width: 80%;
}
.top_container_07_box_button a{
    width: 100%;
}

.top_container_07 .slick-dots li button:before {
	font-size:15px;
}

.top_container_07 .slick-dots{
	position: static;
}

@media screen and (max-width: 768px) {
	.top_container_07_box p{
	    padding: 25px;
	}
	.top_container_07 .wp-block-column{
		margin: 20px;
	}

}


.top_container_09_tesxt01{
	font-size:34px;
}
.top_container_09_tesxt02{
	font-size:34px;
	color:#F08529;
}
.top_container_09_tesxt03_tel{
	font-size:44px;
	font-weight:bold;
	text-align:center;
	vertical-align: sub;
}
.top_container_09_image01{
	max-width:600px;
	display:block;
	margin:auto;
}
@media screen and (max-width: 768px) {
	.top_container_09_tesxt01{
		font-size:18px;
	}
	.top_container_09_tesxt02{
		font-size:21px;
	}
	.top_container_09_image01{
		width:100%;
	}
}

.top_container_09_tesxt03_tel img{
	width:55px;
	vertical-align: sub;
}

.top_container_09_image02 img{
    max-width: 440px;
    background: #F08529;
    text-align: center;
    box-shadow: 5px 5px 5px #aaa;
    border-radius: 10px;
	padding:20px 20px 0px 20px;
}
@media screen and (max-width: 768px) {
	.top_container_09_image02 img{
		width:100%;
	}
}


.top_container_09_text01_required{
	font-size:14px;
	background:#FF931E;
	margin-right:5px;
	padding:2px;
}
.top_container_09_text01_optional{
	font-size:14px;
	background:#A29E97;
	margin-right:5px;
	padding:2px;
}



/*よくある質問*/

.top_container_10{
	background:#F8F8FF;
	width:100%;
}

.top_container_10_box{
	max-width:1000px;
	margin:auto;
	color:#333333;
}

.top_container_10_box details{
	margin-top:20px;
	font-size:18px;
}
.top_container_10_box details p{
	color:#333333;
}
.top_container_10_box summary{
	color:#8A9A5B;
	font-size:28px;
	list-style: none;
}

.top_container_10_box .top_container_10_que{
	color:#8A9A5B;
	font-size:38px;
}

.top_container_10_box p{

	text-indent: -55px;
	padding-left: 58px;
	margin-top: 30px;
	margin-bottom: 110px;
}

.top_container_10_box .top_container_10_ans{
	font-size:38px;
	color:#E2725B;

}


/*問い合わせフォーム*/

.top_container_11{
	max-width:1000px;
	background:#F0EAD6;
	padding:50px;
	display:block;
	margin:auto;
}

.top_container_11 h2{
	font-size:29px;
	text-align:center;
}

.top_container_11_text01_required{
	background:#F08529;
	font-size:14px;
	padding:2px 5px;
	margin-right:10px;
}
.top_container_11_text01_optional{
	background:#A29E97;
	color:#fff;
	font-size:14px;
	padding:2px 5px;
	margin-right:10px;
}

.top_container_11 th{
	text-align:left;
	width:300px;
	vertical-align: top;
}

.top_container_11 table{
	border-collapse: collapse;
}
.top_container_11 p{
	font-size:16px;
	font-weight:normal;
	margin:0px;
}
.top_container_11 th,.top_container_11 td{
	padding:12px 0px 12px 0px;
	border-bottom:2px solid #D0D0D3;
}
.top_container_11 th:last-child,.top_container_09 td:last-child{
	border:none;
}

.top_container_11 input{
    width: 100%;
	font-size:16px;
}

.top_container_11 .wpcf7-list-item input{
	width: auto;

}
.top_container_11 .wpcf7-list-item{
	margin-bottom:10px;
}

.top_container_11_contact input,.top_container_11_contact select{
	font-size:16px;
	padding:7px;
	border:1px solid #aaa;
	box-sizing: border-box;
	background:#fff;
}

.top_container_11_contact .contact_address{
	padding:0;
}

.top_container_11_contact .contact_address div{
    margin-top:10px;
    margin-bottom:10px;
}

.top_container_11_contact .contact_address span:nth-child(1){
    display: inline-block;
    width: 100px;
}
.top_container_11_contact .contact_address #zip{
	width:120px;
}
.top_container_11_contact .contact_address input{
    width: calc(100% - 100px);
}
.top_container_11_contact .contact_indent{
	margin-left:20px;

}
.top_container_11_contact textarea{
	width:100%;
}
.top_container_11_submit p{
	margin-top:20px;
	text-align: center;
}

.top_container_11_submit input[type="submit"]{
	margin: auto;
    display: block;
	width:300px;
	background:#fcb900;
	color:#fff;
	border-radius: 17px;
	padding: 7px;
	border: none;
}


@media screen and (max-width: 768px){
	.top_container_11{
		padding: 20px;
	}    
	.wpcf7{
		width:100%;
	}
	.wpcf7 th{
		margin-top:20px;
	}
	.wpcf7 th,.wpcf7 td{
		width:100%;
		display:block;
	}
	.top_container_11 p{
	    margin: 5px 0px;
	}
	.top_container_11_submit input[type="submit"]{
		width:100%;
	}
	.top_container_11_contact .contact_address span:nth-child(1){
		display:inline-block;
		width:auto;
	}
	.top_container_11_contact .contact_address input{
		display: block;
	}
	.top_container_11_contact .contact_address #zip{
		display:inline-block;
	}
	.top_container_11_contact .contact_address input{
	    width:100%;
	}
	.wpcf7-list-item {
		margin:0;
	}
	.top_container_11_submit p{
		margin-top:20px;
	    font-size: 13px;
	}
}


/*フッター*/
.site_footer{
	width:100%;
}
.footer_widgets{
}
.site_footer p{
	margin-bottom:0;
}

@media screen and (max-width: 768px) {
	.site_footer p{
		line-height: 23px;
		padding-top: 10px;
		margin-bottom: 20px;
	}
}

/*フッター左*/
.footer_left{
    padding-right: 40px;
}
@media screen and (max-width: 768px) {
	.footer_left,.footer_right{
		padding: 0px 20px;
	}
}


/*フッター左：ボタンの設定*/
.footer_left .wp-block-button{
	width:100%;
}

.footer_left_button1{
	vertical-align: middle;
}
.footer_left_button1 a{
	border:1px solid #f08529;
	background:#f08529;
	color:#fff;
	border-radius: 10px;
	display: flex;
	justify-content: center; /* 横方向の中央揃え */
	align-items: center; /* 縦方向の中央揃え */
}
.footer_left_button2 a{
	border:1px solid #f08529;
	background:#fff;
	color:#000;
	border-radius: 10px;
	display: flex;
	justify-content: center; /* 横方向の中央揃え */
	align-items: center; /* 縦方向の中央揃え */
}


.footer_left_button1 img,.footer_left_button2 img{
	vertical-align: middle;
	margin-right:15px;
}
.footer_left_button1 img,.footer_left_button2 img{
	height:53px;
}
.footer_left_button1 img,.footer_left_button2 img{
	height:47px;
}
.button_arrow_white::after{
    content: '';
    position: relative;
    bottom: 43px;
    right: 15px;
    transform: translateY(0%) rotate(-45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.button_arrow_orange::after{
    content: '';
    position: relative;
    bottom: 43px;
	right: 15px;
    transform: translateY(0%) rotate(-45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #f08529;
    border-bottom: 2px solid #f08529;
}
@media screen and (max-width: 768px) {

	.button_arrow_white::after,.button_arrow_orange::after{
		bottom:37px;
	}
}


/* フッター：右コンテナの設定 */
.footer_right_companyinfo{
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.footer_logo{
	max-width:200px;
	margin: 0px 0px 10px 0px;
}
@media screen and (max-width: 768px) {
	.footer_logo{
		max-width:180px;
	    margin: 30px auto -30px;
	    display: block;
	}
}

.footer_right_companyinfo img{
	width: 70px; /* 画像の幅 */
	height: auto;
}

.footer_right_companyinfo_text{
	display: flex;
	flex-direction: column; /* テキストを縦方向に並べる */
	justify-content: center; /* 2行のテキストを上下中央に揃える */
}
.footer_right_companyinfo_sns{
    display: flex;
	margin-left:10px;
}
.footer_right_companyinfo_sns img{
    width:32px;
	margin:0px;
	margin-left:10px;
}
.footer_right_companyinfo_tel{
	line-height: 40px;
}


.footer_right_companyinfo_tel p{

}

.footer_right_companyinfo_tel img{
	display:inline-block;
	height:25px;
	margin-right: 5px;
}


@media screen and (max-width: 768px) {
	.footer_right_companyinfo{
		display: block;
		margin-top: 30px;
		text-align: center;
	}
	.footer_right_companyinfo img{
		margin:0;
	}
	.footer_right_companyinfo_sns{
		display: block;
		justify-self: center;
		margin:0;
	}
	.footer_right_companyinfo_sns img{
		margin:0;
		padding:5px;

	}
	.footer_right_companyinfo_tel{
        display: block;
        margin: auto;
        text-align: center;
	}
}


.footer_copyrights{
	font-size:11px;
}

@media screen and (max-width: 768px) {
	/* スマホでのみすきま表示させる */
	.footer_copyrights{
		font-size:9px;
		padding-bottom:70px;
	}
}




/* 定規 */
/*
html::before {
  content: '';
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100vh;
  background-color:#aaa;
  z-index: 9999;
  pointer-events: none;
}
*/