@charset "UTF-8";
/* CSS Document */

html
	{
	font-size: 62.5%;/* ルートのフォントサイズを10pxに設定しておく */
	}
	
body
	 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 300;
	line-height: 100%;
	-webkit-text-size-adjust : 100%;
	overflow-x:hidden;
	font-size: 1.6em;/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定remではないのはchoromのバグのため */
	color:#1c1c1c;/* サイトのフォントの基本カラーを指定 */
	background:#FFF;
	}
	
body a　/*スマホタップ時のハイライトカラー*/
	{
	 -webkit-tap-highlight-color:rgba(69,92,146,0.3);
	}
	
img{
	max-width: 100%;
	height: auto;
	width: auto; /***/
	}

img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	}
		
.not_tel
	{
	cursor:default;
	}
	
/*********************************************/
/*全ページフェードインcommonに書き直し推奨
/*********************************************/
/*左から　① animation-name	キーフレームアニメーション名を指定。② animation-duration	1回のアニメーションにかかる時間を指定。
	③ animation-timing-function	アニメーションの変化率を指定。他に ease、linear、ease-out、ease-in-out やオリジナルの変化率を指定できる。④ animation-delay	アニメーションの開始をいくら遅らせるかを指定。
	⑤ animation-iteration-count	アニメーションを何回繰り返すかを指定。⑥ animation-direction	繰り返し時、往復処理をするかを指定。*/
body {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 2.4s ease 0s 1 normal;
	}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
	}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
	}	

/*共通設定終わり*/


/* ************************************************************
クリアフィックス
************************************************************ */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.clear
	{
	clear:both;
	}
	

/* ************************************************************
サイト全体のサイズ及び基本文字色など
************************************************************ */
html
	{
	}

body
	{
	margin:0 auto 0;
	width:100%;
	}
			
/* ************************************************************
ページトップ
************************************************************ */	

div#scroll
	{
	position:fixed;
	width: 52px;
	right:12px;
	top:110px;
	z-index:5000;
	cursor: pointer;
	background: #fff;
	transition: all .4s;
	}
	
div#scroll:hover
	{
	opacity: 0.8;
	transition: all .4s;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */
 div#scroll
	{
	width: 44px;
	right:12px;
	top:90px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
  div#scroll
	{
	width: 50px;
	right:12px;
	top:auto;
	bottom:4%;
	}
 /* *************** */
	}
		
/* ************************************************************
LINK
************************************************************ */
	
a 
	{
	color:#1c1c1c;
	text-decoration:none;
	}

a:link 
	{
	
	}

a:visited 
	{
	
	}

a:hover 
	{
	color:#1c1c1c;
	text-decoration:none;
	}

a:focus 
	{
	}

a:active 
	{
	}
	
/*****************************************************
ページタイトル
*****************************************************/
		
/* ************************************************************
CONTENTS
************************************************************ */


/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */

.mobile_hidden
	{
	overflow:hidden;
	width:100%;
	}

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
.mb_none
	{
	display:block;
	}
 /* *************** */
	}
	
/* ************************************************************
子ページナビゲーション
************************************************************ */
nav#nav02
	{
	width: 100%;
	background: #ebe9e5;
	}
	
nav#nav02 ul
	{
	margin:0 auto 0;
	width: 100%;
	max-width: 1280px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	}
	
nav#nav02 ul li
	{
	width: 11.11%;
	border-left: solid 1px #dfd9cc;
	}
	
nav#nav02 ul li:first-child
	{
	border-left:none;
	}
	
nav#nav02 ul li a
	{
	display: block;
	width: 100%;
	font-size: 1.3rem;
	line-height: 300%;
	text-align: center;
	transition: .4s;
	}
	
nav#nav02 ul li a:hover
	{
	background: #f3eee3;
	color:#646057;
	transition: .4s;
	}

	
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
nav#nav02 ul
	{
	max-width: 100%;
	}
	
