* {
	margin: 0;
	padding: 0;
}

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

body {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #666666;
	width: 100%;
	position: relative;
}

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

a {
	outline: none;
}

a.tel {
	text-decoration: none;
}

a:focus {
	outline: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
textarea,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.mobile {
	display: none;
}

/* ---------- ハンバーガーメニュー ---------- */

#nav-drawer {
	position: fixed;
	top: 1em;
	right: 1.5em;
	z-index: 100;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span,
#nav-open span:before,
#nav-open span:after {
	position: absolute;
	height: 5px;
	/*線の太さ*/
	width: 40px;
	/*長さ*/
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.2);
	display: block;
	content: '';
	cursor: pointer;
}

#nav-open span:before {
	bottom: -15px;
}

#nav-open span:after {
	bottom: -30px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;
	/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;
	/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	/*最前面に*/
	width: 60%;
	/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;
	/*最大幅（調整してください）*/
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	/*背景色*/
	transition: .3s ease-in-out;
	/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	/*左に隠しておく*/
}

#nav-drawer #nav-content li a,
#nav-drawer #nav-content li input {
	display: block;
	width: 100%;
	height: auto;
	text-indent: 0;
	text-align: center;
	padding: 1.5em 0;
	text-decoration: none;
	background-image: none;
	color: #fff;
	font-size: 1.6rem
}

#nav-drawer #nav-content li input {
	display: inline;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
	outline: none;
}

#nav-drawer #nav-content .menu00 a {
	background-color: #56a764;
}

#nav-drawer #nav-content .menu01 a {
	background-color: #b58cd9;
}

#nav-drawer #nav-content .menu02 a {
	background-color: #e998b3;
}

#nav-drawer #nav-content .menu03 a {
	background-color: #97d07a;
}

#nav-drawer #nav-content .menu04 a {
	background-color: #e6b27b;
}

#nav-drawer #nav-content .menu05 a {
	background-color: #dd7575;
}

#nav-drawer #nav-content .menu08 {
	background-color: #75B7DD;
}

#nav-drawer #nav-content .menu06 input {
	background-color: #5ab2ba;
}

#nav-drawer #nav-content .menu07 input {
	background-color: #abba67;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked~#nav-close {
	display: block;
	/*カバーを表示*/
	opacity: .3;
}

#nav-input:checked~#nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}


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

#header {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(images/top_image01.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100% auto;
	position: relative;

}

#header .header-body {
	width: 1200px;
	height: 120px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#header .header-title a {
	width: 720px;
	height: 120px;
	background-image: url(images/ryugaku_title.png);
	text-indent: -9999px;
	float: left
}

#header .language-select {
	width: 180px;
	height: 120px;
	overflow: hidden;
	float: left;
}

#header .language-select a {
	display: none;
	width: 60px;
	height: 60px;
	background-image: url(images/language_back.png);
	text-align: center;
	line-height: 60px;
	float: left;
	margin: 30px 10px;
	color: #ffffff;
	text-decoration: none;
}

#header .language-select a.ja,
#header .language-select a:hover {
	background-position: 0 -60px;
}

#header .contact-button {
	position: absolute;
	left: 600px;
	top: 40px;
}

#header .contact-button input {
	box-sizing: border-box;
	border: solid 1px #56a764;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 250px;
	height: 40px;
	background-color: #56a764;
	font-size: 1em;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
}



#header .headder-logo {
	width: 300px;
	height: 120px;
	background-image: url(images/header_logo.png);
	text-indent: -9999px;
	float: left
}

#header .headder-logo a {
	display: none;
}

#header .main-menu {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#header .main-menu ul,
#header .main-menu li {
	list-style: none;
}

#header .main-menu li a {
	display: block;
	width: 200px;
	height: 60px;
	float: left;
	background-image: url(images/main_navi.png);
	text-indent: -9999px;
}

#header .main-menu .menu01 a {
	background-position: 0 0;
}

#header .main-menu .menu01 a:hover {
	background-position: 0 -60px;
}

#header .main-menu .menu02 a {
	background-position: -200px 0;
}

#header .main-menu .menu02 a:hover {
	background-position: -200px -60px;
}

#header .main-menu .menu03 a {
	background-position: -400px 0;
}

#header .main-menu .menu03 a:hover {
	background-position: -400px -60px;
}

#header .main-menu .menu04 a {
	background-position: -600px 0;
}

#header .main-menu .menu04 a:hover {
	background-position: -600px -60px;
}

#header .main-menu .menu05 a {
	background-position: -800px 0;
}

#header .main-menu .menu05 a:hover {
	background-position: -800px -60px;
}

#header .main-menu .menu06 a {
	background-position: -1000px 0;
}

#header .main-menu .menu06 a:hover {
	background-position: -1000px -60px;
}

#header .topics {
	width: 1200px;
	height: auto;
	margin: 29% auto 40px auto;
	min-height: 200px;
	overflow: hidden;
	background-color: #56a764;
	background-image: url(images/topics_back.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#header .topics h2 {
	width: 1200px;
	height: 60px;
	background-image: url(images/topics_title.png);
	text-indent: -9999px;
}

#header .topics #newsWrap {
	width: 100%;
	height: auto;
	padding: 0.5em 1.5em;
	overflow: hidden;
	color: #ffffff;
	box-sizing: border-box;
}

#header .topics #newsWrap ul,
#header .topics #newsWrap li {
	list-style: none;
}

#header .topics #newsWrap li {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0.5em 0;
}

#header .topics #newsWrap li .up_ymd {
	width: 15%;
	height: auto;
	float: left;
}

#header .topics #newsWrap li .title {
	width: auto;
	height: auto;
	float: left;
}

#header .topics #newsWrap li .title a {
	text-decoration: none;
}

#header .topics #newsWrap li .title a:hover {
	text-decoration: underline;
}

#header .topics #newsWrap li .newMark {
	display: inline-block;
	width: auto;
	height: auto;
	float: left;
	padding: 0 5px;
	font-size: 0.8em;
	background-color: #e7f0fd;
	color: #ff0000;
	border-radius: 0.7em;
	font-style: italic;
	margin-left: 1em;
}

#header .topics #newsWrap li .title a {
	color: #ffffff;
}

.pkobo-copyright {
	display: none;
}

#header .topics .list-all {
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 1.5em;
	margin-bottom: 1.5em;
}

#header .topics .list-all a {
	display: block;
	width: 200px;
	height: 60px;
	padding: 0 1em;
	line-height: 60px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	float: right;
	border: solid 1px #ffffff;
}

#header .topics .list-all a:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

#header .topics .list-all i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 1.2em;
	border: solid 3px #ffffff;
	border-radius: 13px;
	margin-right: 1em;
}

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

#main {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/* ---------- 留学生の皆さまへ ---------- */

