/*  css記入について  */

/*　下層ページはこのようにコメントでページ名を付けて区切ってください。
---------------------------------------------------------*/

/*
例：about.html   bodyのID　about  の場合・・・
#about h1{
	記入例です。
}
#about .main{
	記入例です。
}

・このようにbodyタグにIDを付けて、すべての記述の冒頭にIDを入力してください。

・コメントアウトを残したい場合は、ページ区切りのコメントアウトとは区別できるように記述してください。
<例>*/
     /***  コメント文です  ***/
     /*------ コメント文です -----*/

/*           css記入例終わり           */


/*　全体の設定
---------------------------------------------------------*/
*{
	box-sizing:border-box;
}

html{
	font-size:10px;
	orverflow:hidden;
	scroll-behavior: smooth;
}

body{
	margin:0;
	padding:0;
	font-size:1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	background:#fff;
	color:#3e3e3e;
	font-size:1.8rem;
	overflow-x: hidden;
	text-align:center;
	font-weight:700;
	line-height:3.6rem;
}

img{
	vertical-align:top;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

ul li,p{
	margin:0;
	padding:0;
}

.t_left{
	text-align:left;
}
/*　トップページ
---------------------------------------------------------*/
#wrap, .inner{
	margin:0 auto;
	max-width:1080px;
	width:100%;
	position:relative;
}

a{
	color:#3e3e3e;
	text-decoration:none;
}
#top h1{
	background:none;
	margin:0;
	padding:0;
	height:auto;
	width:auto;
}

/*　ヘッダー
---------------------------------------------------------*/
header{
	margin:0;
	padding:0;
	width:100%;
}
.logo_bar{
	text-align:left;
	margin:0 auto;
	max-width:1080px;
	width:100%;
	position:relative;
	height:80px;
	background:#fff;
	z-index:100;
}
header .top_line{
	height:42px;
	background:url(../img/top_line.png) repeat-x;
	width:100%;
	padding-top:21px;
}
header .top_line .inner{
	position:relative;
}
header .top_line .top_illust01{
	position:absolute;
	top:-20px;
	left:-50px;
	z-index:101;
}
header .top_line .top_illust02{
	position:absolute;
	top:-7px;
	right:-65px;
	z-index:101;
}
header .top_line .top_illust03{
	position:absolute;
	top:-7px;
	left:61%;
	z-index:101;
}
header .top_line .sub_ms{
	padding:0;
	margin-left:50px;
	font-size:1.4rem;
	height:21px;
	line-height:21px;
	font-weight:bold;
	color:#466336;

}
header .top_line ul{
	list-style:none;
	padding-top:21px;
	margin:0;
	padding:0;
	display:flex;
	position:absolute;
	top:0;
	right:0;
	z-index:105;
}
header .top_line ul li{
	padding-left:25px;
	font-size:1.4rem;
	height:21px;
	line-height:21px;
}
header .top_line ul li:nth-child(n+2){
	margin-left:1.4rem;
}
header .top_line ul li a{
	width:100%;
	height:100%;
	color:#466336;
	font-weight:bold;
	transition:all 0.5s;
}
header .top_line ul li a:hover{
	opacity:0.5;
}
header .top_line .faq{
	background:url(../img/faq_icon.png) no-repeat;
	background-size:16px;
	background-position:left center;
}
header .top_line .company{
	background:url(../img/company_icon.png) no-repeat;
	background-size:16px;
	background-position:left center;
}
header .top_line .sitemap{
	background:url(../img/sitemap_icon.png) no-repeat;
	background-size:16px;
	background-position:left center;

}
header #logo{
	margin:0;
	padding:0;
	margin-left:50px;
	height:78px;
}
header #logo img{
	margin-top:10px;
	width:330px;
	height:auto;
}
header .hours{
	position:absolute;
	top:0;
	right:0;
	font-size:1.4rem;
	font-weight:700;
	margin-top:5px;
	line-height:1.4rem;
}
header #top_right{
	position:absolute;
	top:20px;
	right:0;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
header #top_right li{
	margin-top:3px;
	margin-left:1rem;
}
header #top_right li.sns a{
	display:inline_block;
	margin-left:1rem;
	transition:all 0.5s;
}
header #top_right li.sns a:hover{
	opacity:0.7;
}
header #top_right li.sns img{
	width:40px;
	height:auto;
}
header #top_right li:last-child{
	margin-right:0;
}
header #top_right li a{
	color:#e93f35;
}
header .tel{
	font-family: 'GenJyuuGothicP';
	font-size:4rem;
	font-weight:bold;
	line-height:4.8rem;
}

/*--------- ナヴィゲーション    -------------*/
nav#main_nav{
	width:100%;
	background:#e93e34;
	height:55px;
	top: 0;
	left: 0;
	z-index: 99;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
nav#main_nav ul{
	display:flex;
	flex-direction:row;
	width:100%;
	max-width:1080px;
	margin:0 auto;
	height:100%;
}
nav#main_nav ul li.nav_list{
	width:calc(100% / 5);
	height:100%;
	border-right:3px dashed #fff;
	border-left:3px dashed #fff;
	transition: all 0.3s 0s ease;

}
nav#main_nav ul li.nav_list:nth-child(n+2){
	border-left:none;
}
nav#main_nav ul li.nav_list a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-weight:700;
	font-size:1.8rem;
	display:grid;
	place-content: center;
	transition:all 0.5s;
}
nav#main_nav ul li.nav_list:hover{
	background-color:#eb584f;
}

nav#main_nav .gnavi{

	display:flex;
	flex-direction:row;
	width:100%;
	max-width:1080px;
	margin:0 auto;
	height:100%;
}


nav#main_nav .gnavi_list{
	width:calc(100% / 5);
	height:100%;
	border-right:3px dashed #fff;
	border-left:none;
	transition: all 0.3s 0s ease;

	position:relative;
}
nav#main_nav .gnavi_list a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-weight:700;
	font-size:1.8rem;
	display:grid;
	place-content: center;
	transition:all 0.3s;
}
nav#main_nav .gnavi_list:hover{
	background-color:#eb584f;
}

nav#main_nav .dropnavi {

	width:calc(100% + 30px);
	position: absolute;
	padding: 0;
	display: none;
	top:55px;
	z-index:1000;

}
nav#main_nav .dropnavi li{
	width:100%;
	background:#3e3e3e;
	border:none;
	height:55px;
	transition:all 0.3s;
}

nav#main_nav .dropnavi li a {
	width:100%;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align:left;
	padding-left:30px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	font-weight:500;
}

nav#main_nav .dropnavi li:hover {
	background:#999;
}

/*--------- ナビゲーションここまで ----------*/

/*---------　見積もりボタン　----------*/
#mitsumori{
	position:fixed;
	right:-10px;
	bottom:max(130px,25%);
	width:fit-content;
	height:fit-content;
	z-index:1000;
	opacity: 0;
	transition: opacity 0.5s;
}
#mitsumori img{
	width:70%;
	height:auto;
	z-index:1000;
}
#mitsumori a:hover{
	transition: opacity 0.5s;
	opacity:0.7;
}
.is-fadein {
	opacity: 1!important;
}

/*　メインヴィジュアル
---------------------------------------------------------*/
#top_img{
	width:100%;
	height:auto;
	background:#f9855d;
}

#top_img .slider{
	width:100%;
	height:auto;
	margin:0 auto;
}
.slider .slid{
	width:100%;
	height:auto;
	background:red;
}
.slider .slid img{
	width:100%;
	height:auto;
	object-fit: cover;
}



/*　コンテンツ全般
---------------------------------------------------------*/
article{
	position:relative;
	z-index:1;
	text-align:center;
}

article .color_contents2{
	background:#f2f2f2;
	z-index:1;
	padding: 50px 0;
	margin:50px 0 0 0;
}
article .color_contents{
	padding: 50px 0 0 0;
	background-color:#eb6f31;
	margin:0;
}
article .top_line{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:300px;
	background-image:url(../img/machi_line.svg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:5000px;
}
article .bottom_line{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:250px;
	background-image:url(../img/bottom_line.svg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:3000px;
}

/*　ベースページ
---------------------------------------------------------*/
article .top_line_base{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:5000px;
	background-image:url(../img/top_line.svg);
}
#inner_box{
	margin:0px auto 0 auto;
	width:90%;
	max-width:1080px;
	background-color:#fff;
	border-radius:30px;
}
#title_box{
	margin:40px 40px;
	padding:0;
	width:calc(100% - 80px);
	height:250px;
	background-color:#f9f6ef;
	text-align:center;
	border-radius:30px;
	overflow:hidden;
}
.title_icon{
	margin:55px auto 0 auto;
	width:70px;
	height:70px;
}
.title_icon img{
	width:100%;
}
#title_box h1 {
	text-align:center;
	margin:5px auto 0 auto;
	font-family: 'GenJyuuGothicP';
	font-size:3.6rem;
	line-height:3.2rem;
	color:white;
	font-weight:500;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}
