@charset "utf-8";


/*---------------------------------------------------------------------------------------
	大枠設定
----------------------------------------------------------------------------------------*/

body{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color:#111;
	text-align:center;
	overflow-x:hidden;
}
body.ovh{ overflow:hidden;}
.switch{}
a{ color:#111; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ color:#999; text-decoration:none;}
.wrap{
    max-width: 1000px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: content-box;
}
.dinfont{ font-family: din-condensed, sans-serif;}
.din{
    font-size: 54px;
    line-height: 0.7;
    font-weight: normal;
    font-family: din-condensed, sans-serif;
}
.din span{ font-size: 18px;}
.bg-gray{ background: #f6f8f6;}
.bg-beige{ background: #f7efe6;}
.bg-green{ background: #edf1e2;}
.subtitle{
    position: relative;
    margin-bottom: 60px;
}
.subtitle:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -19px;
    left: 0;
    width: 50px;
    height: 6px;
    background: #000;
    display: block;
    margin: 0 auto;
}
.subtitle2{
    color: #7D0022;
    font-size: 24px;
    font-weight: bold;
}
.subtitle3{
    font-size: 20px;
    text-align: left;
}
.subtitle4{
    font-size: 28px;
	font-weight: normal;
    line-height: 1.1;
    text-align: left;
    padding-left: 20px;
    border-left: 5px solid #000;
}
.subtitle5{
    color: #000;
    font-size: 23px;
}
.subtitle6{
    font-size: 23px;
    line-height: 1.8;
    font-weight: normal;
}
.subtitle7{
    font-size: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid #A0A0A0;
}
.subtitle8{
    font-size: 20px;
    border-bottom: solid 1px #000;
}
.subtitle9{
    font-size: 18px;
    padding: 10px 20px;
    background: #F6F8F6;
}
.subtitle9.bg-green{
    background: #FAFBE7;
}
.subtitle9 span{
    display: inline-block;
    border-left: 4px solid #D2D2D2;
    line-height: 1.1;
    padding-left: 15px;
}
.subtitle10{
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
}
.ttlarea{
	min-height: 160px;
	padding: 5px 3% 30px;
	background: #f6f8f6;
}
.ttlarea ol{
	max-width: 1000px;
	min-height: 160px;
	padding: 5px 3% 30px;
	margin: 0 auto;
	text-align: left;
	background: #f6f8f6;
}
.ttlarea ol li{
	display: inline-block;
	vertical-align: top;
}
.ttlarea ol li:not(:last-child):after{
	content: "〉";
	margin-left: .6em;
}
.ttl1{
	font-size: 54px;
	font-weight: normal;
	line-height: 1.2;
}
.ttl1:after{
	content: "";
	display: block;
	width: 50px;
	height: 5px;
	margin: 0 auto 0;
	background: #000;
}

.btn a{
    color: #fff;
    background: #000;
    display: inline-block;
    padding: 10px 20px;
	text-align: center;
}
.btn.btn-brown a{
    background: #644f46;
}
.btn a:after{
    content: "";
    background: url(./images/arrow-white.svg) no-repeat left top;
    width: 7px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
}
.btn2 a{ text-decoration: underline;}
.btn2 a:after{
	content: "";
	width: 6px;
	height: 12px;
	display: inline-block;
	margin-left: 20px;
	background: url(./images/arrow-black.svg) no-repeat center;
}
.btn3 a{
	display: block;
	width: 100%;
	max-width: 370px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
	margin: 0 auto;
	background: #6c000a;
    background: url(./images/arrow-white.svg) right 5% center no-repeat #6c000a;
}
.btn3.btn-left a{
    background: url(./images/arrow-white-left.svg) left 5% center no-repeat #6c000a;
}
.btn4 a{
    color: #000;
	font-size: 18px;
	font-weight: bold;
    background: #fff;
    display: inline-block;
    padding: 10px 20px;
	text-align: center;
	border: 1px solid #bbb;
}
.btn4 a:after{
    content: "";
    background: url(./images/arrow-black.svg) no-repeat left top;
    width: 7px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
}
.btn5 a{
	display: block;
	width: 100%;
	max-width: 370px;
	color: #6c000a;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
	margin: 0 auto;
	border: 1px solid #6c000a;
    background: url(./images/arrow-red-right.svg) right 5% center no-repeat #fff;
}
ul#pan{
    clear: both;
    overflow: hidden;
    margin-bottom: 25px;
}
ul#pan li{
    float: left;
}
ul#pan li:before{
    content: "〉";
    margin-left: 10px;
}
ul#pan li:first-child:before{
    content: none;
}
ul#pan li a{
    text-decoration: underline;
}
ul#pan li img{
	height: 14px;
	width: auto;
	vertical-align: middle;
	margin-top: -4px;
}
.title-area{
    padding: 10px 0 45px;
    background: #F6F8F6;
}
.title-area.kobe{
    background: #FFF8F0;
}
.title-area ul#pan{ margin-bottom: 10px;}
.title-area.oneline{ min-height: 160px;}
.title-area.oneline ul#pan{ margin-bottom: 30px;}
.title-area h2.jpn{ font-size: 42px; font-weight: bold; line-height: .7;}
.title{
    font-size: 24px;
    text-align: left;
    border-bottom: 2px solid #000;
}
.anc{}
dl.corona{
	border: 1px solid #ccc;
	padding: 25px 30px;
}
dl.corona dt{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
dl.corona dd{
	font-size: 16px;
	text-align: left;
}
.dis-none{ display: none;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
    .wrap{
        padding-right: 3%;
        padding-left: 3%;
    }
    .din{
        font-size: 34px;
    }
    .din span{
        font-size: 14px;
    }
    .subtitle{
        margin-bottom: 20px;
    }
    .subtitle:after{
        width: 30px;
        height: 3px;
        bottom: -10px;
    }
    ul#pan{
        margin-bottom: 15px;
    }
    .title{
        font-size: 20px;
        border-bottom: 1px solid #000;
    }
    .subtitle2{
        font-size: 18px;
    }
    .subtitle3{
        font-size: 18px;
    }
    .subtitle4{
        font-size: 20px;
        padding-left: 10px;
        border-left: 3px solid #000;
    }
    .subtitle5{
        font-size: 18px;
    }
    .subtitle6{
        font-size: 18px;
        line-height: 1.6;
    }
    .subtitle7{
        font-size: 16px;
        padding-bottom: 5px;
    }
    .subtitle8{
        font-size: 18px;
    }
    .subtitle9{
        font-size: 16px;
        padding: 5px 10px;
        background: #F6F8F6;
    }
    .subtitle9 span{
        border-left: 2px solid #D2D2D2;
        padding-left: 10px;
    }
    .subtitle10{
        font-size: 20px;
        line-height: 1.2;
    }
	.ttl1{
		font-size: 36px;
	}
	.ttl1:after{
		width: 25px;
		height: 3px;
	}
    .title-area{
        padding-bottom: 20px;
    }
	.title-area.oneline{
		min-height: inherit;
		padding-bottom: 25px;
	}
	.title-area.oneline ul#pan{ margin-bottom: 20px;}
	.title-area h2.jpn{ font-size: 28px; line-height: 1;}
	.btn2 a:after{
		margin-left: 10px;
	}
	.btn3 a{
		font-size: 18px;
		padding: 10px 0;
	}
	.btn4 a{
		font-size: 16px;
		padding: 5px 20px;
	}
	.btn4 a:after{
		margin-left: 10px;
	}
	dl.corona{
		padding: 15px 20px;
	}
	dl.corona dt{
		font-size: 18px;
		margin-bottom: 15px;
	}
	dl.corona dd{
		font-size: 14px;
	}
}

@media screen and (max-width:1035px){
    .anc{
        padding-top: 65px;
        margin-top: -65px;
    }
}





/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/

header{
	box-sizing: content-box;
	width: 94%;
	max-width: 1140px;
	padding: 0 3%;
	margin: 0 auto;
	position: relative;
	z-index: 555;
}
header#top-header{
	position: absolute;
	top: 0;
}
header.open:before{
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 110px;
	background: #fff;
}
body.ovh #wrapper:after{
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 500;
}
header h1{
	float: left;
	padding: 30px 0;
	position: relative;
	z-index: 555;
}
header ul.pcgnav{
	float: right;
	padding: 30px 0;
	margin-right: 115px;
	position: relative;
	z-index: 555;
}
header ul.pcgnav li{
	float: left;
    font-weight: bold;
}
header ul.pcgnav li a{
	display: block;
	padding: 0 1em;
	line-height: 40px;
}
header#top-header ul.pcgnav li a{
	color: #fff;
}
header ul.pcgnav2{
	clear: both;
	margin-bottom: 20px;
	position: relative;
	z-index: 555;
}
header ul.pcgnav2 li{
	display: inline-block;
	vertical-align: top;
}
header ul.pcgnav2 li a{
	display: block;
	color: #111!important;
	font-weight: bold;
	padding: 0 1em;
}
header ul.pcgnav2 li a:hover{
	opacity: .5;
}
header ul.pcgnav2 li.sns a{
	padding: 0 5px;
}
header ul.pcgnav2 li a span{
	display: inline-block;
	color: #8E1F15;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: .05em;
	line-height: .7;
}
header div.gnav{
    position: fixed;
    top: 110px;
    right: -300px;
    width: 300px;
    text-align: left;
    padding: 5px 15px 25px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    height: 100vh;
    height : 95vh ; /* IE8以下とAndroid4.3以下用フォールバック */
    height : -webkit-calc(100vh - 110px) ;
    height : calc(100vh - 110px) ;
    overflow: auto;
    z-index: 9999;
    background: #fff;
}
header.open div.gnav{
    -moz-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
}
header div.gnav ul li{
    font-weight: bold;
    border-bottom: 1px solid #7D7D7D;
}
header div.gnav ul li a{
    display: block;
	padding: 10px 0;
}
header div.gnav ul li dl dt{
    background: url(./images/ac-icon.png) no-repeat right top;
    background-size: 21px auto;
    cursor: pointer;
}
header div.gnav ul li dl dt.open{
    background: url(./images/ac-icon.png) no-repeat right bottom;
    background-size: 21px auto;
}
header div.gnav ul li dl dt a,
header div.gnav ul li dl dt span{
	display: inline-block;
    padding: 10px 0;
}
header div.gnav ul li dl dd{ display: none;}
header div.gnav ul li dl dd ul{ border-top: 1px solid #ccc;}
header div.gnav ul li dl dd ul li{ border-bottom: 1px solid #ccc;}
header div.gnav ul li dl dd ul li:last-child{ border-bottom: none;}
header div.gnav ul li dl dd ul li a{ padding-left: 1em;}
header div.gnav p.close{
    padding: 10px 0;
	text-align: right;
	cursor: pointer;
}
header p.menu{
	position: absolute;
	right: 3%;
	top: 25px;
	width: 50px;
	height: 50px;
	background: #644f46;
    z-index: 9999;
	cursor: pointer;
}
header p.menu{
	width: 50px;
	height: 50px;
	background: url("./images/menu-sp.png") top center / 100% auto no-repeat;
}
header.open p.menu{ background: url("./images/menu-sp.png") bottom center / 100% auto no-repeat;}
header p.menu span{
	display: inline-block;
	display: none;
	position: absolute;
	left: 16px;
	width: 18px;
	height: 1px;
	background: #fff;
}
header p.menu em{
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	display: inline-block;
	display: none;
	padding-top: 30px;
}
header p.login-out{
	position: absolute;
	right: calc(3% + 52px);
	top: 25px;
	width: 50px;
	height: 50px;
	background: #644f46;
    z-index: 9999;
	cursor: pointer;
}
header p.login-out:hover{
	opacity: .8;
}
header p.menu span:nth-of-type(1){ top: 14px;}
header p.menu span:nth-of-type(2){ top: 19px;}
header p.menu span:nth-of-type(3){ bottom: 25px;}
header.open p.menu span:nth-of-type(1){ transform: translateY(5px) rotate(-45deg);}
header.open p.menu span:nth-of-type(2){ opacity: 0;}
header.open p.menu span:nth-of-type(3){ transform: translateY(-5px) rotate(45deg);}

@media screen and (max-width:1060px){
    header{
        height: 65px;
        position: fixed;
        top: 0;
		transition: .5s;
    }
	header.open:before{
		content: none;
	}
	header.hide{
		transform: translateY(-65px);
	}
	header h1{
		padding: 8px 0;
	}
	header h1 img{
		width: 148px;
	}
	header ul.pcgnav,
	header ul.pcgnav2{ display: none;}
	header div.gnav{
		top: 50px;
		height: 100vh;
		height : 95vh ; /* IE8以下とAndroid4.3以下用フォールバック */
		height : -webkit-calc(100vh - 50px) ;
		height : calc(100vh - 50px) ;
	}
	header p.menu{
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
		background: url("./images/menu-sp.png") top center / 100% auto no-repeat;
	}
	header.open p.menu{ background: url("./images/menu-sp.png") bottom center / 100% auto no-repeat;}
	header p.menu span{ display: none;}
	header p.login-out{
		right: 50px;
		top: 0;
		width: 50px;
		height: 50px;
	}
	header p.login-out:hover{
		opacity: 1;
	}
}





/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

#contents{
    clear: both;
}
@media screen and (max-width:1060px){
	#contents{
		padding-top: 65px;
	}
	#contents.pt0{
		padding-top: 0;
	}
}

.info{
	text-align: left;
	position: fixed;
	z-index: 99;
	right: 20px;
	bottom: 20px;
	-webkit-transform: translateZ(0);
	max-width: 300px;
	/*
	padding: 3px;
	border: 1px solid #000;
	border-radius: 5px;
	background: #fff;
	*/
}
.info ul{
/*	padding: 2px 8px;*/
	max-height: 160px;
	overflow-y: auto;
}
.info ul li{
	margin-bottom: 5px;
}
.info p{
	cursor: pointer;
	position: absolute;
	top: -30px;
	right: 0;
	width: 25px;
	height: 25px;
	background: url(./images/colorbox-close.png) center no-repeat #000;
	border-radius: 5px;
}
.info p:hover{
	opacity: .7;
}

@media screen and (max-width:768px){
	.info{
		width: 92%;
	}
	.info p{
		background: url(./images/colorbox-close.png) center / 12px auto no-repeat #000;
	}
}




/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/

footer{
	clear: both;
	padding: 0 3% 80px;
	background: url(./images/footer-bg.jpg) no-repeat left bottom;
	background-size: cover;
}
footer #pagetop{
	max-width: 1040px;
	margin: 0 auto 20px;
	text-align: right;
	position: relative;
}
footer #pagetop img{
	margin-top: -30px;
}
footer ul{
	clear: both;
	margin-bottom: 20px;
}
footer ul li{
	display: inline-block;
	vertical-align: top;
}
footer ul li a{
	display: block;
	padding: 0 1em;
	font-weight: bold;
	line-height: 40px;
}
footer #copy{
	clear: both;
    font-size: 10px;
    font-weight: bold;
}

@media screen and (max-width:768px){
	footer{
		padding: 0 3% 50px;
	}
	footer #pagetop{
		margin: 0 auto 20px;
		text-align: center;
	}
	footer #pagetop img{
		width: 60px;
		margin-top: -25px;
	}
	footer ul li{
		display: block;
		font-weight: bold;
		text-align: left;
		border-bottom: 1px solid #7D7D7D;
	}
	footer ul li a{
		display: block;
		padding: 10px 0;
		line-height: 1.6;
	}
}





/*---------------------------------------------------------------------------------------
	top
----------------------------------------------------------------------------------------*/

body.topdesign #wrapper{
	background: url("./images/bg-wallblue.jpg") center top repeat;
}
/* top-mv */
.top-mv{
/*	max-width: 1100px;
	padding-left: 5%;*/
	position: relative;
	margin: 0 auto 35px;
}
/*
.top-mv:before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: -35px;
	width: 95%;
	height: 100%;
	background: rgba(136,152,135,.3);
}
*/
.top-mv .top-mvwrap{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	z-index: 8;
}
.top-mv video{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	min-height: 100%;
	min-width: 100%;
	z-index: -1;
}
.top-mv h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 5;
}
.top-mv a{
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
	z-index: 5;
}
/* top-menu */
.top-menu{
	clear: both;
	padding: 100px 3% 60px;
	background: url("./images/top-menu-bg.png") center bottom 190px no-repeat;
}
.top-menu h2{
	margin-bottom: 40px;
}
.top-menu ul{
	max-width: 1000px;
	margin: 0 auto 20px;
}
.top-menu ul li{
	display: inline-block;
	width: 24.4%;
	max-width: 244px;
	margin: 0 4% 40px;
	vertical-align: top;
}
.top-menu ul li a{
	display: inline-block;
}
.top-menu ul li a:hover{
	color: #111;
	opacity: .6;
}
.top-menu ul li a img{
	margin-bottom: 10px;
}
.top-menu ul li a strong{
	font-size: 24px;
	letter-spacing: .08em;
	padding-right: 20px;
	background: url("./images/arrow-black.svg") right center no-repeat;
	background-size: 8px auto;
}
.top-menu p{
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 50px;
}
.top-menu p img{
	margin-top: 20px;
}
/* top-contact */
.top-contact{
	clear: both;
	padding: 70px 0 50px;
	background: url("./images/top-contact-bg.png") center top no-repeat #fff;
}
.top-contact h2{
	margin-bottom: 35px;
}
.top-contact .wrap{
	display: flex;
}
.top-contact .wrap article{
	width: 50%;
	padding: 0 6%;
}
.top-contact .wrap article:last-child{
	border-left: 2px solid #dbdbdb;
}
.top-contact .wrap article h3{
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.top-contact .wrap article h3 a{
	text-decoration: underline;
}
.top-contact .wrap article p.tel{
	font-size: 44px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 20px;
	background: url(./images/icon-tel.svg) left center no-repeat;
}
.top-contact .wrap article .txt{
	min-height: 100px;
	text-align: left;
}
.top-contact .wrap article .mail{
	text-align: left;
	padding-left: 50px;
	margin-bottom: 20px;
	background: url(./images/icon-mail.svg) left center no-repeat;
}
.top-contact .wrap article .map{
	text-align: left;
	padding-left: 50px;
	margin-bottom: 20px;
	background: url(./images/icon-pin.svg) left 5px center no-repeat;
}
.top-contact .wrap article .mail a,
.top-contact .wrap article .map a{
	font-size: 20px;
	text-decoration: underline;
}

@media screen and (max-width:1000px){
	.top-contact .wrap article{
		padding: 0 5%;
	}
	.top-contact .wrap article p.tel{
		font-size: 35px;
	}
}
@media screen and (max-width:768px){
	body.topdesign #wrapper{
		background-size: 650px auto!important;
	}
	/* top-mv */
	.top-mv{
/*		padding-left: 5%;*/
		margin-bottom: 20px;
	}
	.top-mv:before{
		bottom: -20px;
		width: 95%;
	}
	.top-mv .top-mvwrap{
		height: 65vh;
	}
	.top-mv p{
		width: 220px;
	}
	/* top-menu */
	.top-menu{
		padding: 40px 5% 60px;
		background: url("./images/top-menu-bg-sp.png") center bottom 45% / 100% auto no-repeat;
	}
	.top-menu h2{
		margin-bottom: 20px;
	}
	.top-menu ul{
		margin: 0 auto 15%;
	}
	.top-menu ul li{
		width: 44%;
		margin: 0 3% 10px;
	}
	.top-menu ul li:nth-of-type(3){
		display: block;
		margin: 0 auto 10px;
	}
	.top-menu ul li a img{
		margin-bottom: 5px;
	}
	.top-menu ul li a strong{
		font-size: 14px;
		padding-right: 10px;
		background-size: 5px auto!important;
	}
	.top-menu p{
		font-size: 12px;
		margin-bottom: 20px;
	}
	.top-menu p img{
		width: 100%;
		max-width: 330px;
		margin-top: 10px;
	}
	/* top-contact */
	.top-contact{
		padding: 40px 0 20px;
		background: #fff;
	}
	.top-contact h2{
		margin-bottom: 0;
	}
	.top-contact .wrap{
		display: block;
	}
	.top-contact .wrap article{
		width: auto;
		padding: 40px 0 20px;
	}
	.top-contact .wrap article:last-child{
		border-left: none;
		border-top: 1px solid #dbdbdb;
	}
	.top-contact .wrap article h3{
		font-size: 22px;
	}
	.top-contact .wrap article p.tel{
		display: block;
		font-size: 36px;
		line-height: 30px;
		padding-left: 40px;
		background-size: auto 30px;
	}
	.top-contact .wrap article .txt{
		min-height: inherit;
		text-align: left;
		margin-bottom: 30px;
		padding: 0 40px;
	}
	.top-contact .wrap article .mail{
		text-align: left;
		padding-left: 40px;
		background-size: 20px auto!important;
	}
	.top-contact .wrap article .map{
		text-align: left;
		padding-left: 40px;
		background: url(./images/icon-pin.svg) left 3px center no-repeat;
		background-size: 14px auto!important;
	}
	.top-contact .wrap article .mail a,
	.top-contact .wrap article .map a{
		font-size: 16px;
	}
}







/*---------------------------------------------------------------------------------------
	login
----------------------------------------------------------------------------------------*/

.login-ttl{
	color: #fff;
	font-size: 48px;
	font-weight: normal;
	letter-spacing: .05em;
	line-height: 220px;
	background: url(./images/login-ttl-bg.jpg) center / cover no-repeat;
}
.login-box1{
	padding-top: 60px;
	padding-bottom: 60px;
}
.login-box1{
	display: flex;
}
.login-box1 article{
/*	width: 47%;*/
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
	padding: 40px 4%;
	border: 3px solid #f0eeea;
}
/*.login-box1 article:first-child{ margin-right: 6%;}*/
.login-box1.forget article{
	width: 100%;
	margin-right: 0;
}
.login-box1.forget article .tel{
	font-size: 24px;
}
.login-box1.forget article .tel span,
.login-box1.forget article .tel a{
	padding-left: 30px;
	background: url(./images/icon-tel.svg) left center / 16px auto no-repeat;
	display: inline-block;
}
.login-box1 article h4{
	font-size: 20px;
	font-weight: bold;
}
.login-box1 article h4 strong{
	color: #6c000a;
	font-size: 24px;
}
.login-box1 article dl{
	display: table;
	width: 100%;
	line-height: 60px;
}
.login-box1 article dl dt{
	display: table-cell;
	width: 9em;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
.login-box1 article dl dt.id{
	line-height: 1.2;
	vertical-align: top;
	padding-top: 5px;
}
.login-box1.forget article dl dt{
	width: 10em;
}
.login-box1 article dl dd{
	display: table-cell;
}
.login-box1 article dl dd input{
	height: 60px;
	border-radius: 5px;
	border: 1px solid #818181;
}
.login-box1 article p.txt{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.login-box1 article a.txtlink{
	display: inline-block;
	color: #6c000a;
	font-weight: bold;
	padding-right: 20px;
	margin-right: 2em;
	background: url(./images/arrow-red-right.svg) right center no-repeat;
}
.login-box2{
	clear: both;
	padding-top: 100px;
	padding-bottom: 70px;
}
.login-box2 h4{
	font-size: 28px;
	font-weight: bold;
}
.login-box2 p.txt{
	font-size: 16px;
	line-height: 2;
	font-weight: bold;
}
.login-box2 .login-service{
	display: flex;
}
.login-box2 .login-service article{
	width: 22%;
	font-size: 16px;
	text-align: left;
}
.login-box2 .login-service article:not(:last-child){ margin-right: 4%;}
.login-box2 .login-service article figure{
	margin-bottom: 15px;
}
.login-box2 .login-service article h5{
	color: #6c000a;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
.login-box2 .login-service article h5 small{
	font-size: 16px;
}
@media screen and (max-width:768px){
	.login-ttl{
		font-size: 36px;
		line-height: 120px;
	}
	/* login-box1 */
	.login-box1{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.login-box1{
		display: block;
	}
	.login-box1 article{
		width: auto;
		padding: 20px 5%;
	}
	.login-box1.forget article .tel{
		font-size: 18px;
	}
	.login-box1.forget article .tel span,
	.login-box1.forget article .tel a{
		padding-left: 20px;
		background: url(./images/icon-tel.svg) left center / 10px auto no-repeat;
	}
	.login-box1 article:first-child{ margin-right: 0; margin-bottom: 20px;}
	.login-box1 article h4{
		font-size: 18px;
	}
	.login-box1 article h4 strong{
		font-size: 20px;
	}
	.login-box1 article dl{
		line-height: 40px;
	}
	.login-box1 article dl dt{
		width: 9em;
		font-size: 14px;
	}
	.login-box1 article dl dd input{
		height: 40px;
	}
	.login-box1 article p.txt{
		font-size: 14px;
	}
	.login-box1 article a.txtlink{
		padding-right: 15px;
		margin-right: 0;
	}
	/* login-box2 */
	.login-box2{
		padding-top: 40px;
		padding-bottom: 70px;
	}
	.login-box2 h4{
		font-size: 20px;
	}
	.login-box2 p.txt{
		font-size: 14px;
	}
	.login-box2 .login-service{
		display: block;
	}
	.login-box2 .login-service article{
		width: auto;
		font-size: 14px;
	}
	.login-box2 .login-service article:not(:last-child){ margin-right: 0; margin-bottom: 30px;}
	.login-box2 .login-service article figure{
		text-align: center;
	}
	.login-box2 .login-service article h5{
		font-size: 18px;
	}
	.login-box2 .login-service article h5 small{
		font-size: 14px;
	}
}

/* login2 */
.login2-greeting{
	padding-top: 60px;
	padding-bottom: 70px;
}
.login2-greeting dl{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
.login2-greeting dl dt{
	font-size: 22px;
	margin-bottom: 20px;
}
.login2-slider{
	padding-top: 40px;
	padding-bottom: 90px;
}
.login2-slider h3{
	color: #6c000a;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
}
.login2-slider .slider{
}
.login2-slider .slider li.slick-slide{
	margin: 0 10px 10px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 5px 5px 10px -6px rgba(0,0,0,0.2);
	overflow: hidden;
}
.login2-slider .slider li.slick-slide a{
	color: #111;
	display: block;
	padding: 20px;
	overflow: hidden;
}
.login2-slider .slider li.slick-slide figure.slider-left{
	float: left;
	width: 46%;
	margin-right: 20px;
}
.login2-slider .slider li.slick-slide div.slider-right{
	text-align: left;
	overflow: hidden;
}
.login2-slider .slider li.slick-slide div.slider-right p.tag{
	padding-top: 10px;
}
.login2-slider .slider li.slick-slide div.slider-right p.ttl{
	color: #6c000a;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #717171;
}
.login2-slider .slider li.slick-slide div.slider-right dl.detail{
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
.login2-slider .slider li.slick-slide div.slider-right dl.detail dt{
	clear: left;
	float: left;
}
.login2-slider .slider li.slick-slide div.slider-right dl.detail dd{
	overflow: hidden;
}
.login2-slider .slider li.slick-slide div.slider-right div.spec{
	clear: both;
	display: flex;
	padding: 25px 0;
	margin-bottom: 20px;
	background: #f1f1e6;
}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl{
	width: 23%;
	padding: 0 5px;
	text-align: center;
}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl:not(:last-child){
	border-right: 1px solid #ccc;
}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl dt{
	font-weight: bold;
	margin-bottom: 5px;
}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl dd{
	color: #6c000a;
	font-size: 16px;
	font-weight: bold;
}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl.price dd strong{
	font-size: 28px;
	line-height: 1;
}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl.price{ width: 30%;}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl.price dt{ margin-bottom: 0;}
.login2-slider .slider li.slick-slide div.slider-right div.spec dl.price dd{ color: #b50112;}
.login2-slider .slider li.slick-slide div.slider-right p.more{
	text-align: right;
}
.login2-slider .slider li.slick-slide div.slider-right p.more span{
	color: #111!important;
	font-weight: bold;
	padding-right: 15px;
	background: url("./images/arrow-red-right.svg") right center / 5px auto no-repeat;
}
.login2-slider .slider .slick-prev{
    left: -10px;
    background: url("./images/icon-prev.svg") no-repeat left top;
    background-size: 36px auto;
}
.login2-slider .slider .slick-prev:hover{
    background: url("./images/icon-prev.svg") no-repeat left top;
    background-size: 36px auto;
}
.login2-slider .slider .slick-next{
    right: -15px;
    background: url("./images/icon-next.svg") no-repeat left top;
    background-size: 36px auto;
}
.login2-slider .slider .slick-next:hover{
    background: url("./images/icon-next.svg") no-repeat left top;
    background-size: 36px auto;
}
.login2-slider .slider .slick-dots li{
    width: 12px;
    height: 12px;
    margin: 0 4px;
}
.login2-slider .slider .slick-dots li button{
    width: 12px;
    height: 12px;
}
.login2-slider .slider .slick-dots li button:before{
    font-size: 12px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    border: 1px solid #717171;
}
.login2-news{
	clear: both;
	padding-top: 70px;
	padding-bottom: 80px;
}
.login2-news h3{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}
.login2-news dl{
	clear: both;
	padding: 15px 0;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.login2-news dl dt{
	float: left;
	width: 8em;
	font-weight: bold;
}
.login2-news dl dd{
	overflow: hidden;
}
@media screen and (max-width:1000px){
	.login2-slider .slider li.slick-slide div.slider-right div.spec{
		display: flex;
		flex-wrap: wrap;
		padding: 25px 0 5px;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl{
		width: 50%!important;
		margin-bottom: 20px;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl:not(:last-child){
		border-right: none;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl:nth-child(2n+1){
		border-right: 1px solid #ccc;
	}
}
@media screen and (max-width:768px){
	.login2-greeting{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.login2-greeting dl{
		font-size: 14px;
		margin-bottom: 30px;
	}
	.login2-greeting dl dt{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.login2-slider{
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.login2-slider h3{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.login2-slider .slider li.slick-slide a{
		padding: 15px;
	}
	.login2-slider .slider li.slick-slide figure.slider-left{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.login2-slider .slider li.slick-slide div.slider-right p.tag{
		padding-top: 0;
	}
	.login2-slider .slider li.slick-slide div.slider-right p.ttl{
		font-size: 20px;
	}
	.login2-slider .slider li.slick-slide div.slider-right dl.detail{
		margin-bottom: 15px;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec{
		padding: 10px 0 0;
		margin-bottom: 10px;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl{
		margin-bottom: 10px;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl dt{
		font-weight: bold;
		margin-bottom: 0;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl dd{
		font-size: 14px;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl.price dd strong{
		font-size: 20px;
		line-height: 1;
	}
	.login2-slider .slider li.slick-slide div.slider-right div.spec dl.price dt{ margin-bottom: 0;}
	.login2-slider .slider li.slick-slide div.slider-right p.more{
		text-align: right;
	}
	.login2-slider .slider li.slick-slide div.slider-right p.more span{
		color: #111!important;
		font-weight: bold;
		padding-right: 15px;
		background: url("./images/arrow-red-right.svg") right center / 5px auto no-repeat;
	}
	.login2-slider .slider .slick-prev{
		left: -10px;
		background: url("./images/icon-prev.svg") no-repeat left top;
		background-size: 36px auto;
	}
	.login2-slider .slider .slick-prev:hover{
		background: url("./images/icon-prev.svg") no-repeat left top;
		background-size: 36px auto;
	}
	.login2-slider .slider .slick-next{
		right: -15px;
		background: url("./images/icon-next.svg") no-repeat left top;
		background-size: 36px auto;
	}

	.login2-slider .slider .slick-next:hover{
		background: url("./images/icon-next.svg") no-repeat left top;
		background-size: 36px auto;
	}
	.login2-slider .slider .slick-dots{
		bottom: -25px;
	}
	.login2-news{
		padding-top: 40px;
		padding-bottom: 70px;
	}
	.login2-news h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.login2-news dl{
		padding: 15px 0;
		font-size: 14px;
	}
	.login2-news dl dt{
		float: none;
	}
	.login2-news dl dd{
		overflow: hidden;
	}
}



/*---------------------------------------------------------------------------------------
	clubcolors-news
----------------------------------------------------------------------------------------*/

/* clubcolors-news */
#clubcolors-news{
	font-size: 17px;
	text-align: left;
	margin-bottom: 100px;
}
#clubcolors-news p,#clubcolors-news ul,#clubcolors-news ol,#clubcolors-news h1,#clubcolors-news h2,#clubcolors-news h3,#clubcolors-news h4,#clubcolors-news h5,#clubcolors-news h6{ margin-bottom: 1em;}
#clubcolors-news h1{ font-size: 36px;}
#clubcolors-news h2{ font-size: 32px;}
#clubcolors-news h3{ font-size: 28px;}
#clubcolors-news h4{ font-size: 24px;}
#clubcolors-news h5{ font-size: 22px;}
#clubcolors-news h6{ font-size: 20px;}
#clubcolors-news ul,#clubcolors-news ul li{ list-style: disc;}
#clubcolors-news ol,#clubcolors-news ol li{ list-style-type: decimal;}
#clubcolors-news ul,#clubcolors-news ol{ margin-left: 1em;}
#clubcolors-news .pdf{
	padding-left: 30px;
	background: url(./images/icon-pdf.png) left center / 20px auto no-repeat;
}
#clubcolors-news .pdf a{
	text-decoration: underline;
}

@media screen and (max-width:768px){
	#clubcolors-news{

		font-size: 15px;
		margin-bottom: 50px;
	}
	#clubcolors-news h1{ font-size: 28px;}
	#clubcolors-news h2{ font-size: 24px;}
	#clubcolors-news h3{ font-size: 22px;}
	#clubcolors-news h4{ font-size: 20px;}
	#clubcolors-news h5{ font-size: 18px;}
	#clubcolors-news h6{ font-size: 16px;}
}




/*---------------------------------------------------------------------------------------
	kobe-top
----------------------------------------------------------------------------------------*/

/* kobe-main */
#kobe-main{
    background: url(./images/kobe-slide-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 25px;
}
#kobe-main .slide{
    margin-bottom: 90px;
}
#kobe-main .shadow{
    position: relative;
}
#kobe-main .shadow:after{
    position: absolute;
    content: "";
    top: 100%;
    right: 0;
    width: 100%;
    height: 25px;
    background: url(./images/slide-shadow.png) no-repeat right top;
    background-size: 100% auto;
}
#kobe-main ul.link li{
    width: 16%;
    display: inline-block;
    margin: 0 2.5% 10px;
}
#kobe-main ul.link li:first-child{
    margin-left: 0;
}
#kobe-main ul.link li:last-child{
    margin-right: 0;
}
.lower-main{
    background: url(./images/kobe-slide-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 25px;
}
.lower-main .slide{
    margin-bottom: 90px;
}
.lower-main .shadow{
    position: relative;
}
.lower-main .shadow:after{
    position: absolute;
    content: "";
    top: 100%;
    right: 0;
    width: 100%;
    height: 25px;
    background: url(./images/slide-shadow.png) no-repeat right top;
    background-size: 100% auto;
}
.lower-main ul.link li{
    width: 15%;
    display: inline-block;
    margin: 0 1% 10px;
}
.lower-main ul.link li:first-child{
    margin-left: 0;
}
.lower-main ul.link li:last-child{
    margin-right: 0;
}
@media screen and (max-width:768px){
    #kobe-main{
        background: url(./images/kobe-slide-bg.jpg) no-repeat center top;
        background-size: auto 100%;
    }
    #kobe-main .slide{
        margin-bottom: 70px;
    }
    #kobe-main ul.link li{
        width: 30%;
        margin: 0 2.5%;
    }
    #kobe-main ul.link li:first-child{
        margin-left: 0;
    }
    #kobe-main ul.link li:last-child{
        margin-right: 5%;
    }
    #kobe-main ul.link li:nth-child(3n){
        margin-right: 0;
    }
    .lower-main{
        background: url(./images/kobe-slide-bg.jpg) no-repeat center top;
        background-size: auto 100%;
    }
    .lower-main .slide{
        margin-bottom: 70px;
    }
    .lower-main ul.link li{
        width: 30%;
        margin: 0 1.6% 10px;
    }
    .lower-main ul.link li:first-child{
        margin-left: 1.6%;
    }
    .lower-main ul.link li:last-child{
        margin-right: 1.6%;
    }
}

/* top-about */
#top-about{
    padding: 40px 0 80px;
    background: url(./images/top-about-bg.png) repeat left top;
    position: relative;
}
#top.kobe-top,
#top.osaka-top{
	padding-top: 20px;
}
#top.kobe-top #top-about{
    color: #fff;
    background: url(./images/kobe-top-about-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 110px;
}
#top.osaka-top #top-about{
    color: #fff;
    background: url(./images/osakadojima-top-about-bg.jpg) no-repeat center top;
    background-size: cover;
	padding: 70px 0 80px;
}
#top.kobe-top #top-about .subtitle:after,
#top.osaka-top #top-about .subtitle:after{
    background: #fff;
}
#top-about:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -28px;
    left: 0;
    background: url(./images/top-about-arrow.png) no-repeat center bottom;
    width: 67px;
    height: 28px;
    display: block;
    margin: 0 auto;
}
#top.kobe-top #top-about:after,
#top.osaka-top #top-about:after{
    content: none;
}
#top.kobe-top #top-about .subtitle{
    margin-bottom: 80px;
}
#top-about p{
    font-size: 18px;
    line-height: 2.0;
}
#top.kobe-top #top-about p{
    line-height: 2.6;
}
#top.osaka-top #top-about p{
    font-size: 20px;
}
@media screen and (max-width:768px){
    #top-about{
        padding: 30px 0 40px;
        background: url(./images/top-about-bg.png) repeat left top;
        background-size: 4px auto;
    }
    #top-about:after{
        bottom: -14px;
        background: url(./images/top-about-arrow.png) no-repeat center bottom;
        background-size: 34px 14px;
        width: 34px;
        height: 14px;
    }
    #top.kobe-top #top-about{
        padding-bottom: 50px;
    }
    #top.osaka-top #top-about{
		padding: 35px 0 50px;
    }
    #top.kobe-top #top-about .subtitle{
        margin-bottom: 40px;
    }
    #top-about p{
        font-size: 16px;
    }
	#top.osaka-top #top-about p{
		font-size: 18px;
	}
}

