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

.pc {
	display: none !important;
}

.sp {
	display: inline-block;
}


/* ---------------------------------------------------------
ボタン設定
--------------------------------------------------------- */

.base_btn {
	width: 250px;
	font-size: 1.6rem;
}

.base_btn a {
	padding: 16px 10px;
}



/* ---------------------------------------------------------
共通
--------------------------------------------------------- */

#contents {
	padding: 70px 0px 100px;
}

section {
	padding: 0px 0px 100px;
}

section:nth-of-type(1) {
	padding: 50px 0px 0px !important;
}

.inner_wrap {
	padding: 0px 15px;
}

.page_ttl_wrap {
    padding: 30px 0px;
}

.page_ttl {
	padding: 15px;
	width: 80%;
}

.page_ttl > span {
    padding: 6px 0px;
}

.page_ttl > span:nth-of-type(1) {
	font-size: 2.5rem;
}

.page_ttl > span:nth-of-type(2) {
	font-size: 1.8rem;
}



/* ---------------------------------------------------------
吹き出し
--------------------------------------------------------- */

.fukidashi_wrap {
    padding: 0px;
    height: auto;
}

.fukidashi_area {
    width: 100%;
    height: auto;
	padding: 30px 20px;
}

.fukidashi_area p {
	font-size: 1.8rem;
}

.fukidashi_area::before {
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 40px solid #FFF;
}

.fukidashi_area > p:nth-of-type(1) {
    font-size: 2rem;
    padding-bottom: 20px;
}

.fukidashi_area > p:nth-of-type(2) {
    font-size: 1.5rem;
}

.fukidashi_icon {
    width: 50%;
	height: 200px;
    margin: 0px auto;
    padding-top: 30px;
}



/* ---------------------------------------------------------
ヘッダー
--------------------------------------------------------- */

header {
	padding: 0px;
	height: 70px;
	position: fixed;
	z-index: 3;
}

.header_area {
	width: 100%;
	height: 100%;
}

.logo {
	width: 70%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}


/* ---------------------------------------------------------
フッター
--------------------------------------------------------- */

#page-top {
	width: 60px;
	right: 10px;
}

#footer_contact_area {
    padding: 20px 0px !important;
}

section#footer_contact_area .contact_btn {
    width: 90%;
}

section#footer_contact_area .contact_btn p {
    font-size: 2rem;
	padding: 15px 0px;
}

section#footer_contact_area .contact_btn p::before {
    width: 22px;
    height: 16px;
}

.footer_tel > p:nth-of-type(1) {
    font-size: 1.6rem;
    padding: 10px 0px;
	max-width: 300px;
	width: 70%;
}

.footer_tel > p:nth-of-type(3) {
    font-size: 1.6rem;
}

.footer_tel .tel_num {
    font-size: 4rem;
}

.footer_tel .tel_num span::before {
    width: 29px;
    height: 24px;
}

.footer_info {
	padding: 20px 0px;
}

.footer_info > div {
    width: 100%;
}

.footer_logo > p {
    width: 80%;
}

.footer_copyright {
    font-size: 2.4vw;
	padding-top: 10px;
}

.footer_bottom_line {
    height: 25px;
}