footer#foot_base{
	background-color: transparent;
}
/*--- タイトル背景画像の入力例ここから ---*/
#base #title_box{
	background-image:url(../img/title/contact.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}
/*--- タイトル背景画像の入力例ここまで ---*/


/*　地域に寄り添う解体屋さん
---------------------------------------------------------*/
#about{
	max-width:1080px;
	width:100%;
	margin:50px auto 0 auto;
	display:flex;
	flex-direction:row;
	align-items:center;
}
#about h2{
	margin-top:50px;
	background:url(../img/line/lightblueline.png) center bottom repeat-x;
}
#about h2 span{	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	display:inline-block;
	font-size:min(2.8rem,2.4vw);
	padding-left:min(2vw,25px);
	padding-right:min(2vw,25px);
	padding-bottom:10px;
	height:auto;
	vertical-align:middle;
}
#about h2 img{
	width:5vw;
	max-width:65px;
}

#about .left_contents{
	width:42%;
}
#about .left_contents img{
	width:650px;
	position:relative;
	left:-180px;
}
@media screen and (max-width:1080px) {
	#about .left_contents img{
		width:50vw;
		left:calc(-100px + 6vw);
	}
}
#about .right_contents{
	margin-left:50px;

	width:58%;
	text-align:center;

}
#about .right_contents p{
	text-align:left;
	font-size:1.8rem;
	line-height:3.6rem;
	font-weight:bold;
	margin-top:25px;
}
#about p.h3{
	font-size:2.2rem;
	line-height:4.4rem;
}
#about .text02{
	color:#3f5131;
	font-size:2.8rem;
}
#about .text01{
	color:#21489e;
	font-weight:900;
}

/*----ここからボタン-----*/
#about .btn01{
	position:relative;
	border-radius:30px;
	margin:20px auto;
	width:300px;
	height:60px;
	border:3px solid #eb6f31;

	font-weight:700;
}
#about .btn01 a{
	border-radius:30px;
	text-align:cetner;
	width:100%;
	height:100%;
	display:grid;
	place-content: center;
	transition:all 0.5s;
	color:#eb6f31;
}
#about .btn01 a:hover{
	background:#eb6f31;
	color:#fff;
}
#about .btn01 a:hover::before,#about .btn01 a:hover::after{
	border-color: transparent transparent transparent #fff;
}
#about .btn01 a::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #eb6f31;
	position:absolute;
	top:22px;
	right:20px;
	transition:all 0.5s;
}
#about .btn01 a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #eb6f31;
	position:absolute;
	top:22px;
	right:34px;
	transition:all 0.5s;
}

/*----ボタンここまで-----*/


/*　事業内容
---------------------------------------------------------*/
#sekou,#jigyou{
	margin:50px auto 0 auto;
	width:90%;
	max-width:1080px;
	background-color:#f2f2f2;
	border-radius:30px;
	padding:25px;
}

#jigyou h2{
	margin:30px auto 5px auto;
	width:fit-content;
	background:url(../img/line/greenline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(3.2rem,3vw);
	padding-left:min(4vw,80px);
	padding-right:min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}
#jigyou .jigyou_img01{
	margin:20px auto;
	max-width:655px;
	width:90%;
	height:auto;
}
#jigyou p{
	margin:0 auto 30px auto;
	width:100%;
	max-width:700px;
	text-align:left;
	
}

#jigyou .jigyou_list{
	margin:0 auto;
	list-style-type: none;
	display: grid;
	width:100%;
	max-width:800px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows	:fit-content fit-content fit-content;
	gap:0px 30px;
}

#jigyou .jigyou_list li{
	position: relative;
	padding: 0.7em 0.3em 0.5em 2.3em;
	margin-bottom:5px;
	border-bottom: 2px solid #21489e;
	margin-left:0px;
	width:100%;
	height:fit-content;
	font-family: 'GenJyuuGothic-P', sans-serif;
	font-weight:700;
	text-align:left;
}

#jigyou .jigyou_list li:first-child,#jigyou .jigyou_list li:nth-child(4),#jigyou .jigyou_list li:nth-child(7){
		margin-left:0;
}

#jigyou .jigyou_list li:after,
#jigyou .jigyou_list li:before{
	content:'';
	position: absolute;
	border-radius: 50%;
}

#jigyou .jigyou_list li:before {
	top: 50%;
	left: 0.2em;
	width: 22px;
	height: 22px;
	background: rgba(32,72,159, 1);
	transform: translateY(-50%);
}
#jigyou .jigyou_list li:after {
	top: 40%;
	left: 0.7em;
	width: 19px;
	height: 19px;
	background: rgba(32,72,159, 0.5);
}

#jigyou .jigyou_list li a{
	color:#21489e;
}

#jigyou .jigyou_list li a:hover{
	opacity:0.7;
}

/*----ここからボタン-----*/
#jigyou .jigyou_btn{
	position:relative;
	border-radius:30px;
	margin:30px auto 30px auto;
	width:100%;
	max-width:300px;
	height:64px;
	font-weight:700;
	padding:3px 0;
	text-align:center;
}
#jigyou .jigyou_btn a{
	border-radius:30px;
	text-align:cetner;
	width:calc(100% - 6px);
	height:100%;
	margin:0 auto;
	display:grid;
	place-content: center;
	transition:all 0.5s;
	color:#fff;
	background:#82b244;
}
#jigyou .jigyou_btn a:hover{
	opacity:0.7;
}

#jigyou .jigyou_btn a::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:20px;
	transition:all 0.5s;
}
#jigyou .jigyou_btn a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:34px;
	transition:all 0.5s;
}

/*----ボタンここまで-----*/

/* 施工事例
---------------------------------------------------------*/
#sekou{
	margin:70px auto 0 auto;
	width:90%;
	max-width:1080px;
	background-color:#fff;
	border-radius:30px;
	padding:25px;
	position:relative;
}
#sekou h2{
	margin:30px auto 5px auto;
	width:fit-content;
	background:url(../img/line/redline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(3.2rem,3vw);
	padding-left:min(4vw,80px);
	padding-right:min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}
#sekou .sekou_text{
	margin:25px auto 0 -20vw;	
}
#sekou .b_text{
	font-size:2.2rem;
	font-weight:700;
}
/*------ ポップアップ画面ここから ------*/

#top .open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#top #pop-up1,#top #pop-up2,#top #pop-up3 {
	display: none; /* label でコントロールするので input は非表示に */
}
#top .overlay1,#top .overlay2,#top .overlay3 {
	display: none; /* input にチェックが入るまでは非表示に */
}
/*　labelクリックでチェックボックスにチェックが入る→　その兄弟要素のoverlayがポップアップされる*/
#top #pop-up1:checked + .overlay1,#top #pop-up2:checked + .overlay2,#top #pop-up3:checked + .overlay3 {
	animation: popup_open 0.3s ease-in-out forwards;
	display: block;
	background-color: #00000060;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;

	/*--内訳animation一括指定の順番
	①animation-name: アニメーション名;
	②animation-duration: 時間(値);
	③animation-timing-function: 値;
	④animation-delay: 時間(値);
	⑤animation-iteration-count アニメーションの実行回数を指定
	⑥animation-direction アニメーションの再生方向
	⑦animation-fill-mode アニメーションの実行前後のスタイルを指定
	⑧animation-play-state アニメーションが再生中か一時停止状態かを指定
	--*/
}
@keyframes popup_open {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

#top .window {
	width: 90vw;
	max-width: 900px;
	height:90vh;
	max-height: 800px;
	background-color: #ffffff;
	border-radius: 20px;
	display: flex;
	flex-wrap:wrap;
	position: fixed;
	overflow:auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#top .window div.text {
	margin: 0;
	padding:50px;
	text-align:center;
	display: block;

}