/* top-map */
#top-map{
    padding: 60px 0 90px;
    background: url(./images/top-map-bg.jpg) repeat-y left top;
    background-size: 100% auto;
}
/*
#top-map h3{
    font-size: 20px;
}
#top-map h3 strong{
    font-size: 36px;
}
#top-map h3 > span{
    display: inline-block;
    padding-left: 75px;
    background: url(./images/top-map-icon.png) no-repeat left center;
}
#top-map h3 > span span{
    font-size: 36px;
}
.osaka-top #top-map h3 > span span{
	color: #ccc;
}
#top-map h3 > span em{
    color: #8E1F15;
    font-weight: bold;
}*/
#top-map h4{
    font-size: 18px;
    text-align: left;
    margin-bottom: 15px;
}
#top-map #top-map-area{
	margin-top: 40px;
}
#top-map .map-area{
    position: relative;
}
#top-map .map-area div{
    position: absolute;
    left: 0;
    bottom: 100%;
    bottom : 102% ; /* IE8以下とAndroid4.3以下用フォールバック */
    bottom : -webkit-calc(100% + 11px) ;
    bottom : calc(100% + 11px) ;
    display: none;
}
#top-map .map-area div.active{
    display: block;
}
#top-map .map-area div p{
    color: #fff;
    font-size: 16px;
    background: #FF0000;
    position: relative;
    padding: 2px 25px;
    border-radius: 3px;
    box-shadow:0px 3px 2px 0px #CDCDCD;
}
#top-map .map-area div p:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 10.5px 0 10.5px;
    border-color: #FF0000 transparent transparent transparent;
}
#top-map .map-area p.inspect{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(100,6,6,0.5);
    color: #fff;
    font-size: 5vw;
    font-weight: bold;
}
#top-map .map-area p.inspect span{
    display: table;
    width: 100%;
    height: 100%;
}
#top-map .map-area p.inspect span em{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#top-map .map-area p.inspect span em img{
    width: 115px;
    margin-top: 15px;
}
#top-map .map-area p.map-area-search{
	text-align: left;
    width: 100%;
    position: absolute;
}
#top-map .map-area p.map-area-search span{
	color: #fff;
	font-size: 3.5vw;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 20px;
    background: rgba(100,6,6,0.5);
}
@media screen and (min-width:1100px){
	#top-map .map-area p.map-area-search span{
		font-size: 38px;
	}
}
ul.map-list{
    clear: both;
    overflow: hidden;
}
ul.map-list li{
    width: 9.1%;
    float: left;
    margin: 0 1% 15px 0;
}
ul.map-list li:nth-child(10n){
    margin-right: 0;
}
ul.map-list li:nth-child(10n){
    margin-right: 1%;
}
#top.kobe-top #top-map ul.map-list li{
    width: 13%;
    margin-right: 1.5%;
}
#top.kobe-top #top-map ul.map-list li:nth-child(7n){
    margin-right: 0;
}
#top.osaka-top #top-map ul.map-list li{
    width: 18%;
    margin-right: 1.5%;
}
#top.osaka-top #top-map ul.map-list li:nth-child(5n){
    margin-right: 0;
}
ul.map-list li a{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 5px;
    display: block;
    border: 1px solid #A0A0A0;
    border-radius: 5px;
    background: #fff;
}
ul.map-list li a:hover{
    opacity: 0.7;
}
#top.kobe-top #top-map ul.map-list li a,
#top.osaka-top #top-map ul.map-list li a{
    font-size: 20px;
    padding: 18px 5px;
    border: 1px solid #000;
}
ul.map-list li.active a{
    color: #fff;
    background: #7D7D7D;
    border: 1px solid #7D7D7D;
}
#top-map .wrap div.bg-white{
    padding: 20px 50px 45px;
    background: #fff;
}
#top-map .wrap div.bg-white h5.subtitle{
    font-size: 26px;
    margin-bottom: 50px;
}
#top-map .wrap div.bg-white p{
    font-size: 18px;
    text-align: left;
}
#top-map .wrap div.bg-white p .f-small{
    font-size: 14px;
}
#top-map .wrap div p.btn,
#top-map .wrap div p.top-map-btn{
    text-align: center;
}
#top-map .wrap div p.btn a{
    font-weight: bold;
}
#top-map .wrap div p.read{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#top-map .wrap div p.top-map-btn a{
    color: #fff;
	font-size: 18px;
    background: #8e1f15;
	background: url(./images/arrow-white-right.svg) no-repeat right 25px center #8e1f15;
    display: inline-block;
    padding: 10px 50px;
	max-width: 420px;
	width: 100%;
}
#top-map .wrap div p.top-map-btn a strong{
	font-size: 22px;
}
#top-map .wrap div ul li{
    display: inline-block;
    vertical-align: top;
    width: 26.5%;
    padding-left: 12%;
    background: url(./images/arrow-gray.svg) no-repeat left 22% top 35%;
    background-size: 8% auto;
}
#top-map .wrap div ul li:first-child{
    width: 14.5%;
    background: none;
    padding-left: 0;
}
#top-map .wrap div ul li figure{
    display: inline-block;
    vertical-align: middle;
}
#top-map .wrap div ul li figure img{
    margin-bottom: 15px;
}
#top-map .wrap div ul li figure figcaption{
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width:1300px){
    #top-map .map-area p.inspect{
        font-size: 65px;
    }
}
@media screen and (max-width:1036px){
	#top-map #top-map-area{
		margin-top: 0;
		padding-top: 65px;
	}
	#top-map .map-area p.inspect{
		height: 95%;
		height : -webkit-calc(100% - 65px) ;
		height : calc(100% - 65px) ;
	}
}
@media screen and (max-width:768px){
    #top-map{
        padding: 30px 0 30px;
    }
	/*
    #top-map h3{
        font-size: 15px;
        margin-bottom: 20px;
    }
    #top.kobe-top #top-map h3{
        margin-bottom: 0;
    }
    #top-map h3 strong{
        font-size: 19px;
    }
    #top-map h3 > span span{
        font-size: 22px;
    }
    #top-map h3 span{
        padding-left: 0;
        background: none;
    }
	*/
    #top-map .map-area p.inspect span em img{
        width: 20%;
        margin-top: 5px;
    }
	#top-map .map-area p.map-area-search{
		top: 103px;
	}
	#top-map .map-area p.map-area-search span{
		font-size: 13px;
		padding: 50px 10px;
	}
    #top-map h4{
        font-size: 16px;
        margin-bottom: 10px;
    }
    ul.map-list li,
    #top.kobe-top #top-map ul.map-list li{
        width: 19%;
        float: left;
        margin: 0 1.25% 5px 0;
    }
    #top.osaka-top #top-map ul.map-list li{
        width: 24%;
        margin-right: 1%;
    }
    ul.map-list li:nth-child(10n),
    #top.kobe-top #top-map ul.map-list li:nth-child(7n){
        margin-right: 1.25%;
    }
    #top.kobe-top #top-map ul.map-list li:nth-child(5n){
        margin-right: 0;
    }
    ul.map-list li:nth-child(5n),
    #top.osaka-top #top-map ul.map-list li:nth-child(5n){
        margin-right: 0;
    }
    ul.map-list li a,
    #top.kobe-top #top-map ul.map-list li a,
    #top.osaka-top #top-map ul.map-list li a{
        font-size: 14px;
        padding: 5px 1px;
    }
    #top-map .wrap div.bg-white{
        padding: 10px 3% 20px;
    }
    #top-map .wrap div.bg-white h5.subtitle{
        font-size: 20px;
        margin-bottom: 25px;
    }
    #top-map .wrap div.bg-white p{
        font-size: 16px;
    }
    #top-map .wrap div ul li{
        width: 36%;
        padding-left: 10%;
        background: url(./images/arrow-gray.svg) no-repeat left 13% top 35%;
        background-size: 8% auto;
    }
    #top-map .wrap div ul li:first-child{
        width: 26%;
    }
    #top-map .wrap div.bg-white ul li figure img{
        margin-bottom: 5px;
    }
    #top-map .wrap div.bg-white ul li figure figcaption{
        font-size: 14px;
    }
}

/* top-news */
#top-news{
	color: #fff;
    padding: 40px 0 50px;
    background: #490C25;
}
#top-news .din{
    color: #fff;
}
#top-news article{
    position: relative;
    background: #fff;
    padding: 20px 5px 20px 120px;
    margin-bottom: 10px;
}
#top-news article:last-of-type{
    margin-bottom: 40px;
}
#top-news article a{
    display: block;
}
#top-news article p{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #395F0B;
    padding: 8px 5px;
    min-width: 95px;
}
#top-news article p.closing{
    background: #395F0B;
}
#top-news article p.info{
    background: #7A7700;
}
#top-news article dl{
    clear: both;
    overflow: hidden;
    text-align: left;
}
#top-news article dl dt{
    width: 90px;
    margin-right: 5px;
    float: left;
}
#top-news article dl dd{
    font-size: 16px;
    overflow: hidden;
}
#top-news .btn a{
    font-weight: normal;
    border: 1px solid #a0a0a0;
    padding: 15px 50px;
}
#top .coming-soom{
	font-size: 32px;
}
@media screen and (max-width:768px){
    #top-news article{
        padding: 5px 30px 5px 10px;
        background: url(./images/arrow-black.svg) no-repeat right 20px center #fff;
    }
    #top-news article p{
        padding: 5px 5px;
        min-width: 75px;
    }
    #top-news article dl dt{
        width: auto;
        margin: 0 0 12px 80px;
        float: none;
    }
    #top-news article dl dd{
        font-size: 16px;
        overflow: hidden;
    }
    #top-news .btn a{
        font-weight: normal;
        border: 1px solid #a0a0a0;
        padding: 15px 50px;
    }
	#top .coming-soom{
		font-size: 24px;
	}
}

/* top-blog */
#top-blog{
    padding: 45px 0 55px;
    background: #eee;
}
#top-blog .din{
    color: #560023;
}
#top-blog ul.blog-slide{
    margin-bottom: 40px;
}
#top-blog ul.blog-slide li a{
    display: block;
    text-align: left;
    position: relative;
    padding: 20px 15px;
    background: #fff;
    margin: 0 18px 2px;
    box-shadow:1px 1px 1px 0px #B9B8B8;
}
#top-blog ul.blog-slide li p.new{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #6C000A;
    width: 85px;
    padding: 6px;
}
#top-blog ul.blog-slide li .new.din{
    font-size: 24px;
}
#top-blog ul.blog-slide li figure{
    text-align: center;
    padding: 15px;
    background: url(./images/dot-bg.png) repeat left top;
    margin-bottom: 15px;
}
#top-blog ul.blog-slide .slick-slide figure img{
    display: inline-block;
}
#top-blog ul.blog-slide li p{
    margin-bottom: 10px;
}
#top-blog ul.blog-slide li p.date{
    text-align: right;
    margin-bottom: 0;
}
@media screen and (max-width:768px){
    #top-blog{
        padding: 25px 0 30px;
    }
    #top-blog ul.blog-slide{
        margin-bottom: 20px;
    }
}

/* top-staff */
#top-staff{
    padding: 45px 0 55px;
    background: url(./images/kobe-top-staff-bg.jpg) no-repeat center top;
    background-size: cover;
}
.osaka-top #top-staff{
    background: url(./images/osakadojima-top-staff-bg.jpg) no-repeat center top;
    background-size: cover;
}
#top-staff .din{
    color: #560023;
}
ul.staff-slide{
    margin-bottom: 40px;
}
ul.staff-slide li a{
    display: block;
    text-align: left;
    background: #fff;
    margin: 0 18px;
}
ul.staff-slide li figure{
    text-align: center;
    padding: 15px;
    background: url(./images/dot-bg.png) repeat left top;
}
ul.staff-slide li dl{
    padding: 30px;
}
ul.staff-slide li dl dt{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
ul.staff-slide li dl dt img{
	height: 18px;
	width: auto;
}
ul.staff-slide .slick-slide figure img{
    display: inline-block;
}
ul.staff-slide li p{
    margin-bottom: 10px;
}
ul.staff-slide li p.date{
    text-align: right;
    margin-bottom: 0;
}
@media screen and (max-width:768px){
    #top-staff{
        padding: 25px 0 30px;
        background: url(./images/kobe-top-staff-bg.jpg) no-repeat center top;
        background-size: auto 100%;
    }
    ul.staff-slide li dl{
        padding: 15px;
    }
    ul.staff-slide li dl dt{
        font-size: 15px;
        margin-bottom: 10px;
    }
	ul.staff-slide li dl dt img{
		height: 15px;
	}
    ul.staff-slide{
        margin-bottom: 20px;
    }
}

/* sns */
#sns{
    text-align: left;
    padding: 70px 0;
    background: url(./images/kobe-top-sns-bg.png) repeat left top;
}
#sns .wrap{
    clear: both;
    overflow: hidden;
}
#sns .wrap .sns-col{
    float: left;
    width: 31%;
    margin: 0 3.5% 10px 0;
}
#sns .wrap .sns-col:nth-child(3n){
    margin-right: 0;
}
#sns .wrap .sns-col h2{
    color: #fff;
    font-size: 36px;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;
}
#sns .wrap .sns-col h2 a{
    color: #fff;
}
#sns .wrap .sns-col .sns-box .fb-container{
    width: 310px;
}
#sns .wrap .sns-col div{
	color: #fff;
	font-size: 18px;
    height: 450px;
    text-align: center;
}
#sns .wrap .sns-col #instafeed{
    overflow: auto;
}
#sns .wrap .sns-col #instafeed div{
    width: 31%;
    height: 94px;
    float: left;
    margin: 0 5px 5px 0;
}
#sns .wrap .sns-col #instafeed div:nth-child(3n){
    margin-right: 0;
}
@media screen and (max-width:768px){
    #sns{
        padding: 35px 0 10px;
        background: url(./images/kobe-top-sns-bg.png) repeat left top;
    }
    #sns .wrap .sns-col{
        float: none;
        width: 310px;
        margin: 0 auto 20px;
    }
	#sns .wrap .sns-col div{
		font-size: 14px;
		height: auto;
	}
    #sns .wrap .sns-col:nth-child(3n){
        margin-right: auto;
    }
    #sns .wrap .sns-col .sns-box .fb-container{
        width: 100%;
        max-width: 310px;
    }
}

/* top-area */
#top-area{
    padding: 70px 0 120px;
    background: url(./images/kobe-top-area-bg.jpg) repeat left top;
    background-size: cover;
}
#top-area h2.din{
    color: #560023;
    margin-bottom: 70px;
}
#top-area .area-slider-box{
    position: relative;
    margin-bottom: 60px;
}
#top-area .area-slider-box p{
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 998;
}
#top-area .area-slider-box p img{
    width: 22%;
}
#top-area .area-slide li img{
    width: 100%;
}
#top-area .wrap{
    text-align: left;
}
#top-area .wrap p{
    font-size: 15px;
    line-height: 2.4;
}
#top-area ul.area-list li{
    display: inline-block;
    width: 12%;
    margin: 0 2.2% 10px;
}
#top-area ul.area-list li:first-child{
    margin-left: 0;
}
#top-area ul.area-list li:nth-child(6n){
    margin-right: 0;
}
#top-area .wrap p.btn{
    text-align: center;
}
#top-area .wrap p.btn a{
    font-weight: normal;
    padding: 8px 60px;
}
#top-area .wrap p.btn a:after{
    background: url(./images/arrow-white-btm.svg) no-repeat left top;
    width: 14px;
    height: 7px;
}
@media screen and (max-width:768px){
    #top-area{
        padding: 35px 0 60px;
        background: url(./images/kobe-top-area-bg.jpg) repeat left top;
        background-size: auto 100%;
    }
    #top-area h2.din{
        margin-bottom: 35px;
    }
    #top-area .area-slider-box{
        margin-bottom: 30px;
    }
    #top-area .area-slider-box p img{
        width: 43%;
    }
    #top-area ul.area-list li{
        width: 27%;
        text-align: center;
        margin: 0 3.1% 20px;
    }
    #top-area ul.area-list li:first-child{
        margin-left: 3.1%;
    }
    #top-area ul.area-list li:nth-child(6n){
        margin-right: 3.1%;
    }
    #top-area .wrap p.btn a{
        padding: 5px 50px;
    }
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background-color: rgba(0,0,0,0.8); filter: alpha(opacity = 80);}
#colorbox{outline:0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(./images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(./images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(./images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(./images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:10px; right:10px; background:url(./images/colorbox-close.png) no-repeat left top; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{opacity: 0.6;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/*---------------------------------------------------------------------------------------
	map
----------------------------------------------------------------------------------------*/

/* map-tab */
ul.map-tab{
    clear: both;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 5px solid #560023;
    margin-bottom: 5px;
}
ul.map-tab li{
    float: left;
    margin-right: 10px;
}
ul.map-tab li a{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    padding: 8px;
    background: #A0A0A0;
    display: block;
    border-radius: 5px 5px 0 0;
}
ul.map-tab li.active a{
    background: #560023;
}
ul.map-tab li a:after{
    content: "▼";
    font-size: 12px;
    margin-left: 10px;
}
@media screen and (max-width:768px){
    ul.map-tab{
        padding: 10px 10px 0;
        border-bottom: 3px solid #560023;
    }
    ul.map-tab li{
        width: 32%;
        margin-right: 2%;
    }
    ul.map-tab li:nth-child(3n){
        margin-right: 0;
    }
    ul.map-tab li a{
        font-size: 13px;
        width: 100%;
        padding: 5px 1px;
    }
    ul.map-tab li a:after{
        margin-left: 5px;
    }
}

/* map-menu-cont */
.map-menu-cont{
    padding-left: 10px;
    clear: both;
}
.map-menu-cont .condition{
    display: none;
}
.map-menu-cont .map-menu{
    clear: both;
}
.map-menu-cont .map-menu:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.map-menu-cont .map-menu .place,
.map-menu-cont .map-menu .price{
    float: left;
    position: relative;
    width: 190px;
    margin: 0 10px 5px 0;
}
.map-menu-cont .map-menu .select-arrow{
    display: inline-block;
    position: relative;
}
.map-menu-cont .map-menu .price{
    margin-right: 0;
}
.map-menu-cont .map-menu select,
.map-menu-cont .map-menu p.ac-btn{
    color: #560023;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    border: 1px solid #C797AB;
    border-radius: 5px;
    padding: 5px;
    background: #F3E8E8;
    cursor: pointer;
}
.map-menu-cont .map-menu select{
    text-align: center;
    -webkit-appearance: none;
	appearance: none;
    line-height: inherit;
    padding: 5px 20px;
}
.map-menu-cont .map-menu select:hover,
.map-menu-cont .map-menu select option,
.map-menu-cont .map-menu p.ac-btn:hover{
    background: #fff;
}
.map-menu-cont .map-menu .place:after,
.map-menu-cont .map-menu .price:after,
.map-menu-cont .map-menu .select-arrow:after,
.map-menu-cont .map-menu p.ac-btn:after{
    color: #560023;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 10px;
    content: "▼";
    position: absolute;
    top: 10px;
    right: 7px;
    bottom: 0;
    margin: auto;
}
.map-menu-cont .map-menu select::-ms-expand{
    display: none;
}
.map-menu-cont .map-menu select option{
    font-size: 14px;
    font-weight: bold;
}
.map-menu-cont .map-menu p.ac-btn:after{
    font-size: 14px;
}
.map-menu-cont .map-menu .address-wrap{
    float: left;
    width: 370px;
    height: 39px;
    line-height: 33px;
    border: 1px solid #560023;
    border-radius: 5px;
    padding-bottom: 2px;
    margin: 1px 10px -5px 0;
    position: relative;
}
.map-menu-cont .map-menu .address-wrap .address_btn{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    border-radius: 0 5px 5px 0;
    display: block;
    background: url(./images/icon-search.png) no-repeat center center #560023;
    cursor: pointer;
}
.map-menu-cont .map-menu .address-wrap .address_btn:hover{
    opacity: 0.7;
}
.map-menu-cont .map-menu .address-wrap input{
    font-size: 16px;
    width: 100%;
    height: 33px;
    padding: 0 40px 0 5px;
    border-radius: 5px;
    vertical-align: middle;
    display: inline-block;
    border: none;
}
.map-menu-cont .map-menu .condition2{
    float: left;
    position: relative;
    margin: 0 10px 5px 0;
}
.map-menu-cont .map-menu .condition2 p{
    width: 190px;
}
.map-menu-cont .map-menu .condition2-cont{
    display: none;
    text-align: left;
    width: 390px;
    position: absolute;
    top: 105%;
    left: 0;
    border: 1px solid #BFBFBF;
    padding: 10px;
    box-shadow:1px 1px 2px 0px #d2d2d2;
    background: #fff;
    z-index: 998;
}
.map-menu-cont .map-menu .condition2-cont dl{
    font-size: 16px;
    font-weight: bold;
    display: table;
}
.map-menu-cont .map-menu .condition2-cont dl dt{
    color: #560023;
    display: table-cell;
    width: 80px;
}
.map-menu-cont .map-menu .condition2-cont dl dd{
    display: table-cell;
}
.map-menu-cont .map-menu .condition2-cont dl dd select{
    font-size: 16px;
    width: 120px;
    background: #fff;
}
.map-menu-cont .map-menu .condition2-cont dl dd select:hover{
    background: #F3E8E8;
}
@media screen and (max-width:768px){
    .map-menu-cont{
        padding: 0 10px;
    }
    .map-menu-cont .condition{
        display: block;
        color: #fff;
        font-weight: bold;
        padding: 5px;
        background: #560023;
        margin-bottom: 10px;
        cursor: pointer;
    }
    .map-menu-cont .condition:after{
        content: "▼";
        margin-left: 5px;
    }
    .map-menu-cont .condition.open:after{
        content: "▲";
    }
    .map-menu-cont .map-menu{
        display: none;
        margin-bottom: 10px;
    }
    .map-menu-cont .map-menu .address-wrap{
        width: 100%;
        margin: 1px 0 10px;
    }
    .map-menu-cont .map-menu .condition2-cont{
        width: 300px;
    }
}

/* map-cont */
.map-cont{
    text-align: left;
    clear: both;
    overflow: hidden;
    position: relative;
}
.map-cont .map-main{
    float: left;
    width: 70%;
    height: 95%;
    height: -webkit-calc(100vh - 189px);
    height: calc(100vh - 189px);
    position: relative;
    overflow: hidden;
}
.map-cont .map-main img{
    position: absolute;
    width: 1350px;
    max-width: inherit;
    height: 1000px;
}
#map .lightbox-cont .choose{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #560023;
    padding: 10px;
}
#map .lightbox-cont div{
    text-align: left;
    padding: 5px 20px;
}
#map .lightbox-cont p{
    color: #560023;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#map .lightbox-cont p small{
    font-size: 14px;
}
#map .lightbox-cont table{
    font-size: 16px;
    width: 100%;
}
#map .lightbox-cont table th{
    font-weight: bold;
    border-bottom: 2px solid #560023;
    padding-right: 10px;
}
#map .lightbox-cont table td{
    padding: 5px 10px 0 0;
}
#map .lightbox-cont table tr th:last-child,
#map .lightbox-cont table tr td:last-child{
    padding-right: 0;
}
.map-cont .map-right{
    float: right;
    width: 30%;
    height: 100%;
}
.map-cont .map-right .read{
    color: #560023;
    font-weight: bold;
    padding: 10px 15px;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
}
.map-cont .map-right .list{
    position: absolute;
    width: 30%;
    top: 65px;
    overflow: auto;
    height: calc(100% - 50px);
}
.map-cont .map-right .list article{
    padding: 15px;
    border-bottom: 1px solid #BFBFBF;
}
.map-cont .map-right .list article .name{
    font-size: 18px;
    font-weight: bold;
}
.map-cont .map-right .list article dl{
    clear: both;
    overflow: hidden;
}
.map-cont .map-right .list article dl:last-of-type{
    margin-bottom: 10px;
}
.map-cont .map-right .list article dl dt{
    padding-top: 2px;
    font-weight: bold;
    float: left;
}
.map-cont .map-right .list article dl dd {
    overflow: hidden;
}
.map-cont .map-right .list article dl dd strong{
    color: #f00;
    font-size: 16px;
}
.map-cont .map-right .list article p.btn a{
    font-weight: normal;
    border-radius: 5px;
    padding: 5px 15px;
    background: #560023;
}
.map-cont .map-right .list article p.btn a:after{
    content: "▶";
    background: none;
    margin-left: 10px;
}
@media screen and (max-width:768px){
    .map-cont .map-main{
        float: none;
        width: 100%;
    }
    .map-cont .map-main img{
        height: auto;
        vertical-align: top;
    }
    #map #cboxClose{
        top: 4px;
        right: 4px;
    }
    #map .lightbox-cont .choose{
        font-size: 14px;
        padding: 5px;
    }
    #map .lightbox-cont div{
        padding: 5px 10px;
    }
    #map .lightbox-cont p{
        font-size: 14px;
        margin-bottom: 5px;
    }
    #map .lightbox-cont p small{
        font-size: 13px;
    }
    #map .lightbox-cont table{
        font-size: 14px;
    }
    #map .lightbox-cont table td{
        padding: 5px 5px 0 0;
    }
    .map-cont .map-right{
        display: none;
    }
}



/*---------------------------------------------------------------------------------------
	map-ranking
----------------------------------------------------------------------------------------*/

#map-ranking{
    padding-bottom: 30px;
}
.ranking{
    font-size: 22px;
    margin-bottom: 5px;
}
.ranking span{
    color: #f00;
    font-size: 20px;
}
.ranking strong{
    font-size: 28px;
    font-weight: normal;
}
#map-ranking .ranking-link a{
    color: #434AD7;
    font-size: 16px;
    text-decoration: underline;
}
ul.pager{
    text-align: center;
}
ul.pager li{
    display: inline-block;
    margin: 0 5px 10px;
}
ul.pager li a,
ul.pager li.active{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #BFBFBF;
    border-radius: 30px;
}
ul.pager li.active{
    color: #fff;
    background: #a0a0a0;
}
ul.pager li.prev a,
ul.pager li.next a{
    width: 57px;
}
table.tb{
    font-size: 16px;
    width: 100%;
    border-top: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
}
table.tb th,
table.tb td{
    padding: 7px 20px;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
}
table.tb th{
    color: #7D0022;
    font-weight: bold;
    background: #eee;
}
table.tb td strong{
    color: #f00;
    font-size: 18px;
}
#map-ranking table.tb tr th:last-child,
#map-ranking table.tb tr td:last-child{
    text-align: left;
}
#map-ranking table.tb tr td.btn{
    position: relative;
    padding-right: 130px;
}
#map-ranking table.tb tr td.btn a{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 14px;
    padding: 5px 12px;
    background: #7D0022;
    border-radius: 5px;
}
#map-ranking table.tb tr td.btn a:after{
    content: "▶";
    background: none;
    margin-left: 10px;
}
#map-ranking table.tb tr.active td{
    background: #FFF45C;
}
@media screen and (max-width:768px){
    #map-ranking{
        padding-bottom: 15px;
    }
    .ranking{
        font-size: 18px;
    }
    .ranking span{
        font-size: 16px;
    }
    .ranking strong{
        font-size: 20px;
    }
    #map-ranking .ranking-link a{
        font-size: 14px;
    }
    ul.pager li a,
    ul.pager li.active{
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
    ul.pager li.prev a,
    ul.pager li.next a{
        width: 50px;
    }
    table.tb{
        font-size: 14px;
    }
    table.tb th,
    table.tb td{
        padding: 3px 5px;
    }
    table.tb td strong{
        font-size: 16px;
    }
    #map-ranking table.tb tr td.btn{
        padding: 5px 10px;
    }
    #map-ranking table.tb tr td.btn a{
        margin: 5px 0 0 5px;
        position: static;
        font-size: 14px;
        padding: 3px 10px;
    }
    #map-ranking table.tb tr td.btn a:after{
        margin-left: 5px;
    }
}