nav#nav02 ul li a
	{
	font-size: 1.2rem;
	line-height: 340%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
nav#nav02 ul li a
	{
	font-size: 1rem;
	line-height: 360%;
	}
 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
nav#nav02
	{
	display:none;
	}
 /* *************** */
	}
	


/* ************************************************************
共通コンテンツボックス（一番大きい枠）
************************************************************ */
#contensbox
	{
	}
	
.box1280
	{
	margin:0 auto 0;
	width: 100%;
	max-width: 1280px;
	}
	
.boxfull
	{
	margin:0 auto 0;
	width: 100%;
	max-width: 100%;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
 .box1280
	{
	margin:0 auto 0;
	width: 100%;
	max-width: 100%;
	}
 /* *************** */
	}
	
/* ************************************************************
子ページ全体枠
************************************************************ */
section#contensbox02
	{
	margin:2% auto 0;
	width: 100%;
	max-width: 1280px;
	display: flex;
	flex-flow: row wrap ;
	justify-content: space-between;
	}
	
section#contensbox02 .main_contents
	{
	margin:0;
	width: 72%;
	}
	
section#contensbox02 .main_contents .pagetitle
	{
	margin:0 auto 0;
	width: 100%;
	}
	
section#contensbox02 .main_contents .pagetitle dt
	{
	margin:0 auto 0;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-size:3.8rem;
	line-height: 150%;
	border-bottom: solid 1px #191919;
	}
	
section#contensbox02 .main_contents .pagetitle dd
	{
	margin:0 auto 0;
	font-size:1.8rem;
	line-height: 190%;
	letter-spacing: -0.04em;
	}
	
section#contensbox02 .sidebar
	{
	margin:0;
	padding:2% 2%;
	width: 22%;
	min-height: 100%;
	background: #f3f3f3;
	}
	
section#contensbox02 .sidebar ul
	{
	margin:10% auto 0;
	width: 100%;
	}
	
section#contensbox02 .sidebar ul li
	{
	margin:2% auto;
	width: 100%;
	}
	
section#contensbox02 .sidebar ul li a
	{
	display: block;
	font-size:1.4rem;
	width: 100%;
	line-height: 300%;
	border-bottom: dashed 1px #7B7B7B;
	transition: .3s;
	}
	
