@charset "utf-8";

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

	/* Header
	-----------------------------------------------*/
	#head__container {
		height: 50px;
	}

	#head__inner {
		padding: 0 0 0 10px;
		height: 50px;
		position: relative;
	}

	#headerLogo01 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		height: 50px;
		padding:14px 0;
		margin:0;
		line-height: 1;
		margin-right: auto;
		box-sizing: border-box;
	}

	#headerLogo01 a {
		width: auto;
		height: 100%;
	}

	#headerLogo01 img {
		display: block;
		width: auto;
		height: 100%;
	}

	/* #breadcrumb
	-----------------------------------------------*/
	#breadcrumb ul {
		padding: 5px 10px;
		font-size: 1.0rem;
	}

	#breadcrumb ul li span.icon_home {
		width: 15px;
		height: 15px;
		margin: 5px 0 0 0;
	}

	#breadcrumb ul li::after {
		margin-bottom: 7px
	}

	/* Global Menu
	-----------------------------------------------*/
	#global_menu {
		display: block;
		margin-left: auto;
	}
	#pc_menu p {
		position: absolute;
		top:16px;
		right:60px;
	}
	#pc_menu p a {
		font-size:1.2rem;
		padding:0 0 0 14px;
	}
	.select_menu {display:none !important;}

	/* Menu Button --------------------------------*/

	#global_menu p.sp_menu {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
		text-align: center;
		text-indent:-9999px;
		background:url(../images/btn_menu.png) no-repeat 0 0 #e60012;
		background-size:100% auto;
		transition:all ease 0.3s;
	}
	#global_menu p.sp_menu.active {
		background:url(../images/btn_close.png) no-repeat 0 0 #e60012;
		background-size:100% auto;
	}


	/* Menu ---------------------------------------*/
	#global_menu > ul {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 50px;
	}

	#global_menu > ul > li,
	#global_menu > ul > li.inquiry {
		display: block;
		width: 100%;
		margin: 0;
		background-color: #fb1b22;
		border-top: 1px solid #fff;
	}

	#global_menu > ul > li.close_btn {
		text-align: center;
		color: #fff;
		font-size: 1.3rem;
		padding: 1em 0;
		background-color: #c20f15;
	}

	#global_menu > ul > li a,
	#global_menu > ul > li.inquiry a {
		display: block;
		position: relative;
		margin: 0;
		padding: 1em;
		font-size: 1.4rem;
		line-height: 1;
		color: #fff;
		background: transparent;
		background-image: none;
	}

	#global_menu > ul > li a::before {
		content: none;
	}

	#global_menu > ul > li a::after {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border: 2px solid #fff;
		border-width: 0 2px 2px 0;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg) translateY(-50%);
	}

	.sp_menu,
	#global_menu > ul > li.sp {
		display: block;
	}



	/* Main
	-----------------------------------------------*/
	#main__container {
		padding-top: 50px;
	}

	.under_contents__inner h2 {
		font-size: 2.0rem;
		padding: 0 0 10px 10px;
		margin-bottom: 25px;
	}

	.under_contents__inner h2::after {
		width: 40%;
	}

	.under_contents__inner dt {
		font-size: 1.6rem;
		padding-bottom: 7px;
		margin-bottom: 0.5em;
	}

	.under_contents__inner dt::before {
		width: 12px;
		height: 12px;
		margin-right: 5px;
	}

	.under_contents__inner dd {
		font-size: 1.4rem;
	}

	div.inquiry_btn a {
		font-size: 1.6rem;
		padding: 12px 0;
		width: 90%;
	}

	#pagetop a {
		width: 35px;
		height: 35px;
		background-size:19px auto;
	}

	/* Footer
	-----------------------------------------------*/
	#foot__container {
		padding:10px 0 40px;
	}
	#foot__container small {
		font-size: 1.0rem;
	}

}


@media screen and (max-width: 360px) {
	#head__container, #head__inner {
		height:40px;
	}
	#headerLogo01 {
		height:40px;
		padding:10px 0;
	}
	#global_menu p.sp_menu {
		width:40px;
		height:40px;
	}
	#main__container {
		padding-top:40px;
	}
	#global_menu > ul {
		top:40px;
	}
	#pc_menu p {
    top: 11px;
    right: 50px;
	}
}