.main-box {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.main-box01 {
	background-color: rgba(173, 126, 212, 0.14);
}

.main-box01 .ryugaku-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.main-box01 .ryugaku-box h2 {
	width: 1200px;
	height: 80px;
	background-image: url(images/ryugaku_box_title.png);
	text-indent: -9999px;
}

.ryugaku-box .about-city h3 {
	width: 1200px;
	height: 60px;
	background-image: url(images/ryugaku_subtitle01.png);
	text-indent: -9999px;
	margin: 1em 0;
}

.text-flex {
	max-width: calc(1200px + 6%);
	padding: 0 3%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tokushima-no1-text {
	width: 60%;
	text-align: right;
	font-weight: bold;
	font-size: 5rem;
	color: #A60A31;
}

.ryugaku-box .about-city .tokushima_no1 {
	width: 40%;
	height: 260px;
	background: url(images/tokushima_no1.jpg) center center no-repeat;
	background-size: auto;
	margin: 1em 0;
	text-indent: -9999px;
}

.ryugaku-box .otoiawase-city h3 {
	width: 1200px;
	height: 60px;
	background-image: url(images/ryugaku_subtitle02.png);
	text-indent: -9999px;
	margin: 1em 0;
}

.ryugaku-box .otoiawase-city .button-box {
	width: 50%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 4em 0;
	float: left;
}

.ryugaku-box .otoiawase-city .button-box input {
	box-sizing: border-box;
	border: solid 1px #56a764;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 22em;
	height: 60px;
	background-color: #56a764;
	font-size: 1.4em;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
}

.ryugaku-box .otoiawase-city .button-box input[type="submit"]:hover {
	border: solid 1px #65c576;
	background-color: #65c576;
}

.ryugaku-box .otoiawase-city .button-box2 {
	width: 50%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 4em 0;
	float: left;
}

.ryugaku-box .otoiawase-city .button-box2 a {
	display: block;
	width: 22em;
	height: 60px;
	background-color: #56a764;
	font-size: 1.4em;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
	margin: 0 auto;
}

.ryugaku-box .otoiawase-city .button-box2 a:hover {
	background-color: #65c576;
}

/* ---------- お部屋探しの流れ ---------- */

.main-box02 {
	background-color: rgba(227, 126, 160, 0.14);
}

.main-box02 .flow-area {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 60px;
}

.main-box02 .flow-area h2 {
	width: 1200px;
	height: 80px;
	background-image: url(images/flow_title.png);
	text-indent: -9999px;
}

.flow-area .flow-box h3 {
	width: 1200px;
	height: 60px;
	background-image: url(images/flow_subtitle01.png);
	text-indent: -9999px;
	margin: 1em 0;
}

.flow-area .flow-box .step-list {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}

.flow-area .flow-box .step-box {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	min-height: 200px;
	background-color: #ffffff;
	padding-top: 0.5em;
	padding-bottom: 1em;
	position: relative;
}

.flow-area .flow-box .step-box img {
	position: absolute;
	top: 2em;
	right: 10%;
}

.flow-area .flow-box .step-box dl {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.flow-area .flow-box .step-list dt {
	display: block;
	width: 100%;
	height: 40px;
	text-indent: -9999px;
	margin: 1em 0;
}

.flow-area .flow-box .step-box dd {
	display: table;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 1.5em;
}

.flow-area .flow-box .step1 dt {
	background-image: url(images/flow_step1.png);
}

.flow-area .flow-box .step-box dd .text-box {
	display: table-cell;
	width: 60%;
	height: 8em;
	vertical-align: middle;
	margin-bottom: 1em;
}

.flow-area .flow-box .step1 dd .button-box {
	display: table-cell;
	width: 40%;
	height: auto;
	min-height: 120px;
	vertical-align: middle;
	text-align: center;
}

.flow-area .flow-box .step1 dd .button-box input {
	box-sizing: border-box;
	border: solid 1px #56a764;
	cursor: pointer;
	outline: none;
	padding: 0.6em 0;
	appearance: none;
	width: 80%;
	height: auto;
	background-color: #56a764;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
}

.flow-area .flow-box .step1 dd .button-box input[type="submit"]:hover {
	background-color: #65c576;
	border: solid 1px #65c576;
}

.flow-area .flow-box .step1 dd .button-box a {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
	background-color: #0099cc;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0.4em 0;
	font-size: 1.4em;
	border-radius: 5px;
}

.flow-area .flow-box .step2 dt {
	background-image: url(images/flow_step2.png);
}

.flow-area .flow-box .step3 dt {
	background-image: url(images/flow_step3.png);
}

.flow-area .flow-box .step4 dt {
	background-image: url(images/flow_step4.png);
}

.flow-area .flow-box .step5 dt {
	background-image: url(images/flow_step5.png);
}

.flow-area .flow-box .step6 dt {
	background-image: url(images/flow_step6.png);
}

.flow-area .flow-box .arrow-box {
	text-align: center;
}

.flow-area .flow-box .arrow-box i {
	font-size: 4em;
	font-weight: bold;
	color: #56a764;
	padding: 5px 0;
}

/* ---------- 留学生奨学金制度 ---------- */

.main-box03 {
	background-color: rgba(225, 164, 100, 0.14);
	background-image: url(images/scholarship_back.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 100% auto;
}

.main-box03 .scholarship-area {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 60px;
}

.main-box03 .scholarship-area h2 {
	width: 1200px;
	height: 80px;
	background-image: url(images/scholarship_title.png);
	text-indent: -9999px;
}

.scholarship-area .intro-text {
	margin-top: 24%;
}

.scholarship-area .application-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #ffffff;
	margin-top: 1em;
}

.scholarship-area .application-box h3 {
	width: 100%;
	height: 40px;
	background-image: url(images/application_title.png);
	text-indent: -9999px;
	margin-top: 1em;
}

.scholarship-area .application-box .list-box {
	width: 80%;
	height: auto;
	overflow: hidden;
	margin: 2em auto;
}

.application-box .list-box dl,
.application-box .list-box dt,
.application-box .list-box dd {
	list-style: none;
}

.application-box .list-box dt {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.5em;
}

.application-box .list-box dd {
	padding-left: 2em;
}

.application-box .list-box dd .happyo a {
	display: block;
	width: 60%;
	height: auto;
	margin: 0 auto;
	margin-top: 1em;
	background-color: #56a764;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 1em 0;
	font-size: 1.6em;
	font-weight: bold;
	border-radius: 5px;
}

.application-box .download-box a {
	display: block;
	width: 14em;
	height: auto;
	margin: 0 auto;
	margin-top: 1em;
	background-color: #56a764;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0.4em 0;
	font-size: 1.2em;
	border-radius: 5px;
}

.application-box .download-box a:hover {
	background-color: #65c576;
}

.scholarship-area .contact-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #ffffff;
	margin-top: 3em;
}

.scholarship-area .contact-box h3 {
	width: 100%;
	height: 40px;
	background-image: url(images/contact_title.png);
	text-indent: -9999px;
	margin-top: 1em;
}

.scholarship-area .contact-box .contact-container {
	display: table;
	width: 80%;
	height: auto;
	padding: 2em 0;
	margin: 0 auto;
}

.scholarship-area .contact-box .contact-text {
	display: table-cell;
	width: 50%;
	height: auto;
	vertical-align: middle;
}

.scholarship-area .contact-box .button-box {
	display: table-cell;
	width: 50%;
	height: auto;
	text-align: center;
	vertical-align: middle;
}

.scholarship-area .contact-box .button-box input {
	box-sizing: border-box;
	border: solid 1px #56a764;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 16em;
	height: auto;
	background-color: #56a764;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	padding: 0.4em 0;
}

.scholarship-area .contact-box .button-box input[type="submit"]:hover {
	background-color: #65c576;
}

.scholarship-area .contact-box .button-box a {
	display: block;
	width: 16em;
	height: auto;
	margin: 0 auto;
	margin-top: 1em;
	background-color: #0099cc;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0.4em 0;
	font-size: 1.2em;
	border-radius: 5px;
}

.scholarship-area .flow-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #ffffff;
	margin-top: 3em;
	padding-bottom: 2em;
}

.scholarship-area .flow-box h3 {
	width: 100%;
	height: 40px;
	background-image: url(images/scholarship_flow_title.png);
	text-indent: -9999px;
	margin-top: 1em;
}

.scholarship-area .flow-box .step-box {
	display: table;
	width: 94%;
	height: auoto;
	overflow: hidden;
	margin: 1em auto;
}

.scholarship-area .flow-box .step-box h4 {
	display: table-cell;
	width: 400px;
	height: auto;
	vertical-align: middle;
	text-indent: -9999px;
	background-position: left center;
	background-repeat: no-repeat;
}

.scholarship-area .flow-box .step1 h4 {
	background-image: url(images/scholarship_step1.png);
}

.scholarship-area .flow-box .step2 h4 {
	background-image: url(images/scholarship_step2.png);
}

.scholarship-area .flow-box .step3 h4 {
	background-image: url(images/scholarship_step3.png);
}

.scholarship-area .flow-box .step-box .step-text {
	display: table-cell;
	width: 800px;
	height: auto;
	padding: 1em;
	vertical-align: middle;
}

.scholarship-area .flow-box .step-box .step-text h5 {
	font-size: 1.2em;
}

.scholarship-area .flow-box .step-box .step-text p {
	padding-left: 1em;
}

.scholarship-area .flow-box .button-box a {
	display: block;
	width: 14em;
	height: auto;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 1em;
	background-color: #56a764;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0.4em 0;
	font-size: 1.2em;
	border-radius: 5px;
}

.scholarship-area .flow-box .happyo-box {
	display: block;
	width: 20em;
	height: auto;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 1em;
	background-color: #efefef;
	color: #999999;
	text-decoration: none;
	text-align: center;
	padding: 0.4em 0;
	font-size: 1.2em;
	border: solid 1px #999999;
	border-radius: 5px;
}

.scholarship-area .flow-box .happyo a {
	display: block;
	width: 60%;
	height: auto;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 1em;
	background-color: #56a764;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 1em 0;
	font-size: 1.6em;
	font-weight: bold;
	border-radius: 5px;
}

.scholarship-area .flow-box .button-box a:hover {
	background-color: #65c576;
}

.scholarship-area .flow-box .arrow-box {
	text-align: center;
}

.scholarship-area .flow-box .arrow-box i {
	font-size: 4em;
	font-weight: bold;
	color: #56a764;
	padding: 5px 0;
}

/* ---------- アクセス ---------- */

.main-box04 {
	background-color: rgba(221, 117, 117, 0.14);
}

.main-box04 .access-area {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 60px;
}

.main-box04 .access-area h2 {
	width: 1200px;
	height: 80px;
	background-image: url(images/access_title.png);
	text-indent: -9999px;
}

.access-area .honten-box h3 {
	width: 1200px;
	height: 60px;
	background-image: url(images/access_honten.png);
	text-indent: -9999px;
	margin: 1em 0;
}

.access-area .detail-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.access-area .detail-box .text-box {
	width: 780px;
	height: auto;
	overflow: hidden;
	float: left;
	padding-right: 16px;
}

.access-area .detail-box .text-box .list-box {
	width: 778px;
	height: auto;
	overflow: hidden;
	border-bottom: solid 1px rgba(221, 117, 117, 0.5);
}

.access-area .detail-box .text-box dt {
	width: 150px;
	height: auto;
	float: left;
	padding: 10px;
}

.access-area .detail-box .text-box dd {
	width: 588px;
	height: auto;
	float: left;
	padding: 10px;
}

.access-area .detail-box .text-box .even {
	background-color: rgba(221, 117, 117, 0.2);
}

.access-area .detail-box .photo-box {
	width: 400px;
	height: auto;
	float: left;
}

.access-area .detail-box .photo-box img {
	border: solid 2px #ffffff;
}

.access-area .map-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 40px auto;
	margin-bottom: 0;
}

.access-area .map-box .map-content {
	width: 1198px;
	height: 498px;
	border: solid 1px rgba(221, 117, 117, 0.5);
}

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

.footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: rgba(86, 167, 100, 0.14);
}

.footer .footer-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 2em 0;
}

.footer .footer-box .footer-link01 {
	width: 100%;
	height: auto;
	line-height: 2em;
	font-weight: bold;
	text-decoration: none;
}

.footer .footer-box .footer-link01 a {
	text-decoration: none;
}

.footer .footer-box .footer-link02 {
	width: 840px;
	height: auto;
	overflow: hidden;
	margin-left: 360px;
}

.footer .footer-box .footer-link02 .link-box {
	width: 280px;
	height: auto;
	overflow: hidden;
	float: left;
	line-height: 2em;
}

.footer .footer-box .footer-link02 .link-box a {
	text-decoration: none;
}

.footer .footer-box .footer-link02 .link-box dl,
.footer .footer-box .footer-link02 .link-box dt,
.footer .footer-box .footer-link02 .link-box dd,
.footer .footer-box .footer-link02 .link-box ul,
.footer .footer-box .footer-link02 .link-box li {
	list-style: none;
}

.footer .footer-box .footer-link02 .link-box dt {
	font-weight: bold;
	margin-top: 1em;
}

.footer .footer-box .footer-link02 .link-box dd {
	padding-left: 1em;
}

#copy-box {
	width: 100%;
	height: auto;
	padding: 0.3em 0;
	text-align: center;
	color: #ffffff;
	background-color: #56a764;
}

#pageTop {
	position: fixed;
	bottom: 1em;
	right: 1em;
	z-index: 200;
}

#pageTop a {
	display: block;
	z-index: 999;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	background-color: #56a764;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
}

/* ---------- News&Topics詳細 ---------- */

#topics #header {
	background-image: none;
}

#topics #main {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: rgba(86, 167, 100, 0.14);
	margin-top: -30px;
	padding-top: 60px;
}

