@charset "UTF-8";


/*****************************************************
　メインビジュアル　
*****************************************************/
.main-visual{
	margin:0 0 50px;
	position:relative;
	text-align:center;
}
.main-visual:before{
	background:url('../img/main-visual_bg.jpg') no-repeat center center;
	background-size:cover;
	content:'';
	display:block;
	height:535px;
	/*height:33.43vw;*/
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
.main-visual_inner{
	margin:0 auto;
	max-width:806px;
	padding:90px 0 0;
	width:100%;
}
.whitebg{
	background:rgba(255,255,255,0.4);
	padding:50px 50px 33px;
}
.whitebg .logo{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:0 0 35px;
}
.whitebg .logo span:nth-child(2){
	margin:0 20px 0 27px;
}
.main-visual .subttl{
	background:#80c200;
	color:#fff;
	font-size:48px;
	font-size:4.8rem;
	margin:0 0 48px;
	padding:18px 19px 19px;
}


/*****************************************************
　共通　
*****************************************************/
/* inner 
------------------------------------------------- */
.inner{
	margin:0 auto;
	max-width:1200px;
	width:96%;
}
/* ブロック 
------------------------------------------------- */
.section .block{
	display:flex;
	justify-content:space-between;
}
.section .block + .block{
	margin:35px 0 0;
}
.section .block:nth-child(1){
	align-items:center;
}
.section .block .row{
	width:50%;
}
.section .block .row:nth-child(1){
	text-align:center;
}
.section .block .row:nth-child(1) span{
	display:block;
	letter-spacing:0.01em;
	margin:12px 0 0;
}
.section .block .block-ttl{
	font-size:36px;
	font-size:3.6rem;
	line-height:1.4;
}
.section .block .img{
	max-width:570px;
	width:48%;
}
.section .block .text p{
	line-height:1.8;
	text-align:justify;
}
/* ギャラリー 
------------------------------------------------- */
.section .gallery{
	background:#f4f2ef;
	margin:55px 0 0;
}
.section .gallery .inner{
	display:flex;
	justify-content:space-between;
}
.section .gallery .inner figure{
	max-width:292px;
	width:24.3%;
}
/* 特徴・会社情報 
------------------------------------------------- */
.section .point-info{
	display:flex;
	margin:38px 0 0;
}
.section .point-info .box{
	box-sizing:border-box;
	width:50%;
	padding:0 35px 0 15px;
}
.section .point-info .box + .box{
	padding:0 15px 0 35px;
}
.section .point-info .box .ttl{
	background:url('../img/arrow.png') no-repeat left center;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	letter-spacing:0.01em;
	line-height:1.5;
	margin:0 0 20px;
	padding:7px 0 8px 60px;
}
.section .point-info .box p,
.section .point-info .box dl dt,
.section .point-info .box dl dd{
	line-height:1.7;
	text-align:justify;
}
.section .point-info .box dl dt{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
.section .point-info .box a{
	color:#80c200;
}
/* お問い合わせ 
------------------------------------------------- */
.contact{
	margin:50px auto 0;
	max-width:1000px;
	width:100%;
}
/* ----- タイトル ----- */
.contact .ttl{
	background:#80c200;
	box-sizing:border-box;
	color:#fff;
	cursor:pointer;
	margin:0 auto 66px;
	max-width:820px;
	padding:28px 30px 29px;
	position:relative;
	text-align:center;
	width:100%;
}
.contact .ttl:before{
	content:'';
	bottom:-25px;
	border-right:11px solid transparent;
	border-top:25px solid #80c200;
	border-left:11px solid transparent;
	left:50%;
	margin:0 0 0 -11px;
	position:absolute;
	z-index:0;
}
.contact .ttl span{
	background:url('../img/contact_icon.png') no-repeat left center;
	display:inline-block;
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	letter-spacing:0.01em;
	line-height:1.5;
	padding:0 0 0 56px;
}
/* ----- フォーム ----- */
.contact-inner{
	border:3px solid #f4f2ef;
	padding:40px 50px 50px;
}
.contact-inner > p{
	line-height:1.6;
	margin:0 0 20px;
	text-align:center;
}
.contact-inner .hissu-txt{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	margin:0 0 8px;
}
.form-area{
	margin:0 auto;
	max-width:770px;
	width:100%;
}
.form-area .form-box{
	align-items:center;
	display:flex;
	justify-content:space-between;
}
.form-area .form-box + .form-box{
	margin:30px 0 0;
}
.form-area .form-box .row{
	max-width:370px;
	width:48%;
}
.form-area .form-box .row > div + div,
.form-area .contents{
	margin:30px 0 0;
}
.form-area .form-box.what{
	justify-content:flex-start;
}
.form-area .form-box.what label + label{
	margin:0 0 0 36px;
}
.form-area .form-box.what input{
	font-size:20px;
	font-size:2.0rem;
	margin:0 10px 0 0;
}
.form-area .form-box.what .hissu{
	color:#8b8478;
	font-size:16px;
	font-size:1.6rem;
}
.form-area form input[type="text"],
.form-area form input[type="email"],
.form-area form input[type="tel"],
.form-area form textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	border:none;
	background:#f4f2ef;
	border:none;
	box-sizing:border-box;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	padding:23px;
	width:100%;
}
.form-area form .submit-btn{
	text-align:center;
}
.form-area form input[type="submit"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	border:none;
	background:#80c200;
	color:#fff;
	cursor:pointer;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:68px;
	margin:38px 0 0;
	max-width:366px;
	width:100%;
}


/*****************************************************
　丸商建設　
*****************************************************/
.marusyo{
	margin:110px 0 0;
}


/*****************************************************
　会場へのアクセス　
*****************************************************/
.access{
	margin:80px 0 0;
}
/* ----- タイトル ----- */
.access-ttl{
	align-items:center;
	display:flex;
	font-size:44px;
	font-size:4.4rem;
	letter-spacing:0.01em;
}
.access-ttl:before,
.access-ttl:after{
	border-top:7px solid #f4f2ef;
	content:'';
	flex-grow:1;
}
.access-ttl:before{
	margin:0 50px 0 0;
}
.access-ttl:after{
	margin:0 0 0 50px;
}
/* ----- 新型コロナウイルス感染防止対策について ----- */
.access .covid-19{
	margin:50px 0 0;
	text-align:center;
}
.access .covid-19 p{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.01em;
	line-height:1.5;
	margin:0 0 25px;
}
.access .covid-19 .ttl{
	color:#c62424;
	font-weight:bold;
	margin:0 0 10px;
}
.access-inner{
	background:#b9e18f;
	margin:0 0 70px;
	padding:40px 0 45px;
	text-align:center;
}
.access-inner .sp{
	display:none;
}


/*****************************************************
　フッター　
*****************************************************/
.footer{
	background:#80c200;
	color:#fff;
	padding:19px 0;
	text-align:center;
}
/* コピーライト 
------------------------------------------------- */
.copyright{
	font-size:20px;
	font-size:2.0rem;
}


/*****************************************************
　その他　
*****************************************************/
/* フォント 
------------------------------------------------- */
.f-mintyo{
	font-family: 'Noto Serif JP', serif;
}


/*****************************************************
　お問い合わせ送信完了画面　
*****************************************************/
.thanks-message{
	margin:80px 0 0;
}
.thanks-message p{
	line-height:1.5;
	text-align:center;
}
.return-btn{
	background:#80c200;
	cursor:pointer;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:68px;
	margin:50px auto 100px;
	max-width:366px;
	text-align:center;
	width:100%;
}
.return-btn a{
	color:#fff;
	display:block;
}



@media screen and (max-width:1024px){
	/*****************************************************
	　メインビジュアル　
	*****************************************************/
	.main-visual{
		margin:0 0 11.11vw;
	}
	.main-visual:before{
		height:84.92vw;
	}
	.main-visual_inner{
		max-width:none;
		padding:0;
	}
	.whitebg{
		padding:8.73vw 3.96vw 5.07vw;
	}
	.whitebg .logo{
		display:block;
		margin:0 0 6.34vw;
	}
	.whitebg .logo span{
		margin:0 auto;
		display:block;
	}
	.whitebg .logo span:nth-child(1){
		width:43.49vw;
	}
	.whitebg .logo span:nth-child(2){
		margin:2.38vw auto 1.9vw;
		width:8.25vw;
	}
	.whitebg .logo span:nth-child(3){
		width:45.39vw;
	}
	.whitebg .logo span img{
		width:100%;
	}
	.main-visual .ttl{
		margin:0 auto;
		width:91.42vw;
	}
	.main-visual .subttl{
		font-size:6.66vw;
		margin:0 0 5.55vw;
		padding:2.38vw;
	}
	.main-visual .date{
		margin:0 auto;
		width:92.06vw;
	}
	.main-visual .date img{
		width:100%;
	}


	/*****************************************************
	　共通　
	*****************************************************/
	/* inner 
	------------------------------------------------- */
	.inner{
		width:92.06vw;
	}
	/* ブロック 
	------------------------------------------------- */
	.section .block{
		display:block;
	}
	.section .block + .block{
		margin:2.85vw 0 0;
	}
	.section .block .row{
		width:auto;
	}
	.section .block .row:nth-child(1) span{
		font-size:2.85vw;
		margin:1.58vw 0 0;
	}
	.section .block .block-ttl{
		font-size:5.71vw;
		margin:5.55vw 0 0;
	}
	.miyajyu .block .logo img{
		width:55.87vw;
	}
	.marusyo .block .logo img{
		width:57.77vw;
	}
	.section .block .img{
		margin:0 0 3.17vw;
		max-width:none;
		width:auto;
	}
	.section .block .img img{
		width:100%;
	}
	/* ギャラリー 
	------------------------------------------------- */
	.section .gallery{
		margin:3.96vw 0 0;
	}
	.section .gallery .inner{
		flex-wrap:wrap;
	}
	.section .gallery .inner figure{
		max-width:none;
		width:45.07vw;
	}
	.section .gallery .inner figure:nth-child(1),
	.section .gallery .inner figure:nth-child(2){
		margin-bottom:1.74vw;
	}
	.section .gallery .inner figure img{
		width:100%;
	}
	/* 特徴・会社情報 
	------------------------------------------------- */
	.section .point-info{
		display:block;
		margin:7.61vw 0 0;
	}
	.section .point-info .box{
		width:auto;
		padding:0 3.17vw 0 2.38vw;
	}
	.section .point-info .box + .box{
		padding:3.96vw 3.17vw 0 2.38vw;
	}
	.section .point-info .box .ttl{
		background-size:7.3vw 7.3vw;
		font-size:3.49vw;
		margin:0 0 2.38vw;
		padding:0.95vw 0 1.11vw 9.52vw;
	}
	.section .point-info .box p,
	.section .point-info .box dl dd{
		font-size:2.85vw;
	}
	.section .point-info .box dl dt{
		font-size:3.17vw;
	}
	/* お問い合わせ 
	------------------------------------------------- */
	.contact{
		margin:7.14vw auto 0;
		max-width:none;
	}
	/* ----- タイトル ----- */
	.contact .ttl{
		margin:0 auto 6.34vw;
		max-width:none;
		padding:4.6vw 3.17vw;
	}
	.contact .ttl:before{
		bottom:-3.86vw;
		border-right:1.74vw solid transparent;
		border-top:3.96vw solid #80c200;
		border-left:1.74vw solid transparent;
		margin:0 0 0 -1.74vw;
	}
	.contact .ttl span{
		background-size:5.39vw auto;
		font-size:4.44vw;
		padding:0 0 0 6.82vw;
	}
	/* ----- フォーム ----- */
	.contact-inner{
		border-width:0.47vw;
		padding:3.17vw 5.55vw 7.14vw;
	}
	.contact-inner > p{
		font-size:2.85vw;
		margin:0 0 3.17vw;
	}
	.contact-inner .hissu-txt{
		font-size:2.53vw;
		margin:0 0 1.26vw;
	}
	.form-area{
		max-width:none;
	}
	.form-area .form-box{
		display:block;
	}
	.form-area .form-box + .form-box{
		margin:3.17vw 0 0;
	}
	.form-area .form-box .row{
		max-width:none;
		width:auto;
	}
	.form-area .form-box .row + .row,
	.form-area .form-box .row > div + div,
	.form-area .contents{
		margin:3.17vw 0 0;
	}
	.form-area .form-box.what label + label{
		margin:0 0 0 6.34vw;
	}
	.form-area .form-box.what input{
		font-size:3.17vw;
		height:2.2vw;
		margin:0 1.9vw 0 0;
		vertical-align:middle;
		width:2.2vw;
	}
	.form-area .form-box.what .hissu{
		font-size:2.53vw;
	}
	.form-area form input[type="text"],
	.form-area form input[type="email"],
	.form-area form input[type="tel"],
	.form-area form textarea{
		font-size:2.53vw;
		padding:3.73vw 3.96vw;
	}
	.form-area form .submit-btn{
		text-align:center;
	}
	.form-area form input[type="submit"]{
		font-size:3.17vw;
		line-height:10.79vw;
		margin:6.03vw 0 0;
		max-width:none;
		width:58.09vw;
	}


	/*****************************************************
	　丸商建設　
	*****************************************************/
	.marusyo{
		margin:20.63vw 0 0;
	}


	/*****************************************************
	　会場へのアクセス　
	*****************************************************/
	.access{
		margin:22.22vw 0 0;
	}
	/* ----- タイトル ----- */
	.access-ttl{
		font-size:6.98vw;
	}
	.access-ttl:before,
	.access-ttl:after{
		border-width:1.11vw;
	}
	.access-ttl:before{
		margin:0 5.55vw 0 0;
	}
	.access-ttl:after{
		margin:0 0 0 5.55vw;
	}
	/* ----- 新型コロナウイルス感染防止対策について ----- */
	.access .covid-19{
		margin:8.73vw auto 0;
		width:84.12vw;
	}
	.access .covid-19 p{
		font-size:3.17vw;
		margin:0 0 7.93vw;
		text-align:left;
	}
	.access .covid-19 .ttl{
		margin:0 0 3.96vw;
		text-align:center;
	}
	.access-inner{
		margin:0 0 8.73vw;
		padding:5.55vw 0 7.93vw;
	}
	.access-inner .pc{
		display:none;
	}
	.access-inner .sp{
		display:block;
	}
	.access-inner .sp img{
		width:100%;
	}


	/*****************************************************
	　フッター　
	*****************************************************/
	.footer{
		padding:2.38vw 0;
	}
	/* コピーライト 
	------------------------------------------------- */
	.copyright{
		font-size:3.17vw;
	}
}