#top .kakudai_img{
	width:100%;
	border-radius: 20px;
	margin:0 auto;
}
#top .text img.sekouimg03{
	width:auto;
	height:70vw;
	max-height:650px;
	border-radius: 20px;

}

#top .text .setsumei{
	width:100%;
	margin-top:50px;
	text-align:left;
	font-weight:500;
}
#top .text .setsumei b{
	font-weight:900;
}
#top .close {
	cursor:pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 3rem;
}
/*------ ポップアップ画面ここまで ------*/

#sekou .top_sekoujirei{
	width:100%;
	max-width:960px;
	margin:30px auto;
	background-color:#f2f2f2;
	border:2px solid #333;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:top;
	padding:30px;
	position:relative;
	z-index:1;

}
#sekou .syatyou2{
	position:absolute;
	right:5vw;
	top:65px;
	width:min(270px);
	z-index:1;
}
#sekou .top_sekoujirei .jirei_box{
	width:31%;
	margin-top:20px;
	display:flex;
	flex-direction:column;
	position:relative;
}

#sekou .top_sekoujirei .jirei_image{
	width:100%;
	border-radius:20px;
	overflow:hidden;
	position:relative;
}
#sekou .top_sekoujirei .jirei_image img{
	width:100%;
	object-fit:cover;
}
/*虫眼鏡をホバーで表示させる*/
#sekou .top_sekoujirei .jirei_image  .hover_mask {
	width: 100%;
	height: 100%;
	position: absolute;	/* 絶対位置指定 */
	top: 0;
	left: 0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
	display:grid;
	place-content: center;
}
#sekou .top_sekoujirei .jirei_image .hover_mask img{
	width:70px;
	height:auto;
}
#sekou .top_sekoujirei .jirei_image:hover .hover_mask {
	opacity:1;	/* マスクを表示する */
}

#sekou .top_sekoujirei .mark{
	width:57px;
	height:57px;
	position:absolute;
	top:-20px;
	right:-20px;
	z-index:10;
}

#sekou .top_sekoujirei .jirei_naiyou{
	margin-top:10px;
	display:flex;
	flex-direction:row;
	background:url(../img/sekou_allow.png) left center no-repeat;
}
#sekou .top_sekoujirei .jirei_naiyou .tiku{
	width:calc(50% - 25px);
	margin-left:25px;
	border:solid 2px #ee7c58;
	border-radius:25px;
	font-size:1.4rem;
	line-height:2rem;
	display:grid;
	place-content: center;
}

#sekou .top_sekoujirei .jirei_naiyou .syurui{
	width:calc(50% - 5px);
	margin-left:5px;
	border:solid 2px #ee7c58;
	border-radius:25px;
	font-size:1.4rem;
	line-height:2rem;
	display:grid;
	place-content: center;
}

/*----ここからボタン-----*/
#sekou  .sekou_btn{
	position:relative;
	border-radius:30px;
	margin:30px auto 30px auto;
	width:100%;
	max-width:300px;
	height:64px;
	font-weight:700;
	padding:3px 0;
	text-align:center;
}
#sekou .sekou_btn a{
	border-radius:30px;
	text-align:cetner;
	width:calc(100% - 6px);
	height:100%;
	margin:0 auto;
	display:grid;
	place-content: center;
	transition:all 0.5s;
	color:#fff;
	background:#ee7c58;
}
#sekou  .sekou_btn a:hover{
	opacity:0.7;
}

#sekou  .sekou_btn a::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:20px;
	transition:all 0.5s;
}
#sekou  .sekou_btn a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:34px;
	transition:all 0.5s;
}

/*----ボタンここまで-----*/



/*　解体工事の流れ
---------------------------------------------------------*/
#flow {
	width:100%;
	max-width:1080px;
	margin:10px auto 70px auto;
	padding:0;
}
#flow h2{
	margin:0 auto 5px auto;
	width:fit-content;
	background:url(../img/line/orangeline2.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(3.2rem,3vw);
	padding-left:min(4vw,80px);
	padding-right:min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}
#flow .flow_01{
	margin:50px auto 0 auto;
}
#flow .flow_main{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:center;
	margin:50px auto 0 auto ;
	width:730px;
}
#flow .text_b{
	color:#21489e;
}
#flow .flow_main p:first-child{
	width:75%;
	text-align:left;
	line-height:3.6rem;
	font-weight:700;
}
#flow .flow_main p:last-child{
	width:25%;
	padding-left:20px;
}
#flow .flow_main p:last-child img{
	width:100%;
}
/*----ここからボタン-----*/
#flow .flow_btn{
	position:relative;
	border-radius:30px;
	margin:30px auto 30px auto;
	width:100%;
	max-width:300px;
	height:64px;
	font-weight:700;
	padding:3px 0;
	text-align:center;
}
#flow .flow_btn a{
	border-radius:30px;
	text-align:cetner;
	width:calc(100% - 6px);
	height:100%;
	margin:0 auto;
	display:grid;
	place-content: center;
	transition:all 0.5s;
	color:#fff;
	background:#ee6d46;
}
#flow .flow_btn a:hover{
	opacity:0.7;
}

#flow .flow_btn a::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:20px;
	transition:all 0.5s;
}
#flow .flow_btn a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:34px;
	transition:all 0.5s;
}

/*----ボタンここまで-----*/

/*　お問い合わせ　＆　お見積もり
---------------------------------------------------------*/
#foot_contents{
	margin:50px auto 100px auto;
	width:100%;
	max-width:900px;
}
#foot_contents img.recuruit{
	width:100%;
	max-width:900px;
	transition:all 0.5s;
	border-radius:30px;
}
#foot_contents img.recuruit:hover{
	opacity:0.7;
}

#foot_contents .contact_section{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	margin-bottom:80px;
}
#contact_section_tel,#contact_section_estimate{
	margin-top:-100px;
	padding-top:100px;
}
.contact_section .contact_section_tel{
	width:46%;
	display:flex;
	flex-direction:column;

}
.contact_section .right{
	text-align:right;
	margin-right:15px;
}
.contact_section .contact_section_tel .title{
	border:3px solid #82b244;
	border-radius:30px 30px 0 0;
	padding:10px auto;
	color:#fff;
	font-weight:700;
	font-size:min(3vw,3rem);
	text-align:center;
	width:100%;
	background:#82b244;
	height:70px;
	display: grid;
	place-content: center;
}
.contact_section .contact_section_tel .main{
	background:#fff;
	border:5px solid #82b244;
	border-radius: 0 0 30px 30px;
	padding:5px;
	font-weight:700;
	font-size:min(2vw,1.8rem);
	display: grid;
	place-content: center;
	height:150px;
}

.contact_section .tel a{
	font-size:min(4vw,4rem);
	font-family: 'GenJyuuGothicP';
	color: #82b244;
	transition:all 0.5s;
	line-height:5.2rem;
}
.contact_section .tel a:hover{
	opacity:0.7;
}
.contact_section .tel img{
	width:50px;
}
.contact_section .contact_section_estimate{
	width:46%;
	display:flex;
	flex-direction:column;

}
.contact_section .contact_section_estimate .title{
	border:3px solid #ea3e34;
	border-radius:30px 30px 0 0;
	color:#fff;
	font-weight:700;
	font-size:min(2vw,2.2rem);
	text-align:left;
	width:100%;
	background:#ea3e34;
	position:relative;
	padding-left:12px;
	height:70px;
	display: flex;
	align-items:center;
}
.contact_section .contact_section_estimate .title img{
	display:block;
	position:absolute;
	width:170px;
	right:-30px;
	bottom:-2px;
}
.contact_section .contact_section_estimate .main{
	background:#fff;
	border:5px solid #ea3e34;
	border-radius: 0 0 30px 30px;
	padding:5px 0;
	height:150px;
	display: flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-weight:700;
}
.contact_section .contact_section_estimate .title .muryou{
	display:inline-block;
	padding-top:13px;
	font-size:min(2.8vw,3rem);
	background:url(../img/b.png) top center no-repeat;
}

