@charset "UTF-8";
/* ================================================
■Layout
================================================ */

#container {
	font-size: 16px !important;
}
#container h1.hero-title {
	font-size: 250%;
    background-color: #0B0805;
    padding: 20px;
    text-align: center;
    color: white;
    border-radius: 4px;
}
#container ul{margin: 10px 2em 10px 2em;}
#container p{margin: 1em 2em;}
#container .two-box{
	width: 100%;
	display: table;
	margin: 10px 0px 40px 0px;
}
#container .two-box>li{
	vertical-align: top;
	display: table-cell;
}
#container hr{
	border: 0px dotted #fff;
	margin: 20px 0px 40px 0px;
}
#container .red{color: red;}
#container .orange{color: orange; font-weight: bold; }
#container .green{color: #99CC00; font-weight: bold; }
#container .pc_green{color: #99CC00; font-weight: bold; display: initial;}
#container .sp_red{color: red; font-weight: bold; display: none;}
@media screen and (max-width: 767px) {
#container .pc_green{color: red; font-weight: bold; display: none;}
#container .sp_red{color: red; font-weight: bold; display: initial;}
}

#container .guide_nav{
	width: 100%;
	display: table;
}
#container .guide_nav li{
	display: table-cell;
	width: 20%;
	text-align: left;
}
#container .guide_nav li:first-child{
	width: 33%;
}
#container .guide_nav li a{
	color: #000;
	text-decoration: none;
}
#container .guide_nav li a:before{
	content: "\25B6  ";
	color: red;
}
#container .guide_nav li a:hover{
	text-decoration: underline;
}
/* ADD START [Prince] BENTOTEHAI-62 */
img.guide_image_sp {
	display: none;
	margin: auto;
}
img:not(.guide_image_sp) {
	display: inherit;
}
@media screen and (max-width: 767px) {
	#container img:not(.guide_image_sp) {
		display: none;
	}
	#container img.guide_image_sp {
		display: inherit;
		margin: auto;
	}
/* ADD END [Prince] BENTOTEHAI-62 */
	html body {
		min-width: 100%; 
	}
	.wrap {
		/*width: 100%;*/
	}
	.one-column #container {
		width: 100%;
		padding: 10px;
	}
	#header ul#header_list {
		display: -webkit-box;
  		display: -ms-flexbox;
  		display: flex;
  		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
	#header ul#header_list li {
		width: 33.33%;
	}
	#header ul#header_list li img {
		width: 100%;
		height: 100%;
	}
	#header ul#header_list li:nth-of-type(2) {
		margin-right: 33.33%;
		padding-right: 0;
	}
	#header_login ul {
		width: 100%;
		display: -webkit-box;
  		display: -ms-flexbox;
  		display: flex;
  		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
	#header_login ul img {
		width: 100%;
		height: 100%;
	}
	#header_login ul li {
		width: 33.33%;
	}
	#breadcrumbs {
    margin: 65px auto 0px auto;
		width: 100%;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
          box-sizing: border-box;
	}
	#container h1.hero-title {
		font-size: 150%;
	}
	#container ul {
		margin: 10px 0 10px;
	}
	#container .guide_nav li {
		vertical-align: middle;
	}
	#container .guide_nav li a {
		position: relative;
		/*padding-left: 15px;*/
		/*display: inline-block;*/
		font-size: 13px;
    display: flex;
    align-items: center;
	}
	#container .guide_nav li a:before {
		/*position: absolute;*/
		/*top: calc(50% - 6px);*/
		/*left: 0;*/
	}
	#container iframe {
		max-height: 90vw;
	}
	#container .two-box {
		display: block;
	}
	#container .two-box>li {
		display: block;
	}
	#container p {
		margin: 1em auto;
	}
	#nav-footer {
		padding: 0 10px;
	}
	#nav-footer ul {
		width: 100%;
	}
	#nav-footer .primary ul {
		display: -webkit-box;
  		display: -ms-flexbox;
  		display: flex;
  		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
	#nav-footer li.tel {
		margin-bottom: 15px;
	}
	#nav-under {
		padding: 0 10px;
	}
	#nav-under ul {
		display: -webkit-box;
  		display: -ms-flexbox;
  		display: flex;
  		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
      	-ms-flex-pack: center;
          justify-content: center;
	}
	#nav-under li {
		padding:10px;
	}
	#nav-under address {
		float: none;
		width: 100%;
		text-align: center;
		padding: 20px 0;
		overflow: hidden;
	}
	.pagetop {
		right: 0;
		bottom: 5px;
	}
	.telbox {
		width: 50px;
		bottom: 125px;
	}
	.pagetop img {
		max-width: 50px;
	}
	.telbox .telbox-text .link {
		font-size: 1rem;
	}
	.telbox .telbox-text .link .number {
		font-size: 1.6rem;
	}
	
}