section#contensbox02 .sidebar ul li a:hover
	{
	padding:0 0 0 2%;
	transition: .3s;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
section#contensbox02
	{
	margin:3% auto 0;
	width: 94%;
	max-width: 100%;
	}
	
section#contensbox02 .main_contents
	{
	margin:0;
	width: 72%;
	}
	
section#contensbox02 .main_contents .pagetitle dt
	{
	font-size:3.6rem;
	line-height: 150%;
	}
	
section#contensbox02 .main_contents .pagetitle dd
	{
	font-size:1.6rem;
	line-height: 190%;
	}
	
section#contensbox02 .sidebar
	{
	padding:2% 2%;
	width: 22%;
	}
	
section#contensbox02 .sidebar ul
	{
	margin:10% auto 0;
	}
	
section#contensbox02 .sidebar ul li
	{
	margin:3% auto;
	}
	
section#contensbox02 .sidebar ul li a
	{
	font-size:1.2rem;
	line-height: 320%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
section#contensbox02
	{
	margin:3.4% auto 0;
	width: 92%;
	}
	
section#contensbox02 .main_contents
	{
	margin:0;
	width: 72%;
	}
	
section#contensbox02 .main_contents .pagetitle dt
	{
	font-size:3rem;
	line-height: 160%;
	}
	
section#contensbox02 .main_contents .pagetitle dd
	{
	font-size:1.4rem;
	line-height: 220%;
	}
	
section#contensbox02 .sidebar
	{
	padding:2% 2%;
	width: 22%;
	}
	
section#contensbox02 .sidebar ul
	{
	margin:10% auto 0;
	}
	
section#contensbox02 .sidebar ul li
	{
	margin:3% auto;
	}
	
section#contensbox02 .sidebar ul li a
	{
	font-size:1.1rem;
	line-height: 320%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
section#contensbox02 .main_contents
	{
	margin:0;
	width: 70%;
	}
	
section#contensbox02 .sidebar
	{
	padding:2% 2%;
	width: 24%;
	}
 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
section#contensbox02
	{
	margin:3.4% auto 0;
	width: 90%;
	display: block;
	}
	
section#contensbox02 .main_contents
	{
	margin:0;
	width: 100%;
	}
	
section#contensbox02 .sidebar
	{
	display: none;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
section#contensbox02
	{
	margin:6% auto 0;
	width: 88%;
	}
	
section#contensbox02 .main_contents .pagetitle dt
	{
	font-size:2.2rem;
	line-height: 160%;
	}
	
section#contensbox02 .main_contents .pagetitle dd
	{
	font-size:1.2rem;
	line-height: 220%;
	}
 /* *************** */
	}

/* ************************************************************
BANERS01
************************************************************ */
.baners01
	{
	margin:10% auto 0;
	width: 100%;
	max-width: 100%;
	background:url("../img/common/window_img.png") top right no-repeat;
	}
	
.baners01 div
	{
	background-color: rgba(214,222,239,0.4);
	padding:3% 5%;
	}
	
.baners01 div dl
	{
	margin:0 auto 0;
	width: 100%;
	max-width: 1100px;
	}
	
.baners01 div dl dt
	{
	margin:0 35% 0 0;
	padding:0 0 0.6%;
	width: 65%;
	text-align: justify;
	font-size: 2rem;
	line-height: 160%;
	border-bottom: solid 1px #191919;
	}
	
.baners01 div dl dt br
	{
	display: none;
	}
	
.baners01 div dl dd
	{
	margin:1.4% 35% 0 0;
	width: 65%;
	}
	
.baners01 div dl dd ul li
	{
	margin:0 0 2px;
	width: 100%;
	text-align: justify;
	line-height: 150%;
	font-size:1.4rem;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
.baners01
	{
	margin:10% auto 0;
	}
	
.baners01 div
	{
	padding:4% 5.5%;
	}
	
.baners01 div dl
	{
	max-width: 100%;
	}
	
.baners01 div dl dt
	{
	margin:0 25% 0 0;
	padding:0 0 0.6%;
	width: 75%;
	font-size: 2rem;
	}
	
.baners01 div dl dd
	{
	margin:1.4% 25% 0 0;
	width: 75%;
	}
	
.baners01 div dl dd ul li
	{
	margin:0 0 2px;
	width: 100%;
	line-height: 150%;
	font-size:1.4rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
.baners01
	{
	margin:12% auto 0;
	}
	
.baners01 div
	{
	padding:5% 6%;
	}
	
.baners01 div dl dt
	{
	margin:0 20% 0 0;
	padding:0 0 0.6%;
	width: 80%;
	font-size: 1.8rem;
	}
	
.baners01 div dl dt br
	{
	display: none;
	}
	
.baners01 div dl dd
	{
	margin:1.4% 20% 0 0;
	width: 80%;
	}
	
.baners01 div dl dd ul li
	{
	margin:0 0 2px;
	width: 100%;
	line-height: 150%;
	font-size:1.4rem;
	}
 /* *************** */
	}
			
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
 .baners01
	{
	margin:12% auto 0;
	}
	
.baners01 div
	{
	padding:5% 6%;
	}
	
.baners01 div dl dt
	{
	margin:0 auto 0;
	padding:0 0 1.2%;
	width: 100%;
	font-size: 1.8rem;
	}
	
.baners01 div dl dd
	{
	margin:3% auto 0;
	width: 100%;
	}
	
.baners01 div dl dd ul li
	{
	margin:0 0 2px;
	width: 100%;
	line-height: 150%;
	font-size:1.2rem;
	}
 /* *************** */
	}
	

/* ▼▼▼▼▼▼▼▼MaxWidth640(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 640px) {
 /* ************** */
.baners01 div
	{
	padding:8% 6%;
	}

.baners01 div dl dt
	{
	font-size: 1.8rem;
	}

.baners01 div dl dd ul li
	{
	margin:0 0 2px;
	font-size:1rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
.baners01 div
	{
	padding:10% 7%;
	} 

.baners01 div dl dt br
	{
	display: block;
	}
 /* *************** */
	}
	
/* ************************************************************
BANERS02
************************************************************ */
.baners02
	{
	margin:10% auto 0;
	width: 100%;
	max-width: 1280px;
	}

.baners02 ul
	{
	padding:0 2%;
	display: flex;
	flex-flow: row wrap ;
	justify-content: space-between;
	align-items: center;
	}
	
.baners02 ul li
	{
	margin:0 0 2%;
	width: 23.4%;
	border: 1px #000 solid;
	}
	
.baners02 .dl01
	{
	margin:6% auto 0;
	width: 96%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	}
	
.baners02 .dl01 dt
	{
	margin:0;
	width: 40%;
	padding: 2%;
	}
	
.baners02 .dl01 dd
	{
	margin:0;
	width: 54%;
	text-align: justify;
	line-height: 152%;
	font-size: 1.4rem;
	}
	
.baners02 .contact_area
	{
	margin:6% auto 0;
	width: 98%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	}
	
.baners02 .contact_area p:first-child
	{
	margin:0;
	width: 48%;
	}
	
.baners02 .contact_area p:last-child
	{
	margin:1% 0 0;
	width: 44%;
	}
	
.baners02 .contact_area p:last-child a
	{
	padding:5% 0;
	display: block;
	width: 100%;
	border:solid 1px #3A3838;
	text-align: center;
	font-size: 1.6rem;
	line-height: 157%;
	}
	
.baners02 .contact_area img
	{
	width: 100%;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
.baners02
	{
	padding:0 4%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
.baners02
	{
	padding:0 4%;
	}

.baners02 ul
	{
	padding:0 2%;
	}
	
.baners02 ul li
	{
	width: 24.2%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
.baners02 ul li
	{
	margin:0 0 1%;
	}
 /* *************** */
	}
			
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
.baners02 .dl01
	{
	margin:8% auto 0;
	width: 90%;
	display: block;
	}
	
.baners02 .dl01 dt
	{
	margin:0 auto 0;
	width: 100%;
	padding: 2%;
	}
	
.baners02 .dl01 dd
	{
	margin:3% auto 0;
	width: 100%;
	line-height: 152%;
	font-size: 1.4rem;
	}
	
.baners02 .contact_area
	{
	margin:8% auto 0;
	width: 98%;
	display: block;
	}
	
.baners02 .contact_area p:first-child
	{
	margin:10% auto 0;
	width: 80%;
	}
	
.baners02 .contact_area p:last-child
	{
	margin:12% auto 0;
	width: 90%;
	}
	
.baners02 .contact_area p:last-child a
	{
	padding:5% 0;
	display: block;
	font-size: 1.6rem;
	line-height: 157%;
	}
 /* *************** */
	}
	

/* ▼▼▼▼▼▼▼▼MaxWidth640(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 640px) {
 /* ************** */

.baners02
	{
	margin:12% auto 0;
	padding:0 5%;
	}

.baners02 ul
	{
	padding:0 2%;
	display: flex;
	flex-flow: row wrap ;
	justify-content: space-between;
	align-items: center;
	}
	
.baners02 ul li
	{
	margin:0 0 4%;
	width: 48%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
.baners02
	{
	margin:14% auto 0;
	padding:0 5%;
	}
	
.baners02 .dl01 dd
	{
	margin:4% auto 0;
	width: 100%;
	line-height: 152%;
	font-size: 1.2rem;
	}
 /* *************** */
	}
	
	
	
/* ************************************************************
波ライン
************************************************************ */
.namiline
	{
	margin:8% auto 0;
	width: 90%;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
 .namiline
	{
	margin:10% auto 0;
	width: 90%;
	}
 /* *************** */
	}
	
	
/* ************************************************************
SAFE（耐震補強工事）
************************************************************ */
.safe
	{
	margin:12% auto 0;
	width: 100%;
	}
	
.safe h3
	{
	margin:0 auto 0;
	padding:0 0 1% 0.5%;
	width: 100%;
	text-align: justify;
	font-size: 3rem;
	line-height: 150%;
	border-bottom: solid 1px #191919;
	}
	
.safe dl
	{
	margin:5% auto 0;
	width: 100%;
	text-align: justify;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	}
	
.safe dl .safe_pc
	{
	margin:0;
	width: 20%;
	}
	
.safe dl .safe_mb
	{
	display: none;
	}
	
.safe dl dd
	{
	width: 75%;
	padding: 1%;
	font-size: 1.6rem;
	line-height: 150%;
	}
	
.safe ul
	{
	width: 100%;
	margin:3% auto 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	}
	
.safe ul li
	{
	width: 49%;
	background: #f59600;
	text-align: center;
	line-height: 240%;
	font-size: 1.6rem;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
.safe
	{
	margin:12% auto 0;
	}
	
.safe h3
	{
	padding:0 0 1% 0.5%;
	font-size: 3rem;
	line-height: 150%;
	}
	
.safe dl
	{
	margin:5% auto 0;
	}
	
.safe dl .safe_pc
	{
	width: 20%;
	}
	
.safe dl dd
	{
	width: 75%;
	padding: 1%;
	font-size: 1.4rem;
	line-height: 150%;
	}
	
.safe ul
	{
	margin:3% auto 0;
	}
	
.safe ul li
	{
	width: 49%;
	line-height: 240%;
	font-size: 1.4rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
.safe
	{
	margin:12% auto 0;
	}
	
.safe h3
	{
	padding:0 0 1% 0.5%;
	font-size: 2.4rem;
	line-height: 150%;
	}
	
.safe dl
	{
	margin:5% auto 0;
	}
	
.safe dl dd
	{
	padding: 1%;
	font-size: 1.2rem;
	line-height: 150%;
	}
	
.safe ul
	{
	margin:3% auto 0;
	}
	
.safe ul li
	{
	width: 49%;
	line-height: 240%;
	font-size: 1.4rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
.safe
	{
	margin:12% auto 0;
	width: 98%;
	}
	
.safe h3
	{
	padding:0 0 1% 0.5%;
	font-size: 2rem;
	line-height: 150%;
	}
	
.safe dl
	{
	margin:6% auto 0;
	}
	
.safe dl .safe_pc
	{
	width: 25%;
	}
	
.safe dl dd
	{
	width: 72%;
	padding: 1%;
	font-size: 1rem;
	}
	
.safe ul
	{
	margin:4% auto 0;
	}
	
.safe ul li
	{
	line-height: 280%;
	font-size: 1.2rem;
	}
 /* *************** */
	}
	
	
/* ************************************************************
下層ページの共通部分（copytext03）
************************************************************ */
.copytext03
	{
	margin:12% auto 0;
	width: 100%;
	}
	
.copytext03 h3
	{
	margin:0 auto 0;
	padding:0 0 1% 0.5%;
	width: 100%;
	text-align: justify;
	font-size: 3rem;
	line-height: 150%;
	border-bottom: solid 1px #191919;
	}
	
.copytext03 .ul01
	{
	margin:7% auto 0;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	}
	
.copytext03 .ul01 li
	{
	margin:0 0 3%;
	width: 48.5%;
	}
	
.copytext03 .ul02
	{
	margin:4.6% auto 0;
	width: 100%;
	text-align: justify;
	text-justify: inter-character;
	}
	
.copytext03 .ul02 li
	{
	margin:0 auto 2.8%;
	padding:0 0 0 1%;
	font-size: 1.6rem;
	line-height: 147%;
	}
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
.copytext03
	{
	margin:12% auto 0;
	}
	
.copytext03 h3
	{
	padding:0 0 1% 0.5%;
	font-size: 3rem;
	line-height: 150%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
.copytext03
	{
	margin:12% auto 0;
	}
	
.copytext03 h3
	{
	padding:0 0 1% 0.5%;
	font-size: 2.4rem;
	line-height: 150%;
	}
	
.copytext03 .ul02 li
	{
	margin:0 auto 2.8%;
	font-size: 1.4rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


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

.copytext03 .ul02
	{
	margin:6% auto 0;
	}

.copytext03 .ul02 li
	{
	margin:0 auto 2.8%;
	font-size: 1.2rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
.copytext03
	{
	margin:12% auto 0;
	width: 98%;
	}
	
.copytext03 h3
	{
	padding:0 0 1% 0.5%;
	font-size: 2rem;
	line-height: 150%;
	}
	
.copytext03 .ul02 li
	{
	margin:0 auto 2.8%;
	font-size: 1rem;
	}
 /* *************** */
	}
	
/* ************************************************************
ボタンデザイン
************************************************************ */


.btn_area{
	font-display: flex
	justify-contentactive center;
	gap:20px;
}


.right
	{
	float:right;
	}

.topbtn
	{
	margin:3% auto 0;
	width:240px;
	}
	
.mr
	{margin:3% 0 0 5%;}
	
.topbtn a
	{
	display:block;
	margin:4% auto 0;
	width:100%;
	line-height: 280%;
	text-align: center;
	font-size: 1.4rem;
	border:solid 1px #646464;
	font-family: 'Spartan', sans-serif;
	font-weight: 300;
	}
	
.topbtn a:hover
	{
	color:#fff;
	}
	
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* --- WORKSボタンエリア追加 20260721（PC・スマホ共通） --- */
.works_btn_container {
  display: flex;
  flex-wrap: wrap;             /* 横幅を超える場合は自動で改行 */
  justify-content: flex-end;   /* 右寄せ配置 */
  gap: 15px;                   /* ボタン同士の間隔 */
  margin-top: 3%;
}

/* 個別ボタンのfloat等を解除 */
.works_btn_container .topbtn {
  float: none !important;
  margin: 0 !important;
  width: 240px;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1280(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
.right
	{
	float:right;
	padding:0 30px 0 0;
	}
.works_btn_container {
	margin-right: 30px;
  }
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
.right
	{
	float:right;
	padding:0 21px 0 0;
	}
	
.topbtn
	{
	margin:3% auto 0;
	width:200px;
	}
	
.mr
	{
	margin:3% auto 0;
	}

 /* *************** */
	}


/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
	

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
 .right
	{
	float:right;
	padding:0 19px 0 0;
	}
	
 .topbtn
	{
	margin:2% auto 0;
	width:180px;
	}
	
.mr
	{
	margin:2% auto 0;
	}
	
.topbtn a
	{
	margin:5% auto 0;
	line-height: 280%;
	font-size: 1.4rem;
	}
.works_btn_container {
    gap: 10px;/* スマホ時のボタン間隔 */
	margin-right: 19px;
  }

  .works_btn_container .topbtn {
    width: 47%;                /* 2つ並ぶサイズ感（または180pxなど固定幅） */
  }
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
	}
	
		
/* ************************************************************
googleタグの余白をけす
************************************************************ */

iframe[name='google_conversion_frame'] { 
  height: 0 !important;
  width: 0 !important; 
  line-height: 0 !important; 
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}