.contact_section .contact_section_estimate .main img{
	width:35px;
	vertical-align:middle;
}
.contact_section .mail a{
	display: inline-block;
	vertical-align:middle;
	transition:all 0.5s;
}
.contact_section .mail a:hover{
	opacity:0.5;
}
/*----ここからボタン-----*/
#foot_contents .estimate_btn{
	position:relative;
	border-radius:30px;
	margin:10px auto 0 auto;
	width:100%;
	max-width:300px;
	height:54px;
	font-weight:700;
	padding:3px 0;
	text-align:center;
}
#foot_contents .estimate_btn a{
	border-radius:30px;
	text-align:cetner;
	width:calc(100% - 6px);
	height:100%;
	margin:0 auto;
	display:grid;
	place-content: center;
	transition:all 0.5s;
	color:#fff;
	background:#ea3e34;
}
#foot_contents .estimate_btn a:hover{
	opacity:0.7;
}

#foot_contents .estimate_btn a::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:24px;
	right:20px;
	transition:all 0.5s;
}
#foot_contents .estimate_btn a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:24px;
	right:34px;
	transition:all 0.5s;
}

/*----ボタンここまで-----*/

/*　フッター
---------------------------------------------------------*/
.foot_line{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:80px;
	background-image:url(../img/footer_line.svg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:3000px;
}

.foot_contents{
	background:#e93f35;
	text-align:center;
}
.foot_contents .wrap{
	height:500px;
	width:100%;
	max-width:1080px;
	margin:0 auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
footer{
	color:#000;
	font-weight:600;
}
#top footer{
	background-color:#f2f2f2;
}

footer a{
	color:#000;
}
.foot_contents .left{
	width:50%;
	text-align:left;
}
footer .foot_logo{
	background-color:#fff;
	border-radius:10px;
	width:100%;
	max-width:400px;
	height:120px;
	text-align:center;
	display:grid;
	place-content: center;
}
footer .foot_logo img{
	width:100%;
}
footer .tel{
	font-family: 'GenJyuuGothicP';
	font-size:min(6vw,5rem);
	font-weight:600;
	margin-top:10px;
}
footer .tel img{
	width:60px;
	vertical-align: middle;
}
footer .tel span,footer .mail span{
	vertical-align:middle;

}
footer .mail{
	margin-top:10px;
	line-height:2rem;
}
footer .mail img{
	width:25px;
}
footer .sns{
	margin-top:20px;
}
footer .sns img{
	width:45px;
}
footer .sns a{
	transition:all 0.5s ease;
}
footer .sns a:nth-child(n+2){
	display:inline-block;
	margin-left:30px;
}
footer .sns a:hover{
	opacity:0.7;
}
.foot_contents .right{
	margin-left:10px;
	width:calc(50% - 10px);
	text-align:left;
}
ul.foot_nav{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;   /*並びを縦方向へ*/
	max-width:100%;
	justify-content:flex-start;  /*flex内コンテナの垂直配置を上ぞろえに（height指定しないと効かない）*/
/*	align-items:flex-start;      縦軸での位置を指定（direction:columnだときかないのでここでは不要）*/
	margin:0 0 0 auto;
	height:320px;
	width:400px;

}
ul.foot_nav li{
	height:40px;
	line-height:40px;
	margin:0;
	font-size:min(3.5vw,1.6rem);
	padding-left:2rem;
	background:url(../img/footer_list.png)left center no-repeat;
	width:200px;

}

ul.foot_nav li a:hover,footer .mail a:hover,footer .tel a:hover{
	color:#3e3e3e;
	transition:all 0.3s;
}
.copyright{	
	margin:0px auto 0 auto ;
	padding-bottom:10px;
	text-align:center;
	font-size:1.4rem;
	color:#3e3e3e;
}



/*　その他
---------------------------------------------------------*/
.pagetop {
	height:100px;
	width: 100px;
	position: fixed;
	right: 25px;
	bottom: 45px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	z-index: 100;
	font-weight:700;
	opacity:0;
	transition: opacity 0.5s;
}
.pagetop img{
	opacity:1;
	transition:all .3s ease;
}
.pagetop img:hover{
	opacity:0.8;
}	

.top_open{
	opacity:1;
}


/*　お客様の声　voice
---------------------------------------------------------*/
#voice h2{
	margin:30px auto 5px auto;
	width:fit-content;
	background:url(../img/line/redline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(3.2rem,3vw);
	padding-left:min(4vw,80px);
	padding-right:min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}
#voice h2.faq{
	margin-top:0;
	margin-bottom:40px;
}
#voice #title_box{
	background-image:url(../img/title/voice.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#voice #voice_main{
	width:100%;
	max-width:1000px;
	margin:0px auto ;

}
#voice #voice_list{
	width:100%;
	height:calc(300px + 60vw);
	max-height:1000px;
	display:grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	text-align:center;
	gap:30px;
}
#voice .voice_item_box01{
    grid-row:1 / 3;
    grid-column:1 / 3;
}
#voice .voice_item_box02{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
	display:grid;
	grid-template-rows: auto aut;
	grid-template-columns: 1fr 60%;
	padding:50px 70px 50px 50px;
	background:url(../img/voice/memo.png) center center / 100% no-repeat;
	gap:10px 30px;
}
#voice .voice_item_box03{
    grid-row: 2 / 3;
    grid-column: 2 / 3;
	display:grid;
	grid-template-rows: auto aut;
	grid-template-columns: 1fr 60%;
	padding:50px 70px 50px 50px;
	background:url(../img/voice/memo.png) center center / 100% no-repeat;
	gap:10px 30px;
}
#item_inner{
	width:48%;
	max-width:500px;
	height:50%;
	margin:0 auto;
	display:grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 60%;
	background:url(../img/voice/memo.png) center center / 100% no-repeat;
	padding:50px 70px 50px 50px;
	gap:10px 30px;
}

#voice div#voise_item01{
	text-align:left;
    grid-row:1 / 2;
    grid-column:1 / 3;
	font-size:1.6rem;
	line-height:2.4rem; 
	margin-top:35px;
}
#voice div#voice_item02{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}
#voice div#voice_item03{
	text-align:left;
    grid-row: 2 / 3;
    grid-column: 2 / 3;
	font-size:1.6rem;
	line-height:2.4rem;
}


#voice #voice_item02 img{
	width:100%;
	border:2px solid #333;
}

#voice #faq{
	padding:130px 30px 50px 30px;
	margin-top:-80px;
}
#voice #inner_box{
	padding:50px;
}

#voice div.q_text{
	width:100%;
	max-width:840px;
	margin:0 auto;
	padding:15px 15px 15px 75px;
	text-align:left;
	font-weight:500;
	background:url(../img/voice/q.png) left 15px center no-repeat #d9d9d9;
}
#voice div.a_text{
	padding:15px 15px 15px 75px;
	width:100%;
	max-width:840px;
	margin:0 auto;
	text-align:left;
	font-weight:500;
	background:url(../img/voice/a.png) left 15px top 15px no-repeat #fff;
}

/*------ ポップアップ画面ここから ------*/

#voice .open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#voice  #pop-up1,#voice  #pop-up2,#voice  #pop-up3 {
	display: none; /* label でコントロールするので input は非表示に */
}
#voice  .overlay1,#voice .overlay2,#voice .overlay3 {
	display: none; /* input にチェックが入るまでは非表示に */
}
/*　labelクリックでチェックボックスにチェックが入る→　その兄弟要素のoverlayがポップアップされる*/
#voice #pop-up1:checked + .overlay1,#voice #pop-up2:checked + .overlay2,#voice #pop-up3:checked + .overlay3 {
	animation: popup_open 0.3s ease-in-out forwards;
	display: block;
	background-color: #00000060;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;

	/*--内訳animation一括指定の順番
	①animation-name: アニメーション名;
	②animation-duration: 時間(値);
	③animation-timing-function: 値;
	④animation-delay: 時間(値);
	⑤animation-iteration-count アニメーションの実行回数を指定
	⑥animation-direction アニメーションの再生方向
	⑦animation-fill-mode アニメーションの実行前後のスタイルを指定
	⑧animation-play-state アニメーションが再生中か一時停止状態かを指定
	--*/
}

#voice .window {
	width: 90vw;
	max-width: 800px;
	height:90vh;
	max-height: 800px;
	background-color: #ffffff;
	border-radius: 20px;
	display: flex;
	flex-wrap:wrap;
	position: fixed;
	overflow:auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#voice .window div.text {
	margin: 0;
	padding:50px;
	text-align:center;
	display: block;

}