/*---------------------------------------------------------------------------------------
	map-detail
----------------------------------------------------------------------------------------*/

#map-detail{
    padding-bottom: 60px;
}
/* map-right */
.map-right{
    clear: both;
    overflow: hidden;
}
.leftcol{
    float: left;
}
.rightcol{
    float: right;
}
.w10{ width: 10%;}
.w20{ width: 20%;}
.w30{ width: 30%;}
.w40{ width: 40%;}
.w50{ width: 50%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w80{ width: 80%;}
.w90{ width: 90%;}
.map-right .rightcol div{
    position: relative;
    padding-top: 60%;
    width:100%;
    height:0;
}
.map-right .rightcol iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
@media screen and (max-width:768px){
    #map-detail{
        padding-bottom: 30px;
    }
}
@media screen and (max-width:500px){
    .map-right .leftcol.w50{
        float: none;
        width: 100%;
    }
    .map-right .rightcol.w50{
        float: none;
        width: 100%;
    }
}

/* price-cont */
.price-cont{
    clear: both;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.price-cont dl{
    font-weight: bold;
    width: 24%;
    margin: 0 1.3% 10px 0;
    border: 1px solid #BFBFBF;
}
.price-cont dl:nth-child(4n){
    margin-right: 0;
}
.price-cont dl dt{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 5px;
    background: #F9F7F7;
    border-bottom: 1px solid #BFBFBF;
}
.price-cont dl dd{
    padding: 15px 5px 20px;
}
.price-cont dl dd em,
.price-cont dl dd strong{
    color: #f00;
    font-weight: bold;
}
.price-cont dl dd span{
    font-size: 14px;
    display: inline-block;
}
.price-cont dl dd strong{
    font-size: 28px;
}
.price-cont dl dd a{
    color: #141CCD;
    font-weight: normal;
    text-decoration: underline;
    display: inline-block;
    margin-right: 20px;
}
@media screen and (max-width:768px){
    .price-cont dl{
        width: 49%;
        margin: 0 1% 10px 0;
    }
    .price-cont dl:nth-child(2n){
        margin-right: 0;
    }
    .price-cont dl dt{
        font-size: 14px;
        padding: 5px;
    }
    .price-cont dl dd{
        padding: 10px 5px;
    }
    .price-cont dl dd strong{
        font-size: 20px;
    }
    .price-cont dl dd a{
        margin-right: 10px;
    }
}

/* simulation */
.simulation{
    border: 2px solid #7D0022;
    padding: 20px 30px 30px;
    margin-bottom: 35px;
}
.simulation .sim1{
    padding-bottom: 30px;
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 20px;
}
.simulation .sim1 .sim-form{
    margin-bottom: 25px;
}
.simulation .sim1 .sim-form dl{
    text-align: left;
    display: inline-block;
    margin: 0 15px 10px;
}
.simulation .sim1 .sim-form dl dt{
    color: #6C000A;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.simulation .sim1 .sim-form dl dd{
    font-size: 15px;
    font-weight: bold;
}
.simulation .sim1 .sim-form dl dd span{
    display: inline-block;
}
.simulation .sim1 .sim-form dl dd input[type="text"],
.simulation .sim1 .sim-form dl dd select{
    font-size: 20px;
    border: 3px solid #C797AB;
    border-radius: 5px;
    height: 49px;
    vertical-align: bottom;
    margin-right: 10px;
    -webkit-appearance: none;
    appearance: none;
}
.simulation .sim1 .sim-form dl dd select{
    padding-right: 20px;
}
.simulation .sim1 .sim-form dl dd .select-arrow{
    position: relative;
    display: inline-block;
}
.simulation .sim1 .sim-form dl dd .select-arrow:after{
    color: #560023;
    content: "▼";
    position: absolute;
    font-size: 12px;
    height: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 10px;
    top: -5px;
    right: 18px;
    bottom: 0;
    margin: auto;
}
.simulation .sim1 .sim-form dl dd input[type="text"]{
    text-align: right;
    width: 60px;
}
.simulation .sim1 .sim-form dl.years dd input[type="text"]{
    width: 80px;
}
.simulation .sim1 .sim-form dl.proprietary dd input[type="text"]{
    width: 100px;
}
.simulation .sim1 p.btn a{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background: #f00;
    padding: 20px 80px;
    border-radius: 5px;
    box-shadow:2px 2px 0px 0px #ccc;
}
.simulation .sim1 p.btn a:before{
    display: inline-block;
    vertical-align: middle;
}
.simulation .sim1 p.btn a:before{
    content: "";
    background: url(./images/icon-calculation.png) no-repeat left top;
    width: 26px;
    height: 36px;
    margin-right: 15px;
}
.simulation .sim1 p.btn a:after{
    content: none;
}
.simulation .sim1 p.btn a span{
    font-size: 14px;
    vertical-align: middle;
    margin-left: 15px;
}
.simulation .sim2{
    background: #FAF9EF;
    padding: 25px 5% 30px;
    position: relative;
    margin-bottom: 40px;
}
.simulation .sim2:after{
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -30px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 42.5px 0 42.5px;
    border-color: #7d0021 transparent transparent transparent;
    margin: 0 auto;
}
.simulation .sim2 ul{
    display: flex;
    flex-wrap: wrap;
}
.simulation .sim2 ul li{
    font-size: 20px;
    line-height: 1.8;
    font-weight: bold;
    width: 31%;
    padding: 20px 5px;
    margin: 0 1.16% 10px;
    background: #fff;
}
.simulation .sim2 ul li:first-child{
    padding-top: 35px;
}
.simulation .sim2 ul li p em{
    font-size: 22px;
    font-weight: bold;
}
.simulation .sim2 ul li span,
.simulation .sim2 ul li strong{
    color: #f00;
}
.simulation .sim2 ul li strong{
    font-size: 32px;
}
.simulation .sim2 ul li p.f-small{
    font-size: 16px;
}
.f-blown{ color: #7D0022;}
.f-yellow{ color: #AF5B04;}

.simulation .sim3{
    padding: 30px 40px 5px;
    background: url(./images/kobe-detail-bg.jpg) no-repeat left top;
    background-size: cover;
}
.simulation .sim3 .balloon{
    display: inline-block;
    padding: 5% 23% 0 0;
    background: url(./images/kobe-detail-img2.png) no-repeat right bottom;
    background-size: 25% auto;
    margin-bottom: 30px;
}
.simulation .sim3 .balloon p{
    font-size: 21px;
    font-weight: bold;
    text-align: left;
    padding: 25px 30px;
    border-radius: 10px;
    display: inline-block;
    background: #fff;
    box-shadow:3px 3px 6px 0px #F4DDB9;
    position: relative;
}
.simulation .sim3 .balloon p:after{
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 0 9.5px 15px;
    border-color: transparent transparent transparent #fff;
}
.simulation .sim3 ul{
    clear: both;
    overflow: hidden;
}
.simulation .sim3 ul li{
    float: left;
    width: 49%;
    margin-bottom: 25px;
}
.simulation .sim3 ul li:nth-child(2n){
    float: right;
}
@media screen and (max-width:768px){
    .simulation{
        border: 1px solid #7D0022;
        padding: 10px 15px 15px;
        margin-bottom: 15px;
    }
    .simulation .sim1{
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .simulation .sim1 .sim-form{
        margin-bottom: 10px;
    }
    .simulation .sim1 .sim-form dl{
        margin: 0 8px 8px;
    }
    .simulation .sim1 .sim-form dl dt{
        font-size: 14px;
        margin-bottom: 0;
    }
    .simulation .sim1 .sim-form dl dd{
        font-size: 14px;
    }
    .simulation .sim1 .sim-form dl dd input[type="text"],
    .simulation .sim1 .sim-form dl dd select{
        font-size: 16px;
        border: 2px solid #C797AB;
        height: 40px;
        margin-right: 5px;
    }
    .simulation .sim1 .sim-form dl dd input[type="text"]{
        width: 50px;
    }
    .simulation .sim1 .sim-form dl.years dd input[type="text"]{
        width: 50px;
    }
    .simulation .sim1 .sim-form dl.proprietary dd input[type="text"]{
        width: 70px;
    }
    .simulation .sim1 p.btn a{
        font-size: 18px;
        padding: 10px 20px;
    }
    .simulation .sim1 p.btn a:before{
        content: "";
        background: url(./images/icon-calculation.png) no-repeat left top;
        background-size: 18px 24px;
        width: 18px;
        height: 24px;
        margin-right: 10px;
    }
    .simulation .sim1 p.btn a span{
        font-size: 12px;
        margin-left: 10px;
    }
    .simulation .sim2{
        padding: 15px 5%;
        margin-bottom: 30px;
    }
    .simulation .sim2:after{
        bottom: -22px;
        border-width: 12px 30px 0 30px;
    }
    .simulation .sim2 ul li{
        font-size: 18px;
        line-height: 1.6;
        padding: 10px 5px;
    }
    .simulation .sim2 ul li p em{
        font-size: 20px;
    }
    .simulation .sim2 ul li strong{
        font-size: 24px;
    }
    .simulation .sim2 ul li p.f-small{
        font-size: 14px;
    }
    .simulation .sim3{
        padding: 15px 5% 5px;
        background: url(./images/kobe-detail-bg.jpg) no-repeat center top;
        background-size: auto 100%;
    }
    .simulation .sim3 .balloon{
        padding: 5% 24% 0 0;
        background: url(./images/kobe-detail-img2.png) no-repeat right bottom;
        background-size: 20% auto;
        margin-bottom: 15px;
    }
    .simulation .sim3 .balloon p{
        font-size: 18px;
        padding: 15px 20px;
        border-radius: 5px;
        box-shadow:2px 2px 4px 0px #F4DDB9;
    }
    .simulation .sim3 .balloon p br{
        display: none;
    }
    .simulation .sim3 ul li{
        margin-bottom: 10px;
    }
}
@media screen and (max-width:540px){
    .simulation .sim2 ul li{
        width: 100%;
        margin-right: 0;
    }
    .simulation .sim2 ul li:first-child{
        padding-top: 10px;
    }
    .simulation .sim3 .balloon p{
        font-size: 16px;
        padding: 10px 15px;
    }
    .simulation .sim3 ul li{
        width: 100%;
        float: none;
    }
    .simulation .sim3 ul li:nth-child(2n){
        float: none;
    }
}

/* outline */
table.tb2{
    font-size: 15px;
    text-align: left;
    width: 100%;
    border: 1px solid #BFBFBF;
}
table.tb2 th,table.tb2 td{
    border-top: 1px solid #BFBFBF;
    padding: 5px 10px;
}
table.tb2 tr:first-child th,table.tb2 tr:first-child td{
    border-top: none;
}
table.tb2 th{
    color: #7D0022;
    font-weight: bold;
    background: #eee;
}
.outline table.tb2 th{
    width: 160px;
}
.outline table.tb2 td strong{
    color: #f00;
    font-size: 18px;
}
.bd-top{
    border-top: 1px solid #BFBFBF;
    padding-top: 10px;
}
.outline ul.map-list li a{
    color: #77222A;
    border: 1px solid #77222A;
    padding: 12px 5px;
}
.outline ul.map-list li.active a{
    color: #fff;
    background: #77222A;
}
@media screen and (max-width:768px){
    table.tb2{
        font-size: 14px;
    }
    table.tb2 th,table.tb2 td{
        display: block;
        border-top: none;
    }
    .outline table.tb2 th{
        width: 100%;
    }
    .outline table.tb2 td strong{
        font-size: 16px;
    }
    .outline ul.map-list li a{
        padding: 5px 1px;
    }
}



/*---------------------------------------------------------------------------------------
	property-list
----------------------------------------------------------------------------------------*/

#property-list.wrap{
    max-width: 940px;
}
/* tab-link */
ul.tab-link{
    padding: 0 30px;
    clear: both;
    overflow: hidden;
}
ul.tab-link li{
    float: left;
    width: 47%;
    margin: 0 1% 25px 0;
}
ul.tab-link li a{
    color: #6C000A;
    font-size: 22px;
    font-weight: bold;
    display: block;
    position: relative;
    border: 1px solid #A0A0A0;
    padding: 25px;
    border-radius: 10px;
    background: #fff;
    box-shadow:3px 3px 0px 0px #e0e0e0;
}
ul.tab-link li a:hover{
    opacity: 0.7;
}
ul.tab-link li.active a{
    color: #fff;
    background: #000;
}
ul.tab-link li.active a:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 12.5px 0 12.5px;
    border-color: #000000 transparent transparent transparent;
    right: 0;
    bottom: -15px;
    left: 0;
    margin: 0 auto;
}
ul.tab-link li:nth-child(2n){
    float: right;
}
@media screen and (max-width:768px){
    ul.tab-link{
        padding: 0;
    }
    ul.tab-link li{
        width: 48%;
        margin: 0 1% 15px 0;
    }
    ul.tab-link li a{
        font-size: 18px;
        padding: 10px;
        border-radius: 5px;
        box-shadow:2px 2px 0px 0px #e0e0e0;
    }
    ul.tab-link li.active a:after{
        border-width: 10px 8px 0 8px;
        bottom: -10px;
    }
}
/* property-list */
ul.property-list{
    padding: 0 30px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
ul.property-list li{
    font-size: 13px;
    width: 31.39%;
    padding: 0 5.85% 50px 0;
    border-right: 1px dotted #ccc;
    margin: 0 5.5% 60px 0;
    position: relative;
}
ul.property-list li:nth-child(3n){
    padding-right: 0;
    border-right: none;
    margin-right: 0;
    width: 25.54%;
}
ul.property-list li figure{
    text-align: center;
    margin-bottom: 15px;
}
ul.property-list li .tag{
    margin-bottom: 5px;
}
ul.property-list li .tag span{
    font-size: 11px;
    padding: 2px 5px;
    background: #DBE9F0;
    margin: 0 5px 5px 0;
}
ul.property-list li .tag span.new{
    color: #fff;
    background: #E60012;
}
ul.property-list li .tag span.finished{
    color: #fff;
    background: #FF9000;
}
ul.property-list li .name{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
ul.property-list li dl{
    clear: both;
    overflow: hidden;
}
ul.property-list li dl:last-of-type{
    margin-bottom: 15px;
}
ul.property-list li dl dt{
    float: left;
}
ul.property-list li dl dd{
    overflow: hidden;
}
ul.property-list li .btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
ul.property-list li .btn a{
    font-size: 15px;
    font-weight: bold;
    width: 82%;
    border-radius: 5px;
    color: #000;
    padding: 11px 22px 11px 11px;
    border: 1px solid #A0A0A0;
    background: url(./images/arrow-black2.svg) no-repeat right 15px center #fff;
}
ul.property-list li .btn a[target="_blank"]{
    padding: 11px 22px 11px 45px;
    background: url(./images/icon-outside.png) no-repeat left 15px center,
                url(./images/arrow-black2.svg) no-repeat right 15px center #fff;
}
ul.property-list li .btn a:hover{
    opacity: 0.6;
}
ul.property-list li .btn a:after{
    content: none;
}
ul.property-list li:nth-child(3n) .btn a{
    width: 100%;
}
ul.property-list li .btn span{
    font-size: 15px;
    font-weight: bold;
    width: 82%;
	display: inline-block;
    border-radius: 5px;
    color: #000;
    padding: 11px 15px;
    border: 1px solid #A0A0A0;
}
@media screen and (max-width:768px){
    ul.property-list{
        padding: 0;
    }
    ul.property-list li{
        font-size: 12px;
        width: 32.5%;
        padding: 0 2.3% 40px 0;
        margin: 0 2.3% 30px 0;
    }
    ul.property-list li:nth-child(3n){
        padding-right: 0;
        border-right: none;
        margin-right: 0;
        width: 30%;
    }
    ul.property-list li figure{
        margin-bottom: 10px;
    }
    ul.property-list li .name{
        font-size: 14px;
        margin-bottom: 5px;
    }
    ul.property-list li dl:last-of-type{
        margin-bottom: 10px;
    }
    ul.property-list li .btn a{
        font-size: 14px;
        width: 93%;
        padding: 5px 11px 5px 6px;
        border: 1px solid #A0A0A0;
        background: url(./images/arrow-black2.svg) no-repeat right 5px center #fff;
        background-size: 5px auto;
    }
	ul.property-list li .btn a[target="_blank"]{
        padding: 5px 11px 5px 22px;
		background: url(./images/icon-outside.png) no-repeat left 5px center,
						 url(./images/arrow-black2.svg) no-repeat right 5px center #fff;
        background-size: 12px auto, 5px auto;
	}
	ul.property-list li .btn span{
        font-size: 14px;
        width: 93%;
        padding: 5px 6px;
        border: 1px solid #A0A0A0;
	}
}
@media screen and (max-width:540px){
    ul.property-list li{
        width: 50%;
        padding: 0 5% 40px 0;
        margin: 0 5% 30px 0;
    }
    ul.property-list li:nth-child(3n){
        padding: 0 5% 40px 0;
        border-right: 1px dotted #ccc;
        margin: 0 5% 30px 0;
        width: 50%;
    }
    ul.property-list li:nth-child(2n){
        padding-right: 0;
        border-right: none;
        margin-right: 0;
        width: 45%;
    }
    ul.property-list li:nth-child(3n) .btn a{
        width: 90%;
    }
    ul.property-list li:nth-child(2n) .btn a{
        width: 100%;
    }
}

/* property-detail */
.arial{ font-family: Arial, Helvetica, 'sans-serif';}
.property-detail{
	text-align: left;
	padding-top: 30px;
}
.property-detail .property-detail-title{
	font-size: 16px;
}
.property-detail .property-detail-title .tag{
	color: #8E1F15;
	border: 1px solid #8E1F15;
	padding: 5px 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.property-detail .property-detail-title .tag:before{
	content: "";
	display: inline-block;
	margin-right: 10px;
}
.property-detail .property-detail-title .tag.tag1:before{
	width: 28px;
	height: 20px;
	background: url(./images/property-detail-icon1.svg) center / 28px auto no-repeat;
}
.property-detail .property-detail-title .tag.tag2:before{
	width: 28px;
	height: 12px;
	background: url(./images/property-detail-icon2.svg) center / 28px auto no-repeat;
}
.property-detail .property-detail-title .tag.tag3:before{
	width: 24px;
	height: 22px;
	background: url(./images/property-detail-icon3.svg) center / 24px auto no-repeat;
}
.property-detail .property-detail-title .tag.tag4:before{
	width: 24px;
	height: 21px;
	background: url(./images/property-detail-icon4.svg) center / 24px auto no-repeat;
}
.property-detail .property-detail-title .tag.tag5:before{
	width: 37px;
	height: 22px;
	background: url(./images/property-detail-icon5.svg) center / 37px auto no-repeat;
}
.property-detail .property-detail-title .tag.tag6:before{
	width: 17px;
	height: 22px;
	background: url(./images/property-detail-icon6.svg) center / 17px auto no-repeat;
}
.property-detail .property-detail-title .tag.tag7:before{
	width: 15px;
	height: 16px;
	background: url(./images/property-detail-icon7.svg) center / 15px auto no-repeat;
}
.property-detail .property-detail-title strong{
	font-size: 30px;
	line-height: 1.1;
	display: inline-block;
	vertical-align: middle;
}
.property-detail .contact{
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 90px;
}
.property-detail .contact .pc-f-left{
	float: left;
}
.property-detail .contact .tel{
	font-size: 36px;
	font-weight: normal;
	line-height: 1.1;
	margin-right: 5px;
}
.property-detail .contact a.mail,
.property-detail .contact a.reservation{
	color: #fff;
	font-size: 18px;
	line-height: 1.1;
	padding: 15px 25px;
	background: url(./images/arrow-white.svg) right 5% center no-repeat #6B000A;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
}
.property-detail .contact a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 3px 0;
}
.property-detail .contact a.mail:before{
	width: 20px;
	height: 15px;
	background: url(./images/property-detail-icon-mail.svg) center / 20px auto no-repeat;
}
.property-detail .contact a.reservation:before{
	width: 18px;
	height: 18px;
	background: url(./images/property-detail-icon-reservation.svg) center / 18px auto no-repeat;
}
.property-detail ul.anc{
	text-align: center;
	margin-bottom: 45px;
}
.property-detail ul.anc li{
	display: inline-block;
	width: 19%;
	margin: 0 1.25% 20px 0;
}
.property-detail ul.anc li:nth-child(5n){
	margin-right: 0;
}
.property-detail ul.anc li a{
	font-size: 18px;
	line-height: 1.1;
	font-weight: bold;
	display: block;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 4px solid #000;
}
.property-detail ul.anc li a:hover{
	color: #000;
	opacity: 0.6;
}
.property-detail ul.anc li a:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -16px;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 7px 0 7px;
	border-color: #000 transparent transparent transparent;
}
.property-detail .property-detail-subtitle{
	color: #8E1F15;
	font-size: 32px;
	line-height: 1.2;
	text-align: center;
}
.property-detail #cont1 .read{
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 25px;
}
.property-detail #cont1 ul.check li{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 40px;
	background: url(./images/icon-check.svg) left center no-repeat;
	margin-bottom: 15px;
}
.property-detail #cont2:after{
	content: "";
	display: block;
	overflow: hidden;
	height: 0;
}
.property-detail #cont2 ul.slider{
	font-size: 16px;
	margin-bottom: 20px;
}
.property-detail #cont2 ul.slider li img{
	margin-bottom: 5px;
}
.property-detail #cont2 ul.slider .slick-prev,
.property-detail #cont2 ul.slider .slick-next{
	top: 45%;
	width: 50px;
	height: 50px;
}
.property-detail #cont2 ul.thumb .slick-prev,
.property-detail #cont2 ul.thumb .slick-next{
	top: 45%;
	width: 30px;
	height: 30px;
}
.property-detail #cont2 ul.slider .slick-prev{
	background: url(./images/property-detail-prev.svg) center no-repeat;
	left: -25px;
}
.property-detail #cont2 ul.slider .slick-next{
	background: url(./images/property-detail-next.svg) center no-repeat;
	right: -25px;
}
.property-detail #cont2 ul.thumb .slick-prev{
	background: url(./images/property-detail-prev.svg) center / 30px auto no-repeat;
	left: -15px;
}
.property-detail #cont2 ul.thumb .slick-next{
	background: url(./images/property-detail-next.svg) center / 30px auto no-repeat;
	right: -15px;
}
.property-detail #cont2 ul.thumb{
	margin-bottom: 30px;
}
.property-detail #cont2 ul.thumb li{
	width: 13%;
	margin: 0 1.2% 10px 0;
	cursor: pointer;
}
.property-detail #cont2 ul.thumb li:hover{
	opacity: 0.7;
}
.property-detail #cont3 .read{
	font-size: 18px;
}
.property-detail #cont3 .map{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.property-detail #cont3 .map .map-cont{
	position: relative;
    width: 56%;
    height: 0;
    padding-top: 30%;
}
.property-detail #cont3 .map .map-cont iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.property-detail #cont3 .map .station{
	width: 38%;
}
.property-detail #cont3 .map .station div{
	line-height: 1.1;
	clear: both;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
.property-detail #cont3 .map .station div .leftcol{
	line-height: 1.8;
}
.property-detail #cont3 .map .station div.f-red .leftcol{
	color: #8E1F15;
	font-weight: bold;
}
.property-detail #cont3 .map .station div .leftcol strong{
	font-size: 20px;
}
.property-detail #cont3 .map .station div.f-red .leftcol strong{
	font-size: 24px;
}
.property-detail #cont3 .map .station div .rightcol{
	font-size: 20px;
	padding-top: 15px;
}
.property-detail #cont3 .map .station div .rightcol strong{
	color: #8E1F15;
	font-size: 42px;
	font-weight: normal;
	margin: 0 5px;
}
.property-detail #cont3 .map .station div.f-red .rightcol{
	font-size: 24px;
	padding-top: 9px;
}
.property-detail #cont3 .map .station div.f-red .rightcol strong{
	font-size: 55px;
}
.property-detail #cont3 ul{
	display: flex;
	flex-wrap: wrap;
}
.property-detail #cont3 ul li{
	width: 32%;
	margin: 0 2% 45px 0;
}
.property-detail #cont3 ul li:nth-child(3n){
	margin-right: 0;
}
.property-detail #cont3 ul li figure{
	margin-bottom: 5px;
}
.property-detail #cont4 ul{
	display: flex;
	flex-wrap: wrap;
}
.property-detail #cont4 ul li{
	width: 49%;
	margin: 0 2% 50px 0;
}
.property-detail #cont4 ul li:nth-child(2n){
	margin-right: 0;
}
.property-detail #cont4 ul li figure{
	margin-bottom: 5px;
}
.property-detail #cont5 table{
	width: 100%;
	border-top: 1px dashed #707070;
}
.property-detail #cont5 table th,.property-detail #cont5 table td{
	border-bottom: 1px dashed #707070;
	padding: 15px 30px;
	
	vertical-align: middle;
}
.property-detail #cont5 table th{
	width: 25%;
	background: #F8F8F8;
}
.property-detail #cont5 table td{
	width: 75%;
}
.property-detail #cont6{
	text-align: center;
}
.property-detail #cont6 .tab{
	margin-bottom: 50px;
}
.property-detail #cont6 .tab a{
	color: #fff;
	font-size: 30px;
	line-height: 1.2;
	font-weight: bold;
	display: inline-block;
	padding: 30px 10px;
	background: #6B000A;
	background: url(./images/arrow-white.svg) right 4% top 47% / 10px auto no-repeat #6B000A;
	min-width: 400px;
	height: 100px;
	margin: 0 10px 10px;
}
.property-detail #cont6 .tab a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 3px 0;
}
.property-detail #cont6 .tab a.mail:before{
	background: url(./images/property-detail-icon-mail.svg) center no-repeat;
	width: 39px;
	height: 30px;
}
.property-detail #cont6 .tab a.reservation:before{
	background: url(./images/property-detail-icon-reservation.svg) center no-repeat;
	width: 36px;
	height: 36px;
}
.property-detail #cont6 .tel{
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 55px;
}
.property-detail #cont6 .tel strong{
	font-size: 51px;
	line-height: 1.1;
	font-weight: normal;
	margin-left: 20px;
}
.property-detail #cont6 a.btn{
	font-size: 34px;
	line-height: 1.2;
	font-weight: bold;
	border: 1px solid #000;
	padding: 20px 40px;
	display: inline-block;
}
.property-detail #cont6 a.btn:before{
	content: "";
	margin: 0 30px 5px 0;
	display: inline-block;
	vertical-align: middle;
	background: url(./images/property-detail-icon-map.svg) center no-repeat;
	width: 45px;
	height: 55px;
}
.property-detail #cont6 a.btn:hover:before{
	opacity: .7;
}
@media screen and (max-width:1035px){
	.property-detail #cont1,
	.property-detail #cont2,
	.property-detail #cont3,
	.property-detail #cont4,
	.property-detail #cont5{
		margin-top: -65px;
		padding-top: 65px;
	}
}
@media screen and (max-width:768px){
	.property-detail{
		padding-top: 20px;
	}
	.property-detail .property-detail-title{
		font-size: 14px;
	}
	.property-detail .property-detail-title .tag{
		padding: 3px 5px;
		margin: 0 5px 10px 0;
	}
	.property-detail .property-detail-title .tag:before{
		margin-right: 5px;
	}
	.property-detail .property-detail-title .tag.tag1:before{
		width: 18px;
		height: 14px;
		background: url(./images/property-detail-icon1.svg) center / 18px auto no-repeat;
	}
	.property-detail .property-detail-title .tag.tag2:before{
		width: 18px;
		height: 9px;
		background: url(./images/property-detail-icon2.svg) center / 18px auto no-repeat;
	}
	.property-detail .property-detail-title .tag.tag3:before{
		width: 16px;
		height: 15px;
		background: url(./images/property-detail-icon3.svg) center / 16px auto no-repeat;
	}
	.property-detail .property-detail-title .tag.tag4:before{
		width: 16px;
		height: 14px;
		background: url(./images/property-detail-icon4.svg) center / 16px auto no-repeat;
	}
	.property-detail .property-detail-title .tag.tag5:before{
		width: 24px;
		height: 15px;
		background: url(./images/property-detail-icon5.svg) center / 24px auto no-repeat;
	}
	.property-detail .property-detail-title .tag.tag6:before{
		width: 12px;
		height: 15px;
		background: url(./images/property-detail-icon6.svg) center / 15px auto no-repeat;
	}
	.property-detail .property-detail-title .tag.tag7:before{
		width: 10px;
		height: 11px;
		background: url(./images/property-detail-icon7.svg) center / 10px auto no-repeat;
	}
	.property-detail .property-detail-title strong{
		font-size: 22px;
	}
	.property-detail .f-large{
		margin-bottom: 20px;
	}
	.property-detail .contact{
		font-size: 16px;
		text-align: center;
		margin-bottom: 40px;
	}
	.property-detail .contact .pc-f-left{
		float: none;
	}
	.property-detail .contact .tel{
		font-size: 24px;
		display: block;
		padding-top: 10px;
		margin: 0 0 20px;
	}
	.property-detail .contact a.mail,
	.property-detail .contact a.reservation{
		font-size: 16px;
		padding: 20px;
		text-align: center;
		margin: 0 0 5px;
		display: block;
	}
	.property-detail .contact a:before{
		margin-right: 20px;
	}
	.property-detail ul.anc{
		margin-bottom: 25px;
	}
	.property-detail ul.anc li{
		width: 31%;
		margin: 0 1.16% 30px;
	}
	.property-detail ul.anc li:nth-child(5n){
		margin-right: 0.66%;
	}
	.property-detail ul.anc li a{
		font-size: 14px;
		padding-bottom: 5px;
		border-bottom: 2px solid #000;
	}
	.property-detail ul.anc li a:after{
		bottom: -11px;
		border-width: 9px 4px 0 4px;
	}
	.property-detail .property-detail-subtitle{
		font-size: 24px;
	}
	.property-detail #cont1 .read{
		font-size: 16px;
		line-height: 1.6;
	}
	.property-detail #cont1 ul.check li{
		font-size: 18px;
		padding-left: 20px;
		background: url(./images/icon-check.svg) left 3px / 16px auto no-repeat;
		margin-bottom: 10px;
	}
	.property-detail #cont2 ul.slider{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.property-detail #cont2 ul.slider .slick-prev,
	.property-detail #cont2 ul.slider .slick-next{
		width: 30px;
		height: 30px;
	}
	.property-detail #cont2 ul.thumb .slick-prev,
	.property-detail #cont2 ul.thumb .slick-next{
		width: 20px;
		height: 20px;
	}
	.property-detail #cont2 ul.slider .slick-prev{
		background: url(./images/property-detail-prev.svg) center / 30px auto no-repeat;
		left: -10px;
	}
	.property-detail #cont2 ul.slider .slick-next{
		background: url(./images/property-detail-next.svg) center / 30px auto no-repeat;
		right: -10px;
	}
	.property-detail #cont2 ul.thumb .slick-prev{
		background: url(./images/property-detail-prev.svg) center / 20px auto no-repeat;
		left: -10px;
	}
	.property-detail #cont2 ul.thumb .slick-next{
		background: url(./images/property-detail-next.svg) center / 20px auto no-repeat;
		right: -10px;
	}
	.property-detail #cont2 ul.thumb li{
		width: 13%;
		margin: 0 0.3% 0 0;
	}
	.property-detail #cont3 .read{
		font-size: 16px;
	}
	.property-detail #cont3 .map{
		flex-wrap: wrap;
	}
	.property-detail #cont3 .map .map-cont{
		width: 100%;
		padding-top: 60%;
		margin-bottom: 20px;
	}
	.property-detail #cont3 .map .station{
		width: 100%;
	}
	.property-detail #cont3 .map .station div{
		padding-bottom: 3px;
		margin-bottom: 10px;
	}
	.property-detail #cont3 .map .station div .leftcol{
		line-height: 1.4;
	}
	.property-detail #cont3 .map .station div .leftcol strong{
		font-size: 18px;
	}
	.property-detail #cont3 .map .station div.f-red .leftcol strong{
		font-size: 20px;
	}
	.property-detail #cont3 .map .station div .rightcol{
		font-size: 18px;
	}
	.property-detail #cont3 .map .station div .rightcol strong{
		font-size: 28px;
		margin: 0 3px;
	}
	.property-detail #cont3 .map .station div.f-red .rightcol{
		font-size: 20px;
		padding-top: 8px;
	}
	.property-detail #cont3 .map .station div.f-red .rightcol strong{
		font-size: 36px;
	}
	.property-detail #cont3 ul li{
		width: 49%;
		margin: 0 2% 20px 0;
	}
	.property-detail #cont3 ul li:nth-child(3n){
		margin-right: 2%;
	}
	.property-detail #cont3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.property-detail #cont4 ul li{
		margin: 0 2% 30px 0;
	}
	.property-detail #cont5 table th,.property-detail #cont5 table td{
		padding: 10px 15px;
		display: block;
		width: 100%;
	}
	.property-detail #cont6 .tab{
		margin-bottom: 40px;
	}
	.property-detail #cont6 .tab a{
		font-size: 18px;
		padding: 20px 20px;
		min-width: inherit;
		width: 100%;
		height: inherit;
		margin: 0 0 5px;
	}
	.property-detail #cont6 .tab a:before{
		margin: 0 20px 3px 0;
	}
	.property-detail #cont6 .tab a.mail:before{
		background: url(./images/property-detail-icon-mail.svg) center / 26px auto no-repeat;
		width: 26px;
		height: 20px;
	}
	.property-detail #cont6 .tab a.reservation:before{
		background: url(./images/property-detail-icon-reservation.svg) center / 24px auto no-repeat;
		width: 24px;
		height: 24px;
	}
	.property-detail #cont6 .tel{
		font-size: 20px;
		margin-bottom: 35px;
	}
	.property-detail #cont6 .tel strong{
		font-size: 32px;
		padding-top: 5px;
		display: block;
		text-align: center;
		margin-left: 0;
	}
	.property-detail #cont6 a.btn{
		font-size: 24px;
		line-height: 1;
		padding: 15px 20px;
	}
	.property-detail #cont6 a.btn:before{
		margin: 0 15px 3px 0;
		background: url(./images/property-detail-icon-map.svg) center / 30px auto no-repeat;
		width: 30px;
		height: 37px;
	}
}