#topics .pNav {
	width: 1200px;
	margin: 0 auto;
}

#topics h2 {
	width: 1200px;
	height: auto;
	box-sizing: border-box;
	padding: 0.3em 1em;
	margin: 1em auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#topics #up_ymd {
	width: 1200px;
	height: auto;
	margin: 1em auto;
	text-align: right;
}

#topics #detail {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 2em;
}

#topics .detailUpfile {
	text-align: center;
	margin: 1em 0;
}

#topics .backORcloseBtn {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

#topics .backORcloseBtn a {
	display: block;
	width: 6em;
	height: auto;
	margin: 0 auto;
	padding: 0.5em 0;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	margin-bottom: 3em;
}

#topics .backORcloseBtn a:hover {
	background-color: #65c576;
}

#topics .footer {
	border-top: solid 1px #56a764;
}

/* ---------- News&Topics一覧 ---------- */

#topics-list #header {
	background-image: none;
}

#topics-list #main {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: rgba(86, 167, 100, 0.14);
	margin-top: -30px;
	padding-top: 60px;
}

#topics-list .pNav {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

#topics-list #main h2 {
	width: 1200px;
	height: auto;
	box-sizing: border-box;
	padding: 0.3em 1em;
	margin: 1em auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#topics-list #newsWrap {
	width: 1200px;
	height: auto;
	overflow: ] hidden;
	margin: 0 auto;
	margin-bottom: 3em;
}

#topics-list #newsWrap ul,
#topics-list #newsWrap li {
	list-style: none;
}

#topics-list #newsWrap li {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 1em 0;
	border-bottom: dotted 1px #56a764;
	line-height: 3em;
}

#topics-list #newsWrap li .up_ymd {
	display: block;
	width: 15%;
	height: auto;
	float: left;
}

#topics-list #newsWrap li .title-box {
	display: block;
	width: 85%;
	height: auto;
	float: left;
}

#topics-list #newsWrap li .title-box a {
	text-decoration: none;
}

#topics-list #newsWrap li .newMark {
	padding: 0 5px;
	background: #ff0000;
	color: #fff;
	border-radius: 0.7em;
	font-style: italic;
	margin-left: 1em;
}

#topics-list .pager {
	margin-top: 20px;
	width: 100%;
	height: 3em;
	overflow: hidden;
	padding: 1em 0;
	text-align: center;
}

#topics-list .pager a {
	font-size: 1.2em;
	padding: 5px 10px;
	border: solid 1px #56a764;
	background: #56a764;
	margin-right: 10px;
	text-decoration: none;
	color: #ffffff;
}

#topics-list .pager a:hover {
	background: #65c576;
}

#topics-list .pager a.current {
	background: none;
	;
	color: #fff;
	padding: 5px 10px;
	margin: 0 1px;
	margin-right: 10px;
	text-decoration: none;
	color: #56a764;
	;
}

#topics-list .footer {
	border-top: solid 1px #56a764;
}

/* ---------- お問い合わせ ---------- */

#contact #header {
	background-image: none;
}

#contact #main {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: -30px;
	padding-top: 60px;
}

#contact .pNav {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

#contact #main h2 {
	width: 1200px;
	height: auto;
	box-sizing: border-box;
	padding: 0.3em 1em;
	margin: 1em auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#contact #formWrap {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#contact #formWrap form {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1em;
}

#contact #formWrap .form-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 40px;
	border: solid 1px #56a764;
}

#contact #formWrap .form-box dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: solid 1px #56a764;
	background-color: rgba(86, 167, 100, 0.14);
}

#contact #formWrap .form-box dl.last {
	border-bottom: none;
}

#contact #formWrap .form-box dt {
	display: block;
	width: 35%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	padding: 1em;
	line-height: 2em;
	color: #56a764;
}

#contact #formWrap .form-box dd {
	display: block;
	width: 65%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	padding: 1em;
	border-left: solid 1px #56a764;
	line-height: 2em;
	background: #ffffff;
}

#contact #main form,
#contact #main form input,
#contact #main form textarea,
#contact #main form select {
	font-size: 1.2em;

}

#contact #main form dd input[type="text"],
#contact #main form dd textarea,
#contact #main form dd select {
	color: #666666;
}

#contact #formWrap .form-box dd span {
	color: #ff0000;
	margin-left: 0.5em;
}

#contact .button-box {
	width: 680px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#contact form .button-box input[type="submit"],
#contact .kakunin input[type="submit"],
#contact .kakunin input[type="reset"],
#contact .kakunin input[type="button"] {
	box-sizing: border-box;
	border: solid 1px #56a764;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 300px;
	height: 60px;
	background-color: #56a764;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
	float: left;
}

#contact form .button-box input[type="submit"]:hover,
#contact .kakunin input[type="submit"]:hover,
#contact .kakunin input[type="button"]:hover {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}

#contact form .button-box input[type="reset"] {
	box-sizing: border-box;
	border: solid 1px #56a764;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 300px;
	height: 60px;
	background-color: #ffffff;
	font-size: 1.2em;
	color: #56a764;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
	float: left;
	margin-left: 80px;
}

#contact form .button-box input[type="reset"]:hover {
	background-color: rgba(86, 167, 100, 0.14);
}

#contact input[type="submit"]:hover {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}

#contact .notice {
	margin: 2em 0;
}

#contact .kakunin h3 {
	text-align: center;
	font-size: 1.4em;
	color: #56a764;
}

#contact .kakunin {
	margin-bottom: 40px;
}

#contact .kakunin input[type="submit"],
#contact .kakunin input[type="button"] {
	float: none;
	margin: 0 auto;
}

#contact .kakunin input[type="submit"] {
	margin-right: 80px;
}

#contact .kakunin #formWrap table.formTable {
	width: 100%;
	margin: 20px auto;
	border-collapse: collapse;
	margin-bottom: 40px;
}

#contact .kakunin #formWrap table.formTable th,
#contact .kakunin #formWrap table.formTable td {
	border: 1px solid #24ac7b;
	padding: 10px;
}

#contact .kakunin #formWrap table.formTable th {
	width: 30%;
	font-weight: normal;
	background-color: rgba(86, 167, 100, 0.14);
	text-align: left;
	color: #56a764;
}

#contact .kanryo {
	margin-bottom: 40px;
}

#contact .kanryo .message {
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#contact .kanryo a {
	display: block;
	width: 300px;
	height: 60px;
	background-color: #0099cc;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
	margin: 0 auto;
}

#contact .kanryo a:hover {
	background-color: #4cb7db;
}

/* ---------- お問い合わせ（送信完了） ---------- */

#contact .thanks-box {
	width: 1200px;
	margin: 0 auto;
}

#contact .thanks-box h3 {
	text-align: center;
	font-size: 1.4em;
	margin: 1em auto;
	color: #56a764;
}

#contact .kanryo .button-box a {
	width: 10em;
	height: auto;
	paddding: 1em;
	background-color: #56a764;
	color: #ffffff;
	text-decoration: none;
	margin: 2em auto;
}

/* ---------- 外国人留学生おすすめ物件 ---------- */

#recommendations * {
	box-sizing: border-box;
}

#recommendations #header {
	background-image: none;
}

#recommendations #main {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#recommendations .comment-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	border: solid 3px #56a764;
	margin: 2rem auto;
	padding: 1rem;
	border-radius: 1rem;
	background-image: url(images/tokuten_back.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top 30%;
}

#recommendations .comment-box dl,
#recommendations .comment-box dt,
#recommendations .comment-box dd,
#recommendations .comment-box ul,
#recommendations .comment-box li {
	list-style: none;
}

#recommendations .comment-box dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 14rem;
	float: left;
	font-size: 2.6rem;
	font-weight: bold;
	color: #56a764;
}

#recommendations .comment-box dt span.otoku {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6rem;
	height: 6rem;
	background-color: #e2261f;
	color: #ffffff;
	border-radius: 3rem;
	font-size: 1.6rem;
	margin: 0 1rem;
	transform: rotate(-20deg);
	float: left;
}

#recommendations .comment-box dt span.tokuten {
	color: #e2261f;
	font-size: 3rem;
	float: left;
	line-height: 7rem;
}

#recommendations .comment-box dd {
	display: flex;
	align-items: center;
	width: 50%;
	height: 14rem;
	padding-left: 5rem;
	float: left;
}

#recommendations .comment-box li {
	display: block;
	width: 100%;
	height: auto;
	font-size: 2.6rem;
	color: #56a764;
	font-weight: bold;
	padding: 0.5rem 0;
}

#recommendations .comment-box li span.tokuten-no {
	display: inline-block;
	width: 8rem;
	height: auto;
	background-color: #e2261f;
	color: #ffffff;
	text-align: center;
	padding: 1rem 0;
	transform: rotate(-20deg);
	margin-right: 3rem;
	font-size: 2rem;
}

#recommendations .comment-box li span.emphasis {
	color: #e2261f;
	font-size: 3rem;
}

#recommendations .torikumi-mobile a {
	display: none;
}

#recommendations #main h2 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0.3em 1em;
	margin: 1em auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#recommendations .osusume-box {
	width: 900px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	float: left;
	margin-bottom: 4rem;
}

#recommendations .condition-box {
	width: 300px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 auto;
	padding-left: 1.15%;
}

#recommendations .pager {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-left: 1.15%;
	padding-bottom: 0.5rem;
	text-align: center;
}

#recommendations .pager span {
	padding: 0 1em;
	color: #56a764;
	border: 1px solid #56a764;
}

#recommendations .pager a {
	padding: 0 1em;
	border: 1px solid #56a764;
	background: rgba(86, 167, 100, 0.05);
}

#recommendations .pager a.page-turn {
	border: 1px solid #56a764;
	color: #ffffff;
	background: #56a764;
	padding: 0 1em;
}

/* ---------- 表示順 ---------- */

#recommendations .sort-box.pc {
	display: flex;
	justify-content: center;
	justify-content: space-between;
	width: 97%;
	margin: 0 auto;
	margin-bottom: 2rem;
}

#recommendations .sort-box.pc .order-type {
	padding: 0.5rem 2rem;
	background: rgba(229, 0, 27, 0.1);
}

#recommendations .sort-box.pc .order-type.current {
	background-color: #e2261f;
}

#recommendations .sort-box.pc .order-type a {
	text-decoration: none;
}

