@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		background: url(../img/main_top.jpg) center top / auto no-repeat;
		height: 713px;
		background-color: #f6f3ee;
	}
	.main_top img {
		width: 100%;
	}
	.main_top_in {
		position: relative;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		background: url(../img/main_top_sp.jpg) center top / cover no-repeat;
		height: 138vw;
		background-color: #f6f3ee;
	}
	.main_top img {
		width: 100%;
	}
	.main_top_in {
		position: relative;
	}
}





/* ================================================================================

	マージンボックス

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 120px;
	}
	.top_middle {
		margin-top: 80px;
	}
	.top_short {
		margin-top: 40px;
	}
	.top_vshort {
		margin-top: 20px;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 120px;
	}
	.bottom_middle {
		margin-bottom: 80px;
	}
	.bottom_short {
		margin-bottom: 40px;
	}
	.bottom_vshort {
		margin-bottom: 20px;
	}

	/* 両方にマージンを空ける
	----------------------------------------------- */
	.both_long {
		margin-top: 120px;
		margin-bottom: 120px;
	}
	.both_middle {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.both_short {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.both_vshort {
		margin-top: 20px;
		margin-bottom: 20px;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 16vw;
	}
	.top_middle {
		margin-top: 12vw;
	}
	.top_short {
		margin-top: 8vw;
	}
	.top_vshort {
		margin-top: 4vw;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 16vw;
	}
	.bottom_middle {
		margin-bottom: 12vw;
	}
	.bottom_short {
		margin-bottom: 8vw;
	}
	.bottom_vshort {
		margin-bottom: 4vw;
	}

	/* 両方にマージンを空ける
	----------------------------------------------- */
	.both_long {
		margin-top: 16vw;
		margin-bottom: 16vw;
	}
	.both_middle {
		margin-top: 12vw;
		margin-bottom: 12vw;
	}
	.both_short {
		margin-top: 8vw;
		margin-bottom: 8vw;
	}
	.both_vshort {
		margin-top: 4vw;
		margin-bottom: 4vw;
	}

}




/* ================================================================================

	パディングボックス

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 上にパディングを空ける
	----------------------------------------------- */
	.p_top_long {
		padding-top: 120px;
	}
	.p_top_middle {
		padding-top: 80px;
	}
	.p_top_short {
		padding-top: 40px;
	}
	.p_top_vshort {
		padding-top: 20px;
	}

	/* 下にパディングを空ける
	----------------------------------------------- */
	.p_bottom_long {
		padding-bottom: 120px;
	}
	.p_bottom_middle {
		padding-bottom: 80px;
	}
	.p_bottom_short {
		padding-bottom: 40px;
	}
	.p_bottom_vshort {
		padding-bottom: 20px;
	}

	/* 両方にパディングを空ける
	----------------------------------------------- */
	.row_long {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.row_middle {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.row_short {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.row_vshort {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 上にパディングを空ける
	----------------------------------------------- */
	.p_top_long {
		padding-top: 16vw;
	}
	.p_top_middle {
		padding-top: 12vw;
	}
	.p_top_short {
		padding-top: 8vw;
	}
	.p_top_vshort {
		padding-top: 4vw;
	}

	/* 下にパディングを空ける
	----------------------------------------------- */
	.p_bottom_long {
		padding-bottom: 16vw;
	}
	.p_bottom_middle {
		padding-bottom: 12vw;
	}
	.p_bottom_short {
		padding-bottom: 8vw;
	}
	.p_bottom_vshort {
		padding-bottom: 4vw;
	}

	/* 両方にパディングを空ける
	----------------------------------------------- */
	.row_long {
		padding-top: 16vw;
		padding-bottom: 16vw;
	}
	.row_middle {
		padding-top: 12vw;
		padding-bottom: 12vw;
	}
	.row_short {
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	.row_vshort {
		padding-top: 4vw;
		padding-bottom: 4vw;
	}


	/* 背景色を伸ばす
	----------------------------------------------- */
	.row_sp {
		padding-left: 4vw !important;
		padding-right: 4vw !important;
	}
}




/* ================================================================================

	カラーボックス

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* カラー01 */
	.row_c01 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#f6f6f6;
	}

	/* カラー02 */
	.row_c02 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#eeeeee;
	}

	/* ボーダー囲い */
	.box_border {
		padding: 40px;
		border: 4px solid #cccccc;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* カラー01 */
	.row_c01 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#f6f6f6;
		padding-left: 4vw;
		padding-right: 4vw;
	}

	/* カラー02 */
	.row_c02 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#eeeeee;
		padding-left: 4vw;
		padding-right: 4vw;
	}

	/* ボーダー囲い */
	.box_border {
		padding: 4vw;
		border: 1vw solid #cccccc;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		background: url(../img/row01_bg.jpg) center top / auto no-repeat;
		height: 740px;
		padding-top: 250px;
		font-size: 18px;
		line-height: 1.8;
	}
	
	.top_service{
		text-align: center;
		/*width: 50vw;
		margin: -34vw auto 0;
		font-size: 1.2vw;*/
	}
	
	.row02 {
		background: url(../img/row02_bg.jpg) center top / auto no-repeat;
		height: 776px;
		background-color: #e5404d;
	}
	
	.row03 {
		background: url(../img/row03_bg.jpg) center top / auto no-repeat;
		height: 801px;
	}
	
	.row04 {
		background: url(../img/row04_bg.jpg) center top / auto no-repeat;
		height: 776px;
		background-color: #e5404d;
	}
	
	.row05 {
		background: url(../img/row05_bg.jpg) center top / auto no-repeat;
		height: 1574px;
	}
	
	.row06 {
		background: url(../img/row06_bg.jpg) center top / auto no-repeat;
		height: 568px;
	}
	
	.konnakoto{
		
	}
	.red{
		
	}
	.red_midashi{
		font-size: 30px;
		color:#d21e2d;
		font-style: italic;
		font-weight:bold;
		text-align:center;
	}
	.red_text{
		font-weight: bold;
		font-size: 18px;
		margin-top: 15px;
		padding: 40px;
	}
	.blue{
		
	}
	.blue_midashi{
		font-size: 30px;
		color:#105cad;
		font-style: italic;
		font-weight:bold;
		text-align:center;
	}
	.blue_text{
		font-weight: bold;
		font-size: 18px;
		margin-top: 15px;
		padding: 40px;
	}
	.hyojisuru{
		font-size: 48px;
		font-weight: bold;

	}
	
	.form{
	background:#e5404d;
	}
	.wpcf7{
		width:1000px;
		margin:0 auto;
		background:#FFF;
		padding: 30px 30px 100px 30px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		background: url(../img/row01_bg_sp.jpg) center top / contain no-repeat;
		padding: 46vw 6vw 0;
		height: 218vw;
	}
	
	.top_service{
		text-align: center;
		/*width: 77vw;
		margin: -176vw auto 0;*/
		font-size: 3.6vw;
	}
	
	.row02 {
		background: url(../img/row02_bg_sp.jpg) center top / cover no-repeat;
		height: 290vw;
	}
	
	.row03 {
		background: url(../img/row03_bg_sp.jpg) center top / cover no-repeat;
		height: 248vw;
	}
	
	.row04 {
		background: url(../img/row04_bg_sp.jpg) center top / cover no-repeat;
		height: 118vw;
	}
	
	.row05 {
		background: url(../img/row05_bg_sp.jpg) center top / cover no-repeat;
		height: 378vw;
	}
	
	.row06 {
		background: url(../img/row06_bg_sp.jpg) center top / cover no-repeat;
		height: 102vw;
	}
	
	.konnakoto{
		position: relative;
		padding: 14vw;
	}
	.red{
	}
	.red_midashi{
		font-size: 6vw;
		color: #d21e2d;
		font-style: italic;
		font-weight: bold;
		text-align: center;
	}
	.red_text{
		font-weight: bold;
		font-size: 3.8vw;
		margin-top: 5vw;
		padding: 0 1vw;
	}
	.blue{
	}
	.blue_midashi{
		font-size: 6vw;
		color:#105cad;
		font-style: italic;
		font-weight:bold;
		text-align:center;
	}
	.blue_text{
		font-weight: bold;
		font-size: 3.8vw;
		margin-top: 5vw;
		padding: 0 1vw;
	}
	.hyojisuru{
		font-size: 6vw;
		font-weight: bold;

	}
	
	.form{
	background:#e5404d;
	}
	.wpcf7{
		width: 90vw;
		margin: 5vw auto;
		background: #FFF;
		padding: 30px;
	}
}





/* ================================================================================

	実績

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.box01 {
		border: 4px solid #f28f8f;
		border-radius: 4px;
		padding: 40px;
		font-size: 1.1em;
	}
	.box01 h3 {
		font-size: 1.4em;
		color: #d21e2d
	}

	.box02 {
		border: 4px solid #ddedfd;
		border-radius: 4px;
		padding: 40px;
		font-size: 1.1em;
	}
	.box02 h3 {
		font-size: 1.4em;
		color: #105cad;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.box01 {
		border: 4px solid #f28f8f;
		border-radius: 4px;
		padding: 4vw;
		font-size: 1.1em;
	}
	.box01 h3 {
		font-size: 1.4em;
		color: #d21e2d
	}

	.box02 {
		border: 4px solid #ddedfd;
		border-radius: 4px;
		padding: 4vw;
		font-size: 1.1em;
	}
	.box02 h3 {
		font-size: 1.4em;
		color: #105cad;
	}
}


/* ================================================================================

	お問い合わせ

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.f_contact {
		position:relative;
		margin: 0 auto;
		text-align: center;
	}


	/* 電話 */
	.f_tel01 {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a {
		font-size: 50px;
		color: #e5404d;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a span {
		font-size: 0.6em;
		margin-right: 0.3em;
	}
	.f_tel03 {
		font-size: 16px;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.f_contact {
		position:relative;
		margin: 0 auto;
		text-align: center;
	}


	/* 電話 */
	.f_tel01 {
		font-size: 4.5vw;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a {
		font-size: 8.5vw;
		color: #e5404d;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a span {
		font-size: 0.6em;
		margin-right: 0.3em;
	}
	.f_tel03 {
		font-size: 3.5vw;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
}





/* ================================================================================

	運営会社

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.access_table02 {
	}
	.access_table02 table {
		width: 100%;
	}
	.access_table02 tr {
		border-bottom: 1px solid #cccccc;
	}
	.access_table02 th {
		width: 20% !important;
		font-size: 16px;
		text-align: left;
		padding: 16px;
		color: #3b997f;
	}
	.access_table02 td {
		width: 80% !important;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		padding: 16px 16px 16px 0;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.access_table02 {
	}
	.access_table02 table {
		width: 100%;
	}
	.access_table02 tr {
		border-bottom: 1px solid #cccccc;
	}
	.access_table02 th {
		width: 34% !important;
		font-size: 3.2vw;
		text-align: left;
		padding: 2vw;
		color: #3b997f;
	}
	.access_table02 td {
		width: 66% !important;
		font-size: 3.2vw;
		font-weight: normal;
		text-align: left;
		padding: 2vw 2vw 2vw 0;
	}
}