/*---------------------------------------------------------------------------------------
	staff
----------------------------------------------------------------------------------------*/

.lower{
    padding: 10px 3% 80px;
    background: #FFF8F0;
}
.overall-lower{
    padding: 10px 3% 80px;
    background: #F6F8F6;
}
/* staff-slide */
#staff-list ul.staff-slide{
    display: flex;
    flex-wrap: wrap;
    padding: 0 2.5%;
}
#staff-list ul.staff-slide li{
    width: 31.3%;
    margin: 0 2.5% 25px 0;
    background: #fff;
    box-shadow:3px 3px 0px 0px #E0DAD3;
}
#staff-list ul.staff-slide li:nth-child(3n){
    margin-right: 1%;
}
#staff-list ul.staff-slide li a{
    margin: 0;
}
#staff-list ul.staff-slide li dl {
    padding-top: 20px;
}
#staff-list ul.staff-slide li dl dt{
    font-size: 18px;
}
#staff-list ul.staff-slide li dl dt img{
	height: 18px;
	width: auto;
}
@media screen and (max-width:768px){
    .lower{
        padding: 10px 0 15px;
    }
    .overall-lower{
        padding: 10px 0 15px;
    }
    #staff-list ul.staff-slide{
        padding: 0;
    }
    #staff-list ul.staff-slide li{
        width: 99%;
        margin: 0 1% 15px 0;
        box-shadow:2px 2px 0px 0px #E0DAD3;
    }
    #staff-list ul.staff-slide li dl dt{
        font-size: 16px;
    }
	#staff-list ul.staff-slide li dl dt img{
		height: 16px;
	}
}

.back{
    font-size: 18px;
    font-weight: bold;
}
.back a{
    text-decoration: underline;
}
/* staff-detail */
.staff-detail{
    text-align: left;
    background: #fff;
    padding: 45px 40px 40px;
    box-shadow: 3px 3px 0px 0px #E0DAD3;
}
.staff-detail .box{
    clear: both;
    overflow: hidden;
}
.staff-detail .box figure{
    float: left;
    width: 41.85%;
}
.staff-detail .box .rightcol{
    float: right;
    width: 52.2%;
}
#staff .tag{
    margin-bottom: 10px;
}
#staff #staff-list .tag{
    padding: 20px 30px 0;
    margin-bottom: 0;
}
#staff .tag span{
    font-weight: bold;
    display: inline-block;
    padding: 2px 15px;
    margin: 0 5px 5px 0;
    border: 1px solid #000;
}
.staff-detail .box .rightcol p{
    font-size: 16px;
}
.staff-detail .box .rightcol .name{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.staff-detail .box .rightcol .name img{
	height: 26px;
	width: auto;
	margin-right: 10px;
}
.staff-detail .box .rightcol .name span{
	font-size: 14px;
	height: 14px;
	line-height: 1;
	font-weight: normal;
	vertical-align: bottom;
}
.staff-detail .box .rightcol .name img.kana{
	height: 14px;
	margin: 0 5px;
}
.staff-detail .box .rightcol ul{
    clear: both;
    overflow: hidden;
}
.staff-detail .box .rightcol ul li{
    float: left;
    width: 48%;
}
.staff-detail .box .rightcol ul li:nth-child(2n){
    float: right;
}
.staff-detail .box .rightcol ul li table{
    width: 100%;
    border-top: 1px dashed #ccc;
}
.staff-detail .box .rightcol ul li table th,
.staff-detail .box .rightcol ul li table td{
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
}
.staff-detail .box .rightcol ul li table th{
    font-weight: bold;
    width: 5em;
    padding-right: 5px;
}
.staff-detail .box .rightcol .btn a{
    color: #000;
    font-weight: bold;
    border: 1px solid #A0A0A0;
    border-radius: 5px;
    background:#eee;
    padding: 15px 30px;
}
.staff-detail .box .rightcol .btn a:after{
    background: url(./images/arrow-black2.svg) no-repeat right center;
}
.staff-detail dl.message-box{
    background: #FFF4F1;
    padding: 25px 35px;
}
.staff-detail dl.message-box dt{
    color: #560023;
    font-size: 26px;
    margin-bottom: 20px;
}
.staff-detail dl.message-box dt span{
    display: inline-block;
    padding-left: 45px;
    background: url(./images/icon-mail-red.svg) no-repeat left top 8px;
}
.staff-detail dl.message-box dd{
    font-size: 16px;
}
@media screen and (max-width:768px){
    .back{
        font-size: 16px;
    }
    /* staff-detail */
    .staff-detail{
        padding: 25px 20px 20px;
        box-shadow: 2px 2px 0px 0px #E0DAD3;
    }
    .staff-detail .box figure{
        text-align: center;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .staff-detail .box .rightcol{
        float: none;
        width: 100%;
    }
    #staff .tag{
        margin-bottom: 5px;
    }
    #staff .tag span{
        font-size: 14px;
        padding: 1px 10px;
    }
    #staff #staff-list .tag{
        padding: 15px 15px 0;
    }
    .staff-detail .box .rightcol p{
        font-size: 14px;
    }
    .staff-detail .box .rightcol .name{
        font-size: 22px;
        margin-bottom: 5px;
    }
	.staff-detail .box .rightcol .name img{
		height: 20px;
	}
    .staff-detail .box .rightcol ul li table th,
    .staff-detail .box .rightcol ul li table td{
        padding: 5px 0;
    }
    .staff-detail .box .rightcol ul li table th{
        padding-right: 5px;
    }
    .staff-detail dl.message-box{
        padding: 15px 20px;
    }
    .staff-detail dl.message-box dt{
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
    .staff-detail dl.message-box dt span{
        padding-left: 25px;
        background: url(./images/icon-mail-red.svg) no-repeat left top 7px;
        background-size: 22px auto;
    }
    .staff-detail dl.message-box dd{
        font-size: 14px;
    }
}


/*---------------------------------------------------------------------------------------
	news blog
----------------------------------------------------------------------------------------*/

#news{
    text-align: left;
    clear: both;
    overflow: hidden;
}
.din span.f-small{
    font-size: 16px;
}
/* leftcol */
#news .leftcol{
    float: left;
    width: 73%;
    padding: 15px 20px 55px;
    background: #fff;
}
#news .news-title{
    font-size: 30px;
    border-bottom: 2px solid #000;
    margin-bottom: 15px;
}
#news .leftcol.news-list article{
    padding-bottom: 45px;
    border-bottom: 2px dotted #A5A5A5;
    margin-bottom: 30px;
}
#news .leftcol.news-list article:last-of-type{
    margin-bottom: 45px;
}
#news .leftcol article dl.category{
    clear: both;
    overflow: hidden;
}
#news .leftcol article dl.category dt{
    color: #666;
    float: left;
}
#news .leftcol article dl.category dd{
    overflow: hidden;
}
#news .leftcol article dl.category dd p{
    display: inline-block;
}
#news .leftcol article dl.category dd p:before{
    content: ",";
    margin: 0 5px;
}
#news .leftcol article dl.category dd p:first-child:before{
    content: none;
}
#news .leftcol article a{
    color: #4767C3;
    text-decoration: underline;
}
#news .leftcol article dl.category dd p a:hover{
    opacity: 0.6;
}
/* news-list */
#news .leftcol.news-list  article .box{
    clear: both;
    overflow: hidden;
}
#news .leftcol.news-list article .box figure{
    float: left;
    width: 28.57%;
    margin: 0 5% 10px 0;
    margin-bottom: 10px;
}
#news .leftcol.news-list article .box dl{
    margin-bottom: 10px;
}
#news .leftcol.news-list article .box dl dt{
    color: #666;
    font-size: 12px;
    margin-bottom: 15px;
}
#news .leftcol.news-list article .box dl dd{
    font-size: 16px;
    line-height: 1.8;
}
#news .leftcol.news-list article .box dl dd a{
    font-size: 18px;
}
#news .leftcol ul.pager li{
    border-radius: 5px;
    box-shadow:3px 3px 0px 0px #DFDFDF;
}
#news .leftcol ul.pager li a,
#news .leftcol ul.pager li.active{
    font-weight: bold;
    border-radius: 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #D6D6D6;
}
#news .leftcol ul.pager li a{
    text-decoration: underline;
}
#news .leftcol ul.pager li.active{
    background: #666;
}
#news .leftcol ul.pager li.pager-dot a,
#news .leftcol ul.pager li.prev a,
#news .leftcol ul.pager li.next a{
    text-decoration: none;
}
#news .leftcol ul.pager li.prev a,
#news .leftcol ul.pager li.next a{
    width: 75px;
}
@media screen and (max-width:768px){
    #news .leftcol{
        float: none;
        width: 100%;
        padding: 10px 3% 25px;
        margin-bottom: 20px;
    }
    #news .news-title{
        font-size: 22px;
        border-bottom: 1px solid #000;
        margin-bottom: 10px;
    }
    #news .leftcol.news-list article{
        padding-bottom: 15px;
        border-bottom: 1px dotted #A5A5A5;
        margin-bottom: 20px;
    }
    #news .leftcol.news-list article:last-of-type{
        margin-bottom: 20px;
    }
    #news .leftcol.news-list article .box figure{
        margin-right: 3%;
        width: 32%;
    }
    #news .leftcol.news-list article .box dl dt{
        margin-bottom: 5px;
    }
    #news .leftcol.news-list article .box dl dd{
        font-size: 15px;
        line-height: 1.6;
    }
    #news .leftcol.news-list article .box dl dd a{
        font-size: 16px;
    }
    #news .leftcol ul.pager li a,
    #news .leftcol ul.pager li.active{
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
    #news .leftcol ul.pager li.prev a,
    #news .leftcol ul.pager li.next a{
        width: 50px;
    }
}

/* news-detail */
#news .news-detail.leftcol{
    padding-top: 21px;
}
#news .news-detail .news-title{
    font-size: 24px;
    padding-bottom: 3px;
}
#news .news-detail .date{
    color: #666;
    font-size: 12px;
}
#news .news-detail .note{
    font-size: 17px;
/*    line-height: 2.7;*/
}
#news .news-detail .note p,
#news .news-detail .note ul li,
#news .news-detail .note div{
    margin-bottom: 20px;
}
#news .news-detail .note img{
    margin: 0 10px 50px 0;
}
#news .news-detail .note a{
    color: #A32C00;
 /*   font-size: 22px;
    display: block;*/
    display: inline-block;
	margin-right: 30px;
}
#news .news-detail .note a:hover{
    opacity: 0.6;
}
/*
#news .news-detail .note a:before{
    font-size: 14px;
    content: "▶";
    vertical-align: middle;
    display: inline-block;
    margin-right: 1em;
}
*/
#news .news-detail .note div.sns-btn{
    line-height: 1;
    margin-bottom: 0;
}
#news .news-detail .note .sns-btn a{
    margin-bottom: 0;
}
#news .news-detail .note .sns-btn .fb-like{
    top: -2px;
}
#news .news-detail .note p,#news .news-detail .note ul,#news .news-detail .note ol,#news .news-detail .note h1,#news .news-detail .note h2,#news .news-detail .note h3,#news .news-detail .note h4,#news .news-detail .note h5,#news .news-detail .note h6{ margin-bottom: 20px; line-height: 1.4;}
#news .news-detail .note h1{ font-size: 36px;}
#news .news-detail .note h2{ font-size: 32px;}
#news .news-detail .note h3{ font-size: 28px;}
#news .news-detail .note h4{ font-size: 24px;}
#news .news-detail .note h5{ font-size: 22px;}
#news .news-detail .note h6{ font-size: 20px;}
#news .news-detail .note ul,#news .news-detail .note ul li{ list-style: disc;}
#news .news-detail .note ol,#news .news-detail .note ol li{ list-style-type: decimal;}
#news .news-detail .note ul,#news .news-detail .note ol{ margin-left: 1em;}
#news .news-detail .note .pdf{
	padding-left: 30px;
	background: url(./images/icon-pdf.png) left center / 20px auto no-repeat;
}
#news .news-detail .note .pdf a{
	text-decoration: underline;
}
@media screen and (max-width:768px){
    #news .news-detail.leftcol{
        padding-top: 10px;
    }
    #news .news-detail .news-title{
        font-size: 22px;
        padding-bottom: 0;
    }
    #news .news-detail .note{
        font-size: 15px;
/*        line-height: 1.8;*/
    }
	#news .news-detail .note h1{ font-size: 28px;}
	#news .news-detail .note h2{ font-size: 24px;}
	#news .news-detail .note h3{ font-size: 22px;}
	#news .news-detail .note h4{ font-size: 20px;}
	#news .news-detail .note h5{ font-size: 18px;}
	#news .news-detail .note h6{ font-size: 16px;}
    #news .news-detail .note p,
    #news .news-detail .note ul li,
    #news .news-detail .note div{
        margin-bottom: 20px;
    }
    #news .news-detail .note img{
        margin: 0 10px 20px 0;
    }
    #news .news-detail .note a{
        font-size: 18px;
    }
}

/* rightcol */
#news .rightcol{
    font-size: 15px;
    float: right;
    width: 26%;
    padding: 31px 10px 0;
    background: #fff;
}
#news .rightcol .news-title{
    font-size: 20px;
    margin-bottom: 15px;
}
#news .rightcol div{
    overflow: hidden;
    margin-bottom: 40px;
}
#news .rightcol ul li{
    position: relative;
    padding-left: 1em;
    margin-bottom: 20px;
}
#news .rightcol a{
    text-decoration: underline;
}
#news .rightcol ul li a:before{
    position: absolute;
    top: 4px;
    left: 0;
    content: "▶";
    font-size: 10px;
}
#news .rightcol dl{
    overflow: hidden;
    margin-bottom: 10px;
}
#news .rightcol dl dt{
    font-weight: bold;
    margin-bottom: 10px;
}
#news .rightcol dl dd{
    margin-left: 0.5em;
}
#news .rightcol dl dd ul li{
    margin-bottom: 10px;
}
@media screen and (max-width:768px){
    #news .rightcol{
        float: none;
        width: 100%;
        padding: 10px 3% 0;
    }
    #news .rightcol .news-title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    #news .rightcol div{
        margin-bottom: 20px;
    }
    #news .rightcol ul li{
        margin-bottom: 10px;
    }
    #news .rightcol dl{
        margin-bottom: 5px;
    }
    #news .rightcol dl dt{
        margin-bottom: 5px;
    }
    #news .rightcol dl dd ul li{
        margin-bottom: 5px;
    }
}


/*---------------------------------------------------------------------------------------
	area
----------------------------------------------------------------------------------------*/

#area{
    font-size: 15px;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 90px;
}
.title-arial{
    font-size: 22px;
}
.title-arial strong{
    font-size: 32px;
    font-family: 'arial';
    display: inline-block;
    margin-right: 30px;
}
ul.area-link{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}
ul.area-link li{
    font-size: 18px;
    font-weight: bold;
    float: left;
    text-align: center;
    width: 15%;
    margin: 0 2% 40px 0;
}
ul.area-link li:nth-child(6n){
    margin-right: 0;
}
ul.area-link li:hover{
    opacity: 0.7;
}
ul.area-link li a .din{
    color: #ccc;
}
ul.area-link li.active a .din{
    color: #000;
}
ul.area-link li .din{
    font-size: 40px;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 5px;
}
ul.area-link li.active .din{
    border-bottom: 2px solid #000;
}
ul.area-link li .mincho{
    position: relative;
}
ul.area-link li .mincho:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 7.5px 0 7.5px;
    border-color: #ccc transparent transparent transparent;
    display: inline-block;
    margin: 0 auto;
}
ul.area-link li.active .mincho:after{
    border-color: #000000 transparent transparent transparent;
}
.area-title2{
    font-size: 20px;
    padding: 10px 25px;
    background: #F6F8F6;
}
.area-title2:before{
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.area-title2.spot:before{
    content: "";
    background: url(./images/icon-sopt.svg) no-repeat left top;
    width: 21px;
    height: 27px;
}
.area-title2.school:before{
    content: "";
    background: url(./images/icon-school.svg) no-repeat left top;
    width: 35px;
    height: 24px;
}
.area-title2.link:before{
    content: "";
    background: url(./images/icon-link.svg) no-repeat left top;
    width: 30px;
    height: 24px;
}
.spot-map img{
    max-width: 800px;
    width: 100%;
}
ul.spot-list{
    display: flex;
    flex-wrap: wrap;
}
ul.spot-list li{
    width: 28%;
    margin: 0 7.5% 10px 0;
}
ul.spot-list li:nth-child(3n){
    margin-right: 0;
}
ul.spot-list li dl dt{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
ul.spot-list li dl dd{
    line-height: 1.9;
}
ul.area-school-list{
    clear: both;
    overflow: hidden;
}
ul.area-school-list li{
    width: 32%;
    margin: 0 2% 5px 0;
    float: left;
}
ul.area-school-list li:nth-child(3n){
    margin-right: 0;
}
.link-blue a{
    color: #1A0DAB;
}
.link-blue a:hover{
    opacity: 0.6;
}
.area-footer-link{
    text-align: center;
}
.area-footer-link dl{
    font-size: 20px;
    font-weight: bold;
    border: 2px solid #6C000A;
    padding: 30px 45px 30px 120px;
    display: inline-block;
    position: relative;
}
.area-footer-link dl:before{
    position: absolute;
    top: 25%;
    left: 45px;
    content: "";
    background: url(./images/icon-map.svg) no-repeat left top;
    width: 58px;
    height: 71px;
    margin-right: 15px;
}
.area-footer-link dl dt{
    color: #000;
}
.area-footer-link dl dd{
    color: #6C000A;
    font-size: 35px;
}
@media screen and (max-width:768px){
    #area{
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 45px;
    }
    .title-arial{
        font-size: 18px;
    }
    .title-arial strong{
        font-size: 24px;
        line-height: 1;
        display: block;
    }
    ul.area-link li{
        font-size: 12px;
        width: 16%;
        margin: 0 0.8% 20px 0;
    }
    ul.area-link li .din{
        font-size: 22px;
        padding-bottom: 3px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 3px;
    }
    ul.area-link li.active .din{
        border-bottom: 1px solid #000;
    }
    ul.area-link li .mincho:after{
        bottom: -10px;
        border-width: 6.5px 3.75px 0 3.75px;
    }
    .area-title2{
        font-size: 18px;
        padding: 10px 20px;
    }
    .area-title2:before{
        margin-right: 15px;
    }
    .area-title2.spot:before{
        background: url(./images/icon-sopt.svg) no-repeat left top;
        background-size: 15px auto;
        width: 15px;
        height: 21px;
    }
    .area-title2.school:before{
        background: url(./images/icon-school.svg) no-repeat left top;
        background-size: 27px auto;
        width: 27px;
        height: 18px;
    }
    .area-title2.link:before{
        background: url(./images/icon-link.svg) no-repeat left top;
        background-size: 22px auto;
        width: 22px;
        height: 18px;
    }
    ul.spot-list li{
        width: 100%;
        margin: 0 0% 10px 0;
    }
    ul.spot-list li dl dt{
        font-size: 16px;
    }
    ul.area-school-list li{
        width: 100%;
        margin: 0 0 5px 0;
        float: none;
    }
    #area ul.link-blue a{
        display: block;
        padding: 5px 0;
    }
    .area-footer-link dl{
        font-size: 18px;
        border: 1px solid #6C000A;
        padding: 15px 15px 15px 60px;
    }
    .area-footer-link dl:before{
        top: 25%;
        left: 12px;
        background: url(./images/icon-map.svg) no-repeat left top;
        background-size: 40px auto;
        width: 40px;
        height: 48px;
    }
    .area-footer-link dl dd{
        font-size: 24px;
    }
}



/*---------------------------------------------------------------------------------------
	works
----------------------------------------------------------------------------------------*/

#works{
    text-align: left;
    padding-top: 30px;
    padding-bottom: 120px;
}
#works #map{
	padding-top: 50%;
	width: 100%!important;
	height: 0!important;
}
ul.works-icon li{
    font-size: 16px;
    display: inline-block;
    margin: 0 30px 10px 0;
}
ul.works-icon li:before{
    content: "";
    width: 25px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
ul.works-icon li.pin-red:before{
    background: url(./images/pin-red.svg) no-repeat left top;
}
ul.works-icon li.pin-blue:before{
    background: url(./images/pin-blue.svg) no-repeat left top;
}
ul.works-icon li.pin-green:before{
    background: url(./images/pin-green.svg) no-repeat left top;
}
.works-photo figure{
    position: relative;
}
.works-photo figure figcaption{
    color: #E0E0E1;
    position: absolute;
    right: 10px;
    bottom: 5px;
}
.works-photo figure figcaption.f-black{
    color: #000;
}
.works-photo .left-large,
.works-photo .right-large{
    clear: both;
    overflow: hidden;
    margin-bottom: 4px;
}
.works-photo .left-large .leftcol,
.works-photo .right-large .rightcol{
    width: 48%;
}
.works-photo .left-large .rightcol,
.works-photo .right-large .leftcol{
    width: 51.8%;
}
.works-photo .left-large .rightcol figure,
.works-photo .right-large .leftcol figure{
    margin-bottom: 0.6%;
}
.works-photo .left-large .rightcol figure:last-child,
.works-photo .right-large .leftcol figure:last-child{
    margin-bottom: 0;
}
.tb4{
    width: 100%;
}
.tb4 th,.tb4 td{
    font-size: 18px;
    text-align: left;
    vertical-align: top;
    padding: 11px 20px;
    border-right: 1px solid #C2C2C1;
}
.tb4 th{
    background: #F6F2E5;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.tb4 tr th:first-child,.tb4 tr th:last-child{
    width: 12.5%;
}
.tb4 tr th:last-child,.tb4 tr td:last-child{
    border-right: none;
}
.tb4 tr th:last-child,.tb4 tr td:last-child{
    text-align: center;
}
.tb4 td{
    background: #F8F8F8;
    border-bottom: 1px dashed #C1C1C1;
}
@media screen and (max-width:768px){
    #works{
        padding-top: 15px;
        padding-bottom: 60px;
    }
    ul.works-icon li{
        font-size: 14px;
        margin: 0 15px 5px 0;
    }
    ul.works-icon li:before{
        content: "";
        width: 16px;
        height: 24px;
        margin-right: 5px;
    }
    ul.works-icon li.pin-red:before{
        background: url(./images/pin-red.svg) no-repeat left top;
        background-size: 16px auto;
    }
    ul.works-icon li.pin-blue:before{
        background: url(./images/pin-blue.svg) no-repeat left top;
        background-size: 16px auto;
    }
    ul.works-icon li.pin-green:before{
        background: url(./images/pin-green.svg) no-repeat left top;
        background-size: 16px auto;
    }
    .works-photo .mb5{
        margin-bottom: 2px;
    }
    .works-photo figure figcaption{
        font-size: 13px;
    }
    .works-photo .left-large,
    .works-photo .right-large{
        margin-bottom: 2px;
    }
    .tb4 th,.tb4 td{
        font-size: 15px;
        padding: 5px 10px;
    }
    .tb4 tr th:first-child{
        width: 5.5em;
    }
    .tb4 tr th:last-child{
        width: 4em;
    }
}
@media screen and (max-width:450px){
    .works-photo .left-large .leftcol,
    .works-photo .right-large .rightcol{
        width: 100%;
        float: none;
    }
    .works-photo .left-large .leftcol figure,
    .works-photo .right-large .rightcol figure{
        margin-bottom: 2px;
    }
    .works-photo .left-large .rightcol,
    .works-photo .right-large .leftcol{
        width: 100%;
        float: none;
    }
    .works-photo .left-large .rightcol figure,
    .works-photo .right-large .leftcol figure{
        margin-bottom: 0.6%;
    }
    .works-photo .left-large .rightcol figure:last-child,
    .works-photo .right-large .leftcol figure:last-child{
        margin-bottom: 2;
    }
}



/*---------------------------------------------------------------------------------------
	greeting
----------------------------------------------------------------------------------------*/

#greeting{
    font-size: 16px;
    line-height: 2.2;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 120px;
}
#greeting .box{
    clear: both;
    overflow: hidden;
}
#greeting .box figure{
    float: right;
    width: 32.8%;
    margin: 0 0 20px 15px;
}
#greeting .box figure img{
    margin-bottom: 15px;
}
#greeting .box figure figcaption p{
    font-size: 18px;
}
#greeting .box figure figcaption p.din{
    font-size: 26px;
    line-height: 1.4;
}
#greeting .box figure figcaption span.din{
    font-size: 22px;
}
#greeting .box div{
    overflow: hidden;
}
@media screen and (max-width:768px){
    #greeting{
        font-size: 14px;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 60px;
    }
    #greeting .box figure{
        width: 160px;
    }
    #greeting .box figure figcaption p{
        font-size: 16px;
    }
    #greeting .box figure figcaption p.din{
        font-size: 22px;
        line-height: 1.1;
    }
    #greeting .box figure figcaption span.din{
        font-size: 20px;
    }
    #greeting .box div{
        overflow: visible;
    }
}



/*---------------------------------------------------------------------------------------
	outline
----------------------------------------------------------------------------------------*/

#outline{
    font-size: 16px;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 120px;
}
table.tb3{
    width: 100%;
    border-top: 1px dashed #C6C6C6;
}
table.tb3 th,
table.tb3 td{
    padding: 15px 5px 15px 40px;
    border-bottom: 1px dashed #C6C6C6;
}
table.tb3 th{
    background: #F6F8F6;
    width: 210px;
}
a.u-line{
    text-decoration: underline;
}
#outline .iframe-cont{ position: relative; width: 100%; padding-top: 56.25%;}
#outline .iframe-cont iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
#outline ul.outline-list{
	display: flex;
	justify-content: space-around;
}
#outline ul.outline-list li{
	width: 31%;
}
#outline ul.outline-list li p{
	min-height: 5em;
}
@media screen and (max-width:768px){
    #outline{
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 60px;
    }
    table.tb3 th,
    table.tb3 td{
        padding: 5px 10px;
    }
    table.tb3 th{
        width: 100px;
    }
	#outline ul.outline-list{
		flex-wrap: wrap;
	}
	#outline ul.outline-list li{
		width: 100%;
		margin-bottom: 30px;
	}
}



/*---------------------------------------------------------------------------------------
	policy
----------------------------------------------------------------------------------------*/

#policy{
    font-size: 15px;
    line-height: 2.2;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 120px;
}
#policy dl.box{
    text-align: center;
    padding: 25px 10px 30px;
    border: 1px solid #BFBFBF;
}
#policy dl.box dt{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
#policy ol > li{
    padding-left: 2.5em;
    text-indent: -2.5em;
}
#policy ol li ol{
    clear: both;
    overflow: hidden;
}
#policy ol li ol li{
    float: left;
    margin-right: 15px;
}
#policy .bd-top{
    border-top: 1px solid #bfbfbf;
    padding-top: 60px;
}
#policy .bd-top dl dt{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
@media screen and (max-width:768px){
    #policy{
        font-size: 14px;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 60px;
    }
    #policy dl.box{
        padding: 10px 10px 15px;
    }
    #policy dl.box dt{
        font-size: 18px;
    }
    #policy ol > li{
        padding-left: 1.5em;
        text-indent: -1.5em;
    }
    #policy .bd-top{
        padding-top: 30px;
    }
    #policy .bd-top dl dt{
        font-size: 16px;
        margin-bottom: 10px;
    }
}



/*---------------------------------------------------------------------------------------
	faq
----------------------------------------------------------------------------------------*/

