@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');

@font-face {
    font-family: 'cp';
    src: url('../fonts/cp-light.woff') format('woff'),
             url('../fonts/cp-light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'cp';
    src: url('../fonts/cp-regular.woff') format('woff'),
             url('../fonts/cp-regular.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'cp';
    src: url('../fonts/cp-bold.woff') format('woff'),
             url('../fonts/cp-bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'cp';
    src: url('../fonts/cp-black.woff') format('woff'),
             url('../fonts/cp-black.ttf') format('truetype');
    font-weight: 900;
}


/*	レイアウト
---------------------------------*/
body {
	min-width: 780px;
	line-height: 1.6;
	color: #111;
	font-family: 'cp', serif;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	overflow: hidden;
}

/*	ヘッダー
---------------------------------*/
header {
	background: #00C5B8;
}
@media screen and (max-width: 767px) {
}

/*	フッター
---------------------------------*/
footer {
	position: relative;
}
.ft-contact {
	position: relative;
	margin: auto;
	max-width: 680px;
}
.ft-contact-btn {
	position: fixed;
	bottom: -50px;
	max-width: 309px;
}
.ft-contact-btn img {
	position: relative;
	left: -70px;
}
.ft-copyright {
	padding: 0;
	background: #FFF;
	text-align: right;
}
.ft-copyright p {
	margin: auto;
	padding: 0;
	max-width: 680px;
	font-size: 1.5rem;
	line-height: 135px;
}

/*	基本レイアウト
---------------------------------*/
.contents-inr {
	position: relative;
	margin: 0 auto;
	max-width: 680px;
}

/*	メインイメージ
---------------------------------*/
.main-img-otr {
	position: relative;
	padding: 0 0 15px;
}
.main-img-otr .contents-inr:before {
	content: "";
	position: absolute;
	top: -15px;
	right: -105px;
	width: 370px;
	height: 600px;
	background: url(../images/img_main_icon.png) center top no-repeat;
	background-size: contain;
}
.main-img-otr h1 {
	position: relative;
	margin: -35px 0 0 -70px;
}
.main-img-otr h1 img {
	max-width: 645px;
}
.main-img-otr h2 {
	margin: 15px 0 0;
	font-size: 2.25rem;
	font-weight: 900;
	line-height: 1.3;
}

/*	トップページ
---------------------------------*/
.top-offer {
	padding: 40px 0 95px;
}
.top-offer-about {
	position: relative;
	margin: 0 0 40px;
	max-width: 380px;
}
.top-offer-about:before {
	content: "";
	position: absolute;
	top: -35px;
	left: calc(100% - 45px);
	width: 425px;
	height: 730px;
	background: url(../images/icon_offer.png);
	background-size: contain;
}
.top-offer-about h2 {
	margin: 0 0 20px;
}
.top-offer-about p {
	font-size: 2rem;
}
.top-offer-caution {
	padding: 0 3.6%;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.top-offer-caution figure {
	max-width: 270px;
}
.top-offer-caution p {
	margin: 0 0 1em;
	width: calc(100% - 295px);
	font-size: 2rem;
}
.top-privacy {
	padding: 70px 0 40px;
	background: rgba(0,197,184,0.2);
}
.top-privacy .contents-inr:before {
	content: "";
	position: absolute;
	top: -30px;
	left: -30px;
	width: 341px;
	height: 297px;
	background: url(../images/icon_privacy.png);
	background-size: contain;
}
.top-privacy h2 {
	margin: 0 0 25px auto;
	max-width: 362px;
	text-align: right;
}
.top-privacy p {
	text-align: left;
	font-size: 2rem;
}
.top-dispatch {
	padding: 70px 0;
	background: url(../images/bg_dispatch.png) no-repeat center center;
	background-size: cover;
}
.top-dispatch .contents-inr:before {
	content: "";
	position: absolute;
	top: -40px;
	right: -50px;
	width: 450px;
	height: 632px;
	background: url(../images/icon_dispatch.png);
	background-size: contain;
}
.top-dispatch-txt {
	max-width: 350px;
	text-align: left;
	font-size: 2rem;
}
.top-dispatch-txt h2 {
	margin: 0 0 25px;
}
.top-suicide {
	background: url(../images/bg_suicide.png) no-repeat center center;
	background-size: cover;
}
.top-suicide .contents-inr {
	padding: 40px 0 60px;
	text-align: right;
}
.top-suicide .contents-inr:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -50px;
	width: 476px;
	height: 451px;
	background: url(../images/icon_suicide02.png);
	background-size: contain;
}
.top-suicide figure {
	position: relative;
	margin: 0 0 170px;
}
.top-suicide figure:before {
	content: "";
	position: absolute;
	top: calc(100% - 115px);
	right: -15px;
	width: 400px;
	height: 274px;
	background: url(../images/icon_suicide01.png);
	background-size: contain;
	z-index: 10;
}
.top-suicide img {
	position: relative;
	left: 0;
	width: calc(100% + 25px);
	max-width: calc(100% + 25px);
}
.top-suicide p {
	position: relative;
	display: inline-block;
	max-width: 400px;
	text-align: left;
	font-size: 2rem;
}
.top-signature {
	background: #00C5B8;
}
.top-signature .contents-inr {
	padding: 20px 0 45px;
}
.top-signature img {
	position: relative;
	left: -30px;
	width: calc(100% + 70px);
	max-width: calc(100% + 70px);
}
.top-sns .contents-inr {
	padding: 50px 0;
}
.top-sns h2 {
	position: absolute;
	bottom: calc(100% - 25px);
	right: -30px;
}
.top-sns h2 img {
	display: block;
	max-width: 442px;
}
.top-sns li {
	margin: 0 25px;
	max-width: 120px;
}
.top-about {
	padding: 70px 0 130px;
	background: #00C5B8;
	font-size: 2rem;
	color: #fff;
}
.top-about h3 {
	margin: 0 0 0.423em;
	font-size: 3.25rem;
	font-weight: 600;
	color: #F9F907;
}
.top-about p {
	margin: 0 0 1.56em;
}
.cmn-img-btn {
	margin: auto;
	max-width: 509px;
}