#voice .kakudai_img{
	width:100%;
	border-radius: 20px;
	margin:0 auto;
}

#voice .close {
	cursor:pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 3rem;
}
/*------ ポップアップ画面ここまで ------*/



/*　サイトマップ　sitemap
---------------------------------------------------------*/
#sitemap #sitemap_main{
	width:100%;
	max-width:900px;
	margin:100px auto;
	padding:0 0 1px 0;
}
#sitemap .sitemap_list{
	margin:0 auto 100px 15vw;
	list-style :none;
	column-count: 2;
}

#sitemap .sitemap_list li{
	margin:25px 0;
	padding:0 0 0 20px;
	text-align:left;
	background-image:url(../img/alow_black.png);
	background-size:10px;
	background-position:left center;
}
#sitemap .sitemap_list li:first-child{
	margin-top:0;
}

#sitemap .sitemap_list li.sub_list{
	margin-left:4rem;
	margin-top:-10px;
	padding-left:0;
	background-image:none;
	list-style-type: disc;
}

#sitemap .sitemap_list li a:hover{
	opacity:0.7;
}


/*　解体工事の流れ flow
---------------------------------------------------------*/
/*--- タイトル背景画像の入力例ここから ---*/
#flow_main #title_box{
	background-image:url(../img/title/flow.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}
/*--- タイトル背景画像の入力例ここまで ---*/
#flow_main .color_contents{
	background:#f2f2f2;
	margin:50px 0 150px 0;
	padding:50px 0;
}
#flow_main h2{
	margin:0 auto 5px auto;
	width:fit-content;
	background:url(../img/line/greenline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(3.2rem,3vw);
	padding-left:min(4vw,80px);
	padding-right:min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}
#flow_main .flow_01{
	margin:50px auto 0 auto;
}
#flow_main .flow_main{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:center;
	margin:50px auto 30px auto ;
	max-width:900px;
	width:100%;
	padding-left:100px;
}
#flow_main .text_b{
	color:#21489e;
	font-size:2rem;
	line-height:4.3rem;
}
#flow_main .flow_main p:first-child{
	width:60%;
	text-align:left;
	line-height:4rem;
	font-weight:700;
}
#flow_main .flow_main p:last-child{
	width:40%;
	padding-left:10px;
}
#flow_main .flow_main p:last-child img{
	width:100%;
}

#flow_main .flow_step{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
#flow_main .flow_list_step{
	display:flex;
	flex-direction:row;
	align-items:top;
	justify-content:center;
	width:100%;
	max-width:850px;
	margin:0 auto 0 50px;
	padding-left:70px;
}
#flow_main .flow_list01,#flow_main .flow_list02,#flow_main .flow_list03,
#flow_main .flow_list04,#flow_main .flow_list05,#flow_main .flow_list06,
#flow_main .flow_list07,#flow_main .flow_list08,#flow_main .flow_list09,
#flow_main .flow_list10,#flow_main .flow_list11,#flow_main .flow_list12,#flow_main .flow_list13{
	margin:0 0 30px 50px;
	width:100%;
	height:95px;
	line-height:95px;
	font-size:2.2rem;
	color:#21489e;
	font-weight:900;
	padding-left:165px;
	text-align:left;
	background:url(../img/flow/flow_step_backimg01.png) no-repeat;
	background-size:static;
}
#flow_main .flow_list02{
	background:url(../img/flow/flow_step_backimg02.png) no-repeat;
	background-size:static;
}
#flow_main .flow_list03{
	background:url(../img/flow/flow_step_backimg03.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list04{
	background:url(../img/flow/flow_step_backimg04.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list05{
	background:url(../img/flow/flow_step_backimg05.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list06{
	background:url(../img/flow/flow_step_backimg06.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list07{
	background:url(../img/flow/flow_step_backimg07.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list08{
	background:url(../img/flow/flow_step_backimg08.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list09{
	background:url(../img/flow/flow_step_backimg09.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list10{
	background:url(../img/flow/flow_step_backimg10.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list11{
	background:url(../img/flow/flow_step_backimg11.png) no-repeat;
	background-size:static;
}

#flow_main .flow_list12{
	background:url(../img/flow/flow_step_backimg12.png) no-repeat;
	background-size:static;
}
#flow_main .flow_list13{
	background:url(../img/flow/flow_step_backimg13.png) no-repeat;
	background-size:static;
}

#flow_main .detail{
	width:auto;
	margin-right:30px;
}
#flow_main .detail p{
	text-align:left;
}
#flow_main .flow_step_img{
	width:319px;
	height:239px;
}

#flow_main h3.dash_line{
	font-size:3rem;
	font-weight:700;
	text-align:left;
	font-family: 'GenJyuuGothicP';
	width:100%;
	max-width:900px;
	background:url(../img/flow/dash_line.png) bottom left repeat-x;
	background-size:auto 4px;
	margin:30px auto 0 auto;
	padding:10px 0 0 0;
	height:60px;
	position:relative;
}
#flow_main h3.dash_line span{
	display:inline-block;
	position:absolute;
	left:158px;
	bottom:0;
	height:60px;
	width:5px;
	border-right:5px solid #969595;
}
#flow_main div.dash_line{
	width:100%;
	max-width:900px;
	background:url(../img/flow/dash_line.png) bottom left repeat-x;
	margin:30px auto 0 auto;
	height:10px;
	background-size:auto 4px;
}

#flow_main .down_allow{
	margin:20px auto 0 auto;
	width:109px;
	height:36px;
	background:url(../img/flow/allow_bottom.png) no-repeat;
	background-size:109px 36px;
}
#flow_main .flow_list_step .contact{
	width:370px;
	margin:12px auto 0 auto;
	border-radius:15px;
	background-color:#ec6d45;
	height:60px;
}
#flow_main .flow_list_step .contact a{
	color:#fff;
	width:100%;
	height:100%;
	font-weight:700;
	font-size:1.8rem;
	text-align:left;
	padding-left:10%;
	display:grid;
	place-content: center;
	background:  9% center / 30px 30px no-repeat url(../img/smart/mail.png);
}
#flow_main .flow_list_step .contact:hover,#flow_main .flow_list_step .tel:hover{
	opacity:0.7;
}
#flow_main .flow_list_step .tel{
	width:370px;
	margin:12px auto;
	border-radius:15px;
	background-color:#82b244;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#flow_main .flow_list_step .tel a{
	color:#82b244;
	border-radius:12px;
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	font-weight:700;
	font-size:2.8rem;
	line-height:2.8rem;
	text-align:left;
	padding-left:7%;
	display:grid;
	place-content: center;
	background: 6% center / 35px 35px no-repeat url(../img/smart/tel.png);
	background-color:#fff;

}
#flow_main .flow_list_step .tel a .s_text{
	font-size:1.5rem;
	padding:0;
	margin:0 0 -7px 0;
	display:block;
}
#flow_main .text_end{
	margin:50px auto;
	max-width: 550px;
	height: 350px;
	background:#f6efb5;
	-moz-border-radius: 275px / 175px;
	-webkit-border-radius: 275px / 175px;
	border-radius: 275px / 175px;
	padding: 50px 20px;
	position:relative;
}
#flow_main .text_end .kanryou{
	margin-top:20px;
	font-weight:700;
	font-size:4.8rem;
	font-family: 'GenJyuuGothicP';
}
#flow_main .text_end p{
	margin:40px auto;
	padding:0;
	text-align:center;
	line-height:3rem;
}
#flow_main .text_end .end_image{
	position:absolute;
	right:-170px;
	top:70px;
}

/*　べっぴん解体とは　policy
---------------------------------------------------------*/

#policy #title_box{
	background-image:url(../img/title/policy.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#policy article .top_line_base{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:300px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:5000px;
	background-image:url(../img/machi_line_orange.svg);
}
#policy h2{
	font-family: 'GenJyuuGothic-B', sans-serif;
	margin-top:50px;
	background:url(../img/line/lightblueline.png) center bottom repeat-x;
	text-align:center;
	font-weight:900;
	display:inline-block;
	font-size:min(2.8rem,2.4vw);
	padding-left:min(3vw,40px);
	padding-right:min(3vw,40px);
	padding-bottom:10px;
	height:auto;
	vertical-align:middle;
	margin-bottom:50px;
}
#policy h2.smart_anshin,#policy h2.pc_anshin{
	background:url(../img/line/greenline.png) center bottom repeat-x;
}
#policy h2 img{
	width:5vw;
	max-width:65px;
	vertical-align:middle;
	position:relative;
	top:-5px;
}
#policy #sumai{
	margin:0 auto;
	width:100%;
	max-width:1080px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