#recommendations .sort-box.pc .order-type.current a {
	color: #ffffff;
}

#recommendations .sort-box.pc .list-order {
	background: rgba(86, 167, 100, 0.2);
}


/* ---------- 物件一覧 ---------- */

#recommendations .bukken-box {
	float: left;
	width: 31%;
	height: 590px;
	border: 1px solid #56a764;
	margin: 1.15%;
	padding: 0.7rem;
	position: relative;
}

#recommendations .bukken-box a {
	text-decoration: none;
}

#recommendations .bukken-box .name-box h3 {
	width: 100%;
	height: 2em;
	line-height: 2em;
	background-color:
		#56a764;
	color:
		#ffffff;
	padding: 0 0.5em;
	font-size: 1.6rem;
}

#recommendations .bukken-box .address-box {
	margin-top: 0.5rem;
}

#recommendations .bukken-box .time-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1rem;
	border: solid 1px #e2261f;
	line-height: 1.8em;
	text-align: center;
	font-size: 1.6rem;
}

#recommendations .bukken-box .time-box .kiten {
	width: 100%;
	height: auto;
	background-color: #e2261f;
	color: #ffffff;
	font-weight: bold;
}

#recommendations .bukken-box .time-box .toho,
#recommendations .bukken-box .time-box .bike {
	width: 50%;
	height: auto;
	float: left;
	color: #e2261f;
}

#recommendations .bukken-box .time-box .toho {
	border-right: solid 1px #e2261f;
}

#recommendations .bukken-box .item-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	min-height: 160px;
	margin-top: 2rem;
}

#recommendations .bukken-box .item-box .photo-box {
	width: 50%;
	height: auto;
	text-align: center;
	float: left;
}

#recommendations .bukken-box .item-box .photo-box img {
	max-width: 100%;
	max-height: 120px;
}

#recommendations .bukken-box .item-box .layout-box {
	width: 50%;
	height: auto;
	text-align: center;
	float: left;
}

#recommendations .bukken-box .item-box .layout-box img {
	max-width: 90%;
	max-height: 140px;
}

#recommendations .bukken-box .title-box {
	width: 100%;
	min-height: 72px;
	padding-left: 70px;
	background-image: url("../images/point.png");
	background-size: 60px 60px;
	background-repeat: no-repeat;
	color: #56a764;
	margin-bottom: 10px;
	font-size: 1.4rem;
	font-weight: bold;
}

#recommendations .bukken-box .detail-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 1.4rem;
}

#recommendations .bukken-box .detail-box dt {
	display: block;
	width: 25%;
	height: auto;
	float: left;
	font-weight: bold;
	color: #56a764;
}

#recommendations .bukken-box .detail-box dd {
	display: block;
	width: 75%;
	height: auto;
	float: left;
}

#recommendations .bukken-box .detail-box .rent-box dt {
	padding-top: 1rem;
}

#recommendations .bukken-box .detail-box .rent-box dd {
	font-size: 2em;
	font-weight: bold;
	color: #e2261f;
}

#recommendations .bukken-box .new-box {
	width: 100%;
	height: auto;
	text-align: right;
	padding-right: 1.5rem;
}

#recommendations .bukken-box .new-box span {
	font-size: 1.8rem;
	font-weight: bold;
	color: #e2261f;
}

#recommendations .bukken-box .new-box img {
	margin-left: 2rem;
}

#recommendations .bukken-box .detail-button-box {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 2rem;
	width: 15rem;
	height: auto;
	text-align: center;
	padding: 1rem;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

/* ---------- 外国人留学生おすすめ物件（絞り込みエリア） ---------- */

#recommendations .condition-box h3 {
	width: 100%;
	height: auto;
	font-size: 1.6rem;
	padding: 0.5rem;
	border: 1px solid #56a764;
	background: rgba(86, 167, 100, 0.05);
	color: #56a764;
	text-align: center;
	margin-bottom: 1rem;
}

#recommendations .condition-box .widget-item dt {
	font-size: 1.8rem;
	font-weight: bold;
	color: #56a764;
	margin: 0.5rem 0;
}

#recommendations .condition-box form input {
	margin: 1rem 0;
}

#recommendations .condition-box form select {
	font-size: 1.6rem;
	padding: 0.3rem;
	color: #666666;
}

#recommendations .condition-box button {
	display: block;
	width: 80%;
	height: auto;
	font-size: 1.6rem;
	padding: 0.5rem;
	background-color: #56a764;
	color: #ffffff;
	text-align: center;
	margin: 3rem auto;
	border: none;
	border-radius: 5px;
}

/* ---------- 外国人留学生おすすめ物件（詳細画面） ---------- */

#recommendations-detail * {
	box-sizing: border-box;
}

#recommendations-detail #header {
	background-image: none;
}

#recommendations-detail #main {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#recommendations-detail #main .breadcrumb {
	margin-top: 1rem;
}

#recommendations-detail #main .title_block h2 {
	width: 100%;
	height: auto;
	padding: 0.3em 1em;
	margin: 1rem auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#recommendations-detail #main .title_block h2 span.address {
	font-size: 1.6rem;
	font-weight: normal;
	margin-left: 2rem;
}

#recommendations-detail .sub_title_block {
	width: 100%;
	height: auto;
	font-size: 2rem;
	font-weight: bold;
	color: #e2261f;
	margin: 2rem 0;
	text-align: center;
}

#recommendations-detail .status_block span {
	display: block;
	width: 10rem;
	height: auto;
	font-size: 2rem;
	font-weight: bold;
	background-color: #e2261f;
	padding: 1rem 0;
	color: #ffffff;
	text-align: center;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
}

#recommendations-detail #main .image_block {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}

#recommendations-detail .slide-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 2em auto;
}

#recommendations-detail .slide-box .pagination {
	width: 100%;
	height: 2em;
	overflow: hidden;
	margin-bottom: 1em;
	text-align: center;
}

#recommendations-detail .slide-box .pagination {
	padding: 0.2rem;
}

#recommendations-detail .slide-box .pagination span {
	padding: 0 1em;
	border: 1px solid #666666;
	margin-right: 0.2rem;
}

#recommendations-detail .slide-box .pagination a {
	padding: 0 1em;
	color: #56a764;
	border: 1px solid #56a764;
	margin-right: 0.2rem;
	background: rgba(86, 167, 100, 0.05);
	text-decoration: none;
}

#recommendations-detail .slide-box .thumbs {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#recommendations-detail .slide-box .thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}

#recommendations-detail .slide-box .thumbs a {
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

#recommendations-detail .slide-box .thumbs img {
	width: 180px;
	height: 120px;
	object-fit: cover;
}

#recommendations-detail .slide-box .room_layout_mobile {
	display: none;
}

#recommendations-detail .slide-box #gallery {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: right;
}

#recommendations-detail .slide-box #gallery .controls {
	width: 550px;
	height: 2em;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 1em;
}

#recommendations-detail .slide-box #gallery .ss-controls,
#recommendations-detail .slide-box #gallery .nav-controls {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
}

#recommendations-detail .slide-box #gallery .ss-controls a.play,
#recommendations-detail .slide-box #gallery .ss-controls a.pause {
	display: block;
	width: 80%;
	height: auto;
	padding: 4px 7px 2px 7px;
	background-color:
		#56a764;
	border: 1px solid #56a764;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}

#recommendations-detail .slide-box #gallery a.prev {
	display: block;
	width: 40%;
	height: auto;
	float: left;
	text-align: center;
	padding: 4px 7px 2px 7px;
	background-color: #56a764;
	border: 1px solid #56a764;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}

#recommendations-detail .slide-box #gallery a.next {
	display: block;
	height: auot;
	width: 40%;
	float: right;
	text-align: center;
	padding: 4px 7px 2px 7px;
	background-color: #56a764;
	border: 1px solid #56a764;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}

#recommendations-detail .slide-box #gallery a.prev:hover,
#recommendations-detail .slide-box #gallery a.next:hover {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}

#recommendations-detail .slide-box #gallery .slideshow {
	width: 550px;
	height: 367px;
	;
	overflow: hidden;
	margin: 0 auto;
}

#recommendations-detail .slide-box #gallery .slideshow a {
	text-decoration: none;
}

#recommendations-detail .slide-box #gallery .room_layout {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 2em;
}

#recommendations-detail .slide-box #gallery .room_layout .title {
	width: 100%;
	height: auto;
	padding: 4px 7px 2px 7px;
	background-color: #56a764;
	border: 1px solid #56a764;
	color: #ffffff;
}

#recommendations-detail .slide-box #gallery .room_layout .madori {
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 1em;
}

#recommendations-detail #main .base_detail {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#recommendations-detail #main .base_detail .title {
	width: 100%;
	height: auto;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	color: #56a764;
	margin-bottom: 0.5em;
}

#recommendations-detail #main .base_detail dl.detail-box {
	list-style: none;
	display: block;
	width: 50%;
	height: auto;
	float: left;
	border-top: solid 1px #56a764;
	border-right: solid 1px #56a764;
}

#recommendations-detail #main .base_detail .detail-box .item-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #56a764;
	border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

#recommendations-detail #main .base_detail dl.detail-box dt {
	list-style: none;
	display: block;
	width: 50%;
	height: auto;
	overflow: hidden;
	padding: 1em;
	color: #ffffff;
	float: left;
}

#recommendations-detail #main .base_detail dl.detail-box dd {
	list-style: none;
	display: block;
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 1em;
	background-color: #ffffff;
}

#recommendations-detail #main .button-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 4em auto;
}

#recommendations-detail #main .button-box input[type="submit"] {
	display: block;
	width: 30%;
	height: auto;
	padding: 0.6em 0;
	margin: 0 auto;
	background-color: #56a764;
	font-size: 1.4em;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

/* ---------- 外国人留学生おすすめ物件（お問い合わせ） ---------- */

#contact #formWrap {
	position: relative;
}

#contact .formError {
	left: auto !important;
	right: 30rem;
}

/* ---------- 物件（空室一覧） ---------- */

#room-list #header {
	background-image: none;
}

#room-list #main h2 {
	width: 1200px;
	height: auto;
	box-sizing: border-box;
	padding: 0.3em 1em;
	margin: 1em auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#room-list #main h2 span {
	font-size: 0.8em;
	margin-left: 2em;
}

#room-list .room-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 2em;
}

#room-list .room {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 2em;
}

