* {
	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");
	}

	/* ---------- パンくずリスト ---------- */

	#tokushima .top-image-box {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 400px;
		background-image: url("images/tokushima_top.png");
		background-size: cover;
		background-position: center center;
	}

	#tokushima .top-image-box h2 {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 2rem;
		background-color: rgba(0, 0, 0, 0.0);
		font-size: 6rem;
		letter-spacing: 0.5rem;
		color: #fff;
		text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px, rgba(0, 0, 0, 0.3) -2px 2px 4px;
		line-height: 5rem;
	}

	#tokushima .top-image-box h2 span {
		font-size: 2rem;
	}

	#tokushima #main {
		width: 100%;
		height: auto;
	}

	#tokushima .content-box {
		width: 100%;
		height: auto;
	}

	#tokushima .content-box h3 {
		clear: both;
		width: 100%;
		height: auto;
		font-size: 3rem;
		padding: 2rem 0;
		text-align: center;
		color: #2d963a;
		border-bottom: solid 1px #2d963a;
	}

	#tokushima .content-box>ul,
	#tokushima .content-box>li {
		list-style: none;
	}

	#tokushima .content-box li.list-item {
		display: block;
		width: 1200px;
		height: auto;
		margin: 4rem auto;
	}

	#tokushima .content-box .list-item h4 {
		font-size: 2rem;
		color: #ffffff;
		background-color: #2d963a;
		padding: 0.5rem 1rem;
	}

	#tokushima .content-box .item-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 2rem;
		border: solid 1px #acacac;
		border-top: none;
	}

	#tokushima .content-box .item-box .item-text {
		width: 100%;
		height: auto;
		margin-bottom: 2rem;
	}

	#tokushima .content-box .item-box .item-image {
		width: 49%;
		height: auto;
		margin-right: 1%;
		float: left;
	}

	#tokushima .content-box .item-box img {
		width: 100%;
		height: auto;
	}

	#tokushima .content-box .item-box .map-box {
		width: 49%;
		height: auto;
		margin-left: 1%;
		float: left;
	}

	#tokushima .item-even .item-box .item-image,
	#tokushima .item-even .item-box .map-box {
		float: right;
	}

	#tokushima .item-even .item-box .item-image {
		margin-right: 0;
		margin-left: 1%;
	}

	#tokushima .item-even .item-box .map-box {
		margin-left: 0;
		margin-right: 1%;
	}

	#tokushima .content-box .item-box iframe {
		width: 100%;
		height: 378px;
	}

	#tokushima .content-box02 h3 {
		color: #e5001b;
		border-bottom: solid 1px #e5001b;
	}

	#tokushima .content-box02 .list-item h4 {
		background-color: #e5001b;
	}

	/* ---------- 踊るトクシマ 阿波踊り ---------- */

	#tokushima .content-box03 h3 {
		color: #df6895;
		border-bottom: none;
	}

	#tokushima .content-box03 .intro-box {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#tokushima .content-box03 .intro-box .image-box {
		display: flex;
		justify-content: center;
		width: 100%;
		height: 300px;
		overflow: hidden;
		text-align: center;
		align-items: center;
	}

	#tokushima .content-box03 .intro-box .image-box img {
		width: 100%;
		height: auto;
	}

	#tokushima .content-box03 .intro-box .intro-text {
		width: 1200px;
		height: auto;
		margin: 4rem auto;
	}

	#tokushima .content-box03 .intro-box .intro-text h4 {
		font-size: 2.2rem;
		color: #df6895;
		padding: 0.5rem 0;
		border-bottom: solid 1px #df6895;
		margin-bottom: 2rem;
	}

	#tokushima .content-box03 .content-item {
		width: 1200px;
		height: auto;
		margin: 0rem auto;
	}

	#tokushima .content-box03 .content-item h4 {
		font-size: 2.2rem;
		color: #df6895;
		padding: 0.5rem 0;
		border-bottom: solid 1px #df6895;
		margin-bottom: 2rem;
	}

	#tokushima .content-box03 .awaodori-box {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 4rem;
	}

	#tokushima .content-box03 .awaodori-box .image-box {
		width: 49%;
		height: auto;
		margin-right: 1%;
		float: left;
	}

	#tokushima .content-box03 .awaodori-box .image-box img {
		width: 100%;
		height: auto;
	}

	#tokushima .content-box03 .awaodori-box .awaodori-text {
		width: 49%;
		height: auto;
		margin-left: 1%;
		float: left;
	}

	#tokushima .content-box03 .awaodori-box .awaodori-text dt {
		font-size: 2rem;
		font-weight: bold;
		color: #df6895;
		margin-bottom: 1rem;
	}

	#tokushima .content-box03 .awaodori-box .awaodori-text dd {
		margin-bottom: 4rem;
	}

	#tokushima .content-box03 .awaodori-box02 .awaodori-text {
		margin-left: 0;
		margin-right: 1%;
	}

	#tokushima .content-box03 .awaodori-box02 .image-box {
		margin-right: 0;
		margin-left: 1%;
	}

	#tokushima .content-box04 .item-box .item-text {
		width: 69%;
		height: auto;
		margin-left: 0;
		margin-right: 1%;
		float: left;
		margin-bottom: 0;
	}

	#tokushima .content-box04 .item-box .item-image {
		width: 29%;
		height: auto;
		margin-right: 0;
		margin-left: 1%;
		float: left;
	}

	#tokushima .content-box04 .item-even .item-box .item-text {
		margin-left: 1%;
		margin-right: 0;
		float: right;
	}

	#tokushima .content-box04 .item-even .item-box .item-image {
		margin-right: 1%;
		margin-left: 0;
		float: right;
	}

	#tokushima .content-box04 h3 {
		color: #f08300;
		border-bottom: solid 1px #f08300;
	}

	#tokushima .content-box04 .list-item h4 {
		background-color: #f08300;
	}

	#tokushima .button-box {
		width: 1200px;
		height: 6rem;
		margin: 4rem auto;
		margin-top: 6rem;
	}

	#tokushima .button-box ul,
	#tokushima .button-box li {
		list-style: none;
	}

	#tokushima .button-box li {
		display: block;
		width: 25%;
		height: auto;
		float: left;
	}

	#tokushima .button-box li a {
		display: block;
		width: 70%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding: 1rem;
		font-size: 1.6em;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		transform: rotate(-5deg);
	}

	#tokushima .button-box li a:hover {
		transform: rotate(-10deg);
	}

	#tokushima .button-box .button01 a {
		background-color: #2d963a;
	}

	#tokushima .button-box .button02 a {
		background-color: #e5001b;
	}

	#tokushima .button-box .button03 a {
		background-color: #df6895;
	}

	#tokushima .button-box .button04 a {
		background-color: #f08300;
	}

	/* ---------- 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;
	}

	#tokushima .top-image-box {
		height: 24rem;
	}

	#tokushima .top-image-box h2 {
		font-size: 3.4rem;
	}

	#tokushima .button-box {
		width: 94%;
	}

	#tokushima .content-box li.list-item {
		width: 94%;
		margin: 2rem auto;
	}

	#tokushima .content-box .item-box {
		padding: 1rem;
	}

	#tokushima .content-box .item-box .item-image {
		width: 100%;
		margin: 0;
		margin-bottom: 1rem;
		float: none;
	}

	#tokushima .content-box .item-box .map-box {
		width: 100%;
		margin: 0;
		float: none;
	}

	#tokushima .content-box .item-box iframe {
		height: 250px;
	}

	#tokushima .content-box03 .intro-box .image-box {
		height: 20rem;
	}

	#tokushima .content-box03 .intro-box .image-box img {
		width: auto;
		height: 100%;
	}

	#tokushima .content-box03 .intro-box .intro-text {
		width: 94%;
		margin: 2rem auto;
	}

	#tokushima .content-box03 .content-item {
		width: 94%;
	}

	#tokushima .content-box03 .awaodori-box {
		width: 100%;
	}

	#tokushima .content-box03 .awaodori-box .image-box {
		width: 100%;
		margin-bottom: 1rem;
	}

	#tokushima .content-box03 .awaodori-box .awaodori-text {
		width: 100%;
		margin: 0;
	}

	#tokushima .content-box03 .awaodori-box .awaodori-text dd {
		display: block;
		width: 100%;
		margin-bottom: 2rem;
	}

	#tokushima .content-box04 .item-box .item-text {
		width: 100%;
		margin-bottom: 2rem;
	}

	#tokushima .content-box04 .item-box .item-image {
		margin-bottom: 0;
	}

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