.faq-title{
    color: #6C000A;
    font-size: 40px;
    font-weight: bold;
}
.faq-title:before{
    content: "";
    background: url(./images/sell-icon3.png) no-repeat left top;
    width: 100px;
    height: 106px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
@media screen and (max-width:768px){
    .faq-title{
        font-size: 28px;
    }
    .faq-title:before{
        background: url(./images/sell-icon3.png) no-repeat left top;
        background-size: 66px auto;
        width: 66px;
        height: 70px;
        margin-right: 10px;
    }
}
.faq-ac dl{
    text-align: left;
    background: #FAF8F4;
    margin-bottom: 20px;
}
.faq-ac dl:last-of-type{
    margin-bottom: 55px;
}
.faq-ac dl dt{
    font-size: 24px;
    font-weight: bold;
    padding: 15px 30px 15px 65px;
    position: relative;
    cursor: pointer;
    background: url(./images/arrow-black-bottom.svg) no-repeat right 15px top 30px;
}
.faq-ac dl dt.open{
    background: url(./images/arrow-black-top.svg) no-repeat right 15px top 30px;
}
.faq-ac dl dt:before{
    font-size: 26px;
    font-family: 'arial';
    content: "Q.";
    position: absolute;
    top: 15px;
    left: 20px;
}
.faq-ac dl dd{
    font-size: 24px;
    display: none;
    padding: 15px 65px 25px;
}
.faq-ac dl dd div{
    background: #fff;

    padding: 20px 20px 20px 80px;
    position: relative;
}
.faq-ac dl dd div:before{
    color: #8E1F15;
    font-size: 26px;
    font-weight: bold;
    font-family: 'arial';
    content: "A.";
    position: absolute;
    top: 19px;
    left: 20px;
}
@media screen and (max-width:768px){
    .faq-ac dl{
        margin-bottom: 10px;
    }
    .faq-ac dl:last-of-type{
        margin-bottom: 25px;
    }
    .faq-ac dl dt{
        font-size: 18px;
        padding: 10px 15px 10px 40px;
        background: url(./images/arrow-black-bottom.svg) no-repeat right 10px top 20px;
    }
    .faq-ac dl dt.open{
        background: url(./images/arrow-black-top.svg) no-repeat right 10px top 20px;
    }
    .faq-ac dl dt:before{
        font-size: 20px;
        top: 9px;
        left: 15px;
    }
    .faq-ac dl dd{
        font-size: 18px;
        padding: 10px;
    }
    .faq-ac dl dd div{
        padding: 10px 10px 10px 45px;
    }
    .faq-ac dl dd div:before{
        font-size: 20px;
        top: 7px;
        left: 15px;
    }
}



/*---------------------------------------------------------------------------------------
	buy
----------------------------------------------------------------------------------------*/

.buy-imgright{
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
    clear: both;
    overflow: hidden;
}
.buy-imgright .rightcol{
    width: 45%;
}
.buy-imgright .leftcol{
    width: 51%;
}
@media screen and (max-width:768px){
    .buy-imgright{
        font-size: 14px;
        line-height: 1.6;
    }
    .buy-imgright .rightcol{
        width: 100%;
        float: none;
        text-align: center;
    }
    .buy-imgright .leftcol{
        width: 100%;
        float: none;
    }
}



/*---------------------------------------------------------------------------------------
	buy
----------------------------------------------------------------------------------------*/

#service .read{
    font-size: 29px;
}
/* tab */
#service ul.tab {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #000;
    margin-bottom: 55px;

}
#service ul.tab li {
    width: 155px;
    border: solid 1px #000;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
    position: relative;
}
#service ul.tab li a {
    color: #fff;
    font-size: 18px;
    line-height: 1.1;
    width: 100%;
    padding: 15px 0;
    display: block;
    border-radius: 10px 10px 0 0;
}
#service ul.tab li:nth-of-type(1){
    background-color: #7D0022;
    border: solid 1px #7D0022;
    color: #000;
}
#service ul.tab li:nth-of-type(2) {
    background-color: #6a3906;
    border: solid 1px #6a3906;
}
#service ul.tab li:nth-of-type(3) {
    background-color: #029bc7;
    border: solid 1px #029bc7;
}
#service ul.tab li:nth-of-type(3) a{
    font-size: 14px;
    padding: 9px 0;
}
#service ul.tab li:nth-of-type(4) {
    background-color: #af5b04;
    border: solid 1px #af5b04;
}
#service ul.tab li:nth-of-type(5) {
    background-color: #486a00;
    border: solid 1px #486a00;
}
#service ul.tab li:nth-of-type(6) {
    background-color: #383970;
    border: solid 1px #383970;
}
#service ul.tab li.active{
    color: #000;
    background: #fff;
    border: solid 1px #000;
}
#service ul.tab li.active a {
    color: #000;
}
#service ul.tab li.active:after{
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    height: 2px;
    bottom: -2px;
}
@media screen and (max-width:768px){
    #service ul.tab li a {
        font-size: 2.4vw;
        padding: 10px 0;
    }
    #service ul.tab li:nth-of-type(3) a{
        font-size: 1.9vw;
        padding: 7px 0;
    }
}

/* vacancy */
#service .vacancy-title {
    font-size: 42px;
    color: #6c000a;
    text-align: center;
    margin-top: 50px;
}
#service .vacancy-title:before {
    content: "";
    background: url(./images/sell-img01.png) no-repeat left top;
    width: 105px;
    height: 84px;
    display: inline-block;
    vertical-align: middle;
}
ul.page-tab {
    text-align: left;
}
ul.page-tab li {
    display: inline-block;
    padding-left: 15px;
    padding-right: 20px;
    border-radius: 5px;
    border:solid 1px #a0a0a1;
    margin-right: 15px;
    margin-bottom: 15px;
}
ul.page-tab li:before {
    content: url(./images/sell-arrow01.png);
    margin-right: 15px;
}
ul.page-tab li a{
    display: inline-block;
    line-height: 50px;
}

#service article {
    text-align: left;
    font-size: 16px;
}

#service article#sell01 h1 {
    background-color: #f6f8f6;
}
#service article#sell01 h1:before {
    background-color: #d2d2d2;
}

#service article#sell01 p.read {
    font-size: 24px;
    text-align: left;
    margin-bottom: 40px;
}

#service article#sell01 div.section01 {
    border:solid 10px #d1c0a5;
    padding:35px;
    margin-bottom: 45px;
}

#service article#sell01 div.section01 h2 {
    font-size: 28px;
    color: #6c000a;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

#service .flex-area {
    display: flex;
    justify-content: space-between;
}

#service article#sell01 div.section01 .flex-area ul {
    margin-left: 30px;

}

#service article#sell01 div.section01 .flex-area ul li {
    font-size: 17px;
    font-weight: bold;
    line-height: 50px;
    border-bottom: dotted 1px #c9cbc9;
    position: relative;
    padding-left: 45px;
}

#service article#sell01 div.section01 .flex-area ul li:before {
    content: url(./images/sell-icon01.png);
    position: absolute;
    top :8px;
    left: 0;

}

#service article#sell01 .flex-area dl {
    width: 38%;
    border:solid 1px #a0a0a0;
    padding:0 20px;
}
#service article#sell01 .flex-area dl dt {
   font-weight: bold;
   color: #6c000a;
   margin-bottom: 15px;
   margin-top: 20px;
}
#service article#sell01 .flex-area dl dd strong {
   font-weight: bold;
   display: block;
   margin-bottom: 10px;
   font-size: 16px;
}
#service article#sell01 .flex-area dl dd {
  border-bottom: solid 1px #a0a0a0;
  margin-bottom:15px;
  padding-bottom: 15px;
  font-size: 14px;
}
#service article#sell01 .flex-area dl dd:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#service article#sell01 .flex-area p {
    width: 56%;
    line-height: 1.8;
}
#service article#sell02 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#service article#sell02 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#service article#sell02 ul li {
    width: 33.33%;
    padding:20px 30px;
    box-sizing: border-box;
    position: relative;
}
#service article#sell02 ul li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    background-color: #a0a0a0;
    right: 0;
}
#service article#sell02 ul li:nth-of-type(3):before,
#service article#sell02 ul li:nth-of-type(6):before {
    display: none;
}
#service article#sell02 ul li:nth-of-type(1):after,
#service article#sell02 ul li:nth-of-type(2):after,
#service article#sell02 ul li:nth-of-type(3):after{
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    background-color: #a0a0a0;
    bottom: 0;
    left: 0;
    margin-left: 5%;
}
#service article#sell02 ul li figure{
    text-align: center;
}
#service article#sell02 ul li h2 {
    font-size: 22px;
    color: #6c000a;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
#service article#sell03 ol{
    overflow: hidden;
    margin-bottom: 55px;
}
#service article#sell03 ol li{
    border:solid 1px #a0a0a0;
    padding:20px;
    min-height: 130px;
    margin-bottom: 45px;
    position: relative;
}
#service article#sell03 ol li:after{
    content: url(./images/sell-arrow02.png);
    position: absolute;
    left: calc(50% - 30px);
    bottom: -45px;
}
#service article#sell03 ol li:last-child:after{
    display: none;
}
#service article#sell03 ol li figure{
    float: left;
    margin-right: 50px;
}
#service article#sell03 ol li h2{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
}
#service article#sell04 div.flex-area{
    margin-top: 50px;
    margin-bottom: 50px;
}
#service article#sell04 div.flex-area table{
    width: 480px;
}
#service article#sell04 div.flex-area table caption{
    background-color: #486a00;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}
#service article#sell04 div.flex-area table:last-child caption{
    background-color: #8a8000;
}
#service article#sell04 div.flex-area table th,
#service article#sell04 div.flex-area table td{
    border:solid 1px #a0a0a0;
    text-align: center;

}
#service article#sell04 div.flex-area table th{
    background-color: #eeeeee;
        padding:10px;
        font-weight: bold;
}
#service article#sell04 div.flex-area table td{
    color: #ff0000;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}
#service article#sell04 div.flex-area table td span{
    font-size: 18px;
}
#service article#sell04 ul li{
    font-size: 14px;
    line-height: 2;
}
#service article#sell04 ul li span{
    color: #ff0000;
}
#service article#sell06 h1{
    background-color: #fafbe7;
}
#service article#sell06 dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#service article#sell06 dl dt{
    background-color: #eeeeee;
    font-weight: bold;
    font-size: 20px;
    padding: 20px;
    width: 180px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
#service article#sell06 dl dd{
    width: 790px;
    margin-bottom: 30px;
    padding: 10px 0 0 0;
}
#service article#sell06 dl dd ul{
    margin-bottom: 30px;
}

#service article#sell06 dl dd span{
    color: #ff0000;
}
 /* メニュー全体 */
    /* チェックボックスは非表示にする（内部的な Off/On の機能だけ利用する） */
#service article#sell07 .qa-area input {
        display: none;
    }
    /* 開いた状態のサブメニュー */
#service article#sell07 .qa-area input:checked + ul {
        line-height: 1.5;
        padding: 1rem 1rem;
		height: auto;
    }
    /* 閉じた状態のサブメニュー */
#service article#sell07 .qa-area ul {
        overflow: hidden;
        line-height: 0;
        padding: 0 20px;
	height: 0;
        transition: 0.2s;
        /* 下記は開閉によらず共通の設定 */
        background: #fff;
        list-style: none;
        margin: -20px 0 20px 0;
         border:solid 1px #a0a0a0;
         border-top:0;
    }
#service article#sell07 .qa-area ul li {
        margin-left:150px;
        position: relative;
        margin-right: 110px;
    }
    #service article#sell07 .qa-area ul li:before {
        content: "A.";
        position: absolute;
        color: #8e1f15;
        font-weight: bold;
        left: -50px;
    }

    /* 親項目の装飾 */
#service article#sell07 .qa-area label {
    font-size: 18px;
    font-weight: bold;
        display: block;
        margin: 0;
        padding: 20px;
        cursor: pointer;
        border:solid 1px #a0a0a0;
        border-bottom: none;
        margin-bottom: 20px;
        position: relative;
    }
#service article#sell07 .qa-area label:last-of-type {
}
    #service article#sell07 .qa-area label:before {
        content: "Q.";
        font-weight: bold;
        margin-right: 35px;
    }
    #service article#sell07 .qa-area label:after {
        content: url(./images/sell-arrow03.png);
        position: absolute;
        top:15px;
        right: 15px;
    }
#service article#sell07 .qa-area label:hover {
        background: #fff;
    }
#service article#sell07 .qa-area label:active:after {
        content: url(./images/sell-arrow04.png);
    }
#service article#sell08 dl {
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
}
#service article#sell08 dl dt {
       font-size: 20px;
       font-weight: bold;
       width: 200px;
}
#service article#sell08 dl dt span {
       font-size: 24px;
       color: #e85006;
}

#service article#sell08 dl dd {
       width: 760px;
       margin-bottom: 40px;
}

#service article#sell08 dl dd a,
#service article#sell08 dl dd {
        font-size: 24px;
       color: #e85006;
       font-weight: bold;
}
#service article#sell08 dl dd p.btn3 a{
	color: #fff;
	margin: 0;
}

#service article#sell08 dl dd:nth-of-type(1) a:before {
        content: url(./images/sell-icontel.png);
        margin-right: 10px;
}
#service article#sell08 dl dd span {
        display: block;
        font-size: 14px;
        color: #000;
        font-weight: normal;
}
#service article#sell09 dl dd {
        margin-bottom: 35px;
}
article#toiawase-area section.bg-orange {
    background-color: #e85006;
    text-align: center;
    color: #fff;
    padding: 45px;
    margin-bottom: 45px;
}
article#toiawase-area section.bg-orange a {
    background-color: #fff;
    display: inline-block;
    text-align: center;
    color: #000;
    width: 500px;
    line-height: 90px;
    font-size: 24px;
    border-radius: 5px;
    margin-top: 30px;
}
article#toiawase-area section.bg-orange a span {
    color: #e85006;
    font-size: 32px;
    font-weight: bold;
}
article#toiawase-area section.bg-orange a:before {
    content: url(./images/sell-icon02.png);
    margin-right: 10px;
}
article#toiawase-area section.bg-orange a:after {
    content: url(./images/sell-arrow05.png);
    margin-left: 40px;
}
article#toiawase-area section.flex-area div {
    background-color: #f7efe6;
    padding: 30px 30px 10px;
    width: 480px;
}
article#toiawase-area section.flex-area div h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}
article#toiawase-area section.flex-area div h2 span {
    color: #6c000a;
    font-size: 24px;
}
article#toiawase-area section.flex-area div ul li {
	text-align: center;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
article#toiawase-area section.flex-area div ul li h3 {
    float: left;
    width: 100px;
}
article#toiawase-area section.flex-area div:nth-of-type(1) ul li a {
    display: block;
    color: #6c000a;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}
article#toiawase-area section.flex-area div:nth-of-type(1) ul li span {
   display: inline-block;
   margin-left: 30px;
}
article#toiawase-area section.flex-area div:nth-of-type(1) ul li a:before {
    content: url(./images/sell-icontel.png);
    margin-right: 10px;
}
article#toiawase-area section.flex-area div:nth-of-type(2) ul li {
    line-height: 53px;
}
article#toiawase-area section.flex-area div:nth-of-type(2) ul li:before {
    content: url(./images/sell-iconmail02.png);
    margin-right: 10px;
}
article#toiawase-area section.flex-area div:nth-of-type(2) ul li:after {
    content: "";
    display: inline-block;
    background: url(./images/arrow-red-right.svg) no-repeat left top;
    background-size: 9px 17px;
    width: 9px;
    height: 17px;
    vertical-align: middle;
    margin: 0 0 2px 15px;
}
article#toiawase-area section.flex-area div:nth-of-type(2) ul li span {
    font-size: 22px;
    font-weight: bold;
}
@media screen and (max-width:768px){
    #service{
        padding-top: 25px;
        padding-bottom: 35px;
    }
    #service .flex-area,
    #service article#sell02 ul  {
        display: block;
    }
    #service article#sell01 .flex-area p,
    #service article#sell01 .flex-area dl,
    #service article#sell02 ul li {
        width: auto;
    }
    #service article#sell01 .flex-area p{
        margin-bottom: 10px;
    }
    #service .flex-area figure{
        text-align: center;
        margin-bottom: 10px;
    }
    #service article#sell01 div.section01 .flex-area ul{
        margin-left: 0;
    }
    #service article#sell04 div.flex-area table{
        width: 100%;
        margin-bottom: 20px;
    }
     #service article#sell06 dl dt{
        width: 100%;
        margin-bottom: 10px;
    }
    #service article#sell02 ul li{
        padding-right: 0;
        padding-left: 0;
    }
    #service article#sell02 ul li img{
        width: 100%;
        height: auto;
    }
    #service article#sell02 ul li:before {
        display: none;
    }
    #service article#sell02 ul li:after {
        content: "";
        position: absolute;
        width: 90%;
        height: 1px;
        background-color: #a0a0a0;
        bottom: 0;
        left: 0;
        margin-left: 5%;
    }
    #service article#sell03 ol li figure {
        float: none;
    }
    #service article#sell06 dl dt{
        font-size: 16px;
        padding: 10px;
    }
    #service article#sell07 .qa-area label:before {
        margin-right: 10px;
    }
    #service article#sell07 .qa-area label {
        padding-right: 40px;
    }
    #service article#sell07 .qa-area ul li {
        margin-left: 20px;
        margin-right: 10px;
    }
    #service article#sell07 .qa-area ul li:before {
        left: -20px;
    }
    #service article#sell08 dl dt span{
        font-size: 18px;
    }
    #service article#sell08 dl dd a, #service article#sell08 dl dd{
        font-size: 18px;
        margin-bottom: 20px;
    }
    #service article#sell09 dl dd{
        margin-bottom: 20px;
    }
    article#toiawase-area section:nth-of-type(1) {
        padding: 20px 10px;
    }
    article#toiawase-area section:nth-of-type(1) a span{
        font-size: 25px;
    }
    article#toiawase-area section:nth-of-type(1) a {
        width: 90%;
        font-size: 20px;
    }
    article#toiawase-area section.flex-area div {
        width: auto;
        padding: 20px 20px 1px;
        margin-bottom: 20px;
    }
    article#toiawase-area section.flex-area div ul li {
        margin-bottom: 20px;
        text-align: center;
    }
    article#toiawase-area section.flex-area div ul li h3 {
        float: none;
        width: auto;
        text-align: center;
    }
    article#toiawase-area section.flex-area div ul li h3 br {
        display: none;
    }
    article#toiawase-area section.flex-area div:nth-of-type(1) ul li span {
        margin-left: 0;
        text-align: center;
    }
    article#toiawase-area section.flex-area div:nth-of-type(2) ul li {
        line-height: 1.2;
    }
    article#toiawase-area section.flex-area div:nth-of-type(2) ul li span {
        display: block;
    }
    article#toiawase-area section:nth-of-type(1) a:after {
        margin-left: 10px;
    }
}


.sell-box1{
	padding-top: 50px;
	padding-bottom: 20px;
	overflow: hidden;
}
.sell-box1 h3{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 50px;
}
.sell-box1 article.boxleft{
	float: left;
	width: 55.3%;
	padding-right: 2.5%;
	border-right: 1px solid #ccc;
}
.sell-box1 article.boxright{
	float: right;
	width: 42%;
}
.sell-box1 article.boxright p{
	font-size: 18px;
	padding: 0 25px;
}
.sell-box1 article h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.sell-box1 article h4 strong{
	color: #6c000a;
	font-size: 24px;
}
.sell-box1 article h4 img{
	vertical-align: middle;
	margin-right: 15px;
}
.sell-box1 article .fapwrap{
	margin-bottom: 15px;
}
.sell-box1 article .maplink{
	margin-bottom: 20px;
}
.sell-box1 article .maplink a{
	display: table;
	width: 100%;
	padding: 5px;
	margin: 0 auto;
	color: #111!important;
	border: 1px solid #6c000a;
	background: #fff;
}
.sell-box1 article .maplink a span{
	display: table-cell;
	vertical-align: middle;
	width: 150px;
}
.sell-box1 article .maplink a strong{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 22px;
	padding: 0 30px 0 20px;
	background: url("./images/arrow-red-right.svg") right 20px center / 8px auto no-repeat;
}
.sell-box1 article .kome{
	text-align: left;
}
.sell-box2{
	clear: both;
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: hidden;
}
.sell-box2 h4{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}
.sell-box2 div{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.sell-box2 div figure img{
	width: 150%;
	max-width: inherit;
	margin-left: -25%;
}
.sell-box2 div p{
	position: absolute;
	right: 3%;
	bottom: 5%;
}
.sell-box2 div p a{
	display: inline-block;
	width: 330px;
	height: 118px;
	padding: 33px 0 0 40px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 85px;
	background: url("./images/sell-box2-btn.svg") no-repeat;
}
.sell-box3{
	clear: both;
	margin-bottom: 60px;
}
.sell-box3 ul.sellbtn{
	clear: both;
	margin-bottom: 60px;
}
.sell-box3 ul.sellbtn li{
	display: inline-block;
	width: 50%;
	max-width: 320px;
	margin: 0 10px;
}
.sell-box3 ul.sellbtn li a{
	text-align: left;
	padding: 20px 30px;
}
.sell-box3 ul.sellbtn li a img{ margin-right: 10px;}
.sell-box3 dl dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
.sell-box3 dl dd a{
	display: inline-block;
	width: 100%;
	max-width: 500px;
	padding: 20px 30px;
	color: #fff!important;
	font-size: 24px;
	font-weight: bold;
	background: url(./images/arrow-white.svg) right 20px center no-repeat #6c000a;
	border: 1px solid #6c000a;
}
.sell-box3 dl dd a img{
	vertical-align: middle;
	margin-right: 15px;
	margin-bottom: 10px;
}
.sell-box3 dl dd a strong{
/*	color: #e85006;*/
	font-size: 32px;
}
.sell-box4{
	clear: both;
	display: table;
	width: 100%;
	max-width: 840px;
	margin: 0 auto 100px;
	background: #f0eeea;
}
.sell-box4 figure{
	display: table-cell;
	vertical-align: middle;
	width: 34%;
	padding: 30px 20px;
	text-align: right;
}
.sell-box4 dl{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 40px 20px 50px 20px;
	text-align: left;
}
.sell-box4 dl dt{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
.sell-box4 dl dd{
}
.sell-box4 dl dd p.ttl{
	color: #6c000a;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
.sell-box4 dl dd p.ttl strong{
	font-size: 26px;
}
.sell-box4 dl p.more.btn2{
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.sell-box4 dl p.more.btn2 a{
	font-size: 16px!important;
	font-weight: bold;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.sell-box1{
		padding-top: 40px;
	}
	.sell-box1 h3{
		font-size: 20px;
		margin-bottom: 40px;
	}
	.sell-box1 article.boxleft{
		float: none;
		width: auto;
		padding-right: 0;
		border-right: none;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #ccc;
	}
	.sell-box1 article.boxright{
		float: none;
		width: auto;
	}
	.sell-box1 article.boxright p{
		font-size: 16px;
		padding: 0 3%;
	}
	.sell-box1 article h4{
		font-size: 16px;
	}
	.sell-box1 article h4 strong{
		font-size: 20px;
	}
	.sell-box1 article h4 img{
		height: 35px;
	}
	.sell-box1 article .maplink a{
		max-width: 370px;
	}
	.sell-box1 article .maplink a span{
		width: 100px;
	}
	.sell-box1 article .maplink a strong{
		font-size: 16px;
		padding: 0 30px 0 10px;
		background: url("./images/arrow-red-right.svg") right 10px center / 7px auto no-repeat;
	}
	.sell-box1 article .kome{
		text-align: left;
	}
	.sell-box2{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.sell-box2 h4{
		font-size: 20px;
	}
	.sell-box2 div{
		max-width: 500px;
		margin: 0 auto;
		position: static;
	}
	.sell-box2 div figure img{
		width: 180%;
		max-width: inherit;
		margin-left: -30%;
	}
	.sell-box2 div p{
		position: static;
		padding-top: 30px;
	}
	.sell-box2 div p a{
		width: 250px;
		height: 91px;
		padding: 24px 0 0 40px;
		font-size: 16px;
		line-height: 67px;
		background-size: 100% auto!important;
	}
	.sell-box3{
		padding: 0 3%;
	}
	.sell-box3 ul.sellbtn{
		margin-bottom: 40px;
	}
	.sell-box3 ul.sellbtn li{
		display: block;
		width: auto;
		max-width: 370px;
		margin: 0 auto 10px;
	}
	.sell-box3 ul.sellbtn li a{
		text-align: left;
		padding: 10px 30px;
	}
	.sell-box3 ul.sellbtn li a img{ height: 25px; margin-bottom: 3px;}
	.sell-box3 dl dt{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.sell-box3 dl dd a{
		padding: 10px 30px 10px 10px;
		font-size: 18px;
	}
	.sell-box3 dl dd a img{
		width: 25px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.sell-box3 dl dd a strong{
		font-size: 24px;
	}
	.sell-box4{
		margin: 0 auto 70px;
	}
	.sell-box4 figure{
		display: table-cell;
		vertical-align: middle;
		width: 70px;
		padding: 10px 0 0 20px;
		text-align: right;
	}
	.sell-box4 figure img{
		width: 50px;
	}
	.sell-box4 dl{
		padding: 30px 15px 50px 15px;
	}
	.sell-box4 dl dt{
		font-size: 16px;
	}
	.sell-box4 dl dd p.ttl{
		font-size: 14px;
	}
	.sell-box4 dl dd p.ttl strong{
		font-size: 20px;
	}
	.sell-box4 dl p.more.btn2 a{
		font-size: 14px!important;
	}
}

.sell2-box1{
	padding-top: 70px;
	padding-bottom: 70px;
}
.sell2-box1 h3{
	display: inline-block;
	margin: 0 auto 20px;
	position: relative;
}
.sell2-box1 h3:before{
	position: absolute;
	left: -60px;
	top: -30px;
	content: "WHY";
    font-family: din-condensed, sans-serif;
	color: #dfdfdf;
	font-size: 60px;
	font-weight: normal;
	line-height: 1;
}
.sell2-box1 h3 span{
	font-size: 26px;
	font-weight: bold;
	position: relative;
}
.sell2-box1 h3 span strong{ color: #6c000a;}
.sell2-box2 h3{
	clear: both;
	font-size: 60px;
	font-weight: normal;
	margin-bottom: 40px;
}
.sell2-box2 article{
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
}
.sell2-box2 article div{
	float: left;
	width: 57%;
	text-align: left;
}
.sell2-box2 article div p.number{
	color: #a2a2a2;
	font-size: 20px;
}
.sell2-box2 article div h4{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
}
.sell2-box2 article div h4 small{
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}
.sell2-box2 article div h5{
	font-size: 18px;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
}
.sell2-box2 article div h5:before{
	content: "●";
	color: #6c000a;
}
.sell2-box2 article div p.txt{
	font-size: 16px;
	margin-bottom: 30px;
}
.sell2-box2 article div p.txt small{
	font-size: 14px;
}
.sell2-box2 article div ul.btnlist{
	overflow: hidden;
}
.sell2-box2 article div ul.btnlist li{
	float: left;
	width: 49%;
	min-width: 270px;
	margin-bottom: 10px;
}
.sell2-box2 article div ul.btnlist li:nth-child(2n+1){
	clear: left;
	margin-right: 2%;
}
.sell2-box2 article div ul.btnlist li a{
	width: 100%;
	text-align: left;
	position: relative;
}
.sell2-box2 article div ul.btnlist li a:after{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.sell2-box2 article figure{
	float: right;
	width: 38.8%;
}
@media screen and (max-width:768px){
	.sell2-box1{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.sell2-box1 h3:before{
		left: -30px;
		top: -10px;
		font-size: 34px;
	}
	.sell2-box1 h3 span{
		font-size: 22px;
	}
	.sell2-box1 figure{
		max-width: 400px;
		margin: 0 auto;
	}
	.sell2-box2{
		margin-bottom: 20px;
		overflow: hidden;
	}
	.sell2-box2 h3{
		font-size: 34px;
		margin-bottom: 20px;
	}
	.sell2-box2 article{
		margin-bottom: 40px;
	}
	.sell2-box2 article div{
		float: none;
		width: auto;
	}
	.sell2-box2 article div h4{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.sell2-box2 article div ul.btnlist{
		max-width: 388px;
		margin: 0 auto 15px;
		overflow: hidden;
	}
	.sell2-box2 article div ul.btnlist li{
		clear: both;
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	.sell2-box2 article div ul.btnlist li:nth-child(2n+1){
		margin-right: 0;
	}
	.sell2-box2 article figure{
		float: none;
		width: 100%;
	}
}









/*---------------------------------------------------------------------------------------
    service-borrow
----------------------------------------------------------------------------------------*/
#service article.borrow01 div.flex-area{
    margin-top: 50px;
}
#service article.borrow01 div.flex-area div.txt-area{
    width: 60%;
}
#service article.borrow01 div.flex-area figure{
    width: 36%;
}
#service article.borrow01 div.flex-area h1{
    background-color: #fff;
    font-size: 32px;
    font-weight: normal;
    padding-left: 0;
    margin-bottom: 40px;
    margin-top: 0;
}
#service article.borrow01 div.flex-area h1:before{
    display: none;
}
#service article.borrow01 table{
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}
#service article.borrow01 table tr th,
#service article.borrow01 table tr td{
    padding:10px 20px;
    border:solid 1px #fff;
    background-color: #e8f0d7;
}
#service article.borrow01 table tr th{
    font-weight: bold;
}
#service article.borrow01 table tr:nth-child(odd) th,
#service article.borrow01 table tr:nth-child(odd) td{
    background-color: #f9fcf4;
}
#service article.borrow01 table tr:first-child th{
    background-color: #486a00;
    color: #fff;
}
#service article.borrow01 table tr:first-child th:last-child {
    text-align: center;
}
#service article#borrow02 ol li{
    border:solid 1px #a0a0a0;
    padding:20px;
    min-height: 130px;
    margin-bottom: 45px;
    position: relative;
}
#service article#borrow02 ol li:after{
    content: url(./images/sell-arrow02.png);
    position: absolute;
    left: calc(50% - 30px);
    bottom: -45px;
}
#service article#borrow02 ol li:last-child:after{
    display: none;
}

#service article#borrow02 ol li figure{
    float: left;
    margin-right: 50px;
}
#service article#borrow02 ol li h2{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
}
#service article#borrow02 ol li div.txt-area{
    margin-left: 340px;
    position: relative;
	min-height: 70px;
    margin-bottom: 30px;
}
#service article#borrow02 ol li div.txt-area2{
    overflow: hidden;
}
#service article#borrow02 ol li div.txt-area h3{
    margin-top: 30px;
}
#service article#borrow02 ol li div.txt-area:before{
    position: absolute;
    top:0;
    left: -170px;
}
#service article#borrow02 ol li:nth-child(1) div.txt-area:before{
    content: url(./images/borrow-icon01.png);
}
#service article#borrow02 ol li:nth-child(2) div.txt-area:before{
    content: url(./images/borrow-icon02.png);
}
#service article#borrow02 ol li:nth-child(3) div.txt-area:before{
    content: url(./images/borrow-icon03.png);
}
#service article#borrow02 ol li:nth-child(4) div.txt-area:before{
    content: url(./images/borrow-icon04.png);
}
#service article#borrow02.buy-flow ol li div.txt-area:before{
    left: -200px;
}
#service article#borrow02.buy-flow ol li:nth-child(1) div.txt-area:before{
    content: url(./images/buy-flow-icon1.svg);
}
#service article#borrow02.buy-flow ol li:nth-child(2) div.txt-area:before{
    content: url(./images/buy-flow-icon2.svg);
}
#service article#borrow02.buy-flow ol li:nth-child(3) div.txt-area:before{
    content: url(./images/buy-flow-icon3.svg);
}
#service article#borrow02.buy-flow ol li:nth-child(4) div.txt-area:before{
    content: url(./images/buy-flow-icon4.svg);
}
#service article#borrow02.buy-flow ol li:nth-child(5) div.txt-area:before{
    content: url(./images/buy-flow-icon5.svg);
}
#service article#borrow02.buy-flow ol li:nth-child(6) div.txt-area:before{
    content: url(./images/buy-flow-icon6.svg);
}
#service article#borrow02.sell-flow ol li:nth-child(1) div.txt-area:before{
    content: url(./images/sell-flow-icon1.svg);
}
#service article#borrow02.sell-flow ol li:nth-child(2) div.txt-area:before{
    content: url(./images/sell-flow-icon2.svg);
}
#service article#borrow02.sell-flow ol li:nth-child(3) div.txt-area:before{
    content: url(./images/sell-flow-icon3.svg);
}
#service article#borrow02.sell-flow ol li:nth-child(4) div.txt-area:before{
    content: url(./images/sell-flow-icon4.svg);
}
#service article#borrow02.sell-flow ol li:nth-child(5) div.txt-area:before{
    content: url(./images/sell-flow-icon5.svg);
}
#service article#borrow02.sell-flow ol li:nth-child(6) div.txt-area:before{
    content: url(./images/sell-flow-icon6.svg);
}
#service article#borrow02.lend-flow ol li div.txt-area:before{
    left: -200px;
}
#service article#borrow02.lend-flow ol li:nth-child(1) div.txt-area:before{
    content: url(./images/borrow-icon01.svg);
}
#service article#borrow02.lend-flow ol li:nth-child(2) div.txt-area:before{
    content: url(./images/borrow-icon02.svg);
}
#service article#borrow02.lend-flow ol li:nth-child(3) div.txt-area:before{
    content: url(./images/borrow-icon03.svg);
}
#service article#borrow02.lend-flow ol li:nth-child(4) div.txt-area:before{
    content: url(./images/borrow-icon04.svg);
}
#service article#borrow02 ol li div.txt-area span{
    color: #f00;
}
#service article#borrow02 ol li div.txt-area .flow-link{
    clear: both;
    overflow: hidden;
    width: 60%;
}
#service article#borrow02 ol li div.txt-area .flow-link p{
    float: left;
    clear: none;
    margin-right: 20px;
}
#service article#borrow02 ol li div.txt-area .map-btn a{
    display: inline-block;
    background-color: #eeeeee;
    color: #560023;
    font-size: 14px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    margin-top: 20px;
}
#service article#borrow02 ol li div.txt-area .map-btn a:before{
    content: "";
    display: inline-block;
    width: 21px;
    height: 25px;
    background: url(./images/header-map-icon.png) no-repeat left top;
    vertical-align: middle;
    margin-right: 10px;
}
#service article#borrow02 ol li div.txt-area .map-btn a:after{
    content: "";
    display: inline-block;
    width: 8px;
    height: 15px;
    background: url(./images/arrow-red-right.svg) no-repeat left top;
    background-size: 8px 15px;
    vertical-align: middle;
    margin: 0 0 5px 10px;
}
#service article#borrow02 ol li div.txt-area .kobe-btn a,
#service article#borrow02 ol li div.txt-area .osaka-btn a{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    padding-left: 20px;

    padding-right: 20px;
    border-radius: 5px;
    margin-top: 20px;
}
#service article#borrow02 ol li div.txt-area .kobe-btn a{
    background-color: #6C000A;
}
#service article#borrow02 ol li div.txt-area .osaka-btn a{
    background-color: #1D2A63;
}
#service article#borrow02 ol li div.txt-area .kobe-btn a:after,
#service article#borrow02 ol li div.txt-area .osaka-btn a:after{
    content: "";
    display: inline-block;
    width: 8px;
    height: 15px;
    background: url(./images/arrow-white-right.svg) no-repeat left top;
    background-size: 8px 15px;
    vertical-align: middle;
    margin: 0 0 5px 10px;
}
#service article#borrow02 ol li ul{
    margin-top: 5px;
}
#service article#borrow02 ol li ul li{
    border:none;
    padding:0;
    min-height: 0;
    margin-bottom: 0;
    position: relative;
    font-size: 14px;
}
#service article#borrow02 ol li ul li:after{
    display: none;
}
article#borrow03 ul{
    margin-bottom: 10px;
    margin-top: 30px;
}
article#borrow03 ul li{
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 35px;
}
article#borrow03 ul li a{
    display: inline-block;
    font-size: 24px;
    border-radius: 5px;
    background-color: #6c000a;
    padding: 20px 40px 20px 50px;
    line-height: 1;
    color: #fff;
}
article#borrow03 ul li:nth-child(2) a{
    background-color: #1d2a63;
}
article#borrow03 ul li:nth-child(3) a{
    color: #6c000a;
    font-weight: bold;
    background-color: #eee;
}
article#borrow03 ul li a:after{
    content: url(./images/borrow-arrow01.png);
    margin-left: 30px;
}
article#borrow03 ul li:nth-child(3) a:before{
    content: url(./images/header-map-icon.png);
    vertical-align: middle;
    margin-right: 15px;
}
article#borrow03 ul li:nth-child(3) a:after{
    content: url(./images/arrow-red-right.svg);
}
@media screen and (max-width:1035px){
    #service article#borrow02 ol li div.txt-area .flow-link{
        width: 100%;
    }
}
@media screen and (max-width:768px){
    #service article.borrow01 div.flex-area div.txt-area ,
    #service article#borrow02 ol li div.txt-area2{
        width: auto;
        margin-bottom: 10px;
    }
    #service article#borrow02 ol li div.txt-area2{
        clear: both;
        padding-top: 20px;
    }
    #service article.borrow01 div.flex-area figure{
        width: auto;
        text-align: center;
    }
    #service article#borrow02 ol li div.txt-area:before ,
    #service article#borrow02.buy-flow ol li:nth-child(1) div.txt-area:before{
        position: relative;
        left: 0;
        float: right;
        margin-bottom: 10px;
    }
	#service article#borrow02.buy-flow ol li div.txt-area:before,
	#service article#borrow02.lend-flow ol li div.txt-area:before{
		left: 0;
	}
    #service article#borrow02 ol li div.txt-area {
        margin-left: 0;
    }
    #service article#borrow02 ol li figure {
		width: 65px;
        margin-right: 10px;
    }
	#service article#borrow02 ol li h2{
		font-size: 22px;
	}
    #service article#borrow02 ol li div.txt-area p ,
    #service article#borrow02 ol li div.txt-area2 p ,
    #service article#borrow02 ol li div.txt-area h3 {
       clear: both;
    }
    article#borrow03 ul li {
        margin-bottom: 20px;
    }
    article#borrow03 ul li:last-child {
        margin-right: 0;
    }
    article#borrow03 ul li a {
        background-color: #6c000a;
        padding: 20px;
    }
    article#borrow03 ul{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    article#toiawase-area section.flex-area div ul li{
        padding: 10px;
    }
    article#borrow03 ul li a{
        font-size: 18px;
        line-height: 1.4;
        padding: 10px;
    }
    article#toiawase-area section.flex-area div:nth-of-type(1) ul li a{
        font-size: 20px;
    }
}