#room-list .room dl,
#room-list .room dt,
#room-list .room dd {
	list-style: none;
}

#room-list .item-block01 {
	width: 300px;
	height;
	auto;
	overflow: hidden;
	float: left;
}

#room-list .room dl {
	display: block;
	width: auto;
	height: auto;
}

#room-list .room .list-box {
	width: 150px;
	height: auto;
	overflow: hidden;
	float: left;
}

#room-list .item-block dt,
#room-list .item-block dd {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	padding: 0.5em 0;
	text-align: center;
}

#room-list .item-block dt {
	height: 60px;
	background-color: #56a764;
	color: #ffffff;
	border: solid 1px rgba(255, 255, 255, 0.5);
}

#room-list .item-block dd {
	border-right: solid 1px #56a764;
	border-bottom: solid 1px #56a764;
}

#room-list .item-block01 .list01 dt,
#room-list .item-block01 .list01 dd {
	border-left: solid 1px #56a764;
}

#room-list .item-block01 dd {
	height: 260px;
}

#room-list .item-block01 dd img {
	max-width: 130px;
	max-height: 240px;
}

#room-list .item-block02 {
	width: 750px;
	height: auto;
	overflow: hidden;
	float: left;
}

#room-list .item-block02 dd {
	height: 70px;
}

#room-list .item-block02 .facility-box {
	display: flex;
	width: 100%;
	height: 190px;
	overflow: hidden;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	border-right: solid 1px #56a764;
	border-bottom: solid 1px #56a764;
}

#room-list .item-block02 ul.facility {
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border-top: solid 1px #cc528b;
	border-left: solid 1px #cc528b;
}

#room-list .item-block02 ul.facility li {
	list-style: none;
	display: flex;
	box-sizing: border-box;
	width: 20%;
	height: 4em;
	overflow: hidden;
	justify-content: left;
	align-items: center;
	text-align: lef;
	border-right: solid 1px #cc528b;
	border-bottom: solid 1px #cc528b;
	float: left;
	padding-left: 35px;
	background-position: 5px center;
	background-repeat: no-repeat;
}

#room-list .item-block02 ul.facility li.on {
	color: #cc528b;
	background-color: rgba(204, 82, 139, 0.14);
}

#room-list .item-block02 ul.facility li.off {
	background-color: rgba(0, 0, 0, 0.05);
	color: #acacac;
}

#room-list .item-block02 .item-01 .on {
	background-image: url(images/lock_on.png);
}

#room-list .item-block02 .item-01 .off {
	background-image: url(images/lock_off.png);
}

#room-list .item-block02 .item-02 .on {
	background-image: url(images/elevator_on.png);
}

#room-list .item-block02 .item-02 .off {
	background-image: url(images/elevator_off.png);
}

#room-list .item-block02 .item-03 .on {
	background-image: url(images/internet_on.png);
}

#room-list .item-block02 .item-03 .off {
	background-image: url(images/internet_off.png);
}

#room-list .item-block02 .item-04 .on {
	background-image: url(images/kagukaden_on.png);
}

#room-list .item-block02 .item-04 .off {
	background-image: url(images/kagukaden_off.png);
}

#room-list .item-block02 .item-05 .on {
	background-image: url(images/aircon_on.png);
}

#room-list .item-block02 .item-05 .off {
	background-image: url(images/aircon_off.png);
}

#room-list .item-block02 .item-06 .on {
	background-image: url(images/bath_toilet_on.png);
}

#room-list .item-block02 .item-06 .off {
	background-image: url(images/bath_toilet_off.png);
}

#room-list .item-block02 .item-07 .on {
	background-image: url(images/interphone_on.png);
}

#room-list .item-block02 .item-07 .off {
	background-image: url(images/interphone_off.png);
}

#room-list .item-block02 .item-08 .on {
	background-image: url(images/laundry_on.png);
}

#room-list .item-block02 .item-08 .off {
	background-image: url(images/laundry_off.png);
}

#room-list .item-block02 .item-09 .on {
	background-image: url(images/toilet_on.png);
}

#room-list .item-block02 .item-09 .off {
	background-image: url(images/toilet_off.png);
}

#room-list .item-block02 .item-10 .on {
	background-image: url(images/shampoo_on.png);
}

#room-list .item-block02 .item-10 .off {
	background-image: url(images/shampoo_off.png);
}

#room-list .item-block03 {
	width: 150px;
	height: auto;
	overflow: hidden;
	float: left;
}

#room-list .item-block03 dd {
	height: 260px;
}

#room-list .item-block03 dd a {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 0.5em;
	background-color: #cc528b;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}

#room-list .item-block03 dd a:hover {
	opacity: 0.8;
}

/* ---------- 物件（空室詳細） ---------- */

#room-detail #header {
	background-image: none;
}

#room-detail #main h2 {
	width: 1200px;
	height: auto;
	box-sizing: border-box;
	padding: 0.3em 1em;
	margin: 1em auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#room-detail #main h2 span {
	font-size: 0.8em;
	margin-left: 2em;
}

#room-detail .room-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 2em;
}

#room-detail .room-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#room-detail .room-box .image-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#room-detail .room-box .appearance {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
}

#room-detail .room-box .appearance img {
	width: 100%;
}

#room-detail .room-box .sketch {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
}

#room-detail .room-box .sketch img {
	height: 380px;
}

#room-detail .room-box .slide-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 2em auto;
}

#room-detail .room-box .slide-box a {
	text-decoration: none;
}

#room-detail .room-box .navigation .pagination a,
#room-detail .room-box .pagination span.current,
#room-detail .room-box .pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #56a764;
	background-color: #56a764;
	color: #ffffff;
}

#room-detail .room-box .pagination span.current {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}

#room-detail .room-box .navigation .pagination {
	width: 100%;
	height: 2em;
	overflow: hidden;
	margin-bottom: 1em;
	text-align: center;
}

#room-detail .room-box .navigation .bottom {
	margin-top: 1em;
}

#room-detail .thumbs {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#room-detail ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}

#room-detail .slide-box .thumbs a {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}

#room-detail .slide-box .thumbs .selected a {
	background-color: rgba(86, 167, 100, 1.0);
}

#room-detail .slide-box .thumbs img {
	width: 180px;
	height: 120px;
	border: none;
	display: block;
}

#room-detail .slide-box .content {
	float: right;
	width: 50%;
	height: auto;
}

#room-detail .slide-box .content .controls {
	width: 100%;
	height: 2em;
	overflow: hidden;
}

#room-detail .slide-box .content .ss-controls,
#room-detail .slide-box .content .nav-controls {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
}

#room-detail .slide-box .content .ss-controls a.play,
#room-detail .slide-box .content .ss-controls a.pause {
	display: block;
	width: 80%;
	height: auto;
	padding: 4px 7px 2px 7px;
	background-color: #56a764;
	border: 1px solid #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#room-detail .slide-box .content .ss-controls a.play:hover,
#room-detail .slide-box .content .ss-controls a.pause:hover {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}

#room-detail .slide-box .content .nav-controls a.prev {
	display: block;
	width: 40%;
	height: auot;
	float: left;
	text-align: center;
	padding: 4px 7px 2px 7px;
	background-color: #56a764;
	border: 1px solid #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#room-detail .slide-box .content .nav-controls a.prev:hover {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}


#room-detail .slide-box .content .nav-controls a.next {
	display: block;
	height: auot;
	width: 40%;
	float: right;
	text-align: center;
	padding: 4px 7px 2px 7px;
	background-color: #56a764;
	border: 1px solid #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#room-detail .slide-box .content .nav-controls a.next:hover {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}

#room-detail .slide-box .slideshow-container {
	position: relative;
	clear: both;
	height: 430px;
}

#room-detail .slide-box .slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#room-detail .slide-box .slideshow a {
	text-decoration: none;
}

#room-detail .slide-box .slideshow img {
	width: 600px;
	height: 400px;
	vertical-align: top;
}

#room-detail .detail-01-box {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#room-detail .detail-01-box h3 {
	width: 100%;
	height: auto;
	text-align: center;
	color: #56a764;
	margin-bottom: 0.5em;
}

#room-detail .detail-01-box .monthly {
	box-sizing: border-box;
	width: 48%;
	height: auto;
	overflow: hidden;
	float: left;
}

#room-detail .detail-01-box .initial {
	box-sizing: border-box;
	width: 48%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 4%;
}

#room-detail .detail-01-box .monthly dl,
#room-detail .detail-01-box .initial dl {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-top: solid 1px #56a764;
	border-right: solid 1px #56a764;
}

#room-detail .detail-01-box .monthly .monthly-list,
#room-detail .detail-01-box .initial .initial-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #56a764;
	border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

#room-detail .detail-01-box dt,
#room-detail .detail-01-box dd {
	list-style: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	padding-left: 1em;
	text-align: center;
}

#room-detail .detail-01-box dt {
	width: 50%;
	padding: 1em;
	color: #ffffff;
}

#room-detail .detail-01-box dd {
	width: 50%;
	padding: 1em;
	background-color: #ffffff;
}

#room-detail .detail-02 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 2em;
	margin-bottom: 4em;
}

#room-detail .detail-02 ul.facility {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#room-detail .detail-02 ul.facility li {
	list-style: none;
	display: flex;
	box-sizing: border-box;
	width: 20%;
	height: 4em;
	overflow: hidden;
	justify-content: left;
	align-items: center;
	text-align: left;
	padding-left: 45px;
	border-left: solid 1px #cc528b;
	border-bottom: solid 1px #cc528b;
	float: left;
	background-position: 10px center;
	background-repeat: no-repeat;
}

#room-detail .detail-02 ul.facility li.up {
	border-top: solid 1px #cc528b;
}

#room-detail .detail-02 ul.facility li.right {
	border-right: solid 1px #cc528b;
}

#room-detail .detail-02 ul.facility li.on {
	color: #cc528b;
	background-color: rgba(204, 82, 139, 0.14);
}

#room-detail .detail-02 ul.facility li.off {
	background-color: rgba(0, 0, 0, 0.05);
	color: #acacac;
}

#room-detail .detail-02 .item-01 .on {
	background-image: url(images/lock_on.png);
}

#room-detail .detail-02 .item-01 .off {
	background-image: url(images/lock_off.png);
}

#room-detail .detail-02 .item-02 .on {
	background-image: url(images/elevator_on.png);
}