#policy #sumai div:first-child{
	width:60%;	
}
#policy #sumai p{
	text-align:left;
}

#policy #anshin{
}

#policy .wraper{
	width:100%;
	max-width:1080px;
	text-align:center;
	position:relative;
	z-index:1;
	padding-top:170px;
	margin:0 auto;
}
#policy .box01{
	background-color:#e9ebec;
	height:175px;
	width:550px;
	left:120px;
	position:absolute;
	top:0;
}
#policy .box01 h2{
	background:url(../img/line/greenline.png) center bottom repeat-x;
	margin-top:70px;
}

#policy .box02{
	background-color:#e9ebec;
	height:175px;
	width:140px;
	right:135px;
	position:absolute;
	top:0;
}
#policy .main_area{
	background-color:#e9ebec;
	width:100%;
	position:relative;
	z-index:2;
	padding:100px 90px;
	margin:0;
}

#policy .anshin_box{
	margin:50px 0 50px 0;
	padding:0;
	position:relative;
	z-index:5;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
#policy .anshin_box:first-of-type{
	margin:100px 0 50px 0;
}
#policy .anshin_box:nth-child(2n + 1){
	flex-direction: row-reverse; 
}

#policy .anshin_box:last-child{
	margin:0 0 100px 0;
}

#policy .anshin_box .syatyou{
	position:absolute;
	z-index:7;
	top:-210px;
	left:70px;
}
#policy .anshin_box .mado{
	position:absolute;
	top:-100px;
	left:0px;
	width:100%;
}
#policy .anshin_box .mado2{
	position:absolute;
	bottom:-100px;
	left:0px;
	width:100%;
}

#policy .anshin_waku{
	position:relative;
	z-index:10;
	text-align:left;
	padding:30px;
	border-radius:30px;
	border:5px solid #82b244;
	background:#fff;
	width:50%;
}

#policy .anshin_title{
	font-family: 'GenJyuuGothicP';
	font-size:min(3.6rem,3vw);
	color:#eb6f31;
	margin-bottom:15px;
}
#policy div.title04{
	font-size:min(2.8rem,3vw);
}
#policy .anshin_title img{
	vertical-align:bottom;
	margin-right:30px;
}
#policy .anshin_box p{
	line-height:2.8rem;
}
#policy .anshin_box .anshin_img{
	position:relative;
	z-index:10;
	width:50%;
}
#policy .anshin_box .img01{
	text-align:left;
	padding-left:40px;
}
#policy .anshin_box .anshin_img img{
	width:80%;
}
/*　プライバシーポリシー
---------------------------------------------------------*/
#privacy #title_box{
	background-color:#e6e6e6;
}

#privacy_contents_wrapper {
    margin:0 auto 200px auto;
    max-width:1400px;
    width:100%;
}

#privacy .about_personal_info {
    margin:150px auto 0 auto;
    max-width:1080px;
    width:100%;
    height:100%;
}

#privacy .about_personal_info h2 {
    margin-bottom:50px;
    font-family: 'GenJyuuGothic-B', sans-serif;
    font-size:30px;
}

#privacy .about_personal_info h3 {
	font-family: 'GenJyuuGothic-B', sans-serif;
    font-size:30px;
    font-weight:normal;
}

#privacy .about_personal_info p {
    font-weight:normal;
}

#privacy .privacy_contents_inner {
    text-align:left;
}

#privacy .privacy_contents_text {
    margin-top:20px;
    margin-left:30px;
}

#privacy .gray_border {
    margin-top:50px;
    margin-bottom:50px;
    width: 100%;
    height: 2px;
    background-color:#7d7d7d;
}

/*　about_事業内容
---------------------------------------------------------*/

#about_main #title_box {
    background-image: url(../img/title/about.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#about_main #area h2{
	margin: 50px auto 5px auto;
	width: fit-content;
	background: url(../img/line/lightblueline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align: center;
	font-weight: 900;
	font-size: min(3.2rem,3vw);
	padding-left: min(4vw,80px);
	padding-right: min(4vw,80px);
	padding-bottom: 10px;
	height: auto;
}

#about_main #area p {
    margin: 0 auto -30px auto;
    width: 100%;
    max-width: 700px;
    text-align: left;
}

#about_main #area .area_img01{
	margin:20px auto;
	max-width:980px;
	width:90%;
	height:auto;
	padding: 30px 0 0 0;
}

#about_main article .about_line{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:300px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:5000px;
	background-image:url(../img/about/line_glay2.svg);
}
#about_main .color_contents{
	background-color:#f2f2f2;
	padding-bottom:70px;
	margin-bottom:130px;
}

#about_main .color_contents #inner_box{
	border:5px solid #d9d9d9;
	max-width:1200px; /* ここ追記　*/
	padding:50px; /* ここ追記　*/
}

/* ここから追記　*/
#about_main .jigyou_box{
	width:100%;
	max-width:1070px;
	margin:30px auto 60px auto;
	text-align:left;
	position:relative;
	padding-bottom:70px;
}
#about_main .jigyou_boxb{
	width:100%;
	max-width:1070px;
	margin:30px auto 60px auto;
	text-align:left;
	position:relative;
	padding-bottom:110px;
}

#about_main .jigyou_img{
	width:60%;
	max-width:590px;
	height:auto;
	object-fit:cover;
}

#about_main .jigyou_main{
	border:7px solid #ee7c58;
	background:#fff;
	padding:40px;
	border-radius:30px;
	width:55%;
	max-width:550px;
	height:auto;
	position:absolute;
	top:70px;
	right:0;
}
#about_main .jigyou_main h3{
	font-weight:500;
/*	font-size:3rem; */
	font-size: min(3rem,3vw);
	font-family: 'GenJyuuGothicP';
	color:#e0344b;
	margin-bottom:1rem;
}
#about_main .jigyou_main p{
	text-align:left;
}

#about_main #jigyou_naiyou h2{
	margin: 50px auto 50px auto;
	width: fit-content;
	background: url(../img/line/greenline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align: center;
	font-weight: 900;
	font-size: min(3.2rem,3vw);
	padding-left: min(4vw,80px);
	padding-right: min(4vw,80px);
	padding-bottom: 10px;
	height: auto;
}

#about_main #jigyou_naiyou p {
	margin: 25px auto 0 auto;
	width: 100%;
	max-width: 700px;
	text-align: left;
}


#sekou {
	margin: 70px auto 0 auto;
	width: 90%;
	max-width: 1080px;
	background-color: #fff;
	border-radius: 30px;
	padding: 25px;
	position: relative;
}

#about_main #kingaku{
	margin: 70px auto 0 auto;
}
#about_main #jigyou_kingaku h2{
	margin: 50px auto 50px auto;
	width: fit-content;
	background: url(../img/line/orangeline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align: center;
	font-weight: 900;
	font-size: min(3.2rem,3vw);
	padding-left: min(4vw,80px);
	padding-right: min(4vw,80px);
	padding-bottom: 10px;
	height: auto;
}

#about_main #jigyou_kingaku p {
	margin: 25px auto 30px auto;
	width: 100%;
	max-width: 700px;
	text-align: left;
}

#about_main #table-container{
	display: flex;
	justify-content: center;
}

#about_main #about_table{
	width: 90%;
	max-width: 850px;
	background-color: #84cccb;
	border-collapse: collapse;
	margin: 0px auto 50px auto;
}

#about_main #about_table td {
	border: 2px solid #fff;
	text-align: left;
	padding: 8px;
	padding-left:2em;
}
#about_main .kingaku_ta{
	width: 40%;
}

#about_main .jigyou_img{
	padding-top:60px;
	margin-top:-50px;
}

#about_main #area {
    padding: 80px 30px 50px 30px;
    margin-top: -80px;
}
/*　施工事例
---------------------------------------------------------*/
#works #title_box{
	background-image:url(../img/title/works.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#works_contents {
	background: #f2f2f2;
}
#works .sp_br {
	display: none;
}
#works .works {
	margin-bottom: 100px;
	padding: 90px 0 30px;
}
#works h2{
	margin:0 auto 108px auto;
	width:fit-content;
	background:url(../img/line/orangeline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(3.2rem,3vw);
	padding-left:min(4vw,80px);
	padding-right:min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}
