* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	/* sets the base font to 10px for easier math */
}

body {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.6rem;
	color: #444444;
	width: 100%;
	line-height: 1.44;
	letter-spacing: 0.01em;
}

a,
a:hover,
a:visited {
	color: #333;
}

a {
	outline: none;
}

a:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: bold;
}

/* ---------- 要素の遅延表示 ---------- */

.effect-fade {
	opacity: 0;
	transform: translate(0, 60px);
	transition: all 1500ms;
}

.effect-fade.effect-scroll {
	opacity: 1;
	transform: translate(0, 0);
}

/*
.box-fadein img {
	opacity: 0;
	-webkit-transition: opacity 3s;
	transition: opacity 1s;
}
.box-fadein.lazyloaded img.lazyloaded {
	opacity: 3;
}

.lazyload-box {
	background-color:rgba(255,255,255,1.0);
	background-blend-mode:lighten;
	transition: all 1s ease;
}

.lazyload-box.lazyloaded {
	background-color:rgba(255,255,255,0);
}
*/

@media print,
screen and (min-width:0px) {

	/* ---------- メインメニュー ---------- */


	#main-menu>ul>li a .navi-icon-box {
		width: 100%;
		height: 70px;
		background-size: 24% auto;
		background-position: center bottom 1.5rem;
		background-repeat: no-repeat;
	}

	#main-menu>ul>li.menu01 a .navi-icon-box {
		background-image: url("../images/oheya_sagasu_h.png");
	}

	#main-menu>ul>li.menu02 a .navi-icon-box {
		background-image: url("../images/parking_ico_r.png");
	}

	#main-menu>ul>li.menu03 a .navi-icon-box {
		background-image: url("../images/uritai_kaitai_h.png");
	}

	#main-menu>ul>li.menu04 a .navi-icon-box {
		background-image: url("../images/gakusei_h.png");
	}

	#main-menu>ul>li.menu05 a .navi-icon-box {
		background-image: url("../images/houjin_h.png");
	}

	#main-menu>ul>li.menu06 a .navi-icon-box {
		background-image: url("../images/owner_h.png");
	}

	#main-menu>ul>li.menu07 a .navi-icon-box {
		background-image: url("../images/nyukyotyu_h.png");
	}

	#main-menu>ul>li.menu08 a .navi-icon-box {
		background-image: url("../images/kaisya_gaiyou_h.png");
	}

	#main-menu>ul>li.menu09 a .navi-icon-box {
		background-image: url("../images/saiyou_h.png");
	}

	.mdd_wrap {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: auto;
		overflow: hidden;
		z-index: 1;
	}

	#main-menu .current {
		display: none;
	}

	.mdd_wrap .mdd_inner {
		width: 100%;
		height: auto;
		max-height: 0;
		margin: 0 auto;
		background: #e5001b;
		overflow: hidden;
		transition: max-height .5s ease;
	}

	.mdd_wrap .mdd_inner .mdd_body {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 3rem;
	}

	.mdd_wrap .mdd_inner ul,
	.mdd_wrap .mdd_inner li {
		list-style: none;
	}

	.mdd_wrap .mdd_inner li a {
		color: #ffffff;
		text-decoration: none;
	}

	#main-menu>ul>li:hover .mdd_wrap .mdd_inner {
		max-height: 400px;
	}

	.mdd_wrap .mdd_inner .sub-menu-title {
		width: 30%;
		height: auto;
		margin-top: 3rem;
		font-size: 2.4rem;
		font-weight: bold;
		color: #fff;
		text-align: left;
		float: left;
	}

	.mdd_wrap .mdd_inner .sub-menu-list {
		width: 70%;
		height: auto;
		float: left;
		margin-top: 2rem;
	}

	.mdd_wrap .mdd_inner .sub-menu-list li {
		display: block;
		width: 50%;
		height: auto;
		padding: 2rem 0;
		padding-left: 6rem;
		text-align: left;
		float: left;
		background-size: 10% auto;
		background-repeat: no-repeat;
		background-position: left center;
	}

	.mdd_wrap .mdd_inner .sub-menu-list li a {
		font-size: 1.6rem !important;
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-map {
		background-image: url("../images/sa_map_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-condition {
		background-image: url("../images/sa_condition_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-request {
		background-image: url("../images/request_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-yoyaku {
		background-image: url("../images/raiten_yoyaku_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-baibai {
		background-image: url("../images/baibai_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-sell {
		background-image: url("../images/sell_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-satei {
		background-image: url("../images/satei_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-buy {
		background-image: url("../images/buy_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-baibai-contact {
		background-image: url("../images/baibai_contact_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tokudai {
		background-image: url("../images/tokudai_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tokudai {
		background-image: url("../images/tokudai_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-bunri {
		background-image: url("../images/bunri_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-shikoku {
		background-image: url("../images/shikoku_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-anabuki {
		background-image: url("../images/anabuki_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-anshin {
		background-image: url("../images/gakusei_anshin_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-area {
		background-image: url("../images/gakusei_area_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-qanda {
		background-image: url("../images/gakusei_qanda_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-qanda {
		background-image: url("../images/gakusei_qanda_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-syataku {
		background-image: url("../images/syataku_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-tantou {
		background-image: url("../images/tenkin_tantou_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-rusu {
		background-image: url("../images/tenkin_rusu_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-jisseki {
		background-image: url("../images/tenkin_jisseki_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-otoiawase {
		background-image: url("../images/tenkin_otoiawase_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-system {
		background-image: url("../images/owner_system_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-akiya {
		background-image: url("../images/owner_akiya_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-shisan {
		background-image: url("../images/owner_shisan_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-support {
		background-image: url("../images/owner_support_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-baibai {
		background-image: url("../images/owner_baibai_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-seminar {
		background-image: url("../images/owner_seminar_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-top {
		background-image: url("../images/kaisya_top_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-outline {
		background-image: url("../images/kaisya_outline_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-history {
		background-image: url("../images/kaisya_history_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-shop {
		background-image: url("../images/kaisya_shop_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-staff {
		background-image: url("../images/kaisya_staff_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-blog {
		background-image: url("../images/kaisya_blog_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-voice {
		background-image: url("../images/kaisya_voice_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-csr {
		background-image: url("../images/kaisya_csr_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-access {
		background-image: url("../images/kaisya_access_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-top {
		background-image: url("../images/recruit_top_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-fresh {
		background-image: url("../images/recruit_fresh_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-career {
		background-image: url("../images/recruit_career_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-faq {
		background-image: url("../images/recruit_faq_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-flow {
		background-image: url("../images/recruit_flow_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-interview {
		background-image: url("../images/recruit_interview_w.png");
	}

	.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-blog {
		background-image: url("../images/recruit_blog_w.png");
	}

	/* ---------- メインエリア ---------- */

	#alphard .content-box {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 4rem auto;
		background-color: #f0fdf9;
		border-radius: 1rem;
	}

	#alphard .alphard-box01 {
		width: 1200px;
		height: 950px;
		background-image: url("images/top_image.png");
		position: relative;
	}

	#alphard .alphard-box01 .title-box {
		position: absolute;
		left: 0;
		top: 6%;
		width: 100%;
		height: auto;
	}

	#alphard .alphard-box01 .title-box h2 {
		width: 100%;
		height: 0;
		padding-top: 16%;
		overflow: hidden;
		background-image: url("images/alphard_title.png");
		background-repeat: no-repeat;
		background-position: center top;
	}

	#alphard .alphard-box02 {
		width: 100%;
		height: 1300px;
		background-image: url("images/back_town.png");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	#alphard .alphard-box02 .omotenashi-title {
		width: 1200px;
		min-height: 355px;
		margin-left: auto;
		margin-right: auto;
		background-image: url("images/omotenashi_back.png");
		background-repeat: no-repeat;
		margin-top: 3%;
	}

	#alphard .alphard-box02 .omotenashi-title h2 {
		width: 100%;
		height: 0;
		padding-top: 17%;
		overflow: hidden;
		background-image: url("images/omotenashi_title.png");
		background-repeat: no-repeat;
		background-position: center top 10px;
	}

	#alphard .alphard-box02 .omotenashi-text {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 14%;
		margin: 1rem auto;
		background-image: url("images/omotenashi_sub_title.png");
		background-repeat: no-repeat;
		background-position: center top;
	}

	#alphard .alphard-box02 .omotenashi-detail {
		width: 50%;
		height: 800px;
		overflow: hidden;
		background-image: url("images/staff_comment.png");
		background-position: right 15px;
		background-repeat: no-repeat;
		float: left;
		margin-top: 4rem;
		position: relative;
	}

	#alphard .alphard-box02 .detail-text {
		position: absolute;
		top: 10%;
		left: 33%;
		width: 360px;
		height: auto;
		font-size: 1.4em;
	}

	#alphard .alphard-box02 .omotenashi-mobile {
		width: 50%;
		height: auto;
		overflow: hidden;
		float: left;
		background-image: url("images/smart_phone.png");
		background-repeat: no-repeat;
		background-position: center top 25px;
		background-size: 60% auto;
	}

	#alphard .alphard-box02 .smartphone_box {
		width: 60%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 24%;
		padding: 0 2rem;
	}

	#alphard .alphard-box02 .chat-box {
		width: 100%;
		height: auto;
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 2rem;
		position: relative;
		font-size: 1.2rem;
	}

	#alphard .alphard-box02 .chat-box .chat-q,
	#alphard .alphard-box02 .chat-box .chat-a {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	#alphard .alphard-box02 .chat-q .chat-text {
		width: 65%;
		height: auto;
		padding: 1rem;
		color: #ffffff;
		background-color: #00c300;
		border-radius: 0.5rem;
		float: right;
		margin-right: 15px;
		position: relative;
	}

	#alphard .alphard-box02 .chat-q .chat-text::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -8px;
		border: 8px solid transparent;
		border-left: 15px solid #00c300;
	}

	#alphard .alphard-box02 .chat-a h4 {
		position: absolute;
		top: 0;
		left: 0;
		width: 35%;
		height: 0;
		overflow: hidden;
		padding-top: 75px;
		background-image: url("images/city_icon.png");
		background-repeat: no-repeat;
		background-position: left top;
	}

	#alphard .alphard-box02 .chat-a .chat-text {
		width: 65%;
		height: auto;
		padding: 1rem;
		background-color: #ffffff;
		border-radius: 0.5rem;
		margin-top: 4rem;
		margin-left: 20%;
		position: relative;
	}

	#alphard .alphard-box02 .chat-a .chat-text::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 100%;
		margin-top: -8px;
		border: 8px solid transparent;
		border-right: 15px solid #ffffff;
	}

	#alphard .alphard-box02 .notice-box {
		width: 60%;
		height: auto;
		margin: 0 auto;
		margin-top: 20%;
		margin-bottom: 2rem;
		font-weight: bold;
		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 1rem;
		padding: 1rem;
	}

	#alphard .alphard-box03 {
		width: 100%;
		height: 900px;
		background-image: url("images/back_bottom.png");
		background-repeat: no-repeat;
		background-position: center bottom 70px;
		position: relative;
	}

	#alphard .alphard-box03 .photo-box {
		position: absolute;
		top: 20%;
		left: 5%;
		z-index: 2;
	}

	#alphard .alphard-box03 .message-title h2 {
		position: absolute;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		width: 700px;
		height: 0;
		padding-top: 135px;
		overflow: hidden;
		background-image: url("images/message_title.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}

	#alphard .alphard-box03 .message-text {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translateX(-50%);
		width: 800px;
		height: auto;
		overflow: hidden;
		padding: 3rem;
		font-size: 1.5em;
		line-height: 2.4;
		font-weight: bold;
		background-color: #ffffff;
		border-left: solid 40px #82b1b7;
		border-right: solid 40px #82b1b7;
		border-top: solid 20px #82b1b7;
		border-bottom: solid 20px #82b1b7;
	}

	#alphard .alphard-box03 .notice-box {
		position: absolute;
		bottom: 40px;
		left: 0;
		width: 100%;
		height: auto;
		font-weight: bold;
		text-align: center;
	}

	/* ---------- PC用設定ここまで ---------- */
}

/* ---------- 画面サイズが767px以下の場合読み込む---------- */

@media screen and (max-width:767px) {

	html {
		font-size: 62.5%;
	}

	body {
		width: 100%;
		font-size: 1.4rem;
		background-image: none;
	}

	#header .header-logo-body {
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 0.5em;
	}

	#alphard .content-box {
		width: 94%;
	}

	#alphard .alphard-box01 {
		width: 100%;
		height: 0;
		padding-top: 78%;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	#alphard .alphard-box01 .title-box h2 {
		padding-top: 26%;
		background-size: 100% auto;
	}

	#alphard .alphard-box02 {
		height: 1700px;
	}

	#alphard .alphard-box02 .omotenashi-title {
		width: 100%;
		background: none;
		min-height: 0;
	}

	#alphard .alphard-box02 .omotenashi-title h2 {
		background-size: 100%;
		background-position: center top;
		padding-top: 25%;
	}

	#alphard .alphard-box02 .omotenashi-text {
		background-size: 100% auto;
		padding-top: 25%;
	}

	#alphard .alphard-box02 .omotenashi-detail {
		height: 600px;
		float: none;
		background-size: 100% auto;
		background-position: center top;
	}

	#alphard .alphard-box02 .detail-text {
		top: 15%;
		left: 50%;
		width: 81%;
		font-size: 1.6rem;
		text-align: justify;
		transform: translateX(-50%);
	}

	#alphard .alphard-box02 .omotenashi-mobile {
		width: 100%;
		float: none;
		background-size: 330px auto;
	}

	#alphard .alphard-box02 .smartphone_box {
		width: 330px;
		margin-top: 130px;
	}

	#alphard .alphard-box02 .chat-a .chat-text {
		margin-top: 2rem;
	}

	#alphard .alphard-box02 .notice-box {
		width: 90%;
	}

	#alphard .alphard-box03 {
		height: 600px;
	}

	#alphard .alphard-box03 .message-title h2 {
		width: 80vw;
		top: 18%;
		left: 50%;
		transform: translateX(-50%);
	}

	#alphard .alphard-box03 .photo-box {
		width: 50vw;
		left: 73%;
		top: 31%;
		text-align: center;
		transform: translateX(-50%);
	}

	#alphard .alphard-box03 .photo-box img {
		width: 70%;
		height: auto;
	}

	#alphard .alphard-box03 .message-text {
		top: 50%;
		width: 94%;
		border: solid 1px #82b1b7;
		padding: 1rem;
		font-size: 1.6rem;
		line-height: normal;
	}


	/* ---------- スマホ用ここまで ---------- */
}

@media screen and (max-width:730px) {

	#alphard .alphard-box02 .omotenashi-detail {
		width: 100%;
		background-position: center top 35%;
	}

}

@media screen and (max-width:500px) {
	#alphard .alphard-box02 .omotenashi-detail {
		width: 100%;
		background-position: center top;
	}

	#alphard .alphard-box02 .notice-box {
		margin-top: 40%;
	}

	#alphard .alphard-box03 .message-title h2 {
		width: 100%;
		top: 3%;
		left: 0;
		transform: unset;
	}

	#alphard .alphard-box03 .photo-box {
		width: 100%;
		top: 13%;
		left: 50%;
		text-align: center;
	}

}

@media screen and (max-width:375px) {
	#alphard .alphard-box02 .detail-text {
		top: 8%;
	}

}