#room-detail .detail-02 .item-02 .off {
	background-image: url(images/elevator_off.png);
}

#room-detail .detail-02 .item-03 .on {
	background-image: url(images/internet_on.png);
}

#room-detail .detail-02 .item-03 .off {
	background-image: url(images/internet_off.png);
}

#room-detail .detail-02 .item-04 .on {
	background-image: url(images/kagukaden_on.png);
}

#room-detail .detail-02 .item-04 .off {
	background-image: url(images/kagukaden_off.png);
}

#room-detail .detail-02 .item-05 .on {
	background-image: url(images/aircon_on.png);
}

#room-detail .detail-02 .item-05 .off {
	background-image: url(images/aircon_off.png);
}

#room-detail .detail-02 .item-06 .on {
	background-image: url(images/bath_toilet_on.png);
}

#room-detail .detail-02 .item-06 .off {
	background-image: url(images/bath_toilet_off.png);
}

#room-detail .detail-02 .item-07 .on {
	background-image: url(images/interphone_on.png);
}

#room-detail .detail-02 .item-07 .off {
	background-image: url(images/interphone_off.png);
}

#room-detail .detail-02 .item-08 .on {
	background-image: url(images/laundry_on.png);
}

#room-detail .detail-02 .item-08 .off {
	background-image: url(images/laundry_off.png);
}

#room-detail .detail-02 .item-09 .on {
	background-image: url(images/toilet_on.png);
}

#room-detail .detail-02 .item-09 .off {
	background-image: url(images/toilet_off.png);
}

#room-detail .detail-02 .item-10 .on {
	background-image: url(images/shampoo_on.png);
}

#room-detail .detail-02 .item-10 .off {
	background-image: url(images/shampoo_off.png);
}

#room-detail .detail-03-box {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-top: solid 1px #56a764;
	border-right: solid 1px #56a764;
	margin-top: 2em;
	margin-bottom: 2em;
}

#room-detail .detail-03-box .detail-03 {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	background-color: #56a764;
	border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

#room-detail .detail-03-box .detail-03 dt,
#room-detail .detail-03-box .detail-03 dd {
	list-style: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	padding-left: 1em;
}

#room-detail .detail-03-box .detail-03 dt {
	width: 30%;
	padding: 1em;
	background-color: #56a764;
	color: #ffffff;
}

#room-detail .detail-03-box .detail-03 dd {
	width: 70%;
	padding: 1em;
	background-color: #ffffff;
}

#room-detail .detail-03-box ul.location {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#room-detail .detail-03-box .location dt {
	background: none;
	color: inherit;
	width: 25%;
	float: left;
}

#room-detail .detail-03-box .location dd {
	width: 15%;
	float: left;
	margin-right: 10%;
}

#room-detail .map-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 4em;
}

#room-detail .map-box iframe {
	border: solid 1px #56a764;
}

#room-detail .button-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 4em;
}

#room-detail .button-box input {
	box-sizing: border-box;
	border: solid 1px #56a764;
	cursor: pointer;
	outline: none;
	padding: 0.6em 0;
	appearance: none;
	display: block;
	width: 30%;
	height: auto;
	margin: 0 auto;
	background-color: #56a764;
	font-size: 1.4em;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	float: none;
}

#room-detail .button-box input:hover {
	background-color: rgba(86, 167, 100, 0.14);
	color: #56a764;
}

#room-detail .estimate-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 4em;
}

#room-detail .estimate-box h3 {
	width: 100%;
	height: auto;
	color: #56a764;
	text-align: center;
}

#room-detail .estimate-box h4 {
	color: #56a764;
	margin-bottom: 1em;
}

#room-detail .estimate-box .estimate-1,
#room-detail .estimate-box .estimate-2 {
	box-sizing: border-box;
	width: 44%;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 3%;
	border: solid 1px #666666;
	padding: 1.5em;
}

#room-detail .estimate-box .monthly,
#room-detail .estimate-box .initial {
	margin-top: 1em;
}

#room-detail .estimate-box .monthly .monthly-list,
#room-detail .estimate-box .initial .initial-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#room-detail .estimate-box dl {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
}

#room-detail .estimate-box dt,
#room-detail .estimate-box dd {
	display: block;
	box-sizing: border-box;
	width: 50%;
	height: auto;
	float: left;
	line-height: 2em;
}

#room-detail .estimate-box dd {
	text-align: right;
}

#room-detail .estimate-box .list-top {
	border-bottom: solid 1px #666666;
}

#room-detail .estimate-box .total {
	border-top: solid 1px #666666;
}

/* ---------- 奨学金制度（採用者） ---------- */

#scholarship #header {
	background-image: none;
}

#scholarship #main {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: -30px;
	padding-top: 60px;
}

#scholarship .pNav {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

#scholarship #main h2 {
	width: 1200px;
	height: auto;
	box-sizing: border-box;
	padding: 0.3em 1em;
	margin: 1em auto;
	background-color: #56a764;
	color: #ffffff;
	border-radius: 5px;
}

#scholarship .scholarship-box h3 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	background: #56a764;
	color: #ffffff;
	text-align: center;
	line-height: 2em;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 1em;
	padding: 0.5em;
}

#scholarship #main a {
	display: block;
	width: 300px;
	height: 60px;
	background-color: #56a764;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
	margin: 2em auto;
}

#scholarship .scholarship-box {
	box-sizing: border-box;
	width: 1200px;
	height: auto;
	overflow: hidden;
	border: solid 1px #acacac;
	padding: 10px;
	margin: 20px auto;
}

#scholarship .detail-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1em;
}

#scholarship .detail-box dl.main-list {
	padding: 1em;
	line-height: 2.5em;
}

#scholarship .detail-box dl,
#scholarship .detail-box dt {
	list-style: none;
}

#scholarship .main-list dt {
	font-weight: bold;
}

#scholarship .main-list dd {
	padding-left: 2em;
}

#scholarship dl.sub-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#scholarship .sub-list dt {
	font-weight: normal;
	width: 30%;
	float: left;
}

#scholarship .sub-list dd {
	font-weight: normal;
	width: 50%;
	float: left;
}

#scholarship .image-area {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px;
	border: solid 1px #acacac;
}

#scholarship .image-area h4 {
	text-align: center;
	margin: 0.5em;
}

#scholarship .image-area .photo-box {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#scholarship .image-area .photo-box img {
	display: block;
	box-sizing: border-box;
	width: 33.3%;
	height: auto;
	float: left;
	padding: 5px;
}

#staff-k-id {
	width: 100%;
	max-width: 1200px;
}
#staff-k-id .staff-k {
	width: 100%;
	height: 370px;	
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: 100%;
	background-color: rgba(255, 250, 192, 1);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 249, 170, 1) 10px, rgba(255, 249, 170, 1) 20px);
}
#staff-k-id .staff-k .staff-k-img {
	width: 40%;
	height: 100%;
	object-fit: cover;
	background-color: #ff6600;
}
#staff-k-id .staff-k .staff-k-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#staff-k-id .staff-k .text-staff-k {
	width: 60%;
	margin: 0 auto;
	padding: 2rem 4rem;
}
#staff-k-id .staff-k .text-staff-k img {
	width: 100%;
	max-width: 50px;
	margin-top: 0.5rem;
}
#staff-k-id .staff-k .text-staff-k p {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
#staff-k-id .staff-k .text-staff-k .text-staff-k- {
	font-size: 21px;
}
#staff-k-id .staff-k .text-staff-k .text-staff-k-- {
	font-size: 18px;
	margin-bottom: 0.7rem;
}
#staff-k-id .staff-k .text-staff-k .text-staff-k--- {
	margin-top: 1rem;
}
#staff-k-id .staff-k .text-staff-k .text-staff-k--- a {
	text-decoration: none;
	color: #333;
}
#staff-k-id .staff-k .text-staff-k .text-staff-k--- .blue {
	font-size: 18px;
	color: #0866FF;
	margin-left: -0.4rem;
}
#staff-k-id .staff-k .text-staff-k .text-staff-k-t {
	font-size: 30px;
	margin-top: 0.8rem;
	color: #459d54;
	line-height: 3.5rem;
	padding-bottom: 1rem;
}

/* ---------- PC用ここまで ---------- */