.sell{
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
}
.sell-box{
    display: flex;
    flex-wrap: wrap;
}
.sell-box div{
    width: 50%;
    padding: 20px 30px 75px;
    position: relative;
    border-top: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
}
.sell-box div:nth-child(2n){
    border-right: none;
}
.sell-box div:nth-child(1),
.sell-box div:nth-child(2){
    border-top: none;
}
.sell-box div:before,
.sell-box div:after{
    content: "";
    position: absolute;
    width: 25px;
    height: 50px;
    display: block;
    background: #fff;
    right: -1px;
}
.sell-box div:before{
    top: -1px;
}
.sell-box div:after{
    bottom: -1px;
}
.sell-box div:nth-child(2n):before{
    right: inherit;
    left: -1px;
}
.sell-box div:nth-child(1):before,
.sell-box div:nth-child(2):before,
.sell-box div:nth-child(3):after{
    content: none;
}
.sell-box div figure{
    text-align: center;
    margin-bottom: 10px;
}
.sell-box div figure img{
    margin-bottom: 20px;
}
.sell-box div figure figcaption{
    color: #751019;
    font-size: 20px;
    font-weight: bold;
}
.sell-box div p{
    padding: 0 12%;
}
.sell-box div p.link{
    position: absolute;
    right: 16%;
    bottom: 50px;
    padding: 0;
}
.sell-box div p.link a{
    font-weight: bold;
}
.sell-box div p.link a:after{
    content: "";
    background: url(./images/arrow-black2.svg) no-repeat right center;
    width: 7px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.sell-box div p.link.map-link a{
    color: #560023;
    border-right: none;
    border-radius: 5px;
    background: #eee;
    padding: 5px 20px;
    display: block;
}
.sell-box div p.link.map-link a:before{
    content: "";
    display: inline-block;
    width: 21px;
    height: 25px;
    background: url(./images/header-map-icon.png) no-repeat left top;
    vertical-align: middle;
    margin-right: 10px;
}
.sell-box div p.link.map-link a:after{
    background: url(./images/arrow-red-right.svg) no-repeat right center;
}
@media screen and (max-width:768px){
    #service .read{
        font-size: 19px;
    }
    .sell{
        font-size: 14px;
        line-height: 1.6;
    }
    .sell-box div{
        width: 50%;
        padding: 10px 10px 65px;
    }
    .sell-box div:before,
    .sell-box div:after{
        width: 12px;
        height: 25px;
    }
    .sell-box div figure{
        margin-bottom: 5px;
    }
    .sell-box div figure img{
        margin-bottom: 10px;
    }
    .sell-box div figure figcaption{
        font-size: 18px;
    }
    .sell-box div p{
        padding: 0;
    }
    .sell-box div p.link{
        right: 5%;
        bottom: 15px;
        padding: 0;
    }
    .sell-box div p.link a{
        font-weight: bold;
    }
    .sell-box div p.link a:after{
        margin-left: 10px;
    }
    .sell-box div p.link.map-link a{
        padding: 5px 10px;
    }
}
@media screen and (max-width:500px){
    .sell-box{
        display: block;
    }
    .sell-box div{
        width: 100%;
        border-right: none;
    }
    .sell-box div:nth-child(2){
        border-top: 1px solid #ccc;
    }
    .sell-box div:last-child{
        border-bottom: 1px solid #ccc;
    }
    .sell-box div:before,
    .sell-box div:after{
        content: none;
    }
}



/*---------------------------------------------------------------------------------------
	flow
----------------------------------------------------------------------------------------*/

.flow-title{
    color: #6C000A;
    font-size: 40px;
    font-weight: bold;
}
.flow-title:before{
    content: "";
    background: url(./images/sell-icon2.png) no-repeat left top;
    width: 87px;
    height: 93px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
@media screen and (max-width:768px){
    .flow-title{
        font-size: 28px;
    }
    .flow-title:before{
        background: url(./images/sell-icon2.png) no-repeat left top;
        background-size: 60px auto;
        width: 60px;
        height: 63px;
        margin-right: 10px;
    }
}



/*---------------------------------------------------------------------------------------
	renovation
----------------------------------------------------------------------------------------*/

.renovation{
    font-size: 15px;
    line-height: 2;
    text-align: left;
    padding-bottom: 50px;
}
ul.col3{
    clear: both;
    overflow: hidden;
}
ul.col3 li{
    float: left;
    width: 30%;
    margin: 0 5% 30px 0;
}
ul.col3 li:nth-child(3n){
    margin-right: 0;
}
.renovation-box {
    clear: both;
    overflow: hidden;
}
.renovation-box .rightcol{
    width: 55%;
    float: right;
}
.renovation-box .rightcol p a{
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
}
.renovation-box .rightcol p span{
    font-size: 17px;
    font-weight: bold;
}
.renovation-box figure{
    width: 38%;
}
@media screen and (max-width:768px){
    .renovation{
        font-size: 14px;
        line-height: 1.6;
        padding-bottom: 25px;
    }
    ul.col3 li{
        width: 32%;
        margin: 0 2% 10px 0;
    }
    .renovation-box .rightcol{
        width: 58%;
    }
    .renovation-box .rightcol p a{
        font-size: 15px;
    }
	.renovation-box .rightcol p span{
		font-size: 15px;
	}
    .renovation-box figure{
        width: 38%;
    }
}
@media screen and (max-width:500px){
    ul.col3 li{
        text-align: center;
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }
    .renovation-box .rightcol{
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .renovation-box figure{
        width: 100%;
        text-align: center;
    }
}



/*---------------------------------------------------------------------------------------
	build
----------------------------------------------------------------------------------------*/

.build{
    font-size: 15px;
    line-height: 2;
    text-align: left;
    padding-bottom: 50px;
}
.build p.btn a{
    padding: 10px 70px;
    border-radius: 5px;
}
.build-box{
    clear: both;
    overflow: hidden;
    margin-bottom: 140px;
}
.build-box .leftcol{
    width: 60%;
}
#service .build-box .leftcol .read{
    font-size: 22px;
}
.build-box .leftcol .read strong{
    font-size: 29px;
    font-weight: normal;
}
.build-box .rightcol{
    width: 31%;
    padding-top: 80px;
}
.build-box .rightcol a{
    text-decoration: underline;
}
@media screen and (max-width:768px){
    .build{
        font-size: 14px;
        line-height: 1.6;
        padding-bottom: 45px;
    }
    .build p.btn a{
        padding: 10px 50px;
    }
    .build-box{
        margin-bottom: 70px;
    }
    .build-box .leftcol{
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    #service .build-box .leftcol .read{
        font-size: 18px;
    }
    .build-box .leftcol .read strong{
        font-size: 20px;
    }
    .build-box .rightcol{
        width: 100%;
        float: none;
        padding-top: 10px;
    }
}



/*---------------------------------------------------------------------------------------
	lend
----------------------------------------------------------------------------------------*/

.lend{
    font-size: 15px;
    line-height: 2;
    padding-bottom: 50px;
}
#service .lend .read{
    font-size: 31px;
    line-height: 1.5;
}
.lend ul.col3-circle li{
    display: inline-block;
    width: 20%;
    margin: 0 1.5% 10px;
}
@media screen and (max-width:768px){
    .lend{
        font-size: 14px;
        line-height: 1.6;
        padding-bottom: 45px;
    }
    #service .lend .read{
        font-size: 18px;
    }
    .lend ul.col3-circle li{
        text-align: center;
        width: 30%;
    }
}
@media screen and (max-width:370px){
    .lend ul.col3-circle li{
        width: 47%;
    }
}



/*---------------------------------------------------------------------------------------
    form-cont
----------------------------------------------------------------------------------------*/

#form-cont{
    padding-top: 45px;
    padding-bottom: 160px;
    text-align: left;
}
#form-cont p{
    font-size: 16px;
}
#form-cont p.f-small{
    font-size: 14px;
}
#form-cont table{
    width: 100%;
    margin-bottom: 70px;
}
#form-cont table tr th,
#form-cont table tr td{
    box-sizing: border-box;
    border-bottom: solid 1px #ccc;
    padding: 20px 0;
        font-size: 16px;
}
#form-cont table tr.bord-no th,
#form-cont table tr.bord-no td,
#form-cont table tr th.bord-no,
#form-cont table tr td.bord-no{
    border-bottom: none;
}
#form-cont table tr.bord-no td label{
    display: inline-block;
    line-height: 40px;
}
#form-cont table tr th{
	text-align: left;
    width: 210px;
    position: relative;
    vertical-align: top;
    padding-top: 30px;
    padding: 30px 50px 20px 25px;
}
#form-cont table tr th:nth-child(2){
    width: 140px;
    padding: 30px 10px 20px 20px;
}
#form-cont table tr th span{
    display: block;
    width: 50px;
    line-height: 20px;
    background-color: #DF0024;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    position:absolute;
    right: 0;
    top: 31px;
}
#form-cont table:nth-of-type(1) tr:nth-of-type(1) th span{
    top: 31px;
}
#form-cont table tr td{
    padding: 20px 0 20px 60px;
}
#form-cont.form-confilm table tr td,#form-cont table.form-confilm tr td{
	padding-top: 30px;
}
#form-cont table tr td.not-entered{
	position: relative;
}
#form-cont table tr td.not-entered:before{
	content: "未入力";
	color: #f00;
	display: inline-block;
	width: 3.5em;
	text-align: center;
	position: absolute;
	top: -12px;
	right: 90%;
	border: 1px solid #f00;
	border-radius: 3px;
	background: #fcc;
	padding: 0 5px;
}
#form-cont table tr td input[type="text"],
#form-cont table tr td button,
#form-cont table tr td textarea{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   font-size: 16px;
}
#form-cont table tr td input[type="text"],
#form-cont table tr td input[type="email"],
#form-cont table tr td input[type="password"],
#form-cont table tr td input[type="tel"]{
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color:#FAFAFA;
    width: 440px;
    line-height: 40px;
    padding: 0 10px;
     font-size: 16px;
}
#form-cont table tr td select {
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #FAFAFA;
	font-size: 16px;
}
#form-cont table tr td .bgdefault,
#form-cont table tr td input.bgdefault{
    background-color:#FDE5E5;
}
#form-cont table tr td select.bgdefault [option]:selected{
    background-color:#FDE5E5;
}
#form-cont table tr td .bgchange,
#form-cont table tr td input.bgchange{
    background-color:#fff;
}
#form-cont table tr td ul li{
    margin-bottom: 20px;
}
#form-cont table tr td ul li.mt40 {
    margin-top: 40px;
}
#form-cont table tr td ul li label.w150{
		display: inline-block;
		width: 150px;
		line-height: 40px;
}
#form-cont table tr td.desiredproperty label {
    display: inline-block;
		width: 150px;
    line-height: 40px;
}
#form-cont table tr td.desiredproperty label.w100 {
		width: 100px;
    line-height: 40px;
}
#form-cont table tr td.station label {
    display: inline-block;
		width: 100px;
    line-height: 40px;
}
#form-cont table tr td.station label.w150 {
		width: 150px;
}
#form-cont table tr td.station h4 {
    font-weight: normal;
		margin-top: 10px;
    margin-bottom: 10px;
}
#form-cont table tr td p.red {
    color: #ff0000
}
#form-cont table tr td span.itemttl {
    width: 90px;
    display: inline-block;
}
#form-cont table tr td span.itemttl.w110 {
	width: 110px;
}
#form-cont table tr td span.itemttl35 {
    width: 35px;
    display: inline-block;
}
#form-cont table tr td span.itemttl60 {
    width: 60px;
    display: inline-block;
}
#form-cont table tr td span.itemttl75 {
    width: 75px;
    display: inline-block;
}
#form-cont table tr td img {
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 20px;
}
 #form-cont table tr td button.js-button ,
 #form-cont table tr td button.js-button2 {
     color: #1B4B9E;
     cursor: pointer;
    background-color: #fff;
    border:none;
    display: inline-block;
 }
 #form-cont table tr td button.js-button:hover ,
 #form-cont table tr td button.js-button2:hover {
     opacity: 0.6;
}
#form-cont table tr td ul li input.ml30{
    margin-left: 30px;
}
#form-cont table tr td ul li input.mr15{
    margin-right: 15px;
}
#form-cont table tr td ul li input.w120,
#form-cont table tr td input.w120{
    width: 120px;
}
#form-cont table tr td ul li input.w200,
#form-cont table tr td input.w200{
    width: 200px;
}
#form-cont table tr td ul li input.w220{
    width: 220px;
}
#form-cont table tr td ul li input.w240{
    width: 240px;
}
#form-cont table tr td input.w250{
    width: 250px;
}
#form-cont table tr td ul li input.w260{
    width: 260px;
}
#form-cont table tr td ul li input.w300{
    width: 300px;
}
#form-cont table tr td input.w420{
    width: 420px;
}
#form-cont table tr td ul li input.w440{
    width: 440px;
}
#form-cont table tr td ul li input.w640{
    width: 640px;
}
#form-cont table:nth-of-type(1) tr:nth-of-type(2) td ul li:nth-of-type(2) select{
    margin-right: 50px;
}
#form-cont table tr input[type="checkbox"] ,
#form-cont table tr input[type="radio"] {
    border-radius: 5px;
    width: 18px;
    height: 18px;
}
#form-cont table tr td input[type="radio"] {
    vertical-align: middle;
    margin-bottom: 4px;
}
#form-cont table tr td.floorplan label {
    display: inline-block;
    width: 140px;
    line-height: 40px;
}
#form-cont table tr td.conditions h4 {
	font-size: 17px;
	font-weight: bold;
	padding: 5px 10px;
	background: #F6F8F6;
    margin-bottom: 15px;
}
#form-cont table tr td.conditions div.dis-inb {
    display: inline-block;
}
#form-cont table tr td.conditions label {
    display: inline-block;
    width: 8.3em;
    margin-right: 0.5em;
}
#form-cont table tr td.conditions div {
    margin-bottom: 10px;
}
#form-cont table tr td.conditions div label {
    width: 6em;
	margin-right: 0;
	line-height: 30px;
}
#form-cont table tr td.conditions div label.w300 {
	width: 300px;
}
#form-cont table tr td.conditions div input[type=text] {
    display: inline-block;
    width: 75%;
	width: calc(100% - 7em);
    margin-top: 10px;
}
#form-cont table tr td.conditions div input.w420[type=text] {
	width: 420px;
}
#form-cont table tr td textarea {
    width: 100%;
    height: 260px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #FAFAFA;
}
#form-cont table tr td textarea.h160{
	height: 160px;
}
#form-cont table tr td.email-area span {
    display: block;
    margin-top: 15px;
}
#form-cont table tr td.email-area span.password-box {
	display: inline-block;
	margin-top: 0;
}
span.password-box {
	position: relative;
}
span.password-box input{
	padding-right: 30px;
}
span.password-box .field-icon{
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	width: 30px;
	height: 30px;
	margin: auto 0;
}
span.password-box .field-icon i{
	display: block;
	width: 30px;
	height: 30px;
	background: url(./images/icon-eye.png) center / 15px auto no-repeat;
	cursor: pointer;
}
span.password-box .field-icon i.mdi-eye-off{
	opacity: .7;
}
#form-cont table tr td.tel input[type="tel"]{
    width: 195px;
}
#form-cont table tr td.contactmethod label {
    display: inline-block;
    width: 165px;
    line-height: 40px;
}
#form-cont table tr td.trigger label {
    display: inline-block;
    width: 280px;
    line-height: 40px;
}
#form-cont table tr td.trigger label.w100 {
    width: 100px;
}
#form-cont table tr td.trigger label.w135 {
    width: 135px;
}
#form-cont table tr td.trigger label.ml40 {
    margin-left: 40px;
}
#form-cont table tr td.trigger div {
    display: inline-block;
    width: 49%;
	width: calc(100% - 290px);
}
#form-cont table tr td.trigger div label{
    width: 6em;
}
#form-cont table tr td.trigger div input[type="text"]{
    width: 75%;
	width: calc(100% - 7em);
}
#form-cont table tr td h4 {
    font-weight: normal;
    margin-bottom: 10px;
}
#form-cont table tr td.preferredarea label,
#form-cont table tr td.preferredroute label,
#form-cont table tr td.preferredProperty label {
    display: inline-block;
    width: 135px;
    line-height: 40px;
}
#form-cont table tr td.preferredroute label.w240 {
    width: 240px;
}
#form-cont table tr td.kind label{
    display: inline-block;
    width: 140px;
    line-height: 40px;
}
#form-cont table tr td.kind label.w100{
    width: 100px;
}
#form-cont table tr td.kind input[type="text"]{
    width: 150px;
}
#form-cont table tr td.kind div{
    display: inline-block;
    width: 100%;
}
#form-cont table tr td.kind div label{
    width: 6em;
}
#form-cont table tr td.kind div input[type="text"]{
    width: 75%;
	width: calc(100% - 7em);
}
#form-cont table tr td.kind2 div{
    display: inline-block;
    margin-bottom: 5px;
}
#form-cont table tr td.kind2 label{
    display: inline-block;
    vertical-align: top;
    width: 27%;
    line-height: 40px;
}
#form-cont table tr td.kind2 div label{
    width: 35%;
}
#form-cont table tr td.kind2 input[type="text"]{
    width: 50%;
}
#form-cont table tr td.kind2 input.w90[type="text"]{
    width: 30%;
    margin-left: 5px;
}
#form-cont table tr td.amplitude input[type="text"]{
    width: 90px;
    margin: 0 10px;
}
#form-cont table tr td.clm2 label{
    display: inline-block;
    width: 300px;
    line-height: 40px;
}
#form-cont table tr td.clm2 div{
    display: inline-block;
    width: 100%;
}
#form-cont table tr td.clm2 div label{
    width: 6em;
}
#form-cont table tr td.clm2 div input[type="text"]{
    width: 75%;
	width: calc(100% - 6em);
}
#form-cont table tr td.clm3 label{
    display: inline-block;
    width: 230px;
    line-height: 40px;
}
#form-cont table tr td.clm3 label.w100{
	width: 100%;
}
#form-cont table tr td.clm3 .dis-inb label{
    width: 110px;
}
#form-cont table tr td.clm3 .dis-inb input[type="text"]{
    width: 200px;
    margin: 0 10px;
}
#form-cont table tr td.clm3 div{
    display: inline-block;
    width: 100%;
}
#form-cont table tr td.clm3 div label{
    width: 6em;
}
#form-cont table tr td.clm3 div input[type="text"]{
    width: 75%;
	width: calc(100% - 7em);
}
#form-cont table tr td.clm4 label{
    display: inline-block;
    width: 18%;
    line-height: 40px;
}
#form-cont table tr td.clm4 label.w100{
	width: 100%;
}
#form-cont table tr td.clm5 label{
    display: inline-block;
    width: 18%;
    line-height: 40px;
}
#form-cont table tr td.clm5 div label{
    width: 6em;
}
#form-cont table tr td.clm5 div input[type="text"]{
    width: 26%;
}
#form-cont table tr td.date-time dl{
    clear: both;
    overflow: hidden;
}
#form-cont table tr td.date-time dl dt{
    float: left;
    margin: 0 20px 5px 0;
}
#form-cont table tr td.date-time dl dd{
    overflow: hidden;
}
#form-cont table tr td.date-time label{
    display: inline-block;
    margin: 0 15px 5px 0;
}
#form-cont table tr td.date-time label select{
    width: 70px;
    margin-right: 10px;
}
#form-cont table tr td.date-time label select.year{
    width: 100px;
}
@media screen and (max-width:768px){
    #form-cont table tr td.kind2 label{
        width: 45%;
    }
    #form-cont table tr td.clm2 label{
        width: 100%;
        line-height: 40px;
    }
    #form-cont table tr td.clm2 div{
        width: 100%;
    }
    #form-cont table tr td.clm2 div label{
        width: 6em;
    }
    #form-cont table tr td.clm2 div input[type="text"]{
        width: 100%;
    }
    #form-cont table tr td.clm3 label{
        width: 45%;
    }
	#form-cont table tr td.clm3 div input[type="text"]{
		width: 100%;
	}
    #form-cont table tr td.clm4 label{
        width: 45%;
    }
	#form-cont table tr td.clm4 div input[type="text"]{
		width: 100%;
	}
    #form-cont table tr td.clm5 label{
        width: 48%;
    }
	#form-cont table tr td.clm5 div input[type="text"]{
		width: 100%;
	}
}
@media screen and (max-width:500px){
	#form-cont table tr td.kind div input[type="text"]{
		width: 100%;
	}
    #form-cont table tr td.kind2 label{
        width: 100%;
    }
    #form-cont table tr td.clm3 label{
        width: 100%;
    }
}
#form-cont table tr td.location dl{
    clear: both;
    overflow: hidden;
}
#form-cont table tr td.location dl dt{
    float: left;
    width: 260px;
    margin-right: 10px;
}
#form-cont table tr td.location dl dd label{
    width: 120px;
    display: inline-block;
    margin-right: 10px;
}
#form-cont table tr td.status label{
    display: inline-block;
    width: 140px;
    line-height: 40px;
    margin-right: 3px;
}
#form-cont table tr td.status input[type="text"]{
    width: 150px;
}
#form-cont table tr td.status label.w100{
    width: 100px;
}
#form-cont table tr td.relation label{
    display: inline-block;
    width: 325px;
    line-height: 40px;
    margin-right: 5px;
}
#form-cont table tr td.relation label:last-child{
    width: auto;
}
#form-cont table tr td.request2 label{
    display: inline-block;
    width: 325px;
    line-height: 40px;
    margin-right: 5px;
}
#form-cont table tr td.reason label{
    display: inline-block;
    width: 230px;
    line-height: 40px;
    margin-right: 5px;
}
#form-cont table tr td.reason label.w325{
    width: 325px;
}
#form-cont p span{
    display: inline;
    padding: 0px 9px 0px 9px;
    line-height: 20px;
    background-color: #DF0024;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    right: 0;
    top: 30px;
}
#form-cont label.assessment{
    display: inline-block;
    line-height: 40px;
    font-size: 20px;
		width: 150px;
}
#form-cont label.assessment input[type="radio"]{
	border-radius: 5px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-bottom: 4px;
	font-size: 20px;
}

#form-cont table tr td.howto label{
    display: inline-block;
    line-height: 40px;
    margin-right: 5px;
}
#form-cont table tr td.howto dl{
    overflow: hidden;
    margin-bottom: 10px;
}
#form-cont table tr td.howto dl dd{
    margin: 0 0 10px 1.5em;
}
#form-cont table tr td.howto dl dd span{
    font-size: 12px;
}
#form-cont table tr td.date dl{
    clear: both;
    overflow: hidden;
}
#form-cont table tr td.date dl dt{
    float: left;
    padding-top: 10px;
    margin-right: 20px;
}
#form-cont table tr td.date dl dd{
    overflow: hidden;
}
#form-cont table tr td.date dl dd div{
    float: left;
    margin-right: 50px;
}
#form-cont table tr td.date dl dd div.icon-cal{
	/*
	padding-right: 40px;
	background: url(./images/icon-calendar.svg) right center no-repeat;
	*/
}
#form-cont table tr td.date dl dd div img{
    vertical-align: middle;
    margin: 0 0 5px 20px;
}
#form-cont table tr td.date dl dd select{
    margin-bottom: 5px;
}
#form-cont table tr td.date dl dd div select{
    min-width: 280px;
}
#form-cont table tr td.responsible select{
    min-width: 260px;
}
#form-cont table tr td.connecting label{
    display: inline-block;
    line-height: 40px;
    width: 100px;
}
#form-cont div.priv-area {
    width: 100%;
}
#form-cont div.priv-area p {
    margin-left: 25px;
}
#form-cont div.priv-area section {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    border:solid 1px #ccc;
    padding: 15px 40px;
    box-sizing: border-box;
    font-size: 16px;
}
#form-cont div.priv-area section h2 {
   font-size: 16px;
}
#form-cont div.priv-area section p {
   margin-left: 0;
}
#form-cont div.btn-area {
   text-align: center;
   margin-top: 80px;
   position: relative;
}
#form-cont div.btn-area a ,
#form-cont div.btn-area input {
   display: inline-block;
	vertical-align: middle;
   border:none;
   width: 480px;
   line-height: 80px;
   text-align: center;
   border-radius: 5px;
/*   background: url(./images/form-cont-bcg01.png);*/
   background: url(./images/arrow-white-left.svg) left 20px center / 7px 14px no-repeat #999;
   color: #fff;
   font-weight: bold;
   font-size: 22px;
    cursor: pointer;
	margin: 0 5px 10px;
}
#form-cont div.btn-area input[type="submit"] {
	background: url(./images/form-cont-arrow02.png) right 20px center no-repeat,
				url(./images/form-cont-bcg01.png) center repeat;
}
#form-cont div.btn-area a:hover ,
#form-cont div.btn-area input:hover {
    opacity: 0.7;
}
/*
#form-cont div.btn-area:after {
    content:url(./images/form-cont-arrow02.png);
    display: block;
    width: 7px;
    height: 14px;
    position: absolute;
    top:32px;
    left: 700px;
}
*/
@media screen and (max-width:920px){
	#form-cont table tr td.trigger div {
		width: 100%;
	}
	#form-cont table tr td.trigger div input[type="text"]{
		width: 100%;
	}
}
@media screen and (max-width:768px){
    #form-cont{
        padding-top: 25px;
        padding-bottom: 80px;
    }
    #form-cont .sp-no{
        display: none;
    }
    #form-cont table tr th,
    #form-cont table tr td{
    display: block;
    width: 100%;
    }
    #form-cont table tr th{
        padding: 15px 0 0;
        border-bottom: none;
    }

    #form-cont table tr th.sp-bord {
        border-bottom: solid 1px #ccc;
    }
    #form-cont table tr th span{
        display: inline-block;
        position:relative;
        right: 0;
        top: 0;
        margin-left: 10px;
    }
    #form-cont table:nth-of-type(1) tr:nth-of-type(1) th span{
        top: 0;
    }
    #form-cont table tr td{
        padding-left: 0;
    }
	#form-cont.form-confilm table tr td,#form-cont table.form-confilm tr td{
		padding-top: 20px;
	}
	#form-cont table tr td.not-entered:before{
		top: -20px;
		right: 0;
	}
    #form-cont table tr td input[type=text],
    #form-cont table tr td input[type=email],
    #form-cont table tr td input[type=password],
    #form-cont table tr td input[type=tel]{
        width: 100%;
         box-sizing: border-box;
    }
    #form-cont table tr td span.itemttl {
        width: auto;
        display:block;
    }
    #form-cont table tr td span.itemttl35 {
        width: auto;
        display:block;
    }
    #form-cont table tr td span.itemttl60 {
        width: auto;
        display:block;
    }
    #form-cont table tr td span.itemttl75 {
        width: auto;
        display:block;
    }
     #form-cont table tr td button.js-button ,
     #form-cont table tr td button.js-button2 {
        display: block;
     }
    #form-cont table tr td ul li input.ml30{
        margin-left:0;
    }
    #form-cont table tr td ul li input.mr15{
        margin-right:0;
    }
    #form-cont table tr td input.w120 {
        margin-top: 0;
    }
    #form-cont table tr td input.w420{
        width: 100%;
        box-sizing: border-box;
    }
    #form-cont table tr td ul li input.w440{
        width: 100%;
        box-sizing: border-box;
    }
    #form-cont table tr td ul li input.w640{
        width: 100%;
        box-sizing: border-box;
    }
    #form-cont .sp-blo{
            display: block;
    }
    #form-cont .sp-blo span{
            display: block;
    }
    #form-cont table:nth-of-type(1) tr:nth-of-type(2) td ul li:nth-of-type(2) select{
        margin-right:0;
        margin-bottom: 20px;
    }
    #form-cont table tr td.floorplan label {
        width: 48%;
    }
    #form-cont table tr td.trigger label {
        width: 48%;
    }
    #form-cont table tr td.date-time dl dt{
        margin-right: 10px;
    }
    #form-cont table tr td.trigger label.w100 {
        width: 100%;
    }
	#form-cont table tr td.conditions h4 {
		font-size: 15px;
	}
    #form-cont table tr td.conditions div{
		margin-bottom: 0;
	}
    #form-cont table tr td.conditions div input[type="text"]{
        width: 100%;
    }
	#form-cont table tr td.conditions div input.w420[type=text] {
        width: 100%;
	}
    #form-cont table tr td.request2 label{
        width: 100%;
    }
    #form-cont table tr td.reason input[type="text"]{
        width: 100%;
    }
    #form-cont table tr td.date dl dt{
        float: none;
        padding-top: 0;
        margin: 0 0 10px;
    }
    #form-cont table tr td.date dl dd div{
        margin-right: 10px;
    }
    #form-cont table tr td.date dl dd div img{
        margin: 0 0 5px 10px;
    }
    #form-cont table tr td select {
        font-size: 16px;
		margin-bottom: 5px;
    }
    #form-cont table tr td.date dl dd div select{
        min-width: 240px;
    }
    #form-cont table tr td textarea {
        height: 150px;
    }
    #form-cont table tr td textarea.h160 {
        height: 150px;
    }
	#form-cont table tr td.email-area span.password-box ,
	#form-cont table tr td.email-area span.password-box input {
		width: 100%;
	}
    #form-cont div.priv-area p {
        margin-left:0;
    }
    #form-cont div.btn-area a ,
    #form-cont div.btn-area input {
       width: 90vw;
       font-size: 5vw;
		line-height: 60px;
    }
	#form-cont div.btn-area input[type="submit"] {
       width: 90vw;
		line-height: 80px;
	}
    #form-cont div.btn-area:after {
        left: 85vw;
    }
}