/* #works .works_list_title {
	font-family: 'GenJyuuGothic-B', sans-serif;
	position: relative;
	text-align:center;
	font-weight:900;
	font-size:min(2.8rem,2.4vw);
	padding-left:min(2vw,25px);
	padding-right:min(2vw,25px);
	padding-bottom:7px;
	height:auto;
	background:url(../img/line/orangeline.png) center bottom no-repeat;
} */
#works .works_list_title span {
	vertical-align: middle;
}
#works .works_top {
	width: 280px;
	position: absolute;
	top: 78px;
	left: calc(50% + 200px);
}
#works .works_contents {
	font-family: 'GenJyuuGothic-B', sans-serif;
	max-width: 1080px;
	margin: 50px auto 0 auto;
	padding: 0 20px;
	display: grid;
	gap: 50px;
	grid-template-columns: repeat(2, minmax(330px, 1fr));
	position: relative;
	z-index: 1;
}
#works .works_item {
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
}
#works .works_item img {
	border-radius: 30px;
}
#works .works_category {
	margin: 20px 0;
	display: flex;
	flex-direction: row;
	justify-content: left;
	gap: 10px;
}
#works .works_category p {
	padding: 0 20px;
	border: 2px solid #ee6d46;
	border-radius: 20px;
	font-size: 1.8rem;
}
#works .works_text {
	text-align: left;
}
#works .works_text_title {
	margin-bottom: 10px;
	font-size: 2.2rem;
}
#works .works_insta {
	max-width: 768px;
	margin: 80px auto 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-bottom: 6px dotted #000;
}
#works .works_insta_title {
	font-family: 'GenJyuuGothic-B', sans-serif;
	padding: 0 220px;
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}
#works .works_insta_title::before, #works .works_insta_title::after {
	width: 250px;
	height: 5px;
	content: "";
	position: absolute;
	top: 30%;
	display: inline-block;
	border-bottom: 6px dotted #000;
}
#works .works_insta_title::before {
	left: 0;
}
#works .works_insta_title::after {
	right: 0;
}
#works .works_insta a {
	width: 100%;
	margin: 30px auto;
}
#works .works_insta a img {
	max-width: 414px;
	width: 80%;
}
/*　お問い合わせフォーム
---------------------------------------------------------*/
#contact #title_box{
	background-image:url(../img/title/contact.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#contact .wrapper {
	width: 100vw;
	max-width: 1080px;
	margin: 0 auto;
}
#contact .sp_br {
	display: none;
}
#contact .contact_about_first {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
#contact .contact_about_title {
	width:fit-content;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(2.6rem,2.4vw);
	padding-left:min(2vw,15px);
	padding-right:min(2vw,15px);
	padding-bottom:7px;
	height:auto;
	background:url(../img/line/lightblueline.png) center bottom repeat-x;
	margin:30px auto;
}
#contact .contact_about_title span {
	vertical-align: middle;
}
#contact .contact_about_title img{
	width:min(6vw,60px);
}
#contact .contact_about_img {
	width: 40%;
	height: fit-content;
	order: 2;
}
#contact .contact_about_spimg {
	width: 70%;
	height: auto;
	margin: 30px auto;
	display: none;
}
#contact .contact_about_text {
	width: 55%;
	order: 1;
}
#contact .contact_about_text p {
	width: 75%;
	margin: 30px auto 0 auto;
	text-align: left;
}
#contact .contact_about_text p a {
	color: blue;
	font-weight: bold;
	text-decoration:underline;
}
#contact .contact_about_text p a:hover{
	text-decoration:none;
}
#contact #inner_box {
	padding: 50px 20px;
	background: #f9f6ef;
}
#contact .form_number {
	font-family: 'GenJyuuGothic-B', sans-serif;
	width: 100%;
	max-width: 540px;
	margin: 40px auto;
	position: relative;
	list-style: none;
}
#contact .form_number li {
	width: 205px;
	height: 40px;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #eb6f31;
	border-radius: 100px;
	background: #FFF;
	color: #eb6f31;
	text-align: center;
}
#contact .form_number li:nth-of-type(1) {
	position: absolute;
	left: 0;
	z-index: 3;
}
#contact .form_number li:nth-of-type(1)::before {
	content: "①";
}
#contact .form_number li:nth-of-type(2) {
	margin: 0 auto;
	position: relative;
	color: #eb6f31;	
	z-index: 2;
}
#contact .form_number li:nth-of-type(2)::before {
	content: "②";
}
#contact .form_number li:nth-of-type(3) {
	position: absolute;
	right: 0;
	color: #eb6f31;	
	z-index: 1;
}
#contact .form_number li:nth-of-type(3)::before {
	content: "③";
}
#contact .choice {
	background: #eb6f31 !important;
	color: #FFF !important;
}

#contact form {
	font-family: 'GenJyuuGothic-B', sans-serif;
	margin-top: 20px;
}
#contact .form_dl {
	width: 80%;
	margin: 0 auto 30px;
	display: flex;
	flex-wrap: wrap;
}
#contact .form_dl dt, #contact .form_dl dd {
	padding: 20px 0;
}
#contact .form_dl dt {
	width: 40%;
	margin: 0;
	display: flex;
	justify-content: end;
	align-items: center;
}
#contact .form_dl dt span {
	margin-left: 10px;
	padding: 0 8px;
	background: #eb6f31;
	border-radius: 5px;
	font-size: 14px;
	color: #FFF;
}
#contact .form_dl dd {
	width: 60%;
	margin: 0;
	padding-left: 30px;
	text-align: left;
}
#contact .form_dl dd input[type="text"], #contact .form_dl dd input[type="email"], #contact .form_dl dd input[type="tel"] {
	width: 100%;
	height: 30px;
	background: #FFF;
	border: 1px solid #000;
	border-radius: 5px;
}
#contact input[type="radio"] {
	margin: 0 5px 15px 0;
}
#contact .form_dl dd textarea {
	width: 100%;
	height: 12rem;
	background: #FFF;
	border: 1px solid #000;
	border-radius: 5px;
	resize: none;
}
#contact .form_dl dd p {
	font-size: 1.4rem;
}
#contact form input[type="checkbox"] {
	margin-right: 30px;
}
#contact .form_link {
	border-bottom: 1px solid blue;
	color: blue;
	font-weight: bold;
}#contact .form_link:hover {
	border-bottom: none;
}
#contact form input[type="button"], #contact form input[type="submit"] {
	font-family: 'GenJyuuGothicP';
	font-weight:700;
	width: 300px;
	height: 60px;
	margin-top: 20px;
	background: #eb6f31;
	border: none;
	border-radius: 30px;
	color: #FFF;
	font-size: 20px;
}
#contact .submit_btn {
	display: inline-block;
	position: relative;
	transition: all 0.5s;
}
#contact .submit_btn::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 43px;
	right: 20px;
	transition: all 0.5s;
}
#contact .submit_btn::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 43px;
	right: 34px;
	transition: all 0.5s;
}
#contact .dd_formtext {
	white-space: pre-wrap;
}
.formbtn {
	width: 300px;
	height: 60px;
	margin: 20px auto 0 auto;
	background: #eb6f31;
	border: none;
	border-radius: 30px;
}
.formbtn a {
	font-family: 'GenJyuuGothicP';
	font-weight:700;
	color: #FFF;
	font-size: 20px;
	line-height: 60px;
}
#contact .boldtext{
	color:#eb6f31;
}

/*　お問い合わせフォームここまで
---------------------------------------------------------*/
/*　採用情報
---------------------------------------------------------*/
#recruit #title_box{
	background-image:url(../img/title/recruit.jpg);
	background-position:center 30%;
	background-size: cover;
	background-repeat: no-repeat;
}
#recruit .recruit_title_area h2{
	margin:0 auto 5px auto;
	width:fit-content;
	background:url(../img/line/blueline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size:min(3.2rem,3vw);
	padding-left:min(4vw,80px);
	padding-right:min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}

#recruit_contents_wrapper {
    margin: 0 auto 100px auto;
    max-width: 1080px;
    width: 100%;
}

#recruit .recruit_title_area h2 {
	margin: 100px auto 10px auto;
	color: #3e3e3e;
    font-family: 'GenJyuuGothic-B', sans-serif;
    font-size: 30px;
}

