<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
		
	}
@import url(href="https://use.typekit.net/xjz6ukr.css");

body{
	font-family: century-gothic, Avenir, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	mso-line-height-rule: exactly;
		margin: 0;
		padding: 0;
}

body{
    -webkit-text-size-adjust:100%;
}
	/* Images */
img {
	display: block;
	border: none;
	width: 100%;
}

a {
    text-decoration:none; 
}

.background-grey{
	background-color: #e3e3e3;
}
.background-white{
	background-color: #ffffff;
	width: 700px;
	margin: 0 auto;
}
.container{
	width: 90%;
	margin: 0 auto;
}
section{
	padding: 20px 0px;
	
}
.line{
	border-bottom: solid 1px #000000;
}
/*レスポンス系*/
.pc{
	display: block;
}
.sp{
	display: none;
}

/*text系*/
.header-text{
	font-size: 12px;
	padding: 20px;
}
h1{
	font-size: 1.5em;
	padding: 10px 10px 20px;
}
h2{
	font-size: 16px;
	padding: 10px;
}
.text{
	font-size: 1em;
	padding: 10px;
}
.text-bold{
	font-weight: bold;
	font-size: 1em;
	padding: 10px;
}
.text-title{
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0px 0px 10px;
}

.text-center{
	font-size: 1em;
	text-align: center;
}
.text-small{
	font-size: 0.8em;
	padding: 10px;
}

/*span内でBold*/
.bold{
	font-weight: bold;
	font-size: 1em;
}
.footer-text{
	text-align: center;
	font-size: 0.8em;
	padding: 10px;
}
.footer-text2{
	font-size: 0.8em;
	padding: 10px;
}

.text-map{
	text-align: center;
	margin: 20px 0px;
}
.text-map a{
	display: block;
	text-decoration: none;
	color: #000000;
}
.text-map p{
	border: solid 1px #000000;
	font-size: 1em;
	padding: 10px;
}
.text-map :hover{
	background: #e3e3e3;
}

/*問い合わせボタン装飾*/
.bottun{
	background-color: #000000;
	margin: 20px 0px;
}
.bottun a{
	padding: 10px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
}
.bottun p{
	font-size: 1.2em;
}
.bottun :hover{
	background-color: #2E2E2E;
	color: darkgray;
}
/*2カラム問い合わせボタン装飾*/
.bottun-2col{
	background-color: #000000;
	margin: 10px auto;
	width: 95%;
}
.bottun-2col a{
	padding: 10px 0px 10px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
}
.bottun-2col p{
	font-size: 1em;
}
.bottun-2col :hover{
	background-color: #2E2E2E;
	color: darkgray;
}

/*2カラムボタン装飾ホワイト*/
.bottun-white-2col{
	border: 1px solid #000000;
	margin: 10px auto;
	width: 95%;
}
.bottun-white-2col a{
	padding: 10px 0px 10px;
	display: block;
	text-decoration: none;
	text-align: center;
}
.bottun-white-2col p{
	font-size: 1em;
}
.bottun-white-2col a:hover{
	background-color: lightgray;
}
.bottun-white-2col a:visited{
	color: #000000;
}

/*フレックスコンテナ*/
.flex-container{
	display: flex;
	justify-content: space-between;
}
.item1{
	width: 100%;
	padding-right: 10px;
}
.item2{
	width: 100%;
	padding-left: 10px;
}

.item1-2colums{
	width: 100%;
	padding-right: 10px;
	-webkit-flex: 2;
    flex: 2;
}
.item2-2colums{
	width: 100%;
	-webkit-flex: 1;
    flex: 1;
}

/*2カラム　小さめ画像+テキスト*/
.item-img{
	flex-basis: 35%;
}
.item-text{
	flex-basis: 65%;
	padding:0px 0px 0px 20px;
}

/*PC-2カラム　SP-1カラム*/
*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 &gt; div{
	width: 50%;
}
.col_2 img{
	width: 100%;
	padding: 5px 5px;
}
.col_2 p{
	font-size: 16px;
	padding: 0px 10px 10px;
}
.col_2 h2{
	font-size: 16px;
	padding: 10px 10px 0px;
}

.left img{
	width: 100%;
	padding: 10px 5px 10px 0px;
}
.right img{
	widows: 100%;
	padding: 10px 0px 10px 5px;
}


/*スペース系*/
.space10{
	padding: 10px 0px;
}
.space-bottom20{
	padding: 0px 0px 20px;
}
.space{
	padding-right: 10px;
}

.sns{
	padding: 20px 100px;
}

/*以下レスポンシブの記述*/
@media all and (max-width:640px) {
	.background-grey{
		background-color: white;
		width: 100%;
	}
	.background-white{
		width: 100%;

	}
	.sns{
		padding: 20px 50px;
	}
	/*レスポンス系*/
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.col_2 &gt; div{
		width: 100%;
	}


}</pre></body></html>