#service{
    padding-top: 45px;
    padding-bottom: 55px;
}
@media screen and (max-width:768px){
    #service{
        padding-top: 25px;
    }
}








#howto .title-area{
    text-align: left;
    background: url(./images/s-map-bg-pc.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 0;
    margin-bottom: 55px;
}
#howto .title-area .imgleft{
    clear: both;
    overflow: hidden;
    max-width: 860px;
    margin: 0 auto;
}
#howto .title-area .imgleft div{
    font-weight: bold;
    float: right;
    width: 40%;
    padding-bottom: 30px;
}
#howto .title-area .imgleft div h2{
    clear: both;
    overflow: hidden;
	padding-left: 110px;
    background: url(./images/icon-map-black.svg) left center /100px auto no-repeat;
    margin-bottom: 10px;
}
#howto .title-area .imgleft div h2 em{
    font-size: 88px;
    float: left;
    margin-right: 20px;
}
#howto .title-area .imgleft div h2 em:first-letter{
    color: #8E1F15;
}
#howto .title-area .imgleft div h2 span{
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
	margin-bottom: 10px;
}
#howto .title-area .imgleft div h2 span strong{
    font-size: 24px;
}
#howto .title-area .imgleft div h3{
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 5px;
}
#howto .title-area .imgleft div p.s-map-read{
    color: #9F9F9F;
    font-size: 16px;
    line-height: 1.0;
    margin-bottom: 20px;
}
#howto .title-area .imgleft div p.s-map-read span strong{
    color: #8E1F15;
    font-size: 24px;
}
#howto .title-area .imgleft div ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#howto .title-area .imgleft div ul li{
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 8px 1px;
    background: #59493F;
    border-radius: 5px;
    width: 32%;
    margin: 0 2% 10px 0;
}
#howto .title-area .imgleft div ul li:nth-child(3n){
    margin-right: 0;
}
#howto .title-area .imgleft div ul.bg-red li{
    background: #8E1F15;
}
#howto .title-area .imgleft figure{
    padding-top: 55px;
    float: left;
    width: 50%;
}
#howto .btn a{
    font-size: 30px;
    font-weight: bold;
    background: #8E1F15;
    padding: 15px 135px;
}
#howto .btn a:after{
    background: url(./images/arrow-white.svg);
    background-size: 13px 25px;
    width: 13px;
    height: 25px;
}
#howto .s-map-search{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 50px;
}
#howto .s-map-howto{
    padding: 40px 0;
    background: #F7F5ED;
    margin-bottom: 60px;
}
#howto .s-map-howto h2{
    font-size: 60px;
    margin-bottom: 70px;
}
#howto .f-large{
    font-size: 20px;
}
#howto .f-bold{
    font-weight: bold;
}
@media screen and (max-width:768px){
    #howto .title-area{
        background: url(./images/s-map-bg-sp.jpg) no-repeat center top;
        background-size: 100% auto;
        margin-bottom: 25px;
    }
    #howto .title-area .imgleft div{
        float: none;
        width: 100%;
        padding-bottom: 15px;
    }
#howto .title-area .imgleft div h2{
	padding-left: 80px;
    background: url(./images/icon-map-black.svg) left center / 70px auto no-repeat;
}
	#howto .title-area .imgleft div h2 span{
		margin-bottom: 0;
	}
    #howto .title-area .imgleft div h2 em{
        font-size: 72px;
        line-height: 1;
    }
    #howto .title-area .imgleft div h3{
        font-size: 36px;
    }
    #howto .title-area .imgleft div p.s-map-read{
        font-size: 15px;
        margin-bottom: 15px;
    }
    #howto .title-area .imgleft div p.s-map-read span strong{
        font-size: 20px;
    }
    #howto .title-area .imgleft div ul li{
        font-size: 15px;
    }
    #howto .title-area .imgleft figure{
        padding-top: 0;
        float: none;
        width: 100%;
    }
    #howto .title-area .imgleft figure img{
        width: 80%;
    }
    #howto .btn a{
        font-size: 26px;
        padding: 15px;
        width: 100%
    }
    #howto .btn a:after{
        background: url(./images/arrow-white.svg);
        background-size: 10px 20px;
        width: 10px;
        height: 20px;
    }
    #howto .s-map-search{
        font-size: 14px;
        margin-bottom: 30px;
    }
    #howto .s-map-howto{
        padding: 30px 0;
        margin-bottom: 30px;
    }
    #howto .s-map-howto h2{
        font-size: 50px;
        margin-bottom: 40px;
    }
    #howto .f-large{
        font-size: 18px;
    }
}
#service{
    padding-top: 45px;
    padding-bottom: 55px;
}



/*---------------------------------------------------------------------------------------
	about
----------------------------------------------------------------------------------------*/

#about .read{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 2.2;
	background: url(./images/about-main.jpg) no-repeat center;
	background-size: cover;
	padding: 110px 3% 115px;
}
#about .message{
	clear: both;
	overflow: hidden;
	background: #F9F9F9;
	padding: 60px 0;
	margin-bottom: 60px;
}
#about .message figure{
	float: left;
	width: 40%;
}
#about .message dl{
	text-align: left;
	float: right;
	width: 54%;
}
#about .message dl dt{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
#about .message dl dd{
	font-size: 16px;
	line-height: 2;
}
#about h3 strong{
	color: #644f46;
	font-weight: normal;
	display: inline-block;
	margin-bottom: 25px;
}
#about .imgright{
	text-align: left;
	clear: both;
	overflow: hidden;
}
#about .imgright div{
	float: left;
	width: 55%;
}
#about .imgright div p.catch{
	color: #fff;
	font-size: 14px;
	padding: 2px 10px;
	background: #644f46;
	display: inline-block;
	margin-bottom: 10px;
}
#about h4{
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}
#about h4 span{
	font-size: 30px;
	font-weight: bold;
	font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
}
#about p{
	font-size: 15px;
	line-height: 2.2;
}
#about .imgright figure{
	float: right;
	width: 38%;
}
#about .clm3{
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#about .clm3 figure{
	width: 31%;
}
#about .clm3 figure img{
	margin-bottom: 5px;
}
#about .insta{
	padding: 0 30px;
}
#about .insta #instafeed{
	clear: both;
	overflow: hidden;
}
#about .insta #instafeed div{
	width: 31%;
	float: left;
	margin: 0 3px 3px 0;
}
@media screen and (max-width:768px){
	#about .read{
		font-size: 18px;
		line-height: 2;
		background: url(./images/about-main.jpg) no-repeat center;
		background-size: auto 100%;
		padding: 50px 5% 55px;
	}
	#about .message{
		padding: 30px 0;
		margin-bottom: 30px;
	}
	#about .message figure{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#about .message dl{
		float: none;
		width: 100%;
	}
	#about .message dl dt{
		font-size: 20px;
		margin-bottom: 10px;
	}
	#about .message dl dd{
		font-size: 14px;
		line-height: 1.8;
	}
	#about h3 strong{
		margin-bottom: 15px;
	}
	#about h3 img{
		height: 70px;
		width: auto;
	}
	#about .imgright div{
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	#about .imgright div p.catch{
		font-size: 12px;
		padding: 1px 10px;
	}
	#about h4{
		font-size: 18px;
		margin-bottom: 5px;
	}
	#about h4 span{
		font-size: 24px;
	}
	#about p{
		font-size: 14px;
		line-height: 1.8;
	}
	#about .imgright figure{
		float: none;
		width: 100%;
	}
	#about .clm3 figure{
		width: 100%;
		margin-bottom: 15px;
	}
	#about .insta{
		padding: 0;
	}
	#about .insta #instafeed div{
		width: 32%;
		margin: 0 2% 3px 0;
	}
	#about .insta #instafeed div:nth-child(3n){
		margin-right: 0;
	}
}




/*---------------------------------------------------------------------------------------
	aside
----------------------------------------------------------------------------------------*/

aside.okamoto{
    background: url(./images/footer-kobe-bg.jpg) no-repeat left top;
    background-size: cover;
}
aside.osaka{
    background: url(./images/footer-osaka-bg.jpg) no-repeat center top;
    background-size: cover;
}
aside .wrap{
    text-align: left;
    padding: 75px 3% 45px;
    max-width: 670px;
    clear: both;
    overflow: hidden;
}
aside.osaka .wrap{
	padding: 115px 3%;
}
aside .wrap .leftcol{
    font-size: 20px;
    font-weight: bold;
    float: left;
    width: 40%;
}
aside .wrap .leftcol p em{
    font-size: 22px;
    font-weight: bold;
}
aside .wrap .rightcol{
    float: right;
    width: 55.25%;
}
aside .wrap .rightcol p{
    margin-bottom: 20px;
}
aside p.tel,
aside p.mail,
aside p.pin{
    padding-left: 40px;
}
aside p.tel{
    font-size: 16px;
	font-weight: bold;
    background: url(./images/icon-tel.svg) no-repeat left top 15px;
    background-size: 22px auto;
}
aside p.tel a{
    font-size: 43px;
	font-weight: bold;
    line-height: 1.4;
}
aside p.tel small{
    font-size: 14px;
}
aside p.mail{
    font-size: 14px;
    background: url(./images/icon-mail.svg) no-repeat left top 6px;
    background-size: 22px auto;
}
aside p.mail a{
    font-size: 20px;
    text-decoration: underline;
}
aside p.pin{
    background: url(./images/icon-pin.svg) no-repeat left 3px top 2px;
    background-size: 18px auto;
}
aside p.pin a{
    font-size: 20px;
    text-decoration: underline;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
}
@media screen and (max-width:1035px){
    #contact{
        padding-top: 70px;
        margin-top: -70px;
    }
}
@media screen and (max-width:768px){
    aside.okamoto{
        background: url(./images/footer-kobe-bg.jpg) no-repeat center top;
        background-size: auto 100%;
    }
    aside.osaka{
        background: url(./images/footer-osaka-bg.jpg) no-repeat center top;
        background-size: auto 100%;
    }
    aside .wrap{
        padding: 8% 6%;
    }
	aside.osaka .wrap{
        padding: 8% 6%;
	}
    aside .wrap .leftcol{
        float: none;
        width: 100%;
        font-size: 20px;
        margin-bottom: 20px;
    }
    aside .wrap .leftcol p img{
        max-width: 175px;
        width: 60%;
    }
    aside .wrap .rightcol{
        float: none;
        width: 100%;
    }
    aside .wrap .rightcol a{
        text-decoration: underline;
    }
    aside .wrap .rightcol p{
        margin-bottom: 10px;
    }
    aside p.tel,
    aside p.mail,
    aside p.pin{
        padding-left: 20px;
    }
    aside p.tel{
        font-size: 14px;
        background: url(./images/icon-tel.svg) no-repeat left top 7px;
        background-size: 14px auto;
    }
    aside p.tel a{
        font-size: 28px;
    }
    aside p.tel small{
        font-size: 12px;
    }
    aside p.mail{
        font-size: 13px;
        background: url(./images/icon-mail.svg) no-repeat left top 6px;
        background-size: 16px auto;
    }
    aside p.mail a{
        font-size: 16px;
    }
    aside p.pin{
        background: url(./images/icon-pin.svg) no-repeat left 3px top 4px;
        background-size: 12px auto;
    }
    aside p.pin a{
        font-size: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}



/*---------------------------------------------------------------------------------------
	reform
----------------------------------------------------------------------------------------*/

@media screen and (max-width:1035px){
    #reform .anc{
        padding-top: 70px;
        margin-top: -70px;
    }
	#reform #contents .pconly{ display: inherit!important;}
	#reform #contents .sponly{ display: none!important;}
}
@media screen and (max-width:768px){
	#reform #contents{
		padding-top: 70px;
	}
	#reform #contents .pconly{ display: none!important;}
	#reform #contents .sponly{ display: block!important;}
}
/* header */
#reform header #headerwrap{
    padding: 20px 20px 0;
	position: relative;
}
#reform header #headerwrap #headermenu h1{
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}
#reform header #headerwrap #headermenu h1 img{
	margin-top: 2%;
}
#reform header #headerwrap #headermenu p.menu{
	display: none
}
#reform header #headerwrap #headermenu p.produce{
	display: block;
	right: 20px;
	top: 10px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 25px;
	white-space: nowrap;
}
#reform header #headerwrap #headermenu p.produce img{
	height: 25px;
	width: auto;
	max-width: inherit;
	margin-left: 1em;
}
#reform header #headerwrap nav{
	font-weight: bold;
	padding-top: 30px;
}
#reform header nav ul:nth-child(2){
	display: none;
}
#reform header nav ul li a{
	color: #4D4D4D;
	padding: 0 1.5em;
	line-height: 20px;
}
#reform header nav ul li a:hover{ opacity: .5;}
@media screen and (max-width:1035px){
	#reform header{
		height: 70px;
		margin: 0 auto!important;
	}
	#reform header #headerwrap{
		padding: 0;
		position: relative;
	}
	#reform header #headerwrap #headermenu{
		height: 70px;
		z-index: 999999;
	}
	#reform header #headerwrap #headermenu h1{
		font-size: 13px;
		font-weight: normal;
		text-align: left;
		top: 10px;
		line-height: 1.6;
	}
	#reform header #headerwrap #headermenu h1 img{
		width: 190px;
		margin-top: 0;
		vertical-align: middle;
	}
	#reform header #headerwrap #headermenu p.menu{
		display: block;
		width: 70px;
		height: 70px;
		background: url(./images/reform-sp-menuicon.svg) no-repeat center top;
	}
	#reform header.open #headerwrap #headermenu p.menu{
		background: url(./images/reform-sp-menuicon.svg) no-repeat center bottom;
	}
	#reform header #headerwrap #headermenu p.produce{
		display: block;
		right: inherit;
		left: 12em;
		top: 3px;
		width: auto;
		height: auto;
		font-size: 12px;
		line-height: 25px;
		white-space: nowrap;
	}
	#reform header #headerwrap #headermenu p.produce img{
		height: 14px;
		margin-left: 0;
		vertical-align: middle;
	}
	#reform header #headerwrap nav{
		position: absolute;
		top: -500px;
		right: inherit;
		background: #f2f2f2;
		width: 100%;
		height: auto!important;
		text-align: center;
		padding: 20px 5%;
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#reform header.open #headerwrap nav{
		-webkit-transform: translateY(570px);
		transform: translateY(570px);
	}
	#reform header nav ul{
		display: block!important;
		max-width: 340px;
		margin: 0 auto 15px;
		overflow: hidden;
	}
	#reform header nav ul:nth-child(1) li{
		float: left;
		width: 40%;
		margin-right: 10%;
	}
	#reform header nav ul:nth-child(1) li:nth-child(2n){
		width: 50%;
		margin-right: 0;
	}
	#reform header nav ul:nth-child(1) li a{
		display: block;
		color: #000;
		font-size: 16px;
		text-align: left;
		line-height: 1.4;
		padding: 15px 20px 15px 0;
		background: url("./images/reform-header-icon.svg") no-repeat right center;
	}
	#reform header nav ul:nth-child(2) li{
		clear: both;
		margin-bottom: 10px;
	}
	#reform header nav ul:nth-child(2) li a{
		display: block;
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		line-height: 68px;
		padding: 0 0 0 42px;
		background: url("./images/reform-header-icon3.svg") no-repeat left 10px center, url("./images/reform-header-icon2.svg") no-repeat right 10px center #7C2323;
	}
	#reform header nav ul:nth-child(2) li:nth-child(2) a{
		background: url("./images/reform-header-icon4.svg") no-repeat left 10px center, url("./images/reform-header-icon2.svg") no-repeat right 10px center #091762;
	}
}
@media screen and (max-width:500px){
	#reform header nav ul:nth-child(1) li a,
	#reform header nav ul:nth-child(2) li a{
		font-size: 15px;
	}
}

/* main */
#reform-main{
	clear: both;
	margin-bottom: 50px;
	background: url("./images/reform-main-bg.svg") no-repeat left -10% top;
	background-size: auto 100%;
	position: relative;
	overflow: hidden;
}
#reform-main h2{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#reform-main h2 img{
	width: 32.1%;
	height: auto;
}
#reform-main figure{
	float: right;
	width: 63%;
	max-width: 700px;
}
@media screen and (max-width:768px){
	#reform-main{
		background: url("./images/reform-main-bg.svg") no-repeat left 35% top;
		background-size: 53% auto;
	}
	#reform-main h2{
		position: absolute;
		top: 5%;
		left: 3%;
		right: auto;
		width: 36.8%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	#reform-main h2 img{
		width: 100%;
		height: auto;
	}
	#reform-main figure{
		float: right;
		width: 75%;
		margin-top: 35%;
	}
	#reform-main p{
		position: absolute;
		left: 3%;
		bottom: 5%;
	}
}

/* cont1 */
#reform-cont1{
	clear: both;
	color: #4d4d4d;
	font-size: 16px;
	text-align: left;
	padding-left: 26px;
	margin-bottom: 40px;
	background: url("./images/reform-cont1.svg") no-repeat left top;
}
#reform-cont1 div{
	float: left;
	width: 53%;
	padding-left: 5%;
	border-left: 1px solid #707070;
}
#reform-cont1 div h2{
	font-size: 30px;
	margin-bottom: 15px;
}
#reform-cont1 div p{
	margin-bottom: 30px;
}
#reform-cont1 figure{
	float: right;
	width: 34.4%;
	margin-right: 5%;
}
@media screen and (max-width:768px){
	#reform-cont1 div{
		float: none;
		width: auto;
	}
	#reform-cont1 div h2{
		font-size: 30px;
		margin-bottom: 15px;
		position: relative;
	}
	#reform-cont1 div h2 span#about{
		position: absolute;
		top: -70px;
	}
	#reform-cont1 figure{
		float: none;
		width: auto;
		text-align: center;
		margin-right: 0;
	}
}

/* cont2 */
.reform-bg1{
	background: url("./images/reform-bg1.jpg") no-repeat center bottom;
	background-size: 100% 100%;
	position: relative;
}
.reform-bg1:before,
.reform-bg1:after{
	display: inline-block;
	content: "";
	position: absolute;
	right: -86px;
	top: 20%;
	width: 253px;
	height: 293px;
	background: url("./images/reform-fig1.svg") no-repeat;
	background-size: cover;
}
.reform-bg1:after{
	right: inherit;
	top: inherit;
	left: -90px;
	bottom: -110px;
}
#reform-cont2{
	padding: 60px 0;
	font-size: 16px;
	text-align: left;
}
#reform-cont2 .box1{
	float: left;
	width: 40%;
	margin-bottom: 40px;
}
#reform-cont2 .box1 h2{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}
#reform-cont2 .box1 p.link{
	font-size: 14px;
}
#reform-cont2 .box1 p.link a{
	display: inline-block;
	padding-right: 25px;
	font-size: 18px;
	background: url("./images/reform-header-icon.svg") no-repeat right center;
}
#reform-cont2 .box2{
	float: right;
	width: 48%;
	font-size: 18px;
	color: #4d4d4d;
	padding-left: 26px;
	background: url("./images/reform-cont2-box2.svg") no-repeat left top;
	margin-bottom: 40px;
}
#reform-cont2 .box2 div{
	padding-left: 8%;
	border-left: 1px solid #707070;
}
#reform-cont2 .box3{
	clear: both;
	padding-left: 26px;
	margin-bottom: 80px;
	background: url("./images/reform-cont2-box3.svg") no-repeat left top;
}
#reform-cont2 .box3 div{
	padding-left: 5%;
	margin-bottom: 3%;
	border-left: 1px solid #707070;
}
#reform-cont2 .box3 div h3{
	font-size: 18px;
	color: #4d4d4d;
	margin-bottom: 15px;
}
#reform-cont2 .box3 ul{
	padding-left: 5%;
	overflow: hidden;
}
#reform-cont2 .box3 ul li{
	float: left;
	width: 21%;
	margin-right: 4%;
	color: #4d4d4d;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#reform-cont2 .box3 ul li img{
	margin-bottom: 15px;
}
#reform-cont2 .box4{
	clear: both;
	padding: 30px;
	text-align: center;
	background: #fff;
	box-shadow:0px 3px 5px -2px #666;
	position: relative;
	z-index: 9;
}
#reform-cont2 .box4 p{
	color: #4d4d4d;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
#reform-cont2 .box4 li{
	display: inline-block;
	width: 100%;
	max-width: 400px;
	margin: 0 10px 10px;
}
#reform-cont2 .box4 li a{
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	line-height: 68px;
	padding: 0 0 0 70px;
	background: url("./images/reform-header-icon3.svg") no-repeat left 25px center, url("./images/reform-header-icon2.svg") no-repeat right 25px center #7C2323;
}
#reform-cont2 .box4 li:nth-child(2) a{
	background: url("./images/reform-header-icon4.svg") no-repeat left 25px center, url("./images/reform-header-icon2.svg") no-repeat right 25px center #091762;
}
#reform-cont2 .box4 li a:hover{ opacity: .6;}
@media screen and (max-width:768px){
	.reform-bg1{
		background: url("./images/reform-bg1-sp.jpg") no-repeat center bottom;
		background-size: 100% 100%;
	}
	.reform-bg1:before,
	.reform-bg1:after{
		right: -50px;
		top: 230px;
		width: 144px;
		height: 166px;
	}
	.reform-bg1:after{
		right: -50px;
		top: inherit;
		left: inherit;
		bottom: -140px;
	}
	#reform-cont2{
		padding: 40px 0 60px;
	}
	#reform-cont2 .box1{
		float: none;
		width: auto;
		margin-bottom: 60px;
	}
	#reform-cont2 .box2{
		float: none;
		width: auto;
	}
	#reform-cont2 .box2 div{
		padding-left: 6%;
	}
	#reform-cont2 .box3{
		clear: both;
		padding-left: 26px;
		margin-bottom: 0;
		background: url("./images/reform-cont2-box3.svg") no-repeat left top;
	}
	#reform-cont2 .box3 div{
		padding-left: 6%;
		margin-bottom: 40px;
	}
	#reform-cont2 .box3 ul{
		padding-left: 0;
	}
	#reform-cont2 .box3 ul li{
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 40px;
		padding: 0 3%;
		font-size: 14px;
	}
	#reform-cont2 .box4{
		padding: 15px 3%;
	}
	#reform-cont2 .box4 li a{
		padding: 0 0 0 60px;
	}
}
@media screen and (max-width:500px){
	#reform-cont2 .box4 li{
        margin: 0 0 10px;
    }
	#reform-cont2 .box4 li a{
		font-size: 15px;
		padding: 0 0 0 30px;
		background: url("./images/reform-header-icon3.svg") no-repeat left 5px center, url("./images/reform-header-icon2.svg") no-repeat right 5px center #7C2323;
	}
	#reform-cont2 .box4 li:nth-child(2) a{
		background: url("./images/reform-header-icon4.svg") no-repeat left 5px center, url("./images/reform-header-icon2.svg") no-repeat right 5px center #091762;
	}
}

/* cont3 */
#reform-cont3{
    position: relative;
    text-align: left;
    padding: 65px 3% 35px;
}
#reform-cont3:before,
#reform-cont3:after{
	display: inline-block;
	content: "";
	position: absolute;
	right: -86px;
	top: 30%;
	width: 226px;
	height: 307px;
	background: url("./images/reform-fig2.svg") no-repeat;
	background-size: cover;
}
#reform-cont3:after{
	right: inherit;
	top: inherit;
	background: url("./images/reform-fig3.svg") no-repeat;
	background-size: cover;
	left: -90px;
	bottom: -110px;
    z-index: 9;
}
#reform-cont3 h2{
    font-size: 30px;
}
#reform-cont3 .box{
    padding-left: 65px;
    background: url(./images/reform-cont3.svg) no-repeat left top 30px;
}
#reform-cont3 .box .box-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#reform-cont3 .box .box-list .box-cont{
    width: 48%;
    margin-bottom: 35px;
}
#reform-cont3 .box .box-list .box-cont ul.slide{
    margin-bottom: 50px;
}
#reform-cont3 .slick-dots{
    bottom: -30px;
}
#reform-cont3 .slick-dots li button:before{
    width: 14px;
    height: 14px;
}
.slick-dots li.slick-active button:before{
    color: #C7C7C7;
    background: #C7C7C7;
}
#reform-cont3 .box .box-list .box-cont h3{
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
    margin-bottom: 10px;
}
#reform-cont3 .box .box-list .box-cont table{
    font-size: 15px;
}
#reform-cont3 .box .box-list .box-cont table td:before{
    content: "：";
}
@media screen and (max-width:768px){
    #reform-cont3:before,#reform-cont3:after{
        content: none;
    }
    #reform-cont3 .box{
        padding-left: 0;
        background: none;
    }
    #reform-cont3 .box h2{
        padding-left: 65px;
        min-height: 120px;
        background: url(./images/reform-cont3.svg) no-repeat left top;
    }
    #reform-cont3 .box .box-list .box-cont{
        width: 100%;
        margin-bottom: 20px;
    }
    #reform-cont3 .box .box-list .box-cont ul.slide li img{
        margin: 0 auto;
    }
    #reform-cont3 .slick-dots{
        bottom: -30px;
    }
}

/* cont4 */
.reform-bg2{
    text-align: left;
	background: url("./images/reform-bg2.jpg") no-repeat center bottom;
	background-size: 100% 100%;
	position: relative;
    padding: 55px 0 35px;
}
.reform-bg2:before{
	display: inline-block;
	content: "";
	position: absolute;
	right: -60px;
    bottom: -105px;
	width: 226px;
	height: 307px;
	background: url("./images/reform-fig2.svg") no-repeat;
	background-size: cover;
}
#reform-cont4 .box1{
    clear: both;
    overflow: hidden;
}
#reform-cont4 .box1 h2{
    font-size: 30px;
    float: left;
    width: 320px;
    padding-left: 65px;
    background: url(./images/reform-cont4.svg) no-repeat left top 30px;
    min-height: 120px;
}
#reform-cont4 .box1 p{
    float: right;
    width: 65%;
}
#reform-cont4 ol{
    display: flex;
    flex-wrap: wrap;
}
#reform-cont4 ol li{
    width: 22%;
    margin: 0 4% 50px 0;
    position: relative;
}
#reform-cont4 ol li:after{
    position: absolute;
    top: 55px;
    right: -35px;
    width: 35px;
    height: 35px;
    background: url(./images/icon-arrow-right.svg) no-repeat left top;
    display: block;
    content: "";
}
#reform-cont4 ol li:last-child:after{
    content: none;
}
#reform-cont4 ol li:nth-child(4n){
    margin-right: 0;
}
#reform-cont4 ol li figure{
    text-align: center;
    margin-bottom: 20px;
}
#reform-cont4 ol li h3{

    font-size: 18px;
    margin-bottom: 10px;
}
@media screen and (max-width:768px){
    .reform-bg2{
        background: url("./images/reform-bg2-sp.jpg") no-repeat center bottom;
        background-size: 100% 100%;
        padding: 25px 0 35px;
    }
    .reform-bg2:before{
        right: -45px;
        top: inherit;
        bottom: -170px;
        width: 173px;
        height: 235px;
        background: url("./images/reform-fig2.svg") no-repeat;
        background-size: cover;
    }
    #reform-cont4 .box1 h2{
        font-size: 22px;
        width: 100%;
        min-height: 120px;
        margin-bottom: 20px;
    }
    #reform-cont4 .box1 p{
        float: none;
        width: 100%;
    }
    #reform-cont4 ol li{
        width: 48%;
        margin: 0 4% 25px 0;
    }
    #reform-cont4 ol li:after{
        right: -25px;
        width: 24px;
        height: 24px;
        background: url(./images/icon-arrow-right.svg) no-repeat left top;
        background-size: 24px auto;
    }
    #reform-cont4 ol li:nth-child(2n){
        margin-right: 0;
    }
    #reform-cont4 ol li:nth-child(2n):after{
        content: none;
    }
    #reform-cont4 ol li figure{
        margin-bottom: 10px;
    }
    #reform-cont4 ol li h3{
        font-size: 16px;
    }
}

/* reform-access */
#reform-access{
    color: #707070;
    text-align: left;
    padding: 75px 0 55px;
}
#reform-access a{
    color: #707070;
}
#reform-access a:hover{
	color: #111;
}
#reform-access .wrap{
    clear: both;
    overflow: hidden;
}
#reform-access .wrap div{
    float: left;
    width: 48%;
    padding-left: 6%;
    background: url(./images/reform-cont5.svg) no-repeat left top 30px;
}
#reform-access div h2{
    font-size: 32px;
}
#reform-access div table th,
#reform-access div table td{
    font-size: 16px;
    padding: 5px 0;
}
#reform-access div table th{
    font-weight: bold;
    padding-right: 1em;
    width: 8em;
}
#reform-access .wrap div ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}
#reform-access .wrap div ul li{
    width: 45%;
    margin-right: 4%;
}
#reform-access .wrap div ul li a{
    color: #fff;
    text-align: center;
    background: url(./images/reform-header-icon2.svg) no-repeat right 10px center #707070;
    display: block;
	line-height: 1.6;
    padding: 15px 35px 15px 1px;
}
#reform-access .wrap div ul li a:before{
    content: "";
    display: inline-block;
    width: 13px;
    height: 17px;
    background: url(./images/icon-googlemap.svg) no-repeat left center;
    margin-right: 10px;
    vertical-align: middle;
}
#reform-access .wrap div ul li:nth-child(2) a:before{
    width: 20px;
    height: 20px;
    background: url(./images/icon-insta-white.svg) no-repeat left center;
}
#reform-access .wrap figure{
    float: right;
    width: 50%;
    position: relative;
    z-index: 99;
}
@media screen and (max-width:768px){
    #reform-access{
        padding: 45px 0 50px;
    }
    #reform-access .wrap div{
        float: none;
        width: 100%;
        padding-left: 0;
        background: none;
        margin-bottom: 20px;
    }
    #reform-access div h2{
        font-size: 24px;
        padding-left: 65px;
        background: url(./images/reform-cont5.svg) no-repeat left top;
        min-height: 120px;
        margin-bottom: 20px
    }
    #reform-access div table th,
    #reform-access div table td{
        font-size: 14px;
    }
    #reform-access .wrap div ul{
        justify-content: space-between;
    }
    #reform-access .wrap div ul li{
        width: 49%;
        margin-right: 0;
    }
    #reform-access .wrap div ul li a{
        padding: 15px 35px 15px 2px;
    }
    #reform-access .wrap figure{
        text-align: center;
        float: none;
        width: 100%;
    }
}