#recruit .recruit_title_area img {
	width: 250px;
	height: 8px;
}

#recruit .recruit_top_img {
	margin: 50px auto 30px auto;
	width: 80%;
}

#recruit .recruit_top_contents {
	margin: 0 auto;
	width: 80%;
}

#recruit .recruit_top_contents p {
	color: #3e3e3e;
	text-align: left;
}

#recruit .personality {
	margin: 50px auto 0 auto;
	background-color: #84cccb;
	border: 1px solid #84cccb;
	border-radius: 20px;
}

#recruit .personality_inner {
	display: flex;
	justify-content: center;
	margin: 50px auto 60px auto;
	width: 100%;
}

#recruit .personality h3 {
	margin-top: 46px;
	color: #3e3e3e;
	font-size: 30px;
}

#recruit .personality_inner ul {
	display: flex;
	justify-content: center;
}

#recruit .personality_inner ul:nth-of-type(1) {
	margin-right: 30px;
}

#recruit .personality_inner ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 150px;
	line-height: 1;
	color: #21489e;
	font-size: 24px;
	background-color: #fff;
	border: 6px solid #82b244;
	border-radius: 75px;
}

#recruit .personality_inner ul li:nth-of-type(1) {
	margin-right: 30px;
}

#recruit .recruit_guidelines {
	margin: 80px auto;
	width: 80%;
}

#recruit .recruit_guidelines h2 {
	font-family: 'GenJyuuGothic-B', sans-serif;
	color: #eb6f31;
}

#recruit .recruit_guidelines table {
	margin-top: 50px;
    border-collapse: collapse;
    width: 100%;
	text-align: left;
}

#recruit .recruit_guidelines table br {
	display: none;
}
  
#recruit .recruit_guidelines td {
	padding: 12px 22px;
}
  
#recruit .recruit_guidelines tr:first-child {
    border-top: 1px solid #3e3e3e;
}
  
#recruit .recruit_guidelines tr:last-child {
    border-bottom: 1px solid #3e3e3e;
}

#recruit .recruit_guidelines tr td:first-child {
	width: 200px;
	background-color: #f6efb5;
	color: #eb6f31;
}

#recruit .recruit_guidelines tr:not(:last-child) {
    border-bottom: 1px dashed #3e3e3e;
}

#recruit  .apply_btn{
	position:relative;
	border-radius:30px;
	margin:30px auto 30px auto;
	width:100%;
	max-width:300px;
	height:64px;
	font-weight:700;
	padding:3px 0;
	text-align:center;
}
#recruit .apply_btn a{
	border-radius:30px;
	text-align:cetner;
	width:calc(100% - 6px);
	height:100%;
	margin:0 auto;
	display:grid;
	place-content: center;
	transition:all 0.5s;
	color:#fff;
	background:#e93e34;
}
#recruit  .apply_btn a:hover{
	opacity:0.7;
}

#recruit  .apply_btn a::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:20px;
	transition:all 0.5s;
}
#recruit  .apply_btn a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position:absolute;
	top:27px;
	right:34px;
	transition:all 0.5s;
}

#recruit .tiktok_area {
	margin-bottom: 150px;
	padding: 50px auto;
	background-color: #eb6f31;
	border: 1px solid #eb6f31;
}

#recruit .tiktok_inner {
	margin: 70px auto 50px;
	max-width: 1080px;
	width: 90%;
	padding: 25px;
	background-color: #fff;
	border-radius: 30px;
}

#recruit .tiktok_inner img {
	width: 70%;
	margin: 40px auto 20px auto;
}

#recruit .tiktok_movies {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#recruit .tiktok-embed {
	margin: 18px !important;
}
/* ここまで */


/*　会社紹介　company
---------------------------------------------------------*/

#company_main #title_box{
	background-image:url(../img/title/company.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#company_main #greeting {
	padding: 50px 30px 50px 30px;
	background:#f9f6ef;
}
#company_main #greeting h2{
	margin: 50px auto 30px auto;
	width: fit-content;
	background:url(../img/line/lightblueline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size: min(3.2rem,3vw);
	padding-left: min(4vw,80px);
	padding-right: min(4vw,80px);
	padding-bottom:10px;
	height:auto;
/*	display:inline-block;
	vertical-align:middle;*/
}

#company_main .greeting_img01{
	margin: 50px auto;
	max-width: 813px;
	width: 100%;
	height: auto;
	padding:0 auto;
}
#company_main .greeting_ore{
	color:#eb6f31;
	font-size:min(3.6rem,3vw);	/* 後で追記必要？ */
	font-family: 'GenJyuuGothic-B', sans-serif;
}
#company_main .greeting_ore{
	font-size:min(2.8rem,3vw);	/* 後で追記必要？ */
	font-family: 'GenJyuuGothic-P', sans-serif;
}
#company_main p.greeting_p {
    margin-top: 20px;
}
#company_main #greeting_p{
	padding: 80px 30px 50px 30px;
	background:#f9f6ef;
}
#company_main #greeting_p h2{
	margin: 50px auto 80px auto;
	width: fit-content;
	background:url(../img/line/orangeline3.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	font-size: min(3.2rem,3vw);
	padding-left: min(4vw,80px);
	padding-right: min(4vw,80px);
	padding-bottom:10px;
	height:auto;
}
#company_main #omoi{
	margin:0 auto;
	width:100%;
	max-width:1030px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
#company_main #omoi div:first-child{
	width:70%;	
}
#company_main #omoi p{
	text-align:left;
}
#company_main #omoi .omoi_un{
	text-align:right;
}
#company_main #omoi .omoi_si{
	font-size:min(2.4rem,2.5vw);	/* 後で追記必要？ */
}

#company_main article .com_line_top{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:150px;
	background: #f9f6ef url(../img/company/machiorange.svg) no-repeat center top;
	background-size:3700px;
}
#company_main #inner_box{
	width: 100%;
	max-width: 1180px;
	height: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-rows: auto auto;
/*	background-image: url(../img/company/company_ho.jpg) center center / 100% no-repeat;*/
	background-image:url(../img/company/company_ho.jpg),url(../img/company/company_ho2.png);
	background-position:top left,top left;
	background-repeat:no-repeat,repeat-y;
	background-color:transparent;
	padding: 100px 120px 0px 120px;
	background-size:contain,contain;
}
#company_main article .color_contents {
	margin: 0 0 0 0;
	padding: 50px 0 100px 0;
	background-color: #eb6f31;
}
#company_main #company{
	text-align:center;
}
#company_main #company h2 {
	margin: 50px auto 95px auto;
	width: fit-content;
	background: url(../img/line/blueline.png) bottom center repeat-x;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align: center;
	font-weight: 900;
	font-size: min(3rem,3vw);	/* 後で追記必要？ */
	padding-left: min(4vw,80px);
	padding-right: min(4vw,80px);
	padding-bottom: 10px;
	height: auto;
}

#company_main #company_table{
	width: 100%;
	max-width: 850px;
	border-collapse: collapse;
	margin: 0px auto 50px auto;
}

#company_main #company_table td{
	border: 1px solid #878787;
	border-right: none;
	border-left: none;
	text-align: left;
	padding-left:2em;
}
#company_table .company_ta,#company_table .company_td{
	padding: 20px 20px;
}
#company_table iframe{
	padding: 7px 0 7px 0;
}
#company_table .company_ta{

	width: 26%;
	color: #21489e;
	background: #84cccb;
}


#company_main #com_tic{
	height:542px;
	margin:0 0 140px 0;
	padding-top:70px;
	background: #f9f6ef;
}
#company_main .sya_tic_tytle{
	width:100%;
	padding:0;
	margin: 0 auto 75px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
#company_main .sya_tic_tytle img{
	width:25%;
}
#company_main .sya_tic{
	width:90%;
	max-width:900px;
	margin:0 auto;
}
#company_main .beppin_tictok{
	font-size: min(2.4rem,2vw);
}
#company_main .beppin_tictok img {
	vertical-align: middle;
}
#company_main .tic_ba1,#company_main .tic_ba2{
	margin: 0 23px 0 23px;
}
#company_main .beppin_tictok01{
	display:block;
	margin: 75px auto 55px auto;
}

#company_main .beppin_tictok01 img{
	width:100%;
}