@media screen and (max-width:945px) {
	#staff-k-id .staff-k {
		height: 460px;
	}
}

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

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

	*,
	*: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;
	}

	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}

	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
		display: none;
	}

	input[type="submit"]::focus,
	input[type="button"]::focus {
		outline-offset: -2px;
	}

	html {
		font-size: 62.5%;
	}

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

	.pc {
		display: none;
	}

	.mobile {
		display: inherit;
	}

	#pageTop a {
		background-color: rgba(0, 0, 0, 0.1);
	}

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

	#header {
		background-size: 120% auto;
		background-position: center 12%;
	}

	#header .header-body {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	#header .header-title a {
		display: block;
		width: 100%;
		height: auto;
		text-indent: 0;
		text-align: center;
		background-image: none;
		text-decoration: none;
		color: #ffffff;
		background-color: #56a764;
		padding: 1em;
		background-image: url(images/topics_back.png);
		background-position: right bottom;
		background-size: auto 100%;
		background-repeat: no-repeat;
		float: none;
	}

	#header .header-title a h1 {
		font-size: 1.8rem;
		font-weight: normal;
	}

	#topics-list #header .header-title a h1,
	#topics #header .header-title a h1 {
		font-size: 1.6rem;
	}

	#header .language-select {
		width: 18em;
		height: auto;
		overflow: hidden;
		float: none;
		margin: 0 auto;
	}

	#header .language-select a {
		width: 5em;
		height: auto;
		padding: 1em 0;
		color: #fff;
		line-height: 1em;
		margin: 1em 2em;
		text-align: center;
		border-radius: 5px;
	}

	#header .headder-logo {
		float: none;
		margin: 0 auto;
		margin-top: 42%;
		background: none;
	}

	#header .headder-logo .city-logo {
		display: none;
	}

	#header .contact-button {
		position: relative;
		left: 0;
		top: 0;
		width: 250px;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
	}

	#japanese #header .contact-button {
		position: absolute;
		width: 250px;
		height: auto;
		top: 32%;
		left: 0;
		right: 0;
		margin: auto;
	}

	#header .contact-button input {
		background-color: rgba(255, 255, 255, 0.6);
		color: #56a764;
		border: solid 1px #56a764;
		font-weight: bold;
	}

	#header .headder-logo a {
		display: block;
		width: 300px;
		height: 120px;
		margin: 0 auto;
		background-image: url(images/header_logo.png);
	}

	#header .main-menu {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#header .main-menu li a {
		width: 50%;
		height: auto;
		text-indent: 0;
		text-align: center;
		padding: 1.5em 0;
		text-decoration: none;
		background-image: none;
		color: #ffffff;
	}

	#header .main-menu .menu05 input,
	#header .main-menu .menu06 input {
		width: 50%;
		height: auto;
		text-indent: 0;
		text-align: center;
		padding: 1.5em 0;
		text-decoration: none;
		background-image: none;
		font-size: 1em;
	}

	#header .main-menu .menu01 a {
		background-color: #b58cd9;
	}

	#header .main-menu .menu02 a {
		background-color: #e998b3;
	}

	#header .main-menu .menu03 a {
		background-color: #96d079;
	}

	#header .main-menu .menu04 a {
		background-color: #e6b27b;
	}

	#header .main-menu .menu05 a {
		background-color: #5ab2ba;
	}

	#header .main-menu .menu06 a {
		background-color: #dd7575;
	}

	#japanese #header .topics {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 2em;
	}

	#header .topics {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 2em;
	}

	#header .topics h2 {
		width: 100%;
	}

	#header .topics #newsWrap {
		width: 94%;
		margin: 0 auto;
		padding: 0;
	}

	#header .topics #newsWrap li {
		margin: 1.5em 0;
	}

	#header .topics #newsWrap li .up_ymd {
		width: 100%;
	}

	#header .topics #newsWrap li .title {
		float: none;
	}

	#header .topics #newsWrap li .newMark {
		float: none;
	}

	#header .topics .list-all {
		margin: 0;
		display: table;
		padding-right: 0;
	}

	#header .topics .list-all a {
		float: none;
		margin: 1em auto;
		display: table;
		font-size: 1.2em;
	}

	#header .topics .list-all a i {
		display: table-cell;
		vertical-align: middle;
		font-size: 2em;
		border: none;
		padding-left: 0.5em;
	}

	.main-box01 .ryugaku-box {
		width: 100%;
	}

	.main-box01 .ryugaku-box h2 {
		width: 100%;
		height: 0;
		padding-top: 16%;
		background-size: 240% auto;
	}

	.main-box01 .ryugaku-box .about-city {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	.ryugaku-box .about-city h3 {
		width: 100%;
		height: auto;
		text-indent: 0;
		text-align: center;
		background: none;
		font-size: 1.6em;
		font-weight: normal;
		color: #000;
	}

	.text-flex {
		display: block;
		margin-top: 2rem;
	}

	.tokushima-no1-text {
		width: 100%;
		font-size: 2.5rem;
		text-align: center;
	}

	.ryugaku-box .about-city .tokushima_no1 {
		width: 100%;
		margin: 0;
	}

	.main-box01 .ryugaku-box .otoiawase-city {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	.ryugaku-box .otoiawase-city h3 {
		width: 100%;
		height: auto;
		text-indent: 0;
		text-align: center;
		background: none;
		font-size: 1.6em;
		font-weight: normal;
		color: #000;
	}

	.ryugaku-box .otoiawase-city .button-box {
		width: 100%;
		margin-bottom: 0;
	}

	.ryugaku-box .otoiawase-city .button-box input {
		width: 100%;
		font-size: 1.2em;
	}

	.ryugaku-box .otoiawase-city .button-box2 a {
		width: 100%;
		font-size: 1.2em;
	}



	.ryugaku-box .otoiawase-city .button-box2 {
		width: 100%;
	}

	.ryugaku-box .otoiawase-city .button-box2 .link-box {
		width: 100%;
	}

	.ryugaku-box .otoiawase-city .button-box2 .link01 {
		margin-bottom: 2em;
	}

	.main-box02 .flow-area {
		width: 100%;
	}

	.main-box02 .flow-area h2 {
		width: 100%;
		height: 0;
		padding-top: 16%;
		background-size: 240% auto;
	}

	.main-box02 .flow-area .flow-box {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}

	.flow-area .flow-box h3 {
		width: 100%;
		height: auto;
		text-indent: 0;
		text-align: center;
		background: none;
		font-size: 1.6em;
		font-weight: normal;
		color: #000;
	}

	.flow-area .flow-box .step-list {
		width: 100%;
	}

	.flow-area .flow-box .step-list dt {
		height: 0;
		padding-top: 8.7%;
		background-size: 250% auto;
		background-repeat: no-repeat;
	}

	.flow-area .flow-box .step-box dd {
		display: block;
		padding: 0 1em;
	}

	.flow-area .flow-box .step-box dd .text-box {
		display: block;
		width: 100%;
		height: auto;
	}

	.flow-area .flow-box .step1 dd .button-box {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		min-height: 0;
	}

	.flow-area .flow-box .step1 dd .button-box input {
		width: 100%;
		font-size: 1.2em;
		padding: 1em 0;
	}

	.flow-area .flow-box .step2 img {
		top: 15em;
		left: 0;
		right: 0;
		margin: auto;
	}

	.flow-area .flow-box .step2 {
		height: 29em;
	}

	.flow-area .flow-box .step3 img {
		top: 16em;
		left: 0;
		right: 0;
		margin: auto;
	}

	.flow-area .flow-box .step3 {
		height: 30em;
	}

	.flow-area .flow-box .step4 img {
		top: 11em;
		left: 0;
		right: 0;
		margin: auto;
	}

	.flow-area .flow-box .step4 {
		height: 25em;
	}

	.flow-area .flow-box .step5 img {
		top: 17em;
		left: 0;
		right: 0;
		margin: auto;
	}

	.flow-area .flow-box .step5 {
		height: 31em;
	}

	.flow-area .flow-box .step6 img {
		top: 12em;
		left: 0;
		right: 0;
		margin: auto;
	}

	.flow-area .flow-box .step6 {
		height: 26em;
	}

	.main-box03 {
		background-position: center 5em;
	}

	.main-box03 .scholarship-area {
		width: 100%;
	}

	.main-box03 .scholarship-area h2 {
		width: 100%;
		height: 0;
		padding-top: 16%;
		background-size: 240% auto;
	}

	.scholarship-area .intro-text {
		width: 94%;
		margin: 0 auto;
		margin-top: 7em;
	}

	.scholarship-area .application-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		border-radius: 5px;
	}

	.scholarship-area .application-box h3,
	.scholarship-area .contact-box h3,
	.scholarship-area .flow-box h3 {
		width: 94%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-image: none;
		text-indent: 0;
		text-align: center;
		font-size: 1.4em;
		font-weight: normal;
		color: #e19240;
		border-bottom: solid 1px #e19240;
	}

	.scholarship-area .application-box .list-box {
		width: 100%;
		padding: 0 1em;
		margin: 0;
	}

	.application-box .list-box dd {
		padding-left: 0;
	}

	.scholarship-area .contact-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		border-radius: 5px;
	}

	.scholarship-area .contact-box .contact-container {
		display: block;
		width: 100%;
		padding: 1em;
	}

	.scholarship-area .contact-box .contact-text,
	.scholarship-area .contact-box .button-box {
		display: block;
		width: 100%;
	}

	.scholarship-area .contact-box .contact-text {
		text-align: center;
	}

	.scholarship-area .contact-box .button-box input {
		margin: 1em auto;
	}

	.scholarship-area .flow-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		border-radius: 5px;
	}

	.scholarship-area .flow-box .step-box {
		display: block;
		width: 100%;
		margin: 0;
	}

	.scholarship-area .flow-box .step-box h4 {
		display: block;
		width: 100%;
		height: 0;
		padding-top: 40%;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.scholarship-area .flow-box .step-box .step-text p {
		padding-left: 0;
	}

	.main-box04 .access-area {
		width: 100%;
		padding-bottom: 2em;
	}

	.main-box04 .access-area h2 {
		width: 100%;
		height: 0;
		padding-top: 16%;
		background-size: 240% auto;
	}

	.access-area .honten-box {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}

	.access-area .detail-box {
		width: 100%;
	}

	.access-area .honten-box h3 {
		width: 100%;
		height: auto;
		text-indent: 0;
		text-align: center;
		background: none;
		font-size: 1.6em;
		font-weight: normal;
		color: #000;
	}

	.access-area .detail-box .text-box {
		width: 100%;
		float: none;
		padding-right: 0;
	}

	.access-area .detail-box .text-box .list-box {
		width: 100%;
	}

	.access-area .detail-box .text-box dt {
		width: 30%;
	}

	.access-area .detail-box .text-box dd {
		width: 70%;
	}

	.access-area .detail-box .photo-box {
		width: 100%;
		margin: 2em 0;
		margin-bottom: 1em;
	}

	.access-area .detail-box .photo-box img {
		width: 100%;
		height: auto;
	}

	.access-area .map-box {
		width: 100%;
		margin: 1em 0;
	}

	.access-area .map-box .map-content {
		width: 100%;
		height: 500px;
	}

	.access-area .map-box .map-content iframe {
		width: 100%;
		height: 498px;
	}

	.footer .footer-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	.footer .footer-box .footer-link02 {
		width: 100%;
		margin-left: 0;
	}

	.footer .footer-box .footer-link02 .link-box {
		width: 100%;
		margin-left: 2em;
	}

	/* ---------- Topicsページ ---------- */

	#topics #header .language-select,
	#topics-list #header .language-select {
		display: none;
	}

	#topics .main-menu,
	#topics-list .main-menu {
		display: none;
	}

	#topics #header .headder-logo,
	#topics-list #header .headder-logo {
		margin-top: 0;
	}

	#topics #main,
	#topics-list #main {
		margin: 0;
		padding: 0;
	}

	#topics .pNav,
	#topics-list .pNav {
		width: 94%;
		margin: 1em auto;
	}

	#topics h2,
	#topics-list #main h2 {
		width: 94%;
		margin: 0 auto;
		font-size: 1.2em;
	}

	#topics #up_ymd {
		width: 94%;
		margin: 1em auto;
		text-align: left;
	}

	#topics #detail {
		width: 94%;
		margin: 0 auto;
	}

	#topics #detail img {
		width: 100%;
	}

	#topics .backORcloseBtn {
		width: 94%;
		margin: 0 auto;
	}

	#topics .backORcloseBtn a {
		width: 30%;
		padding: 1em;
		margin-bottom: 1em;
	}

	#topics-list #newsWrap {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#topics-list .pager {
		height: auto;
	}

	#topics-list #newsWrap li {
		line-height: 2em;
		padding-bottom: 0.5em;
	}

	#topics-list #newsWrap li .up_ymd {
		width: 100%;
	}

	#topics-list #newsWrap li .title-box {
		width: 100%;
	}

	/* ---------- お問い合わせページ ---------- */

	#contact #header .language-select {
		display: none;
	}

	#contact #header .headder-logo {
		margin-top: 0;
	}

	#contact #header .main-menu {
		display: none;
	}

	#contact #main {
		margin: 0;
		padding: 0;
	}

	#contact #main h2 {
		width: 94%;
		margin: 1em auto;
		font-size: 1.2em;
	}

	#contact #formWrap {
		width: 94%;
		margin: 0 auto;
	}

	#contact #formWrap .form-box dt {
		width: 100%;
		float: none;
	}

	#contact #formWrap .form-box dd {
		width: 100%;
		float: none;
		border-left: none;
	}

	#contact .kakunin #formWrap table.formTable {
		border-top: 1px solid #24ac7b;
	}

	#contact .kakunin #formWrap table.formTable th,
	#contact .kakunin #formWrap table.formTable td {
		display: block;
		width: 100%;
		border-top: none;
	}

	#contact #main form,
	#contact #main form input,
	#contact #main form textarea,
	#contact #main form select {
		width: 100%;
	}

	#contact #main form input[type="radio"] {
		width: 20%;
	}

	#contact .button-box {
		width: 100%;
	}

	#contact form .button-box input[type="reset"] {
		margin-left: 0;
		margin-top: 1em;
	}

	#contact .kakunin input[type="submit"],
	#contact .kakunin input[type="button"] {
		margin-bottom: 2em;
	}

	#contact .kanryo a {
		margin-bottom: 2em;
	}

	#contact .kanryo .message {
		width: 94%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	/* ---------- お問い合わせ（送信完了） ---------- */

	#contact .thanks-box {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}

	/* ---------- 奨学金制度（採用者） ---------- */

	#scholarship #header .language-select {
		display: none;
	}

	#scholarship #header .headder-logo {
		margin-top: 0;
	}

	#scholarship #header .main-menu {
		display: none;
	}

	#scholarship #main h2 {
		width: 94%;
		text-align: center;
		margin: 0 auto;
	}

	#scholarship .scholarship-box {
		width: 94%;
	}

	#scholarship .sub-list dt,
	#scholarship .sub-list dd {
		width: 100%;
	}

	#scholarship .image-area h4 {
		text-align: center;
		margin: 0.5em;
		font-size: 0.8em;
	}

	#scholarship .image-area .photo-box img {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		float: left;
		padding: 5px;
	}

	/* ---------- 外国人留学生おすすめ物件 ---------- */

	#recommendations #header .headder-logo {
		margin-top: 1rem;
	}

	#recommendations #header .main-menu {
		display: none;
	}

	#recommendations #main {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#recommendations .comment-box {
		background-position: center top;
		margin: 1rem auto;
	}

	#recommendations .comment-box dt,
	#recommendations .comment-box dd {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		padding: 0;
	}

	#recommendations .comment-box dt .comment-sub {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: auto;
		overflow: hidden;
	}


	#recommendations .comment-box dt {
		font-size: 2rem;
		text-align: center;
	}

	#recommendations .comment-box dt span.otoku {
		display: inline-block;
		line-height: 6rem;
		float: none;
	}

	#recommendations .comment-box dt span.otoku.tokuten {
		display: inline-block;
		float: none;
	}

	#recommendations .comment-box li {
		font-size: 1.6rem;
		padding-left: 0;
		text-align: center;
	}

	#recommendations .comment-box li span.tokuten-no {
		width: 6rem;
		font-size: 1.6rem;
		padding: 0.5rem;
		margin-right: 1.5rem;
	}

	#recommendations .comment-box li span.emphasis {
		font-size: 2rem;
	}

	#recommendations .torikumi-mobile a {
		display: block;
		width: 250px;
		height: 40px;
		margin: 4rem auto;
		font-size: 1.2em;
		text-align: center;
		background-color: #e2261f;
		color: #ffffff;
		border: solid 1px #e2261f;
		font-weight: bold;
		line-height: 40px;
		border-radius: 5px;
		text-decoration: none;
	}

	#recommendations .sort-box.pc {
		display: none;
	}

	#recommendations .sort-box {
		width: 100%;
		font-size: 1.6rem;
	}

	#recommendations .sort-box details {
		width: 100%;
		height: auto;
	}

	#recommendations .sort-box details summary {
		display: block;
		list-style: none;
		width: 100%;
		margin: 0;
		border: none;
		font-weight: normal;
		padding: 0;
		margin-bottom: 2rem;
		outline: none;
	}

	#recommendations .sort-box details summary:hover {
		border-radius: 0;
		background: none;
	}

	#recommendations summary::-webkit-details-marker {
		display: none;
	}

	#recommendations .sort-box .list-order {
		width: 100%;
	}

	#recommendations .sort-box .list-order span {
		padding: 1.5rem;
	}

	#recommendations details[open] summary {
		background: none;
	}

	#recommendations .sort-box .order-type {
		padding: 0;
	}

	#recommendations .sort-box ul,
	#recommendations .sort-box li {
		list-style: none;
		display: block;
	}

	#recommendations .sort-box li.order-type {
		width: 100%;
	}

	#recommendations .sort-box .order-type a {
		display: block;
		width: 100%;
		height: auto;
		padding: 0.5rem;
		background-color: rgba(229, 0, 27, 0.1);
		text-decoration: none;
		text-align: center;
		padding: 1.5rem;
	}

	#recommendations .sort-box .current a {
		background-color: #e2261f;
		color: #ffffff;
	}

	#recommendations .sort-box .list-order span {
		display: block;
		width: 100%;
		height: auto;
		padding: 0.5rem;
		text-align: center;
		background-color: rgba(86, 167, 100, 0.2);
		padding: 1.5rem;
	}

	#recommendations .osusume-box {
		width: 100%;
		float: none;
	}

	#recommendations .bukken-box {
		width: 100%;
		height: 560px;
		float: none;
		margin: 1rem auto;
	}

	#recommendations .bukken-box .title-box {
		margin-bottom: 0;
	}

	#recommendations .bukken-box .new-box {
		margin-top: -2rem;
	}

	#recommendations .condition-box {
		width: 100%;
	}

	#recommendations .condition-box button {
		padding: 1rem 0.5rem;
		font-weight: bold;
	}

	#recommendations .condition-box form input {
		margin: 1.5rem 0;
	}

	#recommendations .condition-box form select {
		width: 100%;
		padding: 0.5rem;
	}

	/* ---------- 外国人留学生おすすめ物件（詳細画面） ---------- */

	#recommendations-detail #header .headder-logo {
		margin-top: 0;
	}

	#recommendations-detail .main-menu {
		display: none;
	}

	#recommendations-detail #main {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#recommendations-detail #main .title_block h2 span {
		display: block;
		width: 100%;
	}

	#recommendations-detail #main .title_block h2 .address {
		text-align: right;
		padding-right: 1rem;
	}

	#recommendations-detail .slide-box {
		display: flex;
		flex-wrap: wrap;
	}

	#recommendations-detail .slide-box .pagination {
		height: auto;
		margin-top: 1rem;
	}

	#recommendations-detail .slide-box .bottom {
		display: none;
	}

	#recommendations-detail .slide-box #thumbs {
		order: 2;
		width: 100% !important;
		float: none !important;
	}

	#recommendations-detail .slide-box .thumbs li {
		display: block;
		width: 33.3%;
		height: auto;
		margin: 0.5rem 0;
	}

	#recommendations-detail .slide-box .thumbs a {
		display: block;
		width: 100%;
		height: 8rem;
		overflow: hidden;
		padding: 0;
	}

	#recommendations-detail .slide-box .thumbs img {
		width: 100%;
		height: 8rem;
		object-fit: cover;
	}

	#recommendations-detail .slide-box .room_layout_mobile {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
		margin-top: 2rem;
	}

	#recommendations-detail .slide-box .room_layout_mobile .title {
		width: 100%;
		height: auto;
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
		color: #56a764;
		margin-bottom: 0.5em;
	}

	#recommendations-detail .slide-box #gallery {
		order: 1;
		width: 100%;
		float: none;
	}

	#recommendations-detail .slide-box #gallery .controls {
		width: 100%;
		height: 2.1em;
	}

	#recommendations-detail .slide-box #gallery .ss-controls {
		width: 55%;
	}

	#recommendations-detail .slide-box #gallery .ss-controls a.play,
	#recommendations-detail .slide-box #gallery .ss-controls a.pause {
		width: 90%;
	}

	#recommendations-detail .slide-box #gallery a.prev,
	#recommendations-detail .slide-box #gallery a.next {
		width: 48%;
	}

	#recommendations-detail .slide-box #gallery .nav-controls {
		width: 45%;
	}

	#recommendations-detail .slide-box #gallery .slideshow {
		width: 100%;
		height: 250px;
	}

	#recommendations-detail .slide-box #gallery .slideshow img {
		width: 100%;
		height: 250px;
		object-fit: cover;
	}

	#recommendations-detail .slide-box #gallery .room_layout {
		display: none;
	}

	#recommendations-detail #main .base_detail dl.detail-box {
		width: 100%;
		float: none;
	}

	#recommendations-detail #main .base_detail dl.detail02 {
		border-top: none;
	}

	#recommendations-detail #main .button-box input[type="submit"] {
		width: 80%;
	}

	#contact .formError {
		right: 1rem;
	}


#staff-k-id .staff-k {
	display: block;
	height: 100%;
}
#staff-k-id .staff-k .staff-k-img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	background-color: #ff6600;
}
#staff-k-id .staff-k .staff-k-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#staff-k-id .staff-k .text-staff-k {
	width: 100%;
}
#staff-k-id .staff-k .text-staff-k .text-staff-k-t {
	font-size: 24px;
	line-height: 3rem;
}


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