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

html {
	margin: 0;
	padding: 0;
}
body {
	color:#000000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #e8373f;
}
a:hover {
	text-decoration: underline;
}

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


/*-------------------------
ヘッダー
-------------------------*/
.header-bg {
	background: #15c2cb;
}
header {
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
header img {
	margin-top: 13px;
}
header li {
	color: #fef8c1;
	font-size: 20px;
	font-weight: bold;
	padding-left: 40px;
}
header li:first-child {
	background: url(../img/tell.png)no-repeat left center;
}
header li:last-child {
	font-size: 16px;
	font-weight: normal;
	background: url(../img/mail.png)no-repeat 2px center;
}

/*-------------------------
container
-------------------------*/
.container {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 50px;
	background: url(../img/border-left.png) 7px;
	 background-repeat: repeat-y;  
	 padding: 0 15px;
	 position: relative;
}
.container:after {
		content: "";
	background: url(../img/border-right.png);
		 background-repeat: repeat-y; 
    position: absolute;
    width: 9px;
    height: 100%;
    top: 0;
    right: 6px;
}

/*-------------------------
nav
-------------------------*/
nav ul {
	display: flex;
	justify-content: space-between;
}
nav li {
}
nav li a {
	display: block;
}
nav li:hover {
	opacity: 0.6;
}


/*-------------------------
flow
-------------------------*/
.flow {
	margin-bottom: 50px;
}
.flow h1 {
	color: #39a5ac;
	font-size: 35px;
	text-align: center;
	margin: 45px 0;
}
.flow ul {
	display: flex;
	justify-content: space-around;	
}
.flow li {
	position: relative;
}
.flow li:after {
	content: "";
	background: url(../img/arrow.png)no-repeat center center;
	position: absolute;
    width: 64px;
    height: 100%;
    top: 0;
    right: -100px;
}
.flow li:last-child:after {
	background: none;
}
.flow p {
	width: 628px;
	margin: 50px auto 0;
}

/*-------------------------
inner
-------------------------*/
.inner {
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 57px;
}
.inner.type5 {
	padding-bottom: 80px;
}
.inner .left-txt {
	float: left;
	width: 630px;
    margin-right: 100px;
}
.inner .left-txt h2 {
	background: #39a5ac;
	color: #fff;
	padding: 10px 0 10px 180px;
	width: 320px;
	border-radius: 0 18px 18px 0;
	margin: 0px 0 30px 0;
    	position: relative;

}
.inner .left-txt h2:first-child:before {
    content: "";
    background: url(../img/step1.png)no-repeat left center;
    position: absolute;
    width: 132px;
    height: 100%;
    top: 0;
    left: 25px;
}
.inner:nth-of-type(3) .left-txt h2:before {
    content: "";
    background: url(../img/step2.png)no-repeat left center;
    position: absolute;
    width: 132px;
    height: 100%;
    top: 0;
    left: 25px;
}
.inner:nth-of-type(4) .left-txt h2:before {
    content: "";
    background: url(../img/step3.png)no-repeat left center;
    position: absolute;
    width: 132px;
    height: 100%;
    top: 0;
    left: 25px;
}
.inner:nth-of-type(5) .left-txt h2:before {
    content: "";
    background: url(../img/step4.png)no-repeat left center;
    position: absolute;
    width: 132px;
    height: 100%;
    top: 0;
    left: 25px;
}
.inner:nth-of-type(6) .left-txt h2:before {
    content: "";
    background: url(../img/step5.png)no-repeat left center;
    position: absolute;
    width: 132px;
    height: 100%;
    top: 0;
    left: 25px;
}
.inner:last-child .left-txt h2:before {
    content: "";
    background: url(../img/step6.png)no-repeat left center;
    position: absolute;
    width: 132px;
    height: 100%;
    top: 0;
    left: 25px;
}
.inner .left-txt p {
	margin-left: 50px;
}
.inner .left-txt .atten {
	position: relative;
	padding-top: 50px;
}
.inner .left-txt .atten:after {
    content: "";
    background: url(../img/atten.png)no-repeat center center;
    position: absolute;
    width: 99px;
    height: 110px;
    top: -25px;
    left: 52px;
}

.inner .right-img {
	float: right;
	position: relative;
	margin-right: 80px;
}

.inner .right-img:after {
    content: "";
    background: url(../img/arrow02.png)no-repeat center center;
    position: absolute;
    width: 48px;
    height: 100%;
    top: 120px;
    right: 53px;
}
.inner.type6 .right-img:after {
	background: none;
}


/*-------------------------
pagetop
-------------------------*/
#pagetop{
    position:fixed;
    right:20px;
    bottom:-87px;
    cursor:pointer;
}

/*-------------------------
フッター
-------------------------*/
.footer-bg {
	background: #15c2cb;
}
footer p {
	text-align: center;
	padding: 10px 0;
	color: #fff;
	margin: 0;
}</pre></body></html>