@charset "utf-8";
 @media only screen and (max-width: 767px) {
/* ****************************************************

layout.css

1: layout common setting
2: header
3: footer
4: main
5: sideNav
99: extra

***************************************************** */

/*1: layout common setting
=========================================*/
/* container */
.pcOnly {
	display: none !important;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.fontS {
	font-size: 12px;
	font-size: 1.2rem;
}
/*2: header
=========================================*/
/* -- globalHeader -- */
#globalHeader {
}
/* -- headerLayout -- */
#globalHeader .headerLayout {
	width: 100%;
}
/* -- headerLayout leftCol -- */
#globalHeader .headerLayout .leftCol {
	float: left;
	height: 58px;
	width: 64%;
	padding: 15px 10px 16px 20px;
}
#english #globalHeader .headerLayout .leftCol {
	width: 76%;
}
#globalHeader .headerLayout .leftCol img {
	max-width: 300px;
	width: 100%;
}
/* -- headerLayout rightCol -- */
#english #globalHeader .headerLayout .rightCol {
	float: right;
	width: 61px;
	height: 57px;
}
#globalHeader .headerLayout .rightCol > ul {
	position: absolute;
	top: 0;
	right: 0;
}
#globalHeader .headerLayout .rightCol > ul li {
	float: left;
}
#globalHeader .headerLayout .rightCol .menuBtn {
	width: 58px;
	height: 58px;
	background: url(../img/header_ic02.png) no-repeat 0 0;
	background-size: 58px;
}
#globalHeader .headerLayout .rightCol .menuBtn.on {
	background: url(../img/header_ic02on.png) no-repeat 0 0;
	background-size: 58px;
}
#globalHeader .headerLayout .rightCol .favoriteBtn {
	width: 58px;
	height: 58px;
	background: url(../img/header_ic03.png) no-repeat 0 0;
	background-size: 58px;
}
#globalHeader .headerLayout .rightCol .favoriteBtn a {
	display: block;
	width: 58px;
	height: 58px;
}
#globalHeader .headerLayout .rightCol .headContentsBox {
	display: none;
	position: absolute;
	top: 58px;
	z-index: 9999;
}
#english #globalHeader .headerLayout .rightCol .headContentsBox {
	display: block;
	position: relative;
	top: 0;
	z-index: 9999;
}
#globalHeader .headerLayout .rightCol .headContentsBox.open {
	display: block;
	overflow: hidden;
}
/* -- headerLayout rightCol headerTopContents -- */
#globalHeader .headerLayout .rightCol .headerTopContents {
}
#globalHeader .headerLayout .rightCol .headerTopContents .icLinks01 {
	display: none;
}
#english #globalHeader .headerLayout .rightCol .headerTopContents {
	padding: 0;
	background: none;
}
#english #globalHeader .headerLayout .rightCol .headerTopContents .icLinks01 {
	display: block;
}
#english #globalHeader .headerLayout .rightCol .headerTopContents .icLinks01 a {
	display: block;
	width: 61px;
	height: 57px;
	background: url(../img/header_ic04.png) no-repeat 0 0;
	background-size: 61px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#english #globalHeader .headerLayout .rightCol .headerTopContents .icLinks01 a span {
}
#globalHeader .headerLayout .rightCol .headerTopContents #searchArea form {
	position: relative;
}
#globalHeader .headerLayout .rightCol .headerTopContents #searchArea input#searchTxt {
	width: 100%;
	padding: 10px 10px 10px 35px;
	border: none;
	background: none !important;
	font-size: 10px;
	font-size: 1.0rem;
	background: #ffffff !important;
}
#globalHeader .headerLayout .rightCol .headerTopContents #searchArea input#searchBtn {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 25px;
	opacity: 0.4;
}
/* -- headerLayout rightCol headerLowerContents -- */
#globalHeader .headerLayout .rightCol .headerLowerContents {
	display: block;
	margin: 0;
	height: 750px;
	overflow: scroll;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 {
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 > li {
	position: relative;
	background: #616161;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 > li a {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px 15px;
	color: #ffffff;
	font-weight: bold;
	border-bottom: solid 1px #ffffff;
	background: url(../img/com_ic06.png) no-repeat 93.5% 50%;
	background-size: 12px;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 > li a[target^="_blank"],
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 > li.type-blank a{
	background: url(../img/com_ic37.png) no-repeat 93.5% 50%;
	background-size: 12px;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 > li.on a {
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 > li.noToggle a {
	pointer-events: auto;
	background: url(../img/com_ic06.png) no-repeat 93.5% 50%;
	background-size: 12px;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner {
	display: none;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li.on .gNavInner {
	display: block;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li {
	position: relative;
	background: #ffffff;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li a {
	display: block;
	pointer-events: auto;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 12px 35px 10px;
	border-top: solid 1px #afafaf;
	background: url(../img/com_ic04.png) no-repeat 95% 50%;
	background-size: 7px;
	color: #333333;
	font-weight: normal;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li a[target^="_blank"],
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li.type-blank a{
	background: url(../img/com_ic15.png) no-repeat 95% 50%;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li a[href$=".pdf"] {
	background: url(../img/com_ic01.png) no-repeat 95% 50%;
	background-size: 12px;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li:first-child a {
	border-top: none;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li.noFloatBn {
	border-top: solid 1px #afafaf;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .icLinks02 li > .gNavInner > .icLinks03 li.last a {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 12px 15px 10px;
	border-top: solid 2px #de0025;
	background: #ffe9ed url(../img/com_ic05.png) no-repeat 95% 50%;
	background-size: 7px;
	color: #333333;
	font-weight: bold;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents {
	padding: 20px;
	background: #616161;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .icLinks04 > li {
	float: left;
	width: 50%;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .icLinks04 > li a {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0 0 5px 14px;
	background: url(../img/com_ic07.png) no-repeat 0 0.3em;
	background-size: 7px;
	color: #ffffff;
	text-decoration: underline;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .icLinks04 > li a[target^="_blank"] {
	background: url(../img/com_ic37.png) no-repeat 0 0.4em;
	background-size: 11px;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .icLinks04 > li a[href$=".pdf"] {
	background: url(../img/com_ic01.png) no-repeat 0 0.3em;
	background-size: 12px;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .spContactArea {
	margin: 15px 0 20px;
	padding: 20px 0;
	background: #ffffff;
	text-align: center;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .spContactArea .contactHead {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .spContactArea .tel a {
	position: relative;
	padding: 0 0 0 30px;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	text-decoration: underline;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .spContactArea .tel a:before {
	position: absolute;
	content: "";
	top: 0;
	left: -15px;
	width: 32px;
	height: 32px;
	background: url(../img/com_ic09.png) no-repeat 0 0;
	background-size: 32px;
}
#globalHeader .headerLayout .rightCol .headerLowerContents .spContents .closeBtn {
	width: 123px;
	margin: 0 auto;
	padding: 8px 0 6px 50px;
	border: solid 1px #ffffff;
	background: url(../img/com_ic08.png) no-repeat 23% 50%;
	background-size: 19px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ffffff;
}
.menuBg {
	display: none;
	position: fixed;
	top: 58px;
	width: 100%;
	height: 100% !important;
	background: #616161;
	opacity: 0.6;
	z-index: 20;
}
.menuBg.on {
	display: block;
}
/*3: footer
=========================================*/
/* -- globalFooter -- */
#globalFooter {
	background: #494949;
}
/* -- pageTop -- */
#globalFooter #pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 500;
}
#globalFooter #pageTop img {
	width: 47px;
}
/* -- footerLinks -- */
#globalFooter .footerWrap .footerLinks {
	margin: 0 0 10px;
}
#globalFooter .footerWrap .footerLinks li + li {
	margin: 10px 0 0;
}
#globalFooter .footerWrap .footerLinks li a {
	padding: 0 0 0 10px;
	background: url(../img/index_ic22.png) no-repeat 0 0.3em;
	background-size: 7px;
	color: #ffffff;
}
/* -- globalFooter footerWrap -- */
#globalFooter .footerWrap {
	margin: 0 auto;
	padding: 20px;
}
#globalFooter .footerWrap .footerLayout .footerCol {
	float: left;
	width: 100%;
	color: #ffffff;
}
#globalFooter .footerWrap .footerLayout .footerCol:last-child {
	width: 57%;
	padding: 0 0 0 25px;
	border-left: solid 1px #9f9f9f;
}
#globalFooter .footerWrap .footerLayout .footerCol .footerHead {
	margin: 0 0 5px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#globalFooter .footerWrap .footerLayout .footerCol p {
	font-size: 12px;
	font-size: 1.2rem;
}
#globalFooter .footerWrap .footerLayout .footerCol .contactHead {
	margin: 0 0 10px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
#globalFooter .footerWrap .footerLayout .footerCol .contactHead span {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
#globalFooter .footerWrap .footerLayout .footerCol .tel {
	float: left;
	padding: 0 0 0 65px;
	background: url(../img/com_ic10.png) no-repeat 0 0;
	font-size: 36.7px;
	font-size: 3.67rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -2px;
}
#globalFooter .footerWrap .footerLayout .footerCol .reception {
	float: right;
}
/* -- globalFooter copyRight -- */
#globalFooter #copyRight {
	padding: 6px 0;
	background: #999999;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}
/*4: main
=========================================*/

/* -- bunnerContents -- */
#globalContents #contents #bunnerContents {
	padding: 20px 20px 45px;
	background: #eeeeee;
}
#globalContents #contents #bunnerContents ul li {
	float: left;
	width: 48.5%;
	margin: 0 3% 0 0;
}
#globalContents #contents #bunnerContents ul li:nth-child(even) {
	margin: 0;
}
#globalContents #contents #bunnerContents ul li:nth-child(1),
#globalContents #contents #bunnerContents ul li:nth-child(2) {
	margin-bottom: 3%;
}
#globalContents #contents #bunnerContents ul li img {
	width: 100%;
}
/*99: extra
=========================================*/



/*=================================

	clearfix

=================================*/
#globalHeader .headerLayout:after,
#globalHeader .headerLayout .rightCol ul:after,
#globalFooter .footerWrap .footerLayout:after,
#globalFooter .footerWrap .footerLayout .footerCol:after,
#globalContents #contents #bunnerContents ul:after {
	content: "";
	display: block;
	clear: both;
}
}