/* reform-footer */
body#reform footer#reform-footer{
    color: #5C5C5C;
    padding: 55px 0 35px;
    background: url(./images/reform-bg1.jpg) no-repeat center top;
    background-size: cover;
}
body#reform footer#reform-footer .footer-cont{
    clear: both;
    overflow: hidden;
}
body#reform footer#reform-footer .footer-cont div{
    float: left;
    background: url(./images/reform-footer.svg) no-repeat left top 30px;
    padding-left: 47px;
    width: 47%;
}
body#reform footer#reform-footer .footer-cont div strong{
    font-size: 32px;
    line-height: 1.3;
}
body#reform footer#reform-footer .footer-cont div p a{
    color: #5C5C5C;
    font-size: 38px;
    line-height: 1.3;
    margin-left: 10px;
}
body#reform footer#reform-footer ul{
    float: right;
    width: 48%;
    min-width: 390px;
}
body#reform footer#reform-footer ul li{
	display: inline-block;
	width: 100%;
    margin-bottom: 30px;
}
body#reform footer#reform-footer ul li a{
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	line-height: 68px;
	padding: 0 0 0 70px;
	background: url("./images/reform-header-icon3.svg") no-repeat left 25px center, url("./images/reform-header-icon2.svg") no-repeat right 25px center #7C2323;
}
body#reform footer#reform-footer ul li:nth-child(2) a{
	background: url("./images/reform-header-icon4.svg") no-repeat left 25px center, url("./images/reform-header-icon2.svg") no-repeat right 25px center #091762;
}
body#reform footer#reform-footer ul li a:hover{ opacity: .6;}
body#reform footer#reform-footer .produce{
    float: left;
    margin-right: 10px;
}
body#reform footer#reform-footer #copy{
    font-size: 10px;
    padding-top: 15px;
    float: right;
}
@media screen and (max-width:768px){
    body#reform footer#reform-footer{
        padding: 50px 0 30px;
        background: url(./images/reform-bg1-sp.jpg) no-repeat center top;
        background-size: 100% 100%;
    }
    body#reform footer#reform-footer .footer-cont div{
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    body#reform footer#reform-footer .footer-cont div strong{
        font-size: 24px;
    }
    body#reform footer#reform-footer .footer-cont div p a{
        font-size: 26px;
    }
    body#reform footer#reform-footer ul{
        float: none;
        width: 100%;
        min-width: inherit;
        text-align: center;
    }
    body#reform footer#reform-footer ul li{
        width: 400px;
        margin-bottom: 15px;
    }
    body#reform footer#reform-footer ul li a{
        padding: 0 0 0 60px;
    }
    body#reform footer#reform-footer .produce{
        float: none;
        text-align: center;
        margin: 0;
    }
    body#reform footer#reform-footer #copy{
        float: none;
        text-align: center;
    }
}
@media screen and (max-width:500px){
    body#reform footer#reform-footer ul li{
        width: 100%;
        margin: 0 0 10px;
    }
    body#reform footer#reform-footer ul li a{
		font-size: 15px;
		padding: 0 0 0 40px;
		background: url("./images/reform-header-icon3.svg") no-repeat left 10px center, url("./images/reform-header-icon2.svg") no-repeat right 10px center #7C2323;
	}
	body#reform footer#reform-footer ul li:nth-child(2) a{
		background: url("./images/reform-header-icon4.svg") no-repeat left 10px center, url("./images/reform-header-icon2.svg") no-repeat right 10px center #091762;
	}
}









































/*---------------------------------------------------------------------------------------
	buy
----------------------------------------------------------------------------------------*/

.buy-sliderbtn{
	padding-top: 80px;
	margin-bottom: -40px;
}
.buy-sliderbtn a{ max-width: 230px;}
.buy-box1{
	max-width: 950px;
	padding-top: 50px;
	padding-bottom: 20px;
	overflow: hidden;
}
.buy-box1 h3{
/*	font-size: 28px;*/
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 50px;
}
.buy-box1 article.boxleft{
	float: left;
	width: 50%;
	padding-right: 6%;
	border-right: 1px solid #ccc;
}
.buy-box1 article.boxright{
	float: right;
	width: 44%;
}
.buy-box1 article h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.buy-box1 article h4 strong{
	color: #6c000a;
	font-size: 24px;
}
.buy-box1 article h4 img{
	vertical-align: middle;
	margin-right: 15px;
}
.buy-box1 article p.btn3 a{
	max-width: inherit;
}
.buy-box1 article .kome{
	text-align: left;
}
.buy-box2{
	clear: both;
	padding-top: 60px;
	padding-bottom: 80px;
	overflow: hidden;
}
.buy-box2 h4{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}
.buy-box2 div{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.buy-box2 div figure img{
	width: 150%;
	max-width: inherit;
	margin-left: -25%;
}
.buy-box2 div p{
	position: absolute;
	left: 13%;
	bottom: 2%;
}
.buy-box2 div p a{
	display: inline-block;
	width: 330px;
	height: 118px;
	padding: 33px 0 0 40px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 85px;
	background: url("./images/sell-box2-btn.svg") no-repeat;
}
.buy-box3{
	clear: both;
	padding-top: 60px;
	padding-bottom: 80px;
	overflow: hidden;
}
.buy-box3 div.buy-box3wrap{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.buy-box3 div.buy-box3wrap figure.pconly img{
	width: 150%;
	max-width: inherit;
	margin-left: -25%;
}
.buy-box3 div.buy-box3wrap div{
	position: absolute;
	left: 3%;
	top: 20%;
	font-weight: bold;
	text-align: left;
}
.buy-box3 div.buy-box3wrap div h3{
	font-size: 28px;
	margin-bottom: 20px;
}
.buy-box3 div.buy-box3wrap div p.txt{
	width: 42%;
	margin-bottom: 30px;
	font-size: 16px;
}
.buy-box3 div.buy-box3wrap div p.buy-box3-btn a{
	display: inline-block;
	width: 326px;
	height: 96px;
	padding: 10px 0 0 40px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 85px;
	background: url("./images/buy-box3-btn.svg") no-repeat;
}
@media screen and (max-width:768px){
	.buy-sliderbtn{
		padding-top: 60px;
		margin-bottom: -20px;
	}
	.buy-box1{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.buy-box1 h3{
		font-size: 28px;
		margin-bottom: 40px;
	}
	.buy-box1 article.boxleft{
		float: none;
		width: auto;
		padding-right: 0;
		border-right: none;
		margin-bottom: 30px;
	}
	.buy-box1 article.boxright{
		float: none;
		width: auto;
	}
	.buy-box1 article h4{
		font-size: 16px;
	}
	.buy-box1 article h4 strong{
		font-size: 20px;
	}
	.buy-box1 article h4 img{
		height: 35px;
	}
	.buy-box1 article p.btn3 a{
		max-width: 370px;
	}
	.buy-box1 article .kome{
		font-size: 12px;
	}
	.buy-box2{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.buy-box2 h4{
		font-size: 20px;
	}
	.buy-box2 div{
		max-width: 500px;
		margin: 0 auto;
		position: static;
	}
	.buy-box2 div figure img{
		width: 180%;
		max-width: inherit;
		margin-left: -40%;
	}
	.buy-box2 div p{
		position: static;
		padding-top: 30px;
	}
	.buy-box2 div p a{
		width: 250px;
		height: 91px;
		padding: 24px 0 0 40px;
		font-size: 16px;
		line-height: 67px;
		background-size: 100% auto!important;
	}
	.buy-box3{
		padding-top: 20px;
		padding-bottom: 60px;
	}
	.buy-box3 div.buy-box3wrap{
		position: relative;
	}
	.buy-box3 div.buy-box3wrap div{
		position: static;
		font-weight: bold;
		text-align: left;
		padding: 0 3%;
	}
	.buy-box3 div.buy-box3wrap div h3{
		font-size: 22px;
	}
	.buy-box3 div.buy-box3wrap div p.txt{
		width: auto;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.buy-box3 div.buy-box3wrap div p.buy-box3-btn{
		margin-bottom: 20px;
	}
	.buy-box3 div.buy-box3wrap div p.buy-box3-btn a{
		width: 240px;
		height: 72px;
		padding: 10px 0 0 40px;
		font-size: 16px;
		line-height: 62px;
		background-size: 100% auto!important;
	}
}

.buy3-box1{
	padding-top: 50px;
	padding-bottom: 60px;
	overflow: hidden;
}
.buy3-box1 h3{
	font-size: 28px;
	margin-bottom: 40px;
}
.buy3-box1 h4{
	font-size: 24px;
	margin-bottom: 20px;
}
.buy3-box1 ul{
	margin-bottom: 20px;
	overflow: hidden;
}
.buy3-box1 ul li{
	clear: both;
	margin-bottom: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.buy3-box1 ul li a{
	color: #111;
	display: block;
	padding: 20px;
	overflow: hidden;
}
.buy3-box1 ul li a:hover{
	opacity: .8;
}
.buy3-box1 ul li figure.slider-left{
	float: left;
	width: 46%;
	margin-right: 20px;
}
.buy3-box1 ul li div.slider-right{
	text-align: left;
	overflow: hidden;
}
.buy3-box1 ul li div.slider-right p.tag{
	padding-top: 10px;
}
.buy3-box1 ul li div.slider-right p.ttl{
	color: #6c000a;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #717171;
}
.buy3-box1 ul li div.slider-right dl.detail{
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
.buy3-box1 ul li div.slider-right dl.detail dt{
	clear: left;
	float: left;
}
.buy3-box1 ul li div.slider-right dl.detail dd{
	overflow: hidden;
}
.buy3-box1 ul li div.slider-right div.spec{
	clear: both;
	display: flex;
	padding: 25px 0;
	background: #f1f1e6;
	margin-bottom: 20px;
}
.buy3-box1 ul li div.slider-right div.spec dl{
	width: 23%;
	padding: 0 5px;
	text-align: center;
}
.buy3-box1 ul li div.slider-right div.spec dl:not(:last-child){
	border-right: 1px solid #ccc;
}
.buy3-box1 ul li div.slider-right div.spec dl dt{
	font-weight: bold;
	margin-bottom: 5px;
}
.buy3-box1 ul li div.slider-right div.spec dl dd{
	color: #6c000a;
	font-size: 16px;
	font-weight: bold;
}
.buy3-box1 ul li div.slider-right div.spec dl.price dd strong{
	font-size: 28px;
	line-height: 1;
}
.buy3-box1 ul li div.slider-right div.spec dl.price{ width: 30%;}
.buy3-box1 ul li div.slider-right div.spec dl.price dt{ margin-bottom: 0;}
.buy3-box1 ul li div.slider-right div.spec dl.price dd{ color: #b50112;}
.buy3-box1 ul li div.slider-right p.more{
	text-align: right;
}
.buy3-box1 ul li div.slider-right p.more span{
	color: #111!important;
	font-weight: bold;
	background: url("./images/arrow-red-right.svg") right center / 5px auto no-repeat;
	padding-right: 15px;
	display: block;
	text-align: right;
}
@media screen and (max-width:1000px){
	.buy3-box1 ul li div.slider-right div.spec{
		display: flex;
		flex-wrap: wrap;
		padding: 25px 0 5px;
	}
	.buy3-box1 ul li div.slider-right div.spec dl{
		width: 50%!important;
		margin-bottom: 20px;
	}
	.buy3-box1 ul li div.slider-right div.spec dl:not(:last-child){
		border-right: none;
	}
	.buy3-box1 ul li div.slider-right div.spec dl:nth-child(2n+1){
		border-right: 1px solid #ccc;
	}
}
@media screen and (max-width:768px){
	.buy3-box1{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.buy3-box1 h3{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.buy3-box1 h4{
		font-size: 20px;
	}
	.buy3-box1 ul{
		margin-bottom: 30px;
	}
	.buy3-box1 ul li{
		margin-bottom: 20px;
	}
	.buy3-box1 ul li a{
		padding: 15px;
	}
	.buy3-box1 ul li figure.slider-left{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.buy3-box1 ul li div.slider-right p.tag{
		padding-top: 0;
	}
	.buy3-box1 ul li div.slider-right p.ttl{
		font-size: 20px;
	}
	.buy3-box1 ul li div.slider-right dl.detail{
		margin-bottom: 15px;
	}
	.buy3-box1 ul li div.slider-right div.spec{
		padding: 10px 0 0;
		margin-bottom: 10px;
	}
	.buy3-box1 ul li div.slider-right div.spec dl{
		margin-bottom: 10px;
	}
	.buy3-box1 ul li div.slider-right div.spec dl dt{
		font-weight: bold;
		margin-bottom: 0;
	}
	.buy3-box1 ul li div.slider-right div.spec dl dd{
		font-size: 14px;
	}
	.buy3-box1 ul li div.slider-right div.spec dl.price dd strong{
		font-size: 20px;
		line-height: 1;
	}
	.buy3-box1 ul li div.slider-right div.spec dl.price dt{ margin-bottom: 0;}
	.buy3-box1 ul li div.slider-right p.more{
		text-align: right;
	}
	.buy3-box1 ul li div.slider-right p.more span{
		color: #111!important;
		font-weight: bold;
		background: url("./images/arrow-red-right.svg") right center / 5px auto no-repeat;
	}
}


/* rate */
.s-map-title{
	font-size: 22px;
	line-height: 1.2;
	text-align: center;
}
.s-map-title strong{
	font-size: 78px;
	display: inline-block;
	padding-left: 70px;
	background: url(./images/icon-map-black.svg) left center no-repeat;
}
.s-map-title strong:first-letter{
	color: #8e1f15;
}
.s-map-title strong.dinfont{
	font-weight: normal;
}
.smap-link{
	font-size: 20px;
	font-weight: bold;
}
#rate{
	font-size: 18px;
	margin-bottom: 100px;
}
#rate small{ font-size: 16px;}
#rate .subtitle{
	font-size: 28px;
	line-height: 1.2;
}
#rate .btn a{
	font-size: 18px;
	min-width: 324px;
}
#rate .can{
	background: #eeeded;
	padding: 65px 0 75px;
}
#rate .can p a{
	text-decoration: underline;
}
#rate .can p a.uline-no{
	text-decoration: none;
}
#rate .can ol li{
	clear: both;
	overflow: hidden;
	background: #fff;
	padding: 30px 50px;
}
#rate .can ol li:nth-child(2n){
	background: #f8f8f8;
}
#rate .can ol li .leftcol{
	text-align: left;
	width: 55%;
}
#rate .can ol li .leftcol dl dt{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
#rate .can ol li .leftcol dl dt strong{
	color: #6c000a;
	font-size: 56px;
	vertical-align: middle;
	margin-right: .1em;
}
#rate .can ol li .leftcol dl dd{
	display: flex;
	justify-content: space-between;
}
#rate .can ol li .leftcol dl dd p{
	width: 68%;
}
#rate .can ol li .leftcol dl dd figure{
	width: 30%;
}
#rate .can ol li .rightcol{
	width: 40%;
}
#rate .rate-map{
	display: flex;
	justify-content: center;
	flex-flow: row-reverse;
	align-items: center;
}
#rate .rate-map figure{
	max-width: 330px;
	margin-right: 50px;
}
#rate ul.rate-flow{
	display: flex;
	justify-content: center;
}
#rate ul.rate-flow li{
	margin-left: 110px;
	position: relative;
}
#rate ul.rate-flow li:first-child{
	margin-left: 0;
}
#rate ul.rate-flow li:before{
	content: "";
	position: absolute;
	top: 0;
	left: -75px;
	bottom: 0;
	display: block;
	background: url(./images/icon-flow-right.svg) center no-repeat;
	width: 31px;
	height: 61px;
	margin: auto;
}
#rate ul.rate-flow li:first-child:before{
	content: none;
}
#rate ul.rate-flow li:last-child{
	padding-top: 85px;
}
#rate ul.rate-flow li figure{
	min-height: 259px;
}
@media screen and (max-width:768px){
	.s-map-title{
		font-size: 18px;
	}
	.s-map-title strong{
		font-size: 46px;
		padding-left: 45px;
		background-size: 36px auto;
	}
	.smap-link{
		font-size: 18px;
	}
	#rate{
		font-size: 16px;
		margin-bottom: 70px;
	}
	#rate small{ font-size: 14px;}
	#rate .subtitle{
		font-size: 22px;
	}
	#rate .btn a{
		font-size: 16px;
		min-width: 280px;
	}
	#rate .can{ padding: 35px 0 40px;}
	#rate .can ol li{ padding: 15px 25px;}
	#rate .can ol li .leftcol{
		width: 100%;
		float: none;
	}
	#rate .can ol li .leftcol dl{
		margin-bottom: 10px;
	}
	#rate .can ol li .leftcol dl dt{
		font-size: 18px;
		margin-bottom: 10px;
	}
	#rate .can ol li .leftcol dl dt strong{
		font-size: 36px;
	}
	#rate .can ol li .rightcol{
		width: 100%;
	}
	#rate .can ol li .rightcol img{
		width: 100%;
		max-width: 384px;
	}
	#rate .rate-map{
		flex-wrap: wrap;
	}
	#rate .rate-map figure{
		margin-right: 0;
	}
	#rate ul.rate-flow{
		flex-wrap: wrap;
	}
	#rate ul.rate-flow li{
		width: 100%;
		margin: 50px 0 0;
	}
	#rate ul.rate-flow li:first-child{
		margin-top: 0;
	}
	#rate ul.rate-flow li:before{
		top: -35px;
		right: 0;
		bottom: inherit;
		left: 0;
		background: url(./images/icon-flow-bottom.svg) center / 40px auto no-repeat;
		width: 40px;
		height: 20px;
	}
	#rate ul.rate-flow li:last-child{
		padding-top: 0;
	}
	#rate ul.rate-flow li figure{
		min-height: inherit;
	}
}


/* rent-box1 */
.rent-box1{ font-size: 18px;}
.rent-box1 ul li{
	min-width: 320px;
	display: inline-block;
	margin: 0 10px;
}
.rent-box1 ul li .btn4 a{ min-width: 280px;}
.rent-box1 ul li .btn4 a:before{
	content: "";
	display: inline-block;
	background: url(./images/icon-flow.svg) center no-repeat;
	width: 15px;
	height: 19px;
	margin: 0 15px 4px 0;
	vertical-align: middle;
}
@media screen and (max-width:768px){
	.rent-box1{ font-size: 16px;}
	.rent-box1 ul li{
		min-width: 240px;
		margin: 0 10px 20px;
	}
}


#start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
#start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	#start p img{
		width: 113px;
		height: auto;
	}
}


/* defect */
#defect1 .imgright{
	clear: both;
	overflow: hidden;
}
#defect1 .imgright figure{
	float: right;
	width: 48%;
}
#defect1 .imgright dl{
	float: left;
	width: 50%;
}
#defect1 .imgright dl dt{
	font-size: 18px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: bold;
}
#defect1 .imgright dl dt strong{
	font-size: 28px;
}
#defect1 .imgright dl dt .f-red{
	color: #6c000a;
}
#defect1 .imgright dl dd p{
	margin-bottom: 10px;
}
#defect1 .imgright dl dd .f-bold{
	font-size: 20px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: bold;
}
#defect1 .imgright dl dd .f-bold span{
	color: #c43c3c;
}
#defect1 .imgright dl dd div{
	max-width: 466px;
}
#defect1 .defect-img2{
	text-align: center;
}
#defect1 .defect-img2 figure{
	display: inline-block;
	max-width: 644px;
}
#defect2 ul{
	display: flex;
	justify-content: space-around;
}
#defect2 ul li{
	max-width: 425px;
}
#defect3 ol{
	text-align: center;
}
#defect3 ol li{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
}
#defect3 ol li figure{
	max-width: 150px;
	display: inline-block;
	margin-bottom: 20px;
}
#defect3 ul{
	display: flex;
	justify-content: space-around;
}
#defect3 ul li{
	width: 44%;
	text-align: center;
	vertical-align: top;
}
#defect3 ul li h4{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: #c43c3c;
	border-radius: 10px;
	padding: 2px;
}
table.tb5{
	width: 100%;
}
table.tb5 th,table.tb5 td{
	background: #f6f8f6;
	padding: 20px;
	border-bottom: 4px solid #fff;
}
table.tb5 th{
	width: 10em;
	font-weight: bold;
}
table.tb5.v-mid th{
	vertical-align: middle;
}
table.tb5 a{
	text-decoration: underline;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	#defect1 .imgright figure{
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	#defect1 .imgright dl{
		float: none;
		width: 100%;
	}
	#defect1 .imgright dl dt{
		font-size: 12px;
	}
	#defect1 .imgright dl dt strong{
		font-size: 21px;
	}
	#defect1 .imgright dl dd p{
		margin-bottom: 5px;
	}
	#defect1 .imgright dl dd .f-bold{
		font-size: 14px;
	}
	#defect2 ul{
		flex-wrap: wrap;
	}
	#defect2 ul li{
		max-width: 425px;
		margin-bottom: 90px;
	}
	#defect3 ol li{
		font-size: 14px;
		width: 50%;
		padding: 0 5px;
		margin-bottom: 30px;
	}
	#defect3 ol li figure{
		width: 70%;
		margin-bottom: 20px;
	}
	#defect3 ul{
		flex-wrap: wrap;
	}
	#defect3 ul li{
		width: 90%;
		margin-bottom: 50px;
	}
	#defect3 ul li h4{
		font-size: 16px;
		border-radius: 5px;
	}
	table.tb5 th,table.tb5 td{
		padding: 20px 10px;
		display: block;
	}
	table.tb5 th{
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
	}
	#defect3 p.t-right{
		text-align: left;
	}
}



/* package1 */
#package1{
	display: flex;
	justify-content: space-between;
}
#package1 dl{
	width: 48%;
}
#package1 dl dt{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 5px 100px;
	position: relative;
	background: #6c000a;
}
#package1 dl dt:before{
	position: absolute;
	bottom: 5px;
	left: 15px;
	content: "";
	width: 77px;
	height: 64px;
}
#package1 dl:nth-child(1) dt:before{ background: url("./images/package-icon1.png") center / 77px auto no-repeat;}
#package1 dl:nth-child(2) dt:before{ background: url("./images/package-icon5.png") center / 77px auto no-repeat;}
#package1 dl dd{
	font-size: 20px;
	font-weight: bold;
	padding: 20px 40px;
	background: #f0eeea;
}
#package1 dl dd ul li{
	position: relative;
	padding: 10px 0;
	padding-right: 60px;
}
#package1 dl dd ul li:before{
	color: #ccc;
	content: "●";
	margin-right: 2px;
}
#package1 dl dd ul li:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 57px;
	height: 54px;
	display: block;
}
#package1 dl:nth-child(1) dd ul li:nth-child(1):after{ background: url("./images/package-icon2.png") center / 57px 54px no-repeat;}
#package1 dl:nth-child(1) dd ul li:nth-child(2):after{ background: url("./images/package-icon3.png") center / 57px 54px no-repeat;}
#package1 dl:nth-child(1) dd ul li:nth-child(3):after{ background: url("./images/package-icon4.png") center / 57px 54px no-repeat;}
#package1 dl:nth-child(2) dd ul li:nth-child(1):after{ background: url("./images/package-icon6.png") center / 57px 54px no-repeat;}
#package1 dl:nth-child(2) dd ul li:nth-child(2):after{ background: url("./images/package-icon7.png") center / 57px 54px no-repeat;}
#package1 dl:nth-child(2) dd ul li:nth-child(3):after{ background: url("./images/package-icon8.png") center / 57px 54px no-repeat;}
#package2 dl{
	text-align: center;
	padding: 50px 5% 40px;
	border: 2px solid #6c000a;
}
#package2 dl dt{
	color: #6c000a;
	font-size: 28px;
	font-weight: bold;
}
#package2 dl dd p{
	font-size: 20px;
	font-weight: bold;
}
#package2 dl dd p small{
	font-weight: normal;
}
#package2 dl dd ol{
	text-align: left;
	display: inline-block;
	max-width: 780px;
	width: 100%;
}
#package3 ul{
	text-align: center;
}
#package3 ul li{
	display: inline-block;
	vertical-align: top;
	width: 205px;
	margin-bottom: 25px;
}
#package3 ul li figure{
	display: inline-block;
	width: 110px;
	margin-bottom: 10px;
}
#package4{
	padding-bottom: 60px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 60px;
}
#package4 .imgright{
	clear: both;
	overflow: hidden;
}
#package4 .imgright figure{
	float: right;
	width: 54%;
}
#package4 .imgright div{
	float: left;
	width: 42%;
}
.subtitle10{
	color: #6c000a;
	font-size: 32px;
	font-weight: bold;
}
#package5 ul{
	text-align: center;
}
#package5 ul li{
	display: inline-block;
	vertical-align: top;
	width: 220px;
	margin: 0 35px 20px;
}
#package5 ul li figure{
	margin-bottom: 15px;
}
#package5 ul li p{
	font-size: 14px;
	text-align: left;
}
#package5 ul li p.f-red{
	color: #6c000a;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#package6 ul{
	display: flex;
	justify-content: space-around;
}
#package6 ul li{
	font-weight: bold;
	text-align: center;
	position: relative;
}
#package6 ul li p.line1{
	padding: 10px 0;
}
#package6 ul li:before{
	content: "";
	position: absolute;
	left: -30px;
	top: 40px;
	background: url("./images/arrow-gray2.svg") center / 12px 24px no-repeat;
	width: 12px;
	height: 24px;
	display: block;
}
#package6 ul.clm6 li{
	padding: 0 8px;
}
#package6 ul.clm6 li:before{
	top: 105px;
}
#package6 ul li:first-child:before{
	content: none;
}
#package6 ul.clm6 li figure{
	width: 71px;
	display: inline-block;
	margin-bottom: 25px;
}
#package6 ul.clm5 li{
	font-size: 20px;
	width: 17%;
}
#package6 ul.clm5 li:first-child{
	width: 14%;
}
#package6 ul.clm5 li:before{
	left: -23px;
}
#package6 ul.clm5 li div,#package6 ul.clm5 li span{
	color: #6c000a;
}
#package6 ul.clm5 li div{
	font-size: 16px;
	background: #f6f8f6;
	padding: 5px;
	margin-bottom: 10px;
}
#package6 ul.clm5 li:first-child div{
	padding: 40px 5px;
}
#package6 .merit{
	display: flex;
	flex-wrap: wrap;
}
#package6 .merit div{
	color: #6c000a;
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	display: flex;
	justify-content: space-around;
	width: 280px;
	padding: 20px;
	background: #eedee0;
	margin: 0 10px 10px 0;
}
#package6 .merit div figure{
	width: 71px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	#package1{
		flex-wrap: wrap;
	}
	#package1 dl{
		width: 100%;
	}
	#package1 dl dt{
		font-size: 18px;
		padding: 5px 50px;
	}
	#package1 dl dt:before{
		width: 38px;
		height: 32px;
	}
	#package1 dl:nth-child(1) dt:before{ background: url("./images/package-icon1.png") center / 38px auto no-repeat;}
	#package1 dl:nth-child(2) dt:before{ background: url("./images/package-icon5.png") center / 38px auto no-repeat;}
	#package1 dl dd{
		font-size: 18px;
		padding: 10px 20px;
	}
	#package2 dl{
		padding: 20px 5%;
		border: 1px solid #6c000a;
	}
	#package2 dl dt{
		font-size: 22px;
	}
	#package2 dl dd p{
		font-size: 18px;
	}
	#package3 ul li{
		width: 140px;
		margin-bottom: 20px;
	}
	#package4{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#package4 .imgright figure{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#package4 .imgright div{
		float: none;
		width: 100%;
	}
	.subtitle10{
		font-size: 24px;
	}
	#package5 ul li{
		width: 220px;
		margin: 0 10px 15px;
	}
	#package5 ul li figure{
		margin-bottom: 10px;
	}
	#package5 ul li p.f-red{
		font-size: 16px;
		margin-bottom: 5px;
	}
	#package6 ul{
		flex-wrap: wrap;
	}
	#package6 ul li:before{
		left: -5px;
		background: url("./images/arrow-gray2.svg") center / 8px 16px no-repeat;
		width: 8px;
		height: 16px;
	}
	#package6 ul li{
		margin-bottom: 20px;
	}
	#package6 ul.clm6 li{
		width: 33%;
	}
	#package6 ul.clm6 li:before{
		top: 110px;
	}
	#package6 ul.clm5 li{
		font-size: 18px;
		width: 38%;
	}
	#package6 ul.clm5 li:first-child{
		width: 2.5em;
	}
	#package6 ul.clm5 li:before{
		left: -5px;
	}
	#package6 ul.clm5 li div{
		font-size: 14px;
		margin-bottom: 5px;
	}
	#package6 ul.clm5 li:first-child div{
		padding: 20px 5px;
	}
	#package6 .merit div{
		font-size: 18px;
		width: 230px;
		padding: 15px;
	}
}
@media screen and (max-width:500px){
	#package6 ul.clm6 li{
		width: 50%;
	}
	#package6 ul li:before{
		left: 0;
	}
}



/* guarantee1 */
table.tb5 td.guarantee-td dl{
	display: flex;
	margin-bottom: 25px;
}
table.tb5 td.guarantee-td dl:last-of-type{
	margin-bottom: 0;
}
table.tb5 td.guarantee-td dl dt{
	width: 5em;
	margin-right: 15px;
}
table.tb5 td.guarantee-td dl dd{
	padding-left: 15px;
	border-left: 1px solid #ccc;
}
#guarantee1 div{
	clear: both;
	overflow: hidden;
}
#guarantee1 div ul{
	float: left;
	width: 75%;
}
#guarantee1 div ul li{
	font-size: 20px;
	line-height: 42px;
}
#guarantee1 div figure{
	float: right;
	width: 24%;
}
#guarantee-btn-area ul{
	border: 1px solid #ccc;
	padding: 40px;
	text-align: center;
}
#guarantee-btn-area ul li{
	display: inline-block;
	min-width: 420px;
}
#guarantee-btn-area ul li h5{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
#guarantee-btn-area ul li h5 em{
	color: #6c000a;
	font-size: 24px;
	font-weight: bold;
}
#guarantee-btn-area ul li h5 img{
	width: 45px;
	margin-right: 10px;
}
#guarantee-btn-area ul li a{
	text-align: left;
	padding-right: 40px;
	padding-left: 40px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	table.tb5 td.guarantee-td dl{
		display: block;
		margin-bottom: 15px;
	}
	table.tb5 td.guarantee-td dl dt{
		width: auto;
		margin: 0 0 10px;
	}
	table.tb5 td.guarantee-td dl dd{
		padding: 10px 0 0;
		border-left: none;
		border-top: 1px solid #ccc;
	}
	#guarantee1 div ul{
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	#guarantee1 div ul li{
		font-size: 18px;
		line-height: 1.6;
	}
	#guarantee1 div figure{
		float: none;
		width: 100%;
		text-align: center;
	}
	#guarantee1 div figure img{
		width: 238px;
	}
	#guarantee-btn-area ul{
		padding: 15px;
	}
	#guarantee-btn-area ul li{
		display: inline-block;
		min-width: inherit;
		margin-bottom: 20px;
	}
	#guarantee-btn-area ul li h5{
		font-size: 18px;
		margin-bottom: 10px;
	}
	#guarantee-btn-area ul li h5 em{
		font-size: 20px;
	}
	#guarantee-btn-area ul li{
		width: 100%;
	}
	#guarantee-btn-area ul li a{
		padding-right: 20px;
		padding-left: 20px;
		width: 100%;
		display: block;
	}
}



#facility-table table{
	width: 100%;
	border-top: 1px solid #bebfbe;
	border-collapse: collapse;
}
#facility-table table th,#facility-table table td{
	padding: 10px;
	border-bottom: 1px solid #bebfbe;
	border-left: 1px solid #bebfbe;
	text-align: center;
	vertical-align: middle;
}
#facility-table table tr th:first-child,#facility-table table tr td:first-child{
	border-left: none;
}
#facility-table table th{
	background: #e9ede6;
}
#facility-table table td.bg-green{
	background: #f6f8f6;
}

#facility-table2 table{
	font-size: 16px;
	width: 100%;
	border-top: 1px solid #bebfbe;
	border-collapse: collapse;
}
#facility-table2 table th,#facility-table2 table td{
	padding: 10px;
	border-bottom: 1px solid #bebfbe;
	border-left: 1px solid #bebfbe;
	text-align: center;
	vertical-align: middle;
}
#facility-table2 table tr th:first-child,#facility-table2 table tr td:first-child{
	border-left: none;
}
#facility-table2 table th{
	background: #e9ede6;
}
#facility-table2 table td.bg-green{
	background: #f6f8f6;
}
	.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .cf { zoom: 1; }
	*:first-child+html .cf { zoom: 1; }
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	#facility-table table{
		display: block;
		position: relative;
	}
	#facility-table table thead{
		float: left;
		display: block;
	}
	#facility-table table tbody{
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	#facility-table table thead tr{
		display: block;
	}
	#facility-table table tbody tr{
		display: inline-block;
		vertical-align: top;
	}
	#facility-table table th,#facility-table table td{
		display: block;
	}
	#facility-table table th.sp-bd-btm-none{
		border-bottom: 1px solid #e9ede6;
	}
	#facility-table table tr td:first-child{
		border-left: 1px solid #bebfbe;
	}
	#facility-table table tr td:first-child.bd-left-none{
		border-left: none;
	}
	#facility-table table tr th{
		border-left: none;
	}
	#facility-table table td.bg-green-sp{
		background: #f6f8f6;
	}
	#facility-table2 table{
		font-size: 14px;
	}
}