﻿@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

-------------------------------------------------- */

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-0. webfont
-------------------------------------------------- */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=2d3ba1b8-45c7-48ae-aaa8-bae39ba84bfa");
@font-face{
font-family:"Minion W01 Caption_i4";
src:url("/resource/fonts/80bce96f-4b1e-46ed-bfb5-aa38e8872541.eot?#iefix") format("eot")
}
@font-face{
font-family:"Minion W01 Caption";
src:url("/resource/fonts/80bce96f-4b1e-46ed-bfb5-aa38e8872541.eot?#iefix");
src:url("/resource/fonts/80bce96f-4b1e-46ed-bfb5-aa38e8872541.eot?#iefix") format("eot"),url("/resource/fonts/a8fcdbbe-f7ec-4b06-9dc6-4f52410657bd.woff2") format("woff2"),url("/resource/fonts/06b9c6e8-5a04-48a2-a296-e8c20abb7795.woff") format("woff"),url("/resource/fonts/e5019d39-8454-4f0a-9d49-3197c97a0739.ttf") format("truetype"),url("/resource/fonts/4135ea82-4c6b-4a74-b6e7-c77754d08e78.svg#4135ea82-4c6b-4a74-b6e7-c77754d08e78") format("svg");
font-weight: 400;
font-style: italic;
}
@font-face{
font-family:"Nud Motoya Mincho W50_n1";
src:url("/resource/fonts/7d5882d8-b7a8-4c4c-8b6b-4629bc51e07d.eot?#iefix") format("eot")
}
@font-face{
font-family:"Nud Motoya Mincho W50";
src:url("/resource/fonts/7d5882d8-b7a8-4c4c-8b6b-4629bc51e07d.eot?#iefix");
src:url("/resource/fonts/7d5882d8-b7a8-4c4c-8b6b-4629bc51e07d.eot?#iefix") format("eot"),url("/resource/fonts/8c3da0a4-07b1-4feb-8c07-213dd17fe9a6.woff2") format("woff2"),url("/resource/fonts/4c61629e-de30-4da0-932c-06ee6414f030.woff") format("woff"),url("/resource/fonts/0183e8dc-f47b-497f-a772-9825989eee62.ttf") format("truetype"),url("/resource/fonts/403b54f2-8437-4cb6-af1d-e9aec1bac1bc.svg#403b54f2-8437-4cb6-af1d-e9aec1bac1bc") format("svg");
font-weight: 100;
font-style: normal;
}


/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	height: 24px;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 100%;
}
body{
	font-family:"游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	background-color: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
input,textarea,button, select{
	font-family:"游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}

/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 15px;
	color: #333;
	position: relative;
}
@media screen and (min-width: 768px), print{
	body{
		font-size: 16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 980px), print{
	body{
		min-width: 960px;
	}
}
a{
	color: #333;				/* ベースのリンク文字の色を指定 */
	text-decoration: underline;	/* ベースのリンク文字の下線の有無を指定 */
}
a:visited{
	color: #333;				/* ベースのリンク文字の色を指定 */
}
a:hover{
	/*opacity: 0.7;*/
	color: #333;				/* ベースのリンク文字の色を指定 */
	text-decoration: none;		/* ベースのリンク文字の下線の有無を指定 */
}
a:focus{
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;			/* ベースの行間を指定 */
}
p{
	line-height: 1.428;			/* ベースの行間を指定 */
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.6;			/* ベースの行間を指定 */
}
@media screen and (min-width: 768px), print{
	p{
		line-height: 1.9;
	}
}


/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */
#l-document{

}

/* 1-2. #l-header
-------------------------------------------------- */
.l-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 200;
}
@media print{
	.l-header{
		position: relative;
	}
}
.l-header-logo{
	position: absolute;
	top: 10px;
	z-index: 202;
}
.l-header-logo img {
	width: 100%;
	height: auto;
}
.l-header-logo a {
	display: block;
}
.l-header-logo img {
	vertical-align: bottom;
}


/* content01 */
.l-header__content01{
	position:relative;
	text-align: right;
	z-index: 201;
}
.l-header__content01 > p {
	box-sizing: border-box;
}
.l-header__content01 > p > img {
	max-width: 100%;
	height: auto;
}
.l-header__content01-nav > li {
	position: relative;
	cursor: pointer;
}
.l-header__content01-nav > li:before {
	content: '';
	position: absolute;
	left: 0;
	width: 1px;
	border-left: 1px solid #dddddd;
}

/* content02 */
.l-header__content02 {
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 200;
	-webkit-transition: top 0.5s ease-out, opacity 0.5s ease-out, visibility 0s 0.5s, height 0s 0.5s;
	transition: all 0.5s ease-out, visibility 0s 0.5s, height 0s 0.5s;
}
.l-header__content02.is-opened {
	height: 100%;
	visibility: visible;
	opacity: 1;
	-webkit-transition: top 0.5s ease-out, opacity 0.5s ease-out, visibility 0s;
	transition: top 0.5s ease-out, opacity 0.5s ease-out, visibility 0s;
}
.l-header__content02 > nav,
.l-header__content02 > div {
	z-index: 2;
}
.l-header__content02 .menu-bg {
	position: fixed;
	top: 100px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1;
}
.l-header__content02-title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -25px;
	padding-top: 8px;
	color: #fff;
	text-align: center;
	z-index: 2;
}
.l-header__content02-title > span {
	display: block;
	margin-bottom: 0.5em;
	-webkit-font-smoothing: antialiased;
	font-family: 'Minion W01 Caption',"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Nud Motoya Mincho W50', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-style: italic;
	letter-spacing: 4px;
	line-height: 1.25;
	font-weight: normal;
	font-size: 14px;
}

/* serach, lang */
.l-header__content02-search,
.l-header__content02-lang {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
.l-header__content02-search.is-opened,
.l-header__content02-lang.is-opened {
	visibility: visible;
	opacity: 1;
	z-index: 3;
	-webkit-transition: opacity 0.5s, visibility 0s;
	transition: opacity 0.5s, visibility 0s;
}
.l-header__content02-search input[type=text] {
	width: 225px;
	padding: 22px 10px 21px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
.l-header__content02-search input[type=submit] {
	width: 60px;
	height: 45px;
	border: none;
	border-radius: 3px;
	background: #6a6a6a;
	color: #fff;
	text-align: center;
	line-height: 43px;
}
.l-header__content02-search div{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px){
	.l-header-logo{
		left: 10px;
		width: 83px;
	}

	/* content01 */
	.l-header__content01{
		height: 60px;
		background: #fff;
	}
	.l-header__content01_1 > p {
		padding: 10px 61px 0 0;
	}
	.l-header__content01-nav{
		display: inline-block;
		width: 161px;
		padding-right: 61px;
		box-sizing: border-box;
		letter-spacing: -0.4em;
	}
	.l-header__content01-nav > li {
		display: inline-block;
		font-size: 14px;
		text-align: center;
		line-height: 20px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
		box-sizing: border-box;
		letter-spacing: normal;
		width: 50px;
		height: 20px;
	}
	.l-header__content01-nav > li:before{
		top: 0;
		height: 20px;
	}

	/* nav-global */
	.nav-global {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #333333;
		visibility: hidden;
	}
	.nav-global > ul {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
	}
	.nav-global > ul > li {
		width: 100%;
	}
	.nav-global > ul > li > span{
		position: relative;
		display: block;
		color: #ffffff;
		padding: 15px 7px;
		background: #333333;
		font-weight: bold;
		border-bottom: 1px solid #666666;
	}
	.nav-global > ul > li > span i{
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -10px;
		z-index: 100;
	}
	.nav-global > ul > li > span i:before{
		color: #ffffff;
	}
	.nav-global > ul > li .nav-contents{
		width: 100%;
		display: none;
	}
	.nav-global > ul > li ul {
		width: 100%;
		background: #444444;
		margin: 0;
		padding: 0;
	}
	.nav-global > ul > li ul li {
		padding: 0 7px;
	}
	.nav-global > ul > li ul li a{
		display: block;
		padding: 15px 15px;
		color: #ffffff;
		text-decoration: none;
		border-bottom: 1px solid #666666;
	}
	.nav-global > ul > li ul li.nav-global-catetop a{
		padding: 15px 0;
		font-weight: bold;
	}
	.nav-global.is-opened{
		visibility: visible;
	}
	.nav-global-megadrop{
		display: none;
	}
	
	/* bottom */
	.nav-global > ul > li ul.nav-contents-bottom {
		padding: 10px;
		box-sizing: border-box;
	}
	.nav-global > ul > li ul.nav-contents-bottom + ul.nav-contents-bottom {
		padding-top: 0;
	}
	.nav-global > ul > li ul.nav-contents-bottom li {
		width: auto;
		padding: 0;
		border-right: 3px solid #666;
		border-left: 3px solid #666;
		background: #666;
		box-sizing: border-box;
	}
	.nav-global > ul > li ul.nav-contents-bottom li a {
		border-bottom: 0 none;
		padding: 3px 15px;
	}
	.nav-global > ul > li ul.nav-contents-bottom li.nav-contents-bottom-title {
		font-weight: bold;
		padding: 3px 15px;
		color: #fff;
	}
	.nav-global > ul > li ul.nav-contents-bottom li:first-child {
		padding-top: 12px;
		border-top: 3px solid #666;
	}
	.nav-global > ul > li ul.nav-contents-bottom li:last-child {
		padding-bottom: 10px;
		border-bottom: 3px solid #666;
	}

	/* content02 */
	.l-header__content02 {
		padding-top: 100px;
	}
	.l-header__content02.is-opened {
		top: 0px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.l-header__content02-title {
		font-size: 15px;
	}
	.l-header__content02-title > span {
		font-size: 8px;
	}
	.l-header__content02-search div{
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		padding: 10px;
		margin: 0 auto;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.l-header__content02 .menu-bg {
		top: 60px;
	}

	/* lang */
	.l-header__content02-lang ul {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		padding: 0 5px;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		box-sizing: border-box;
	}
	.l-header__content02-lang li {
		width: 50%;
		height: 40px;
		float: left;
		margin: 5px 0;
		padding: 0 5px;
		box-sizing: border-box;
	}
	.l-header__content02-lang li > a {
		color: #fff;
	}
	.l-header__content02-lang li > a {
		display: block;
		width: 100%;
		height: 40px;
		border: 1px solid #fff;
		box-sizing: border-box;
		font-size: 14px;
		color: #fff;
		line-height: 40px;
		text-align: center;
		padding: 0;
		text-decoration: none;
	}
}
@media screen and (min-width: 1024px), print{
	.l-header{
		height: 100px;
		border-bottom: 1px solid #ddd;
	}
	.l-header-logo{
		position: absolute;
		top: 20px;
		left: 20px;
		width: 127px;
		z-index: 202;
	}
	/* content01 */
	.l-header__content01{
		position: relative;
		box-sizing: border-box;
		height: 99px;
		padding-top: 20px;
		background: #fff;
	}
	.l-header__content01-err{
		padding-right: 0;
	}
	.l-header__content01_1 {
		width: 364px;
		margin-left: auto;
		letter-spacing: -0.4em;
	}
	.l-header__content01_1 > p {
		display: inline-block;
		position: relative;
		height: auto;
		width: 254px;
		text-align: left;
		letter-spacing: normal;
	}
	.l-header__content01_1 > p img{
		position: relative;
		width: 234px;
		height: auto;
		top: 5px;
	}
	.l-header__content01-nav{
		display: inline-block;
		width: 110px;
		box-sizing: border-box;
		letter-spacing: -0.4em;
	}
	.l-header__content01-nav > li {
		display: inline-block;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
		box-sizing: border-box;
		letter-spacing: normal;
	}
	.l-header__content01-nav > li.js-globalmenu-lang {
		width: 60px;
	}
	.l-header__content01-nav > li.js-globalmenu-search {
		width: 50px;
	}
	.l-header__content01-nav > li:hover {
		opacity: 0.7;
	}
	.l-header__content01-nav > li.visible-sp {
		display: none;
	}
	.l-header__content01-nav > li:before {
		top: 7px;
		height: 20px;
		border-color: #e5e5e5;
	}
	.l-header__content01-nav > li > i {
		font-size: 20px;
	}

	/* content02 */
	.l-header__content02 {
		top: -20px;
		left: 0;
		padding-top: 71px;
	}
	.l-header__content02.is-opened {
		top: 0;
	}
	.l-header__content02 .menu-bg {
		top: 71px;
	}
	.l-header__content02 a {
		display: block;
		overflow: hidden;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	.l-header__content02 a > img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: -webkit-transform 0.5s ease-out;
		transition: transform 0.5s ease-out;
	}
	.l-header__content02 a:hover > img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.l-header__content02-title {
		margin-top: -32px;
		font-size: 16px;
	}

	/* nav-global */
	.nav-global {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
	}
	.nav-global > ul {
		position: absolute;
		height: 40px;
		bottom: 10px;
		right: 5px;
		letter-spacing: -0.4em;
	}
	.nav-global > ul > li {
		display: inline-block;
		letter-spacing: normal;
		font-weight: bold;
		height: 40px;
		margin: 0 14px;
		position: relative;
	}
	.nav-global > ul > li a{
		display: inline-block;
		height: 40px;
		line-height: 40px;
	}
	.nav-global > ul > li a .nav-global-btn{
		border-bottom: 2px solid #ffffff;
		display: inline-block;
		font-weight: normal;
	}
	.nav-global > ul > li a:hover .nav-global-btn{
		border-bottom: 2px solid #9e9e9e;
	}
	.nav-global > ul > li a .nav-global-arrow{
		display: block;
		position: absolute;
		content: "";
		width: 14px;
		height: 14px;
		background: #3a3a3a;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		bottom: -19px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.nav-global-megadrop{
		display: none;
		position: absolute;
		top: 101px;
		left: 0;
		width: 100%;
		background: #000;
		z-index: 500;
	}
	.nav-global-megadrop .nav-global-megadrop-inner{
		display: block;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 0 40px;
		/*box-sizing: border-box;*/
	}
	.nav-global-megadrop .nav-global-megadrop-inner:after {
		content: "";
		clear: both;
		display: block;
	}
	.nav-global-megadrop .nav-global-megadrop-inner .nav-global-megadrop-left{
		float: left;
		width: 50%;
	}
	.nav-global-megadrop .nav-global-megadrop-inner .nav-global-megadrop-right{
		float: right;
		width: 50%;
	}
	.nav-global-megadrop .nav-global-megadrop-top{
		padding: 30px 0 28px;
		font-size: 18px;
		color: #fff;
		border-bottom: 1px solid #575757;
	}
	.nav-global-megadrop .nav-global-megadrop-top a{
		color: #fff;
		text-decoration: none;
	}
	.nav-global-megadrop .nav-global-megadrop-top a i{
		display: inline-block;
		color: #fff;
		text-decoration: none;
		font-size: 11px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		/*margin-left: 0.3em;*/
		vertical-align: middle;
	}
	.nav-global-megadrop .nav-global-megadrop-top a:hover i{
		color: #fff;
		text-decoration: none;
		margin-left: 0.6em;
	}
	.nav-global-megadrop .nav-global-megadrop-list{
		width: 100%;
	}
	.nav-global-megadrop .nav-global-megadrop-list ul:after {
		content: "";
		clear: both;
		display: block;
	}
	.nav-global-megadrop .nav-global-megadrop-list li{
		float: left;
		position: relative;
		font-size: 14px;
	}
	.nav-global-megadrop .nav-global-megadrop-list li a{
		color: #fff;
		text-decoration: none;
		display: block;
	}
	.nav-global-megadrop .nav-global-megadrop-list li a .nowrap {
		white-space: nowrap;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col1 li{
		width: 100%;
		float: none;
		padding-right: 30px;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col2{
		margin-left: -20px;
		margin-right: -20px;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col2 li{
		padding: 0 20px;
	}
	/*.nav-global-megadrop .nav-global-megadrop-list .col2 li{
		width: 50%;
		box-sizing: border-box;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col2 li:nth-of-type(2n+1){
		padding-right: 20px;
		clear: both;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col2 li:nth-of-type(2n){
		padding-left: 20px;
	}*/

	.nav-global-megadrop .nav-global-megadrop-list .col3 li{
		width: 33.3333333333%;
		box-sizing: border-box;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col3 li:nth-of-type(3n+1){
		padding-right: 20px;
		clear: both;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col3 li:nth-of-type(3n+2){
		/*padding-left: 10px;*/
		padding-right: 20px;
	}
	/*.nav-global-megadrop .nav-global-megadrop-list .col3 li:nth-of-type(3n){
		padding-left: 5px;
		padding-right: 20px;
	}*/
	/*.nav-global-megadrop .nav-global-megadrop-list .col4 li{
		width: 25%;
		box-sizing: border-box;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col4 li:nth-of-type(4n+1){
		padding-right: 30px;
		clear: both;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col4 li:nth-of-type(4n+2){
		padding-left: 10px;
		padding-right: 20px;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col4 li:nth-of-type(4n+3){
		padding-left: 20px;
		padding-right: 10px;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col4 li:nth-of-type(4n){
		padding-left: 30px;
	}*/
	.nav-global-megadrop .nav-global-megadrop-list .col4{
		margin-left: -20px;
		margin-right: -20px;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col4 li{
		padding: 0 20px;
	}

	.nav-global-megadrop .nav-global-megadrop-list .col1 li span,
	.nav-global-megadrop .nav-global-megadrop-list .col2 li span,
	.nav-global-megadrop .nav-global-megadrop-list .col3 li span,
	.nav-global-megadrop .nav-global-megadrop-list .col4 li span{
		position: relative;
		padding: 9px 0 9px;
		display: block;
	}
	.nav-global-megadrop .nav-global-megadrop-list .col1 li span:after,
	.nav-global-megadrop .nav-global-megadrop-list .col2 li span:after,
	.nav-global-megadrop .nav-global-megadrop-list .col3 li span:after,
	.nav-global-megadrop .nav-global-megadrop-list .col4 li span:after{
		content: "";
		position: absolute;
		border-bottom: 1px solid #575757;
		width: 100%;
		height: 1px;
		left: 0;
		bottom: 0;
	}
	.nav-global-megadrop .megadrop-btn a{
		position: relative;
		display: inline-block;
		padding: 3px 10px 3px 15px;
		border: 1px solid #fff;
		border-radius: 0;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		color: #fff;
		text-decoration: none;
	}
	.nav-global-megadrop .megadrop-btn a:hover{
		color: #333;
		background: #fff;
	}

	/* megadrop corporate */
	.nav-global > ul > li.megadrop-corporate a .nav-global-arrow{
		background: #000000;
	}
	.nav-global-megadrop-content{
		display: block;
	}
	.nav-global-megadrop-content:after{
		content: "";
		clear: both;
		display: block;
	}
	#megadrop-corporate.nav-global-megadrop{
		background: #000000;
	}
	#megadrop-corporate .nav-global-megadrop-inner{
		padding-bottom: 0;
	}
	#megadrop-corporate .nav-global-megadrop-left{
		padding-right: 20px;
		box-sizing: border-box;
	}
	#megadrop-corporate .nav-global-megadrop-right{
		position: relative;
		padding-left: 20px;
		box-sizing: border-box;
		min-height: 330px;
		max-width: 580px;
		background: url(/resource/img/gnavi_img_corporate.jpg) top right no-repeat;
		background-size: 100% auto;
	}
	[lang=en] #megadrop-corporate .nav-global-megadrop-right{
		background: url(/resource/img/gnavi_img_corporate_en.jpg) top right no-repeat;
	}
	#megadrop-corporate .nav-global-megadrop-right .megadrop-btn{
		position: absolute;
		top: 255px;
		left: 290px;
	}
	@media screen and (max-width: 1220px){
		#megadrop-corporate .nav-global-megadrop-right{
			background: url(/resource/img/gnavi_img_corporate.jpg) no-repeat;
			background-size: 100% auto;
		}
		[lang=en] #megadrop-corporate .nav-global-megadrop-right{
			background: url(/resource/img/gnavi_img_corporate_en.jpg) no-repeat;
			background-size: 100% auto;
		}
	}
	
	/* megadrop product */
	
	#megadrop-product .nav-global-megadrop-inner .nav-global-megadrop-text{
		padding: 20px 0 0;
		text-align: center;
		color: #ffffff;
		font-size: 14px;
	}
	#megadrop-product .bnr {
		margin: 25px -20px 0;
	}
	#megadrop-product .bnr:after {
		content: "";
		clear: both;
		display: block;
	}
	#megadrop-product .bnr li{
		padding: 0 20px;
	}
	#megadrop-product .bnr a{
		display: block;
	}
	/*#megadrop-product .nav-global-megadrop-inner .nav-lst-megadrop-text{
		text-align: left;
		padding: 15px 10px 10px 10px;
	}
*/
	/* megadrop rd */
	.nav-global > ul > li.megadrop-rd a .nav-global-arrow{
		background: #000000;
	}
	#megadrop-rd.nav-global-megadrop{
		background: #000000;
	}
	#megadrop-rd .nav-global-megadrop-left{
		width: 50%;
		padding-bottom: 35px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#megadrop-rd .nav-global-megadrop-right{
		position: relative;
		background: url(/resource/img/gnavi_img_rd.jpg) top left no-repeat;
		background-position-x: 20px;
		min-height: 250px;
		width: 50%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	[lang=en] #megadrop-rd.nav-global-megadrop-right{
		background: url(/resource/img/gnavi_img_rd.jpg) top left no-repeat;
		background-position-x: 20px;
	}
	#megadrop-rd .nav-global-megadrop-right .megadrop-btn{
		position: absolute;
		top: 140px;
		right: 112px;
	}
	#megadrop-rd .nav-global-megadrop-inner {
		padding-bottom: 0;
	}

	/* megadrop news */
	
	#megadrop-news .nav-global-megadrop-left{
		padding-right: 20px;
		box-sizing: border-box;
	}
	#megadrop-news .nav-global-megadrop-right{
		position: relative;
		padding-left: 20px;
		box-sizing: border-box;
	}
	#megadrop-news .col3{
		margin: 0 -20px;
	}
	#megadrop-news .col3 li{
		padding: 0 20px;
	}
	/*#megadrop-news .nav-global-megadrop-right .megadrop-btn{
		position: absolute;
		top: 171px;
		left: 471px;
	}
	#megadrop-news .lbl--white{
		color: #fff;
	}*/
	@media screen and (max-width: 1220px){
		#megadrop-news .nav-global-megadrop-content{
			margin: 0;
		}
		#megadrop-rd .nav-global-megadrop-right{
			position: relative;
			background: url(/resource/img/gnavi_img_rd.jpg) top right no-repeat;
		}
		#megadrop-rd .nav-global-megadrop-right .megadrop-btn {
			position: absolute;
			top: 140px;
			right: 100px;
			left: auto;
		}
	}


	/* megadrop csr */

	/* megadrop ir */

	#megadrop-ir .nav-global-megadrop-left{
		padding-right: 20px;
		box-sizing: border-box;
	}
	#megadrop-ir .nav-global-megadrop-right{
		padding-left: 20px;
		box-sizing: border-box;
	}

	/* megadrop employment */
	#megadrop-employment .nav-global-megadrop-left{
		padding-right: 20px;
		box-sizing: border-box;
	}
	#megadrop-employment .nav-global-megadrop-right{
		position: relative;
		padding-top: 40px;
		padding-left: 20px;
		float: right;
		box-sizing: border-box;
	}
	#megadrop-employment .nav-global-megadrop-right a{
		display: block;
	}

	/* megadrop special */
	.nav-global > ul > li.megadrop-special a .nav-global-arrow{
		background: #000000;
	}
	#megadrop-special.nav-global-megadrop{
		background: #000000;
	}
	#megadrop-special .nav-global-megadrop-inner{
		padding-bottom: 0;
	}
	#megadrop-special .nav-global-megadrop-left{
		padding-bottom: 30px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#megadrop-special .nav-global-megadrop-right{
		position: relative;
		min-height: 320px;
		background: url(/resource/img/gnavi_img_special.jpg) center right no-repeat;
		padding-left: 20px;
		box-sizing: border-box;
	}
	[lang=en] #megadrop-special .nav-global-megadrop-right{
		background: url(/resource/img/gnavi_img_special_en.jpg) center right no-repeat;
	}
	@media print{
		#megadrop-special .nav-global-megadrop-right{
			background: none;
		}
	}
	#megadrop-special .nav-global-megadrop-right p{
		position: absolute;
		top: 130px;
		left: 300px;
		color: #fff;
		width: 250px;
		font-size: 14px;
		line-height: 1.4;
	}
	#megadrop-special .nav-global-megadrop-right .megadrop-btn{
		position: absolute;
		top: 120px;
		left: 355px;
	}
	#megadrop-special .nav-global-megadrop-right .megadrop-btn a{
		padding: 4px 6px 2px 15px;
		letter-spacing: -.1em;
		}
	#megadrop-special [class*=" icon-"]:before{
		margin: 0 0 0 .8em;
	}
	[lang=en] #megadrop-special .nav-global-megadrop-right .megadrop-btn{
		top: 180px;
		left: 230px;
	}
	@media screen and (max-width: 1220px){
		#megadrop-special .nav-global-megadrop-right{
			background-size: 100% auto;
		}
		#megadrop-special .nav-global-megadrop-right .megadrop-btn{
			position: absolute;
			top: 120px;
			left: auto;
			right: 30px;
		}
	}

	/* serach, lang */
	.l-header__content02-lang ul {
		position: absolute;
		width: 880px;
		overflow: hidden;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.l-header__content02-search,
	.l-header__content02-lang {
		padding: 20px 0;
	}
	.l-header__content02-search input[type=text] {
		width: 550px;
		padding: 0 10px;
		height: 50px;
		margin: 5px 0;
	}
	.l-header__content02-search input[type=submit] {
		width: 86px;
		height: 50px;
		line-height: 48px;
		margin: 5px 0;
	}
	.l-header__content02-lang li {
		width: 200px;
		height: 80px;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
	}
	.l-header__content02-lang li > a {
		display: block;
		width: 200px;
		height: 80px;
		border: 1px solid #fff;
		box-sizing: border-box;
		font-size: 18px;
		color: #fff;
		line-height: 80px;
		text-align: center;
		padding: 0;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		text-decoration: none;
	}
	.l-header__content02-lang li > a:hover {
		background: #fff;
		color: #000;
	}

	.gnavi-irnews{
		/*border-top: 1px solid #666666;*/
		border-top: 1px solid #575757;
	}
	.gnavi-irnews li{
		padding: 10px 0;
		border-bottom: 1px solid #575757;
		/*border-bottom: 1px solid #666666;*/
	}
	.gnavi-irnews li a{
		display: block;
		color: #ffffff;
	}
	.gnavi-irnews li a:after {
		content: "";
		clear: both;
		display: block;
	}
	.gnavi-irnews li .box-news__content{
		width: 473px;
		float: left;
	}
	.gnavi-irnews li .box-news__icon{
		float: right;
		width: 80px;
		margin-top: 22px;
	}
	.gnavi-irnews li p{
		width: 473px;
		font-size: 14px;
		display: block;
		/*
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		*/
	}
	.gnavi-irnews li p.box-news__date{
		width: auto;
		font-size: 12px;
	}
	.gnavi-irnews li p.box-news__date span{
		display: inline-block;
		background: #666666;
		margin-left: 10px;
		max-width: auto;
		color: #ffffff;
		padding: 2px 7px;
	}
	.gnavi-irnews li .box-news__title{
		width: auto;
		max-width: 400px;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: middle;
	}
	.gnavi-irnews li .icon-file-pdf{
		display: inline-block;
		margin-top: 22px;
	}
	.gnavi-newslatest{
		padding-bottom: 10px;
	}
	.gnavi-newslatest ul{
	}
	.gnavi-newslatest ul li{
		border-bottom: 1px dotted #666666;
	}
	.gnavi-newslatest ul li a{
		display: block;
		padding: 8px 0px 7px;
		color: #fff;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		text-decoration: none;
	}
	.gnavi-newslatest ul li a:hover{
		margin-left: 6px;
	}
	.gnavi-newslatest ul li .gnavi-newslatest_date{
		font-size: 12px;
	}
	.gnavi-newslatest ul li .gnavi-newslatest_category{
		font-size: 12px;
	}
	.gnavi-newslatest ul li p{
		font-size: 14px;
	}
}

/* 1-3. #l-container
-------------------------------------------------- */
.l-container {
	padding-top: 51px;
}
@media screen and (min-width: 768px), print{
	.l-container {
		margin-bottom: 60px;
		padding-top: 101px;
	}
	.l-container.has-sub {
		margin-bottom: 70px;
	}
}
@media print{
	.l-container {
		padding-top: 11px;
	}
}

/* 1-3-1. #l-main
-------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1014px), print{
	.has-sub .l-main {
		float: left;
		width: 68%;
		padding-right: 0 !important;
	}
}
@media screen and (min-width: 1015px) and (max-width: 1049px){
	.has-sub .l-main {
		float: left;
		width: 69%;
		padding-right: 30px !important;
	}
}
@media screen and (min-width: 1050px) and (max-width: 1118px){
	.has-sub .l-main {
		float: left;
		width: 70%;
	}
}
@media screen and (min-width: 1119px) and (max-width: 1200px){
	.has-sub .l-main {
		float: left;
		width: 72%;
	}
}
@media screen and (min-width: 1201px) {
	.has-sub .l-main {
		float: left;
		width: 74%;
	}
}
/* 1-3-2. #l-sub
-------------------------------------------------- */
.l-sub {
	background: #5f5f5f;
	padding: 30px 15px;
}
.l-sub a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #7c7c7c;
	padding: 18px 28px 18px 2px;
	position: relative;
}
.l-sub a .icon {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -12px;
}
.l-sub .l-sub__title a .icon {
	position: static;
}
.l-sub .hdg-lv4 {
	font-size: 14px;
}
@media screen and (max-width: 767px){
	.l-sub {
		color: #fff;
		margin: 30px -15px 0;
	}
	.l-sub__inner {
		background: #525251;
		border-radius: 1.5px;
		padding: 0 13px 10px;
	}
	.l-sub a {
		color: #fff;
	}
	.l-sub .l-sub__title a {
		border-bottom: none;
		font-size: 18px;
		padding: 15px 0 5px;
	}
	.l-sub .l-sub__title a .icon {
		margin-top: 0;
	}
	.l-sub a .icon {
		font-size: 13px;
	}
	.l-sub .hdg-lv4 {
		margin: 40px 0 5px;
	}
	.l-sub__inner-list li a {
		padding-left: 10px;
	}
}
@media screen and (min-width: 768px), print{
	.l-sub {
		width: 240px;
		background: #fff;
		float: right;
		padding: 0;
	}
	.l-sub a {
		border-bottom: 1px dashed #d7d7d7;
		padding: 10px 58px 8px 0;
		font-size: 14px;
		transition: all 0.2s;
	}
	.l-sub a {
		padding-right: 74px !important;
	}
	.l-sub .ico-narrow a {
		padding-right: 20px !important;
	}
	.l-sub a:hover {
		padding-left: 3px !important;
	}
	.l-sub__inner-list li a:hover{
		padding-left: 18px !important;
	}
	.l-sub__inner-list{
		display: none;
	}
	.l-sub a .icon{
		transition: all 0.2s;
	}
	.l-sub a:hover .icon{
		right: 3px;
	}
	.l-sub a.l-sub__current {
		background: #f5f5f5;
	}
	.l-sub__inner > ul > li > a.l-sub__current{
		padding-left: 10px !important;
	}
	.l-sub__inner > ul > li > a.l-sub__current:hover{
		padding-left: 13px !important;
	}
	.l-sub .l-sub__title {
		margin-bottom: 10px;
	}
	.l-sub .l-sub__title a {
		font-size: 16px;
		color: #fff;
		background: #6a6a6a;
		border-radius: 3px;
		border-bottom: 0;
		padding: 15px 10px 15px 20px !important;
		transition:none;
		transition: all 0.2s;
	}
	.l-sub .l-sub__title a:hover {
		padding-left: 26px !important;
	}
	.l-sub .l-sub__title a .icon {
		transition:none;
	}
	.l-sub .hdg-lv4 {
		margin: 55px 0 10px;
	}
	.l-sub__inner-list li a {
		padding-left: 15px;
	}
}

/* 1-4. #l-footer
-------------------------------------------------- */
.l-footer a {
	color: #fff;
}
.l-footer__content01{
	background: #3a3a3a;
}
.l-footer__content02{
	background: #333333;
	color: #fff;
	padding: 10px 0;
}
.l-footer .bnr-footer{
	margin: -40px auto 0;
}
.l-footer .bnr-footer img {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 768px), print{
	.l-footer__content02{
		padding: 20px 0;
	}
	.l-footer__content01 {
		padding-top: 45px;
	}
	.l-footer__content02 .wrp-container{
		width: auto;
	}
	.l-footer .bnr-footer{
		margin: -60px auto 50px;
	}
}

/* 1-5. #l-nav-global
-------------------------------------------------- */



/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container{
	padding: 0 15px;
	position: relative;
	box-sizing: border-box;
	width: 100%;
}
.wrp-container-gray{
	margin-bottom: 60px;
	background: #f5f5f5;
}
.wrp-container-gray__title{
	margin: -75px 0 60px;
	padding: 70px 0 5px;
	background: #f5f5f5;
}
.wrp-container-gray__title .hdg-lv2{
	font-weight: bold;
}
.wrp-container-black{
	margin-top: 50px;
	background: #1c1c1c;
}
.box-main-img + .wrp-container-gray,
.box-header-detail + .wrp-container-gray{
	margin-top: 0;
}
@media screen and (max-width: 767px){
	.wrp-container{
		padding: 15px;
		position: relative;
		box-sizing: border-box;
		width: 100%;
	}
	.wrp-container-gray{
		margin-bottom: 30px;
		background: #f5f5f5;
	}
	.wrp-container-gray__title{
		margin: 0;
		padding: 15px 0 0;
		background: #f5f5f5;
	}
	.box-notes img{
		margin-top: 15px;
	}
	.box-notes .hdg-lv4:first-child{
		margin-top: 0px;
	}
}
@media screen and (min-width: 768px), print{
	.wrp-container {
		margin: 0 auto;
	}
}
@media only screen  and (min-width : 1230px){
	.wrp-container {
		width: 1200px;
	}
}

/*-------------------------------------------------- */
.wrp-block{
	margin-bottom: 15px;
}
@media screen and (min-width: 768px), print{
	.wrp-block{
		margin-bottom: 30px;
	}
}

/*2-1-2.  Box      [box-***]*/

.box-noscript{
	margin-top: 70px;
 	padding: 24px;
	background: #3a3a3a;
	box-sizing: border-box;
}
.box-noscript p{
	text-shadow: 0 0 1px #fff;
	color: #fff;
}
/* ----------------------------------------------- */
.box-section{
	margin: 0 auto 20px;
	padding: 20px;
	width: 942px;
	border: 1px solid #ccc;
}
/* ----------------------------------------------- */
.box-media{
	display: table;
	width: 100%;
}
.box-media--txt,
.box-media--pic{
	display: block;
	vertical-align: top;
}
.box-media--left .box-media--txt{
}
.box-white__01{
	padding: 20px;
	background: #ffffff;
}
.box-white__01 .hdg-lv3:first-child{
	margin-top: 0 !important;
}
.box-white__02{
	padding: 20px;
	background: #ffffff;
}
.box-white__01 .hdg-lv3:first-child{
	margin-top: 0 !important;
}
.box-gray__01{
	padding: 20px;
	background: #f5f5f5;
	border-radius: 3px;
}
@media screen and (max-width: 767px){
	.box-white__01 img{
		margin-top: 10px;
	}
	.box-noscript{
		margin-top: 50px;
	}
}
@media screen and (min-width: 768px), print{
	.box-media--txt,
	.box-media--pic{
		display: table-cell;
		vertical-align: top;
	}
	.box-media--pic{
		width: 40%;
		padding-left: 30px;
	}
	.box-media--right .box-media--txt{
		padding-left: 40px;
	}
	.box-media--right .box-media--inf{
		direction: ltr;
	}
	.box-white__01{
		padding: 60px 65px;
	}
	.box-white__02{
		padding: 40px;
	}
	.box-gray__01{
		padding: 30px 35px;
		background: #f5f5f5;
		border-radius: 5px;
	}
	.box-gray__01.cookie{
		padding: 10px 90px;
		background: #f5f5f5;
		border-radius: 5px;
		width: 50%;
		margin: auto;
	}
}
.box-media--pic{
	margin-top: 10px;
}
.box-media--right{
	direction: rtl;
}
.box-media--right .box-media--txt{
	padding-left: 20px;
}
.box-media--right .box-media--inf{
	direction: ltr;
}
.box-select{
	display: block;
	padding: 17px 30px 14px 12px;
	 appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	width: 100%;
	background: transparent url(/resource/img/cmn_icn_arrow_down.png) no-repeat 95% 50%;
	border-radius: 2px;
	border: 1px solid #7f7f7f;
	cursor: pointer;
}

/* ----------------------------------------------- */
@media only screen and (max-width: 767px){
	.wrp-tabs {
		margin: 5px 0;
	}
	.box-tab {
		display: none;
	}
}
@media only screen and (min-width: 768px), print{
	.box-tab{
		display: block;
		padding: 20px 30px 0;
		background: #f5f5f5;
		max-width: 100%;
	}
	.box-tab li {
		display: inline-block;
		margin-right: 10px;
		margin-top: 10px;
	}
	.box-tab li a{
		display: block;
		text-decoration: none;
		box-sizing: border-box;
		padding: 13px 15px 6px 20px;
		background: #ececec;
		transition: all 0.2s;
	}
	.box-tab li a:hover{
		padding: 15px 15px 1px 20px;
	}
	.box-tab li span{
		margin-left: 8px;
	}
	.box-tab li:last-child {
		margin-right: 0;
	}
	.wrp-tab__content{
		position: relative;
		z-index: 1;
	}
	.box-tab li .is-active {
		z-index: 2;
		position: relative;
		background-color: #fff;
	}
	.box-select{
		display: inline-block;
		padding: 12px 30px 8px 15px;
		font-size: 16px;
		width: 260px;
		background: transparent url(/resource/img/cmn_icn_arrow_down.png) no-repeat 95% 50%;
	}
}

/* ----------------------------------------------- */
.box-main-img {
	background: #3a3a3a;
	height: 250px;
	position: relative;
	overflow: hidden;
}
.box-main-img .hdg-lv1 {
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}
@media screen and (max-width: 767px){
	.box-main-img .hdg-lv1 {
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 1.3;
	}
}
@media only screen and (min-width: 768px), print{
	.box-main-img {
		height: 500px;
	}
}

/* ----------------------------------------------- */
.box-news{
	width: 100%;
	display: table;
}
.box-news a {
	display: table-row;
	text-decoration: none;
}
.box-news__content,
.box-news__title{
	display: table-cell;
	vertical-align: middle;
}
#xj-mainlist-results,
#xj-mainlist-presen,
.box-news {
	transition: all 0.2s;
}
#xj-mainlist-results:hover,
#xj-mainlist-presen:hover,
.box-news:hover {
	margin-left: 6px;
}
.noanimation.box-news:hover{
	margin-left: 0;
}
.box-news__date{
	font-size: 12px;
	margin-bottom: 5px;
}
.box-news__date .lbl{
	margin-left: 5px;
}
.box-news__icon{
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}
@media screen and (min-width: 768px), print{
	.box-news__content{
		width: 100%;
		display: table;
	}
	.box-news__content p{
		display: table-cell;
	}
	.box-news__date {
		margin: 0;
		width: 27%;
	}
	.has-sub .l-main .box-news__date {
		margin: 0;
		width: 30%;
	}
	.lst-new--icon-none .box-news__date {
		width: 30%;
	}
	.box-news__date .lbl{
		display: inline-block;
		margin-left: 20px;
		max-width: 120px;
		white-space: normal;
		text-align: left;
	}
	.box-news__icon{
		width: 70px;
	}
	.box-news__date{
		font-size: 16px;
	}
	.box-news__title {
		width: 175px;
	}
	/* .lst-news-2col */
	.lst-news-2col .box-news__content p{
		display: block;
	}
	.lst-news-2col .box-news__date {
		width: 100%;
		padding: 0 0 5px;
	}
	.box-news__date.box-event__date {
		margin: 0;
		width: 20%;
	}
}
/* ----------------------------------------------- */
.box-event{
	width: 100%;
	display: block;
	text-decoration: none;
}
.box-event__img{
	width: 100%;
	text-align: center;
}
.box-event__content-02{
	display: table;
}
.box-event__content-03,
.box-event__icon{
	display: table-cell;
	vertical-align: middle;
}
.txt-event{
	padding: 5px 0;
}
@media screen and (min-width: 768px), print{
	.box-event__content-02,
	.box-event{
		width: 100%;
		display: table;
	}
	.box-event__img,
	.box-event__content,
	.box-event__content-03,
	.box-event__icon{
		display: table-cell;
		vertical-align: top;
	}
	a .box-event__content-02{
		transition: all 0.2s;
	}
	a:hover .box-event__content-02{
		margin-left: 6px;
	}
	.box-event__icon{
		vertical-align: middle;
	}
	.box-event__img{
		width: 198px;
		text-align: left;
	}
	.box-event__img > div{
		width: 170px;
		overflow: hidden;
		line-height: 0;
	}
	.box-event__icon{
		width: 40px;
	}
	.icon-event{

	}
	.txt-event{
		padding: 9px 0;
	}
}
/*------------------------------------*/
@media screen and (max-width: 767px){
	.box-print {
		display: none;
	}
}
@media screen and (min-width: 768px), print{
	.box-print{
		position: relative;
		text-align: right;
		padding: 19px 15px 20px 0;
		z-index: 500;
	}
}
/*------------------------------------*/
.box-notes{
	background-color: #f5f5f5;
	padding: 30px;
	clear: both;
	display: block;
	margin-top: 65px;
}

/*------------------------------------*/
.box-border__01{
	margin: 10px 0 0;
	padding: 0 0 0;
	border-top: 1px solid #d7d7d7;
}
.box-border__02{
	margin: 10px 0 0;
	padding: 0px 15px 15px;
	border: 1px solid #d7d7d7;
}
@media screen and (min-width: 768px), print{
	.box-border__01{
		margin: 30px 0 0;
		padding: 0px 0 0;
	}
	.box-border__02{
		margin: 30px 0 0;
		padding: 0px 25px 25px;
	}
}

/*------------------------------------*/
.box-recommend__title {
	text-align: center;
	padding: 25px 0;
	letter-spacing: 1.9px;
}
@media screen and (min-width: 768px), print{
	.box-recommend{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -1px;
		max-width: 1170px;
	}
	.box-recommend__title {
		padding: 22px 0 20px;
		font-size: 28px;
	}
}
@media screen and (max-width: 767px){
	.box-recommend__title {
		padding: 22px 0 20px;
		font-size: 18px;
	}
	.accordion-content {
		display: none;
	}
	.accordion-title a {
		display: block;
		text-decoration: none;
		padding: 20px 0;
		border-bottom: 1px solid #d7d7d7;
	}
	.accordion-title a.is-active {
		border-bottom: 0;
	}
	.accordion-title .icon {
		float: right;
	}
}
@media screen and (min-width: 768px), print{
	.accordion-title {
		display: none;
	}
}

/*2-1-3.  Table    [tbl-***]*/
.wrp-table{
	overflow-x: auto;
}
@media screen and (min-width: 768px), print{
	.wrp-table{
		overflow-x: auto;
	}
}
.tbl-base{
	margin-bottom: 15px;
}
@media screen and (max-width: 767px){
	.tbl-base{
		width: 100%;
		min-width: 50% !important;
	}
}
@media screen and (min-width: 768px), print{
	.tbl-base{
		width: 100% !important;
	}
}
.tbl-base{
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
}
.tbl-base tr{
	border-bottom: 1px solid #d7d7d7;
}
.tbl-base th{
	padding-right: 1px;
	background-color: #f5f5f5;
	padding: 5px 10px;
	text-align: center;
	font-weight: normal;
}
.tbl-base td{
	padding: 5px 10px;
	background-color: #ffffff;
}
.tbl-base th, .tbl-base td{
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	text-align: center;
	font-size: 13px;
}
.tbl-base.tbl-base--wide th,
.tbl-base.tbl-base--wide td{
	padding: 5px 5px;
	text-align: left;
}
.tbl-nowrap{
	word-break: keep-all;
	white-space: nowrap;
}
@media screen and (min-width: 768px), print{
	.tbl-base {
		/*margin-bottom: 30px;*/
		min-width: auto;
	}
	.tbl-base td, .tbl-base th{
		padding: 12px 0;
		font-size: 16px;
	}
	.tbl-base.tbl-base--wide th,
	.tbl-base.tbl-base--wide td{
		padding: 20px 20px;
		text-align: left;
	}
}



/*2-1-4.  Headings [hdg_lv*]*/
/*--------------------------------------------*/
.box-header-detail{
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}
.hdg-lv1{
	font-family: 'Minion W01 Caption',"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Nud Motoya Mincho W50', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-style: italic;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 1;
	letter-spacing: 5px;
}
.hdg-lv1 small{
	display: block;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-family:"游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	letter-spacing: 0.2em;
	margin: 5px 0;
}
.hdg-lv1_jp{
	font-size: 24px !important;
	font-weight: bold;
	font-style: normal;
	font-family:"游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}
.hdg-lv1-02{
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
	padding: 33px 15px 10px;
}
@media screen and (max-width: 767px){
	.hdg-lv1 small{
		margin: 8px 0 5px;
	}
	.box-header-detail{
		border-bottom: 1px solid #dddddd;
		padding-bottom: 12px;
	}
	.box-header-detail .hdg-lv1 {
		font-size: 14px;
		letter-spacing: 3px;
		margin-top: 17px;
		padding: 0 10px;
	}
	.box-header-detail small {
		font-size: 14px;
		letter-spacing: 0.1em;
	}
}
@media screen and (min-width: 768px), print{
	.hdg-lv1 {
		font-size: 60px;
		letter-spacing: 9.5px;
	}
	.box-header-detail .hdg-lv1 {
		font-size: 46px;
		letter-spacing: 6px;
		margin-top: 20px;
	}
	.hdg-lv1 small{
		font-size: 20px;
		margin: 15px 0;
	}
	.hdg-lv1-02{
		font-weight: normal;
		font-size: 26px;
		line-height: 1;
		padding: 50px 10px 20px;
		box-sizing: border-box;
	}
}
@media only screen  and (min-width : 1230px){
	.hdg-lv1-02{
		width: 1170px;
		margin: 0 auto;
	}
}

/*--------------------------------------------*/
.hdg-lv2 a, .hdg-lv3 a, .hdg-lv4 a {
	display: inline-block;
	text-decoration: none;
}
.hdg-lv2 a:hover, .hdg-lv3 a:hover, .hdg-lv4 a:hover{
	text-decoration: none;
}
.has-icon .icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-top: -1px;
}

/*--------------------------------------------*/
.hdg-lv2 {
	font-size: 18px;
	margin: 15px 0;
	line-height: 1.333;
	font-weight: normal;
}
.hdg-lv2--02 {
	padding: 15px 0 10px;
	margin: 0;
}
.hdg-lv2--02 a {
	display: table;
	width: 100%;
}
.hdg-lv2--02 .hdg-lv2__txt{
	background: #f5f5f5;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;
	padding-left: 10px;
	transition: all 0.5s;
}
.hdg-lv2--02 .hdg-lv2__img {
	width: 43px;
	font-size: 0;
}
.hdg-lv2--02 .hdg-lv2__img, .hdg-lv2--02 .hdg-lv2__txt {
	display: table-cell;
	vertical-align: middle;
}
.hdg-lv2--02 .hdg-lv2__img img {
	width: 100%;
	height: auto;
}
.hdg-lv2--03 {
	padding: 30px 0 30px;
	margin: 0;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
}
.hdg-lv2--03:after{
	display: block;
	content: " ";
	margin: 9px auto 0;
	font-size: 0.1px;
	width: 30px;
	height: 2px;
	background: #d7d7d7;
}
.hdg-lv2--04{
	margin: 90px 0 0;
	background: #6a6a6a;
	font-size: 18px;
	border-radius: 3px;
}
.hdg-lv2--04 > span,
.hdg-lv2--04 > a{
	display: block;
	padding: 10px 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.hdg-lv2--04 > a .icon{
	vertical-align: middle;
	font-size: 14px;
}
@media screen and (max-width: 767px){
	.hdg-lv2:first-child {
		margin-top: 30px;
	}
	.hdg-lv2 {
		font-size: 18px;
		margin: 80px 0 20px;
		line-height: 1.43;
		font-weight: normal;
		text-align: center;
	}
}
@media screen and (min-width: 768px), print{
	.hdg-lv2:first-child {
		margin-top: 0;
	}
	.hdg-lv2 {
		margin: 110px 0 30px;
		font-size: 26px;
	}
	.hdg-lv2 a {
		transition: all 0.2s;
	}
	.hdg-lv2 a:hover{
		margin-left: 6px;
	}
	.l-article > .hdg-lv2:first-child{
		margin-top: 0;
	}
	.hdg-lv2--02 .hdg-lv2__img {
		width: 85px;
		padding-right: 5px;
	}
	.hdg-lv2--02 .hdg-lv2__txt {
		background: #f5f5f5;
		padding: 20px 0 20px 25px;
	}
	.hdg-lv2--02 a {
		transition: none;
	}
	.hdg-lv2--02 a:hover{
		margin-left: 0;
	}
	.hdg-lv2--02 a .hdg-lv2__txt{
		transition: all 0.2s;
	}
	.hdg-lv2--02 a:hover .hdg-lv2__txt{
		padding-left: 30px;
	}
	.hdg-lv2--03 {
		padding: 60px 0 45px;
		margin: 0;
		font-size: 26px;
	}
	.hdg-lv2--03:after{
		margin: 15px auto 0;
		width: 60px;
		height: 3px;
	}
	.hdg-lv2--04{
	margin: 110px 0 0;
		font-size: 20px;
	}
	.hdg-lv2--04 > span,
	.hdg-lv2--04 > a{
		padding: 15px 30px;
		}
	.hdg-lv2--04 > a .icon{
		font-size: 16px;
	}
}

/*--------------------------------------------*/
.hdg-lv3{
	border-bottom: 2px solid #c6c6c6;
	font-size: 15px;
	font-weight: normal;
	margin: 20px 0 10px;
	line-height: 1.2;
}
@media screen and (max-width: 767px){
	.hdg-lv3{
		border-bottom: 2px solid #c6c6c6;
		font-size: 15px;
		font-weight: normal;
		margin: 30px 0 20px;
		line-height: 1.3;
		padding-bottom: 5px;
	}
}
@media screen and (min-width: 768px), print{
	.hdg-lv3{
		font-size: 20px;
		padding-bottom: 3px;
		margin: 40px 0 25px;
		border-bottom: 2px solid #c6c6c6;
		line-height: 1.41;
	}
	.hdg-lv3 a{
		transition: all 0.2s;
	}
	.hdg-lv3 a:hover{
		padding-left: 6px;
	}
}

/*--------------------------------------------*/
.hdg-lv4{
	font-size: 15px;
	font-weight: bold;
	margin: 14px 0;
}
@media screen and (max-width: 767px){
	.hdg-lv4{
		font-size: 15px;
		font-weight: bold;
		margin: 14px 0 5px;
	}
}
@media screen and (min-width: 768px), print{
	.hdg-lv4{
		font-size: 18px;
		font-weight: bold;
		margin: 30px 0 10px;
	}
}


/*2-1-5.  Nav      [nav-***]*/
.nav li a{
	color: #333;
	text-decoration: none;
	display: block;
	text-align: left;
}
@media screen and (max-width: 767px){
	.nav li{
		display: block;
	}
	.nav li a{
		padding: 14px 0;
	}
}
@media screen and (min-width: 768px), print{
	.nav, .nav ul{
		display: table;
	}
	.nav > li{
		display: table-cell;
	}
}

/* -------------------------------------------------- */
.nav--header-btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 60px;
	cursor: pointer;
	background: #333;
	color: #fff;
	text-align: center;
	z-index: 202;
}
.nav--header-btn a{
	position: relative;
	display: block;
	height: 60px;
	color: #fff;
	vertical-align: middle;
	font-size: 8px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}
.nav--header-btn a > span {
	position: absolute;
	left: 12px;
	display: block;
	width: 26px;
	height: 3px;
	background: #fff;
	transition: all 0.3s;
}
.nav--header-btn a > span.nav--header-btn1 {
	top: 14px;
}
.nav--header-btn a > span.nav--header-btn2 {
	top: 22px;
	opacity: 1;
}
.nav--header-btn a > span.nav--header-btn3 {
	top: 30px;
}
.nav--header-btn.is-active a > span {
	height: 4px;
}
.nav--header-btn.is-active a > span.nav--header-btn1 {
	top: 22px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav--header-btn.is-active a > span.nav--header-btn2 {
	width: 0;
	opacity: 0;
}
.nav--header-btn.is-active a > span.nav--header-btn3 {
	top: 22px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.nav--header-btn.is-active a > p > span {
	display: none;
}
.nav--header-btn.is-active a > p:before {
	content: 'CLOSE';
}
.nav--header-btn a > p {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
}
@media screen and (min-width: 1024px), print{
	.nav--header-btn {
		display: none;
	}
}

/* -------------------------------------------------- */
@media screen and (min-width: 768px), print{
	.nav-contentinfo, .nav--footer{
		width: 100%;
	}
	.nav-contentinfo--02{
		border-top: 1px solid #4b4b4b;
	}
}
.l-footer .nav li a {
	color: #fff;
}

/*-------- .nav--footer, .nav--footer02 --------*/
@media screen and (max-width: 767px){
	.nav--footer > li, .nav--footer02 > li {
		border-top: 1px solid #4b4b4b;
	}
	.nav--footer > li {
		padding: 25px 0;
	}
	.nav--footer02 li a {
		text-align: center;
		font-size: 13px;
	}
	.nav--footer > li:first-child{
		border-top: 0;
	}
}
@media screen and (min-width: 768px), print{
	.nav--footer {
		table-layout: fixed;
		padding-bottom: 50px;
	}
	.nav--footer02 {
		margin: 0 auto;
		padding: 20px 0;
	}
	.nav--footer02 li {
		padding: 0 18px;
		position: relative;
	}
	.nav--footer02 li:after {
		content: "";
		background: #505050;
		width: 1px;
		height: 13px;
		position: absolute;
		right: 0;
		top: 2px;
	}
	.nav--footer02 li:last-child:after {
		display: none;
	}
	.nav--footer02 li a {
		font-size: 12px;
	}
}

/*-------- .nav__sub --------*/
.nav__sub li {
	display: list-item;
}
.nav__sub li a {
	padding: 5px 0;
	text-align: left;
	font-weight: normal;
	border-bottom: 0;
	font-size: 13px;
}
.nav__sub .nav__title, .nav__sub .nav__title a {
	font-weight: bold;
}
@media screen and (min-width: 768px), print{
	.nav__sub li a {
		font-size: 12px;
	}
	.nav__sub .nav__title, .nav__sub .nav__title a {
		font-size: 14px;
		margin-bottom: 10px;
	}
}

/*--------nav-global-megadrop-list--------*/


.nav-lst-megadrop:after {
	content: "";
	clear: both;
	display: block;
}
.nav-lst-megadrop {
	display: block;
	text-align: center;
	margin: 0 -8px;
}
.nav-lst-megadrop li{
	position: relative;
	line-height: 0;
	font-size: 0;
	text-align: center;
	float: left;
	width: 14.2857%;
	margin-top: 40px;
	padding: 0 8px;
	box-sizing: border-box;
}
.nav-lst-megadrop-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	line-height: 1.3;
	color: #fff;
	z-index: 5;
	background: rgba(0,0,0,0.6);
	padding: 12px 18px 0;
	display: block;
	min-height: 60px;
	box-sizing: border-box;
	text-align: left;
}
.nav-lst-megadrop .spec {
	display: none;
}
@media only screen and (max-width: 1196px){
	.nav-lst-megadrop li{
		width: 171px;
	}
	.nav-lst-megadrop .spec {
		display: block;
		clear: both;
		width: 0;
		margin: 0;
	}
}

/*--------------------------------------------*/
@media only screen and (max-width: 767px){
	.nav-breadcrumb {
		display: none;
	}
}
@media only screen and (min-width: 768px), print{
	.nav-breadcrumb {
		color: #666;
		font-size: 11px;
		text-align: left;
		padding: 8px 15px;
	}
	.nav-breadcrumb.has-main-img {
		color: #fff;
	}
	.nav-breadcrumb li {
		display: inline-block;
	}
	.nav-breadcrumb li a {
		color: #666;
		text-decoration: none;
	}
	.nav-breadcrumb.has-main-img  li a {
		color: #fff;
	}
	.nav-breadcrumb li a:hover {
		text-decoration: underline;
	}
	.nav-breadcrumb li:after {
		font-family: 'nittokucorporate-06';
		content: '\e802';
		color: #c6c6c6;
		padding: 0 0.6em;
		vertical-align: top;
		font-size: 6px;
	}
	.nav-breadcrumb li.current::after {
		display: none;
	}
}


/*2-1-6.  List     [lst-***]*/
.lst-global li {
	text-align: center;
	font-size: 13px;
}
.lst-global li a {
	text-align: center;
}
@media screen and (min-width: 768px), print{
	.lst-global {
		float: left;
	}
	.lst-global li {
		padding-right: 30px;
	}
	.lst-global li, .lst-global li a {
		font-size: 12px;
	}
}

/*--------------------------------------------*/
.lst-num{
	display: block;
	list-style-type: decimal;
	padding-left: 20px;
}

/*--------------------------------------------*/
@media only screen and (min-width: 768px), print{
	.box-bnr01_slider{
		padding:  0 0 60px;
	}
	.lst-bnr01{
		width: 1170px;
		margin: 0 auto;
		letter-spacing: -0.4em;
		text-align: center;
	}
	.lst-bnr01 li{
		width: 218px;
		display: inline-block;
		letter-spacing: normal;
		margin-left: 20px;
	}
	.lst-bnr01 li img{
		width: 100%;
		height: auto;
	}
	.lst-bnr01 li:nth-of-type(5n+1){
		clear: both;
		margin: 0;
	}
	.lst-bnr01 li#tokushu a{
		display: block;
		width: 218px;
		height: 87px;
		background: url(/resource/img/index/index_bnr_cm.png) no-repeat;
		background-size: cover;
	}
	.lst-bnr01_slider:after {
		content: "";
		clear: both;
		display: block;
	}
	.lst-bnr01_slider li{
		display: block;
		height: 96px;
	}
	.lst-bnr01_slider li#tokushu a{
		display: block;
		width: 265px;
		height: 96px;
		background: url(/resource/img/index/index_bnr_cm.png) no-repeat;
		background-size: cover;
	}
	@media print{
		.lst-bnr01_slider li#tokushu a{
			background: none;
		}
	}
	.lst-bnr01_slider_btn{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.box-bnr01_slider{
		padding:  0 0 20px;
	}
	.lst-bnr01{
		width: 100%;
		margin: 0 auto;
	}
	.lst-bnr01:after {
		content: "";
		clear: both;
		display: block;
	}
	.lst-bnr01 li{
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.lst-bnr01 li img{
		width: 100%;
		height: auto;
	}
	.lst-bnr01 li#tokushu a{
		display: block;
		background: url(/resource/img/index/index_bnr_cm.png) no-repeat;
		background-size: 100% auto;
		padding: 0;
	}
	.lst-bnr01 li:nth-of-type(2n+1){
		clear: both;
	}
	.lst-bnr01_slider li#tokushu a{
		display: block;
		background: url(/resource/img/index/index_bnr_cm.png) no-repeat;
		background-size: 100% auto;
		padding: 0;
	}
	.lst-bnr01_slider_btn{
		position: absolute;
		bottom: 0;
		left: 0;
		height: 20px;
		z-index: 100;
		width: 100%;
	}
	.lst-bnr01_slider_btn_inner{
		position: relative;
		width: 302px;
		margin: 5px auto 0;
	}
	.lst-bnr01_slider_btn .btn-slide{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 40px;
		height: 20px;
		border: 1px solid #333333;
		background: #333333;
		cursor: pointer;
		box-sizing: border-box;
	}
	.lst-bnr01_slider_btn .btn-multi{
		position: absolute;
		bottom: 0;
		left: 45px;
		width: 40px;
		height: 20px;
		border: 1px solid #333333;
		background: #333333;
		cursor: pointer;
		box-sizing: border-box;
	}
	.lst-bnr01_slider_btn .btn-multi.active,
	.lst-bnr01_slider_btn .btn-slide.active{
		border: 1px solid #dddddd;
		background: #ffffff;
	}
	.lst-bnr01_slider_btn .btn-slide span{
		position: absolute;
		display: block;
		top: 5px;
		left: 10px;
		width: 19px;
		height: 9px;
		background: #ffffff;
	}
	.lst-bnr01_slider_btn .btn-slide.active span{
		background: #dddddd;
	}
	.lst-bnr01_slider_btn .btn-multi span{
		position: absolute;
		display: block;
		width: 9px;
		height: 4px;
		background: #ffffff;
	}
	.lst-bnr01_slider_btn .btn-multi.active span{
		background: #dddddd;
	}
	.lst-bnr01_slider_btn .btn-multi span:nth-of-type(1){
		top: 5px;
		left: 10px;
	}
	.lst-bnr01_slider_btn .btn-multi span:nth-of-type(2){
		top: 5px;
		left: 20px;
	}
	.lst-bnr01_slider_btn .btn-multi span:nth-of-type(3){
		top: 10px;
		left: 10px;
	}
	.lst-bnr01_slider_btn .btn-multi span:nth-of-type(4){
		top: 10px;
		left: 20px;
	}
	.wrp-container > .lst-bnr01_slider{
		width: 302px;
		margin: 0 auto 20px;
	}
	.wrp-container > .lst-bnr01_slider:after {
		content: "";
		clear: both;
		display: block;
	}
	.wrp-container > .lst-bnr01_slider li{
		width: 146px;
		float: left;
	}
	.wrp-container > .lst-bnr01_slider li:nth-of-type(2n){
		margin-left: 10px;
	}
	/*.lst-bnr01_slider + .lst-bnr01_slider_btn{
		margin-top:
	}*/
}
@media print{
	.lst-bnr01 li#tokushu a{
		background: none;
	}
}

/*--------------------------------------------*/
.lst-dot li {
	padding-left: 16px;
	text-indent: -16px;
}
.lst-dot li::before {
	content: "・";
}
@media screen and (min-width: 768px), print{
	.lst-dot-horizontal{
		width: 100%;
		letter-spacing: -0.4em;
	}
	.lst-dot-horizontal li {
		width: 25%;
		padding-top: 5px;
		display: inline-block;
		letter-spacing: normal;
		box-sizing: border-box;
		padding-right: 20px;
	}
	.lst-dot-horizontal li span {
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
	}
	.lst-dot-horizontal li span::before {
		content: "・";
	}
}
/*--------------------------------------------*/

.lst-news li{
	border-bottom: 1px solid #d7d7d7;
	padding: 16px 0 17px;
}
@media screen and (min-width: 768px), print{
	.lst-news li{
		border-bottom: 1px dashed  #d7d7d7;
		padding: 13px 0;
	}
	.lst-news li.noarticle{
		border-bottom: none;
		padding: 13px 0;
	}
	.lst-news.lst-news-narrow li{
		padding: 10px 0;
	}
	.lst-news li a .box-news__icon .icon,
	.lst-news li a .box-news__content{
		transition: all 0.2s;
	}
	.lst-news li a:hover .box-news__content{
		padding-left: 3px;
	}
	.lst-news li a:hover .box-news__icon .icon{
		margin-right: -3px;
	}
	.lst-news.ico-narrow .box-news__icon{
		width: 15px !important;
	}
}
/*--------------------------------------------*/

.lst-event li{
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0;
}
@media screen and (min-width: 768px), print{
	.lst-event li{
		border-bottom: 1px dashed  #d7d7d7;
		padding: 15px 0;
	}
}

/*--------------------------------------------*/
.lst-recommend {
	padding: 0 15px 20px;
}
.lst-recommend li {
	margin-bottom: 8px;
}
@media screen and (max-width: 767px){
	.lst-recommend {
		padding: 0;
	}
	.lst-recommend li {
		margin-bottom: 0;
	}
	.lst-recommend .lst__link {
		padding: 10px;
		font-size: 18px;
	}
	.lst-recommend .lst__link span:before{
		display: inline-block;
		font-size: 10px;
		vertical-align: middle;
		margin: 0 0 2px 3px;
	}
	.lst-recommend .txt-recommend {
		padding: 0 10px 10px;
	}
}
.lst-recommend li a {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	color: #333;
	text-decoration: none;
}
.lst-recommend .lst__img {
	/*position: absolute;*/
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
	vertical-align: bottom;
}
@media screen and (min-width: 768px), print{
	.lst-recommend {
		display: table;
		table-layout: fixed;
		width: 100%;
		padding: 0;
		margin: 0 -10px;
		box-sizing: border-box;
	}
	.lst-recommend li {
		display: table-cell;
		width: 33.3333333333%;
		height: 200px;
		padding: 0 10px;
		overflow: hidden;
		line-height: 0;
		vertical-align: top;
	}
	.lst-recommend li a {
		/*border-radius: 3px;*/
	}
	.lst-recommend li a img{
		position: static;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		transform: translate(0,0);
		transition: all 0.5s;
	}
	.lst-recommend li a:hover img{
		-ms-transform: scale(1.03) translate(0,0);
		-moz-transform: scale(1.03) translate(0,0);
		-webkit-transform: scale(1.03) translate(0,0);
		transform: scale(1.03) translate(0,0);
	}
	.lst-recommend .lst__link {
		margin: 10px 0 3px;
		font-size: 18px;
	}
	.lst-recommend .lst__link span:before{
		display: inline-block;
		font-size: 10px;
		vertical-align: middle;
		margin: 0 0 2px 3px;
	}
	.lst-recommend .txt-recommend {
		line-height: 1.5;
		font-size: 14px;
	}
}

/*--------------------------------------------*/
.lst-link li {
	border-bottom: 1px solid #d7d7d7;
}
.lst-link a {
	position: relative;
	display: block;
	padding: 19px 0;
	text-decoration: none;
}
.lst-link >li > span{
	display: block;
	padding: 19px 0;
	text-decoration: none;
}
.lst-link a .icon {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -12px;
}
@media screen and (min-width: 768px), print{
	.lst-link li {
		border-bottom: 1px dotted #d7d7d7;
	}
	.lst-link a {
		display: table;
		width: 100%;
		font-size: 16px;
		transition: all 0.2s;
	}
	.lst-link a:hover{
		margin-left: 6px !important;
	}
	.lst-link a > span.lst-link-text{
		position: table-cell;
		vertical-align: middle;
		padding: 12px 0;
	}
	.lst-link a > span.icon{
		position: relative;
		display: table-cell;
		right: auto;
		top: auto;
		margin-top: 0;
		padding: 0 0;
		vertical-align: middle;
		text-align: right;
	}
	.lst-link >li > span{
		padding: 12px 0;
	}
	.lst-link .grid-6{
		padding: 0 30px;
	}
}

/*--------------------------------------------*/
.lst-option{
	float: right;
	display: table;
	margin-right: -10px;
}
.lst-option li {
	display: table-cell;
	line-height: 1;
	padding: 0 12px;
	font-size: 12px;
	position: relative;
}
.lst-option li:after {
	content:"";
	display: block;
	background: #e5e5e5;
	width: 1px;
	height: 9px;
	position: absolute;
	right: 0;
	top: 2px;
}
.lst-option a {
	text-decoration: none;
}
.lst-option li:last-child:after {
	display: none;
}
@media screen and (max-width: 767px){
	.lst-option{
		margin: 8px -10px 8px 0;
	}
}
@media screen and (min-width: 768px), print{
	.lst-option li {
		display: inline-block;
		line-height: 1;
		padding: 0 20px;
		font-size: 14px;
	}
	.lst-option li:after {
		height: 15px;
		top: -1px;
	}
	.lst-option a{
		text-decoration: none;
	}
}
/*--------------------------------------------*/
.lst-01 li{
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0;
}
.lst-01__item{
	font-size: 12px;
}
@media screen and (min-width: 768px), print{
	.lst-01 li{
		display: table;
		width: 100%;
		border-bottom: 1px dashed  #d7d7d7;
		padding: 0;
	}
	.lst-01__item{
		display: table-cell;
		width: 140px;
		padding: 15px 0;
		font-size: 16px;
	}
	.lst-01__txt{
		display: table-cell;
		padding: 15px 0;
	}
	.lst-01 li:first-child .lst-01__item{
		padding: 0 0 15px;
	}
	.lst-01 li:first-child .lst-01__txt{
		padding: 0 0 15px;
	}
}
/*--------------------------------------------*/
.lst-02 > div{
	border-bottom: 1px solid #d7d7d7;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media screen and (min-width: 768px), print{
	.lst-02 > div{
		border-bottom: 1px dashed  #d7d7d7;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.lst-02 > div:first-child{
		padding-top: 0;
	}
}
/*--------------------------------------------*/
.lst-note{
	padding: 5px 0 0;
}
.lst-note li{
	margin: 0 0 0 1em;
	padding: 5px 0 0;
	font-size: 12px;
	text-indent: -1em;
}
@media screen and (min-width: 768px), print{
	.lst-note{
		padding: 10px 0 0;
	}
	.lst-note li{
		margin: 0 0 0 1em;
		padding: 10px 0 0;
		font-size: 14px;
		text-indent: -1em;
	}
}

/*2-1-7.  Button   [btn-***]*/
.btn{
	border-radius: 1.5px;
	cursor: pointer;
	display: block;
	padding: 19px 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	text-decoration: none;
}
.btn, .btn:link, .btn:visited{
	color: #fff;
}
.btn:hover{
	text-decoration: none;
}
.btn--md{
	margin: 10px 0;
}
.btn--default{
	background: #6a6a6a;
	text-align: left;
	padding-left: 17px
}
.btn--white{
	/*background: #fff;*/
	border: 1px solid #6a6a6a;
	color: #6a6a6a!important;
	text-align: left;
	padding-left: 17px;
}
.btn--white02{
	border-radius: 0;
	border: 1px solid #ddd;
	color: #333!important;
	text-align: left;
	padding-left: 17px;
}
.btn--white02 .icon{
	font-size: 12px;
}
.btn--small{
	font-size: 12px;
	font-weight: bold;
}
.btn-lst li {
	display: block;
	padding: 5px 0 0;
}

.btn-lst--equality li{
	display: block;
	padding: 0 10px 10px 0;
}
.lnk-back{
	padding: 10px 0 0;
}
.lnk-back a{
	text-decoration: none;
}
.lnk-back .icon{
	margin-right: 5px;
}
@media screen and (max-width: 767px){
	.btn{
		padding: 19px 20px;
	}
	.btn-lst li a {
		text-align: center;
	}
	.btn-lst--equality{
		margin: 30px 0 0 0!important;
	}
	.btn-lst--equality li{
		display: block;
		padding: 0 0 5px 0;
	}
	.lnk-back{
		padding: 15px 0 0;
	}
}
@media screen and (min-width: 768px), print{
	.btn{
		border-radius: 3px;
		display: inline-block;
		padding: 11px 30px;
	}
	.btn--md{
		margin: 0 0 30px;
	}
	.btn--small{
		padding: 6px 17px;
	}
	.btn--default, .btn--white{
		text-align: center;
	}
	.btn--default span, .btn--white{
		float: none;
	}
	.btn--default, .btn--white02{
		text-align: center;
	}
	.btn--default span, .btn--white02{
		float: none;
	}
	.btn-lst{
		letter-spacing: -0.4em;
	}
	.btn-lst li {
		display: inline-block;
		letter-spacing: normal;
		padding: 15px 10px 0 0;
	}
	.btn-lst--equality{
		margin: 60px 0 50px!important;
	}
	.btn-lst--equality li:nth-of-type(4n+1){
		clear: both;
	}
	.btn-lst--equality li .btn{
		display: table;
		box-sizing: border-box;
		width: 100%;
		padding: 0;
		text-align: left;
	}
	.btn-lst--equality li .btn span{
		display: table-cell;
		padding: 11px 0 11px 20px;
		vertical-align: middle;
	}
	.btn-lst--equality li .btn .icon{
		display: table-cell;
		padding: 11px 20px 11px 0;
		text-align: right;
		word-break: keep-all;
		white-space:nowrap;
	}
	.lnk-back{
		padding: 25px 0 0;
	}
	.lnk-back a{
		transition: all 0.2s;
	}
	.lnk-back a:hover{
		margin-left: -6px;
	}
	.lnk-back .icon{
		margin-right: 15px;
	}
}

/*2-1-8.  Anchor   [acr-***]*/
.acr-link-inner,
.acr-link-inner:link{
	text-decoration: underline;
}
.acr-link-inner:visited{
}
.acr-link-inner:hover,
.acr-link-inner:active{
	text-decoration: none;
}
.acr-link-inner span{
	padding-left: 5px;
}
/*--------------------------------------------*/
.arc-type01{
	text-decoration: none;
}

/*--------------------------------------------*/
.arc-type02{

}
@media screen and (max-width: 767px){
	.arc-global {
		-webkit-border-radius: 1.5px;
		background: #6a6a6a;
		text-align: center;
		display: block;
		padding: 14px 0;
		margin: 5px 0 10px;
		font-size: 15px;
	}
}
@media screen and (min-width: 768px), print{
	a.lnk-slide{
		transition: all 0.5s;
	}
	a.lnk-slide:hover{
		padding-left: 15px;
	}
}
/*2-1-9.  Text     [txt-***]*/
.txt-english{
	font-family: 'Segoe UI Light','Segoe UI','Futura-Medium', sans-serif;
	font-weight: 100;
}
.txt-mincho{
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Nud Motoya Mincho W50', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.txt-break{ /* <br> */
	display: none;
}
.txt-copyright {
	text-align: center;
}
.txt-copyright small{
	font-size: 12px;
}
.txt-caption{
	display: block;
	font-size: 12px;
	line-height: 1.416;
	text-align: center;
}
.txt-time{
	font-size: 12px;
}
.txt-bold{
	font-weight: bold;
}
.txt-title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.txt-preview {
	margin-bottom: 5px;
}
.txt--unit{
	font-size: 10px;
	text-align: right;
	padding-bottom: 2px;
}
.txt-catchcopy{
	padding: 0 0 30px;
	font-size: 26px;
	line-height: 1.333;
	font-weight: normal;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Nud Motoya Mincho W50', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.l-article > .txt-lead:first-child{
	padding: 10px 0 0;
}
.wrp-container > .txt-lead:first-child{
	padding: 10px 0 0;
}
.txt-small{
	font-size: 10px;
}
.txt-note-num01{
	margin-left: 1.2em;
	text-indent: -1.2em;
}
@media screen and (max-width: 767px){
	.txt-catchcopy{
		padding: 10px 0 20px;
		font-size: 20px;
		line-height: 1.333;
		font-weight: normal;
		font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Nud Motoya Mincho W50', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
}
@media screen and (min-width: 768px), print{
	.txt-caption{
		font-size: 14px;
	}
	.txt-time{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.txt-title{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.txt-preview {
		font-size: 14px;
		margin-bottom: 24px;
	}
	.txt-copyright{
		float: right;
	}
	.txt--unit{
		font-size: 14px;
		padding-bottom: 6px;
	}
	.l-article > .txt-lead:first-child{
		padding: 0 0 0;
	}
	.wrp-container > .txt-lead:first-child{
		padding: 0 0 0;
	}
	.txt-small{
		font-size: 14px;
	}
}
.txt-paragraph,
.box-txt-paragraph p {
	margin-bottom: 23px;
}
@media screen and (min-width: 768px), print {
	.txt-paragraph,
	.box-txt-paragraph p {
		margin-bottom: 25px;
	}
}
.box-txt-paragraph p:last-child {
	margin-bottom: 0;
}

/*2-1-10. Icon     [icn-***]*/
.icn--right:before {
	margin-left: 5px;
	margin-right: 0;
}
@media screen and (min-width: 768px), print{
	.icn--right:before{
		margin-left: 10px;
	}
}
.icn--graphlegend:before{
	content: "■";

}

/*2-1-11. Label    [lbl-***]*/
.lbl{
	border-radius: 0.25em;
	box-sizing: border-box;
	color: #000;
	display: inline-block;
	font-size: 8px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 2px 5px;
}
.l-container .box-news .lbl--white{
	color: #333;
}
.lbl--default{
	background-color: #fff;
}
.lbl--small{
	font-size: 8px;
	padding: 2px 5px;
}
.lbl--gray{
	background-color: #f0f0f0;
}
.lbl--white {
	border: 1px solid #7f7f7f;
	color: #000;
}
.lbl--new{
	margin: 0 0 2px 4px;
}
.lbl--new02{
	margin: 0 0 0 7px;
	padding: 2px 3px 1px;
	font-size: 10px;
	border: 1px solid #7f7f7f;
	border-radius: 3px;
	line-height: 1;
	vertical-align: middle;
}
@media screen and (max-width: 767px){
	.lbl--regular{
		padding: 4px 6px 4px;
		font-size: 14px;
	}
}
@media screen and (min-width: 768px), print{
	.lbl {
		font-size: 12px;
		padding: 4px 10px;
	}
	.lbl--small{
		padding: 4px 4px 1px;
		font-size: 10px;
	}
	.lbl--new{
		margin: 0 0 2px 7px;
	}
}

/*2-1-12. Form     [frm-***]*/
::-webkit-input-placeholder{
	padding: 4px 2px 0 8px;
	font-size: 12px;
	color: #999;
}
::-moz-placeholder{
	padding: 4px 2px 0 8px;
	font-size: 12px;
	color: #999;
}
:-ms-input-placeholder{
	padding: 4px 2px 0 8px;
	font-size: 12px;
	color: #999;
}
:-moz-placeholder{
	padding: 4px 2px 0 8px;
	font-size: 12px;
	color: #999;
}


/*2-1-13. Error    [err-***]*/


/*2-1-14. UI.     [index-block__***]*/
.index-block__wrp a{
	text-decoration: none;
}
.index-block__box{
	display: block;
	margin: 15px 0 0;
	border: 1px solid #d7d7d7;
	padding: 27px 33px 25px;
}
.index-block__hdg{
	font-size: 15px;
	text-align: center;
}
.index-block__hdg:after{
	display: block;
	content: " ";
	margin: 10px auto 0;
	font-size: 0.1px;
	width: 15px;
	height: 2px;
	background: #d7d7d7;
}
.index-block__txt{
	margin: 18px 0 0;
	font-size: 12px;
}
.index-block__btn{
	margin: 27px 0 0;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width: 767px){
	.index-block__hdg{
		font-weight: normal;
	}
}
@media screen and (min-width: 768px), print{
	.index-block__box{
		margin: 0 0 30px;
		padding: 60px 44px 45px;
	}
	.index-block__wrp > div.grid-4:nth-of-type(3n+1){
		clear: both;
	}
	.index-block__wrp > div.grid-6:nth-of-type(2n+1){
		clear: both;
	}
	.index-block__hdg{
		font-size: 20px;
		font-weight: normal;
	}
	.index-block__hdg:after{
		margin: 18px auto 0;
		width: 30px;
		height: 3px;
	}
	.index-block__txt{
		margin: 43px 0 0;
		font-size: 16px;
	}
	.index-block__btn{
		margin: 25px 0 0;
		font-size: 16px;
		padding-left: 13px;
		transition: all 0.2s;
	}
	a:hover .index-block__btn{
		padding-left: 21px;
	}
}
@media print{
	.index-block__box{
		height: auto !important;
	}
}

/*2-1-14. UI.     [index-img-block__***]*/
.index-img-block__wrp a{
	text-decoration: none;
}
.index-img-block__box{
	display: block;
	margin: 15px 0 0;
	border: 1px solid #d7d7d7;
	padding: 30px;
}
.index-img-block__box .wrp-grid > div{
	overflow: hidden;
	line-height: 0;
}
.index-img-block__hdg{
	margin: 15px 0 0;
	font-size: 15px;
	text-align: center;
}
.index-img-block__hdg:after{
	display: block;
	content: " ";
	margin: 10px auto 0;
	font-size: 0.1px;
	width: 15px;
	height: 2px;
	background: #d7d7d7;
}
.index-img-block__txt{
	margin: 18px 0 0;
	font-size: 12px;
}
.index-img-block__btn{
	margin: 27px 0 0;
	font-size: 12px;
	text-align: center;
}
@media screen and (min-width: 768px), print{
	.index-img-block__box{
		margin: 30px 0 0;
		padding: 55px 40px 55px;
	}
	.index-img-block__wrp > div.grid-4:nth-of-type(3n+1){
		clear: both;
	}
	.index-img-block__wrp > div.grid-6:nth-of-type(2n+1){
		clear: both;
	}
	.index-img-block__hdg{
		font-size: 20px;
		font-weight: normal;
	}
	.index-img-block__hdg:after{
		margin: 18px auto 0;
		width: 30px;
		height: 3px;
	}
	.index-img-block__txt{
		margin: 43px 0 0;
		font-size: 16px;
	}
	.index-img-block__btn{
		margin: 37px 0 0;
		font-size: 16px;
		transition: all 0.2s;
	}
	a:hover .index-img-block__btn{
		padding-left: 10px;
	}
	a.index-img-block__box:hover .fluid-image{
		transform: none;
	}
}
/*2-1-14. UI.     [index-img-block02__***]*/
.index-img-block02{
	padding: 0 0 15px;
}
.index-img-block02__box{
	display: block;
	margin: 0 0 15px;
	background: #ffffff;
}
.index-img-block02__box a{
	display: block;
	margin: 0;
	padding: 0 0 20px;
	text-decoration: none;
}
.index-img-block02__box > a > div{
	position: relative;
	overflow: hidden;
	line-height: 0;
}
.index-img-block02__box-txt{
	margin: 15px 0 0;
	padding: 0 30px;
	text-align: left;
}
.index-img-block02__hdg{
	font-size: 18px;
	font-weight: normal;
}
.index-img-block02__hdg .icon{
	margin-left: 3px;
	font-size: 14px;
}
.index-img-block02__txt{
	margin: 13px 0 0;
	font-size: 15px;
}
@media screen and (max-width: 767px){
	.index-img-block02__box-txt{
		margin: 8px 0 0;
		padding: 0 18px;
		text-align: left;
	}
	.index-img-block02__txt{
		margin: 10px 0 0;
		font-size: 15px;
	}
}
@media screen and (min-width: 768px), print{
	.index-img-block02__wrp{
		padding: 0 0 30px;
	}
	.index-img-block02{
		display: table;
		margin: 0 0 30px;
		padding: 0 0 0;
	}
	.index-img-block02__box{
		display: table-cell;
		margin: 0 0 0;
		padding: 0 0 35px;
		width: 33.3333333333%;
		background: #ffffff;
	}
	.index-img-block02__box a{
		display: block;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.index-img-block02__box-txt{
		border-left: 1px solid #ededed;
	}
	.index-img-block02__wrp .index-img-block02__box:first-child .index-img-block02__box-txt{
		border: none;
	}
	.index-img-block02__hdg{
		font-size: 20px;
	}
	.index-img-block02__hdg .icon{
		margin-left: 18px;
		margin-bottom: 2px;
		font-size: 16px;
	}
	.index-img-block02__txt{
		margin: 13px 0 0;
		font-size: 14px;
	}
}
/*2-1-14. UI.     [index-img-block03__***]*/
.index-img-block03{
	padding: 0 0 15px;
}
.index-img-block03__box{
	display: block;
	margin: 0 0 15px;
	background: #ffffff;
}
.index-img-block03__box a{
	display: block;
	margin: 0;
	padding: 0 0 20px;
	text-decoration: none;
}
.index-img-block03__box-txt{
	margin: 15px 0 0;
	padding: 0 30px;
	text-align: left;
}
.index-img-block03__hdg{
	font-size: 18px;
}
.index-img-block03__hdg .icon{
	margin-left: 3px;
	font-size: 14px;
}
.index-img-block03__txt{
	margin: 13px 0 0;
	font-size: 15px;
}
@media screen and (max-width: 767px){
	.index-img-block03__hdg{
		font-size: 18px;
		font-weight: normal;
	}
}
@media screen and (min-width: 768px), print{
	.index-img-block03__wrp:last-child{
		padding: 0 0 30px;
	}
	.index-img-block03{
		display: table;
		margin: 0 0 30px;
		padding: 0 0 0;
		background: #ffffff;
	}
	.index-img-block03__box{
		display: table-cell;
		margin: 0 0 0;
		padding: 0 0 35px;
		width: 50%;
	}
	.index-img-block03__box a{
		display: block;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.index-img-block03__box a > div{
		overflow: hidden;
		line-height: 0;
	}
	.index-img-block03__box a > div img{
		position: static;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		transform: translate(0,0);
		transition: all 0.5s;
	}
	.index-img-block03__box a:hover > div img{
		-ms-transform: scale(1.03) translate(0,0);
		-moz-transform: scale(1.03) translate(0,0);
		-webkit-transform: scale(1.03) translate(0,0);
		transform: scale(1.03) translate(0,0);
	}
	.index-img-block03__box-txt{
		border-left: 1px solid #ededed;
	}
	.index-img-block03__wrp .index-img-block03__box:first-child .index-img-block03__box-txt{
		border: none;
	}
	.index-img-block03__hdg{
		font-size: 20px;
		font-weight: normal;
	}
	.index-img-block03__hdg .icon{
		margin-left: 18px;
		margin-bottom: 2px;
		font-size: 16px;
	}
	.index-img-block03__txt{
		margin: 13px 0 0;
		font-size: 14px;
	}
}
/*2-1-14. UI.     [member-introduction__***]*/
.member-introduction__box{
	display: block;
	margin: 15px 0 0;
	padding: 30px;
	background: #ffffff;
}
.member-introduction__category{
	margin-top: 12px;
	font-size: 13px;
}
.member-introduction__hdg{
	margin-top: 16px;
	font-size: 18px;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Nud Motoya Mincho W50', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.member-introduction__lnk{
	margin-top: 16px;
	font-size: 13px;
}
a:hover .member-introduction__lnk{
	text-decoration: none;
}
.member-introduction__txt{
	margin-top: 12px;
	font-size: 13px;
}
@media screen and (max-width: 767px){
	.member-introduction__box{
		display: block;
		margin: 0 0 15px;
		padding: 30px;
		background: #ffffff;
	}
	.member-introduction__category{
		margin-top: 3px;
		font-size: 14px;
	}
	.member-introduction__hdg{
		margin-top: 12px;
		font-size: 26px;
	}
	.member-introduction__lnk{
		margin-top: 8px;
		font-size: 14px;
	}
}
@media screen and (min-width: 768px), print{
	.member-introduction__wrp{
		padding: 0 0 60px;
	}
	.member-introduction__box{
		margin: 0 0 30px;
		padding: 20px 20px 20px;
	}
	.member-introduction__wrp div.grid-6:nth-of-type(2n+1){
		clear: both;
	}
	.member-introduction__category{
		margin-top: 0;
		font-size: 14px;
	}
	.member-introduction__hdg{
		margin-top: 23px;
		font-size: 26px;
	}
	.member-introduction__lnk{
		margin-top: 15px;
		font-size: 14px;
	}
	.member-introduction__txt{
		margin-top: 23px;
		font-size: 14px;
	}
	a.member-introduction__box .fluid-image{
		transition: none;
	}
	a.member-introduction__box:hover .fluid-image{
		transform: none;
	}
	a.member-introduction__box .member-introduction__lnk{
		transition: all 0.2s;
	}
	a.member-introduction__box:hover .member-introduction__lnk{
		padding-left: 6px;
	}
}
/*2-1-14. UI.     [profile__***]*/
.profile{
	display: block;
	margin: 15px 0 0;
	padding: 30px;
	background: #ffffff;
}
.profile__category{
	margin-top: 12px;
	font-size: 13px;
}
.profile__hdg{
	margin-top: 16px;
	font-size: 18px;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.profile__hdg span{
	display: block;
	margin: 5px 0 0;
	font-size: 14px;
}
.profile__lnk{
	margin-top: 16px;
	font-size: 13px;
	text-decoration: underline;
}
a:hover .profile__lnk{
	text-decoration: none;
}
.profile__txt{
	margin-top: 12px;
	font-size: 13px;
}
.profile__lst{
	margin-top: -18px;
	border-top: 1px solid #d7d7d7;
}
.profile__lst-items{
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0;
}
.profile__lst-date{
	font-size: 12px;
}
@media screen and (max-width: 767px){
	.profile{
		display: block;
		margin: 0 0 15px;
		padding: 30px;
		background: #ffffff;
	}
	.profile__lst{
		margin-top: 15px;
		border-top: 1px solid #d7d7d7;
	}
}
@media screen and (min-width: 768px), print{
	.profile_wrp{
		padding: 0 0 60px;
	}
	.profile{
		margin: 30px 0 0;
		padding: 60px;
	}
	.profile__box{
		display: table;
		width: 100%;
	}
	.profile__box--left{
		display: table-cell;
		width: 310px;
		vertical-align: top;
	}
	.profile__box--right{
		display: table-cell;
		vertical-align: top;
		padding-left: 30px;
	}
	.profile__category{
		margin-top: 0;
		font-size: 14px;
	}
	.profile__hdg{
		margin-top: 23px;
		font-size: 26px;
	}
	.profile__hdg span{
		margin: 5px 0 0;
		font-size: 12px;
	}
	.profile__lnk{
		margin-top: 15px;
		font-size: 14px;
	}
	.profile__txt{
		margin-top: 23px;
		font-size: 14px;
	}
	.profile__lst{
		width: 100%;
		border-top: none;
	}
	.profile__lst-items{
		border-bottom: 1px dashed  #d7d7d7;
		padding: 15px 0;
	}
	.profile__lst-items > div{
		display: table;
	}
	.profile__lst-date{
		display: table-cell;
		width: 120px;
		vertical-align: top;
		font-size: 14px;
	}
	.profile__lst-txt{
		display: table-cell;
		vertical-align: top;
	}
}
/*2-1-14. UI.     [pdf-thumbnail__***]*/
.pdf-thumbnail__box{
	display: block;
	margin: 30px 0 0;
	text-decoration: none;
}
.pdf-thumbnail__ttl{
	font-size: 15px;
	text-decoration: underline;
}
.pdf-thumbnail__box:hover .pdf-thumbnail__ttl{
	text-decoration: none;
}
.pdf-thumbnail__icon{
	margin: 9px 0 0;
	font-size: 12px;
	text-decoration: none;
}
@media screen and (max-width: 767px){
	.pdf-thumbnail__box{
		margin: 0 0 50px;
	}
	.pdf-thumbnail__ttl{
		font-size: 15px;
		text-decoration: underline;
		font-weight: normal;
		margin-top: 5px;
	}
}
@media screen and (min-width: 768px), print{
	.pdf-thumbnail__box{
		margin: 0 0 30px;
	}
	a.pdf-thumbnail__box > div{
		overflow: hidden;
		line-height: 0;
	}
	a.pdf-thumbnail__box > div img{
		position: static;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		transform: translate(0,0);
		transition: all 0.5s;
	}
	a.pdf-thumbnail__box:hover > div img{
		-ms-transform: scale(1.03) translate(0,0);
		-moz-transform: scale(1.03) translate(0,0);
		-webkit-transform: scale(1.03) translate(0,0);
		transform: scale(1.03) translate(0,0);
	}
	.pdf-thumbnail__ttl{
		font-size: 16px;
		font-weight: normal;
		margin-top: 10px;
	}
	.pdf-thumbnail__icon{
		margin: 10px 0 0;
		font-size: 14px;
	}
	.pdf-thumbnail__img{
		display: block;
		width: 270px;
		overflow: hidden;
		line-height: 0;
	}
	.has-sub .pdf-thumbnail__img{
		width: 190px;
	}
}
/*2-1-14. UI.     [box-notes__***]*/
.box-notes{
	margin: 15px 0 0;
	padding: 17px 17px;
	background: #f5f5f5;
	border-radius: 3px;
}
.box-notes__hdg{
	font-size: 15px;
}
.box-notes__lst{
	margin: 10px 0 0;
}
.box-notes__lst > li{
	margin: 5px 0 0 1em;
	text-indent: -1em;
}
.box-notes__lst > li::before {
	content: "・";
}
.box-notes__txt{
	margin: 23px 0 0;
}
@media screen and (min-width: 768px), print{
	.box-notes{
		margin: 30px 0 0;
		padding: 37px 50px 30px;
		background: #f5f5f5;
		border-radius: 5px;
	}
	.box-notes .hdg-lv4{
		margin-top: 0;
	}
	.box-notes__hdg{
		font-size: 18px;
	}
	.box-notes__lst{
		margin: 20px 0 0;
	}
	.box-notes__lst > li{
		margin: 9px 0 0 1em;
		text-indent: -1em;
	}
	.box-notes__txt{
		margin: 23px 0 0;
	}
}
/*2-1-14. UI.     [page-link__***]*/
.page-link__wrap{
	margin: 30px -15px 0;
	padding: 28px 15px;
	background: #f5f5f5;
}
.page-link__hdg{
	margin: 0 0 14px;
	font-weight: bold;
	font-size: 15px;
}
.page-link__lst{
	display: block;
	padding: 0 15px 15px;
	background: #ffffff;
	border-radius: 5px;
}
.page-link__lst li{
	display: block;
	padding: 0;
	border-bottom: 1px solid #d7d7d7;
}
.page-link__lst li a{
	display: table;
	width: 100%;
	padding: 20px 0;
	font-size: 15px;
	text-decoration: none;
}
.page-link__lst li span{
	display: table-cell;
	vertical-align: middle;
}
.page-link__lst li span.icon{
	text-align: right;
}
@media screen and (max-width: 767px){
	.page-link__wrap{
		margin: -15px -15px 0;
		padding: 28px 15px;
		background: #f5f5f5;
	}
}
@media screen and (min-width: 768px), print{
	.page-link__wrap{
		display: table;
		margin: 0;
		padding: 0;
		background: #ffffff;
		min-height: 44px;
	}
	.page-link__hdg{
		display: table-cell;
		margin: 0 0 0;
		padding: 0 40px 0 0;
		font-weight: bold;
		font-size: 16px;
		white-space: nowrap;
	}
	.page-link__hdg span{
		position: relative;
		display: inline-block;
		background: #f5f5f5;
		padding: 7px 14px 7px 15px;
		border-radius: 3px;
		font-weight: normal;
	}
	.page-link__hdg span:after{
		content: " ";
		position: absolute;
		display: block;
		width: 11px;
		height: 100%;
		font-size: 0.1px;
		top: 0;
		right: -11px;
		background: url(/resource/img/cmn_icn_arrow_gray_right.png) left center no-repeat;
	}
	.page-link__lst{
		display: block;
		padding: 0;
		border-radius: 0;
		letter-spacing: -0.4em;
	}
	.page-link__lst li{
		display: inline-block;
		letter-spacing: normal;
		padding: 0 25px 0 0;
		border-bottom: none;
	}
	.page-link__lst li a{
		display: table;
		width: auto;
		padding: 0 0;
		font-size: 16px;
		text-decoration: none;
		transition: all 0.2s;
	}
	.page-link__lst li a:hover{
		margin-top: 3px;
	}
	.page-link__lst li span{
		display: table-cell;
		vertical-align: middle;
	}
	.page-link__lst li span.icon{
		text-align: right;
	}
	.page-link__lst li .icon-down-open-big:before{
		margin-left: 3px;
		font-size: 11px;
	}
}
/*2-1-14. UI.     [l-faq-block__***]*/
.l-faq{
	margin: 10px 0 0;
	padding: 10px 15px;
	background: #f5f5f5;
}
.l-faq__item{
	margin: 0 0 5px;
	padding: 10px 15px;
	background: #ffffff;
}
.l-faq__question{
	padding: 0 0 5px 30px;
	position: relative;
	font-weight: normal;
}
.l-faq__question::before{
	position: absolute;
	display: block;
	content: "Q";
	top: 0;
	left: 0;
}
.l-faq__answer-blk{
	margin: 0;
	padding: 16px 0 0;
	border-top: 1px dotted #d7d7d7;
}
.l-faq__answer{
	padding: 0 0 0 30px;
	position: relative;
}
.l-faq__answer::before{
	position: absolute;
	display: block;
	content: "A";
	top: 0;
	left: 0;
}
.l-faq__answer-btn{
	margin: 5px 0 0 30px;
}
@media screen and (min-width: 768px), print{
	.l-faq{
		margin: 30px 0 0;
		padding: 0 30px 20px;
	}
	.l-faq__item{
		margin: 0 0 10px;
		padding: 40px 40px;
	}
	.l-faq__question{
		padding: 0 0 10px 60px;
	}
	.l-faq__answer-blk{
		margin: 0;
		padding: 16px 0 0;
	}
	.l-faq__answer{
		padding: 0 0 0 60px;
	}
	.l-faq__answer-btn{
		margin: 15px 0 0 60px;
	}
}

/*2-1-14. UI.     [js-medical_contents]*/
.js-medical_contents_off{
	display: none;
}
.js-medical_contents_on{
	display: none;
}

/*2-1-14. UI.     [box-err-***]*/
@media screen and (max-width: 767px){
	.lst-err_lnk{
		width: 100%;
		margin: 15px 0 0;
		border-top: 1px solid #d7d7d7;
	}
	.lst-err_lnk li{
		display: block;
		border-bottom: 1px solid #d7d7d7;
	}
	.lst-err_lnk li a{
		display: table;
		width: 100%;
		padding: 15px 0 15px;
		text-decoration: none;
	}
	.lst-err_lnk li a span{
		display: table-cell;
		vertical-align: middle;
	}
	.lst-err_lnk li a span.lst-err_ttl{
		width: auto;
	}
	.lst-err_lnk li a span.icon{
		width: 30px;
		text-align: right;
	}
}
@media screen and (min-width: 768px), print{
	.lst-err_lnk{
		width: 100%;
		letter-spacing: -0.4em;
		text-align: center;
		border: none;
		margin: 15px 0 0;
	}
	.lst-err_lnk li{
		display: inline-block;
		letter-spacing: normal;
		padding: 5px 10px 0;
		border: none;
	}
	.lst-err_lnk .icon-right-open-big{
		display: none;
	}
	.lst-err_lnk .icon-popup{
		margin-left: 5px;
	}
}
.box-err-search{
	width: 100%;
	margin: 0 auto;
}
.ipt-err-search{
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 5px;
	box-sizing: border-box;
	height: 34px;
}
.box-err-search:after {
	content: "";
	clear: both;
	display: block;
}
.box-err-search-input{
	width: 80%;
	float: left;
	padding: 0 5px 0 0;
	box-sizing: border-box;
}
.ipt-err-search{
}
.box-err-search-button{
	width: 20%;
	float: right;
}
.box-err-search .btn--default{
	display: inline-block;
	width: 100%;
	height: 34px;
	margin: 0 0 0;
	padding: 0;
	text-align: center;
}
@media screen and (min-width: 768px), print{
	.box-err-search{
		width: 650px;
	}
	.box-err-search-input{
		width: 560px;
	}
	.box-err-search-button{
		width: 85px;
	}
	.ipt-err-search{
		height: 52px;
	}
	.box-err-search .btn--default{
		display: block;
		width: 100%;
		height: 52px;
	}
}



/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer:after,.wrp-container:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}


/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt-5{margin-top: -5px!important;}.mt-10{margin-top: -10px!important;}.mt-15{margin-top: -15px!important;}.mt-20{margin-top: -20px!important;}.mt-25{margin-top: -25px!important;}.mt-30{margin-top: -30px!important;}.mt-35{margin-top: -35px!important;}.mt-40{margin-top: -40px!important;}.mt-45{margin-top: -45px!important;}.mt-50{margin-top: -50px!important;}.mt-55{margin-top: -55px!important;}.mt-60{margin-top: -60px!important;}.mt-65{margin-top: -65px!important;}.mt-70{margin-top: -70px!important;}.mt-75{margin-top: -75px!important;}.mt-80{margin-top: -80px!important;}.mt-85{margin-top: -85px!important;}.mt-90{margin-top: -90px!important;}.mt-95{margin-top: -95px!important;}.mt-100{margin-top: -100px!important;}.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}
.mlrauto{margin-left: auto; margin-right: auto;}

@media screen and (max-width: 767px){
	/* margin  */.m0-sp{margin:0!important;}.m5-sp{margin: 5px!important;}.m10-sp{margin: 10px!important;}.m15-sp{margin: 15px!important;}.m20-sp{margin: 20px!important;}.m25-sp{margin: 25px!important;}.m30-sp{margin: 30px!important;}.m35-sp{margin: 35px!important;}.m40-sp{margin: 40px!important;}.m45-sp{margin: 45px!important;}.m50-sp{margin: 50px!important;}.m55-sp{margin: 55px!important;}.m60-sp{margin: 60px!important;}.m65-sp{margin: 65px!important;}.m70-sp{margin: 70px!important;}.m75-sp{margin: 75px!important;}.m80-sp{margin: 80px!important;}.m85-sp{margin: 85px!important;}.m90-sp{margin: 90px!important;}.m95-sp{margin: 95px!important;}.m100-sp{margin: 100px!important;}/* margin-top */.mt0-sp{margin-top:0!important;}.mt-5-sp{margin-top: -5px!important;}.mt-10-sp{margin-top: -10px!important;}.mt-15-sp{margin-top: -15px!important;}.mt-20-sp{margin-top: -20px!important;}.mt-25-sp{margin-top: -25px!important;}.mt-30-sp{margin-top: -30px!important;}.mt-35-sp{margin-top: -35px!important;}.mt-40-sp{margin-top: -40px!important;}.mt-45-sp{margin-top: -45px!important;}.mt-50-sp{margin-top: -50px!important;}.mt-55-sp{margin-top: -55px!important;}.mt-60-sp{margin-top: -60px!important;}.mt-65-sp{margin-top: -65px!important;}.mt-70-sp{margin-top: -70px!important;}.mt-75-sp{margin-top: -75px!important;}.mt-80-sp{margin-top: -80px!important;}.mt-85-sp{margin-top: -85px!important;}.mt-90-sp{margin-top: -90px!important;}.mt-95-sp{margin-top: -95px!important;}.mt-100-sp{margin-top: -100px!important;}.mt5-sp{margin-top: 5px!important;}.mt10-sp{margin-top: 10px!important;}.mt15-sp{margin-top: 15px!important;}.mt20-sp{margin-top: 20px!important;}.mt25-sp{margin-top: 25px!important;}.mt30-sp{margin-top: 30px!important;}.mt35-sp{margin-top: 35px!important;}.mt40-sp{margin-top: 40px!important;}.mt45-sp{margin-top: 45px!important;}.mt50-sp{margin-top: 50px!important;}.mt55-sp{margin-top: 55px!important;}.mt60-sp{margin-top: 60px!important;}.mt65-sp{margin-top: 65px!important;}.mt70-sp{margin-top: 70px!important;}.mt75-sp{margin-top: 75px!important;}.mt80-sp{margin-top: 80px!important;}.mt85-sp{margin-top: 85px!important;}.mt90-sp{margin-top: 90px!important;}.mt95-sp{margin-top: 95px!important;}.mt100-sp{margin-top: 100px!important;}/* margin-right */.mr0-sp{margin-right:0!important;}.mr5-sp{margin-right: 5px!important;}.mr10-sp{margin-right: 10px!important;}.mr15-sp{margin-right: 15px!important;}.mr20-sp{margin-right: 20px!important;}.mr25-sp{margin-right: 25px!important;}.mr30-sp{margin-right: 30px!important;}.mr35-sp{margin-right: 35px!important;}.mr40-sp{margin-right: 40px!important;}.mr45-sp{margin-right: 45px!important;}.mr50-sp{margin-right: 50px!important;}.mr55-sp{margin-right: 55px!important;}.mr60-sp{margin-right: 60px!important;}.mr65-sp{margin-right: 65px!important;}.mr70-sp{margin-right: 70px!important;}.mr75-sp{margin-right: 75px!important;}.mr80-sp{margin-right: 80px!important;}.mr85-sp{margin-right: 85px!important;}.mr90-sp{margin-right: 90px!important;}.mr95-sp{margin-right: 95px!important;}.mr100-sp{margin-right: 100px!important;}/* margin-bottom */.mb0-sp{margin-bottom:0!important;}.mb5-sp{margin-bottom: 5px!important;}.mb10-sp{margin-bottom: 10px!important;}.mb15-sp{margin-bottom: 15px!important;}.mb20-sp{margin-bottom: 20px!important;}.mb25-sp{margin-bottom: 25px!important;}.mb30-sp{margin-bottom: 30px!important;}.mb35-sp{margin-bottom: 35px!important;}.mb40-sp{margin-bottom: 40px!important;}.mb45-sp{margin-bottom: 45px!important;}.mb50-sp{margin-bottom: 50px!important;}.mb55-sp{margin-bottom: 55px!important;}.mb60-sp{margin-bottom: 60px!important;}.mb65-sp{margin-bottom: 65px!important;}.mb70-sp{margin-bottom: 70px!important;}.mb75-sp{margin-bottom: 75px!important;}.mb80-sp{margin-bottom: 80px!important;}.mb85-sp{margin-bottom: 85px!important;}.mb90-sp{margin-bottom: 90px!important;}.mb95-sp{margin-bottom: 95px!important;}.mb100-sp{margin-bottom: 100px!important;}/* margin-left */.ml0-sp{margin-left:0!important;}.ml5-sp{margin-left: 5px!important;}.ml10-sp{margin-left: 10px!important;}.ml15-sp{margin-left: 15px!important;}.ml20-sp{margin-left: 20px!important;}.ml25-sp{margin-left: 25px!important;}.ml30-sp{margin-left: 30px!important;}.ml35-sp{margin-left: 35px!important;}.ml40-sp{margin-left: 40px!important;}.ml45-sp{margin-left: 45px!important;}.ml50-sp{margin-left: 50px!important;}.ml55-sp{margin-left: 55px!important;}.ml60-sp{margin-left: 60px!important;}.ml65-sp{margin-left: 65px!important;}.ml70-sp{margin-left: 70px!important;}.ml75-sp{margin-left: 75px!important;}.ml80-sp{margin-left: 80px!important;}.ml85-sp{margin-left: 85px!important;}.ml90-sp{margin-left: 90px!important;}.ml95-sp{margin-left: 95px!important;}.ml100-sp{margin-left: 100px!important;}
	/* padding */.p0-sp{padding:0!important;}.p5-sp{padding: 5px!important;}.p10-sp{padding: 10px!important;}.p15-sp{padding: 15px!important;}.p20-sp{padding: 20px!important;}.p25-sp{padding: 25px!important;}.p30-sp{padding: 30px!important;}.p35-sp{padding: 35px!important;}.p40-sp{padding: 40px!important;}.p45-sp{padding: 45px!important;}.p50-sp{padding: 50px!important;}.p55-sp{padding: 55px!important;}.p60-sp{padding: 60px!important;}.p65-sp{padding: 65px!important;}.p70-sp{padding: 70px!important;}.p75-sp{padding: 75px!important;}.p80-sp{padding: 80px!important;}.p85-sp{padding: 85px!important;}.p90-sp{padding: 90px!important;}.p95-sp{padding: 95px!important;}.p100-sp{padding: 100px!important;}/* padding-top */.pt0-sp{padding-top:0!important;}.pt5-sp{padding-top: 5px!important;}.pt10-sp{padding-top: 10px!important;}.pt15-sp{padding-top: 15px!important;}.pt20-sp{padding-top: 20px!important;}.pt25-sp{padding-top: 25px!important;}.pt30-sp{padding-top: 30px!important;}.pt35-sp{padding-top: 35px!important;}.pt40-sp{padding-top: 40px!important;}.pt45-sp{padding-top: 45px!important;}.pt50-sp{padding-top: 50px!important;}.pt55-sp{padding-top: 55px!important;}.pt60-sp{padding-top: 60px!important;}.pt65-sp{padding-top: 65px!important;}.pt70-sp{padding-top: 70px!important;}.pt75-sp{padding-top: 75px!important;}.pt80-sp{padding-top: 80px!important;}.pt85-sp{padding-top: 85px!important;}.pt90-sp{padding-top: 90px!important;}.pt95-sp{padding-top: 95px!important;}.pt100-sp{padding-top: 100px!important;}/* padding-right */.pr0-sp{padding-right:0!important;}.pr5-sp{padding-right: 5px!important;}.pr10-sp{padding-right: 10px!important;}.pr15-sp{padding-right: 15px!important;}.pr20-sp{padding-right: 20px!important;}.pr25-sp{padding-right: 25px!important;}.pr30-sp{padding-right: 30px!important;}.pr35-sp{padding-right: 35px!important;}.pr40-sp{padding-right: 40px!important;}.pr45-sp{padding-right: 45px!important;}.pr50-sp{padding-right: 50px!important;}.pr55-sp{padding-right: 55px!important;}.pr60-sp{padding-right: 60px!important;}.pr65-sp{padding-right: 65px!important;}.pr70-sp{padding-right: 70px!important;}.pr75-sp{padding-right: 75px!important;}.pr80-sp{padding-right: 80px!important;}.pr85-sp{padding-right: 85px!important;}.pr90-sp{padding-right: 90px!important;}.pr95-sp{padding-right: 95px!important;}.pr100-sp{padding-right: 100px!important;}/* padding-bottom */.pb0-sp{padding-bottom:0!important;}.pb5-sp{padding-bottom: 5px!important;}.pb10-sp{padding-bottom: 10px!important;}.pb15-sp{padding-bottom: 15px!important;}.pb20-sp{padding-bottom: 20px!important;}.pb25-sp{padding-bottom: 25px!important;}.pb30-sp{padding-bottom: 30px!important;}.pb35-sp{padding-bottom: 35px!important;}.pb40-sp{padding-bottom: 40px!important;}.pb45-sp{padding-bottom: 45px!important;}.pb50-sp{padding-bottom: 50px!important;}.pb55-sp{padding-bottom: 55px!important;}.pb60-sp{padding-bottom: 60px!important;}.pb65-sp{padding-bottom: 65px!important;}.pb70-sp{padding-bottom: 70px!important;}.pb75-sp{padding-bottom: 75px!important;}.pb80-sp{padding-bottom: 80px!important;}.pb85-sp{padding-bottom: 85px!important;}.pb90-sp{padding-bottom: 90px!important;}.pb95-sp{padding-bottom: 95px!important;}.pb100-sp{padding-bottom: 100px!important;}/* padding-left */.pl0-sp{padding-left:0!important;}.pl5-sp{padding-left: 5px!important;}.pl10-sp{padding-left: 10px!important;}.pl15-sp{padding-left: 15px!important;}.pl20-sp{padding-left: 20px!important;}.pl25-sp{padding-left: 25px!important;}.pl30-sp{padding-left: 30px!important;}.pl35-sp{padding-left: 35px!important;}.pl40-sp{padding-left: 40px!important;}.pl45-sp{padding-left: 45px!important;}.pl50-sp{padding-left: 50px!important;}.pl55-sp{padding-left: 55px!important;}.pl60-sp{padding-left: 60px!important;}.pl65-sp{padding-left: 65px!important;}.pl70-sp{padding-left: 70px!important;}.pl75-sp{padding-left: 75px!important;}.pl80-sp{padding-left: 80px!important;}.pl85-sp{padding-left: 85px!important;}.pl90-sp{padding-left: 90px!important;}.pl95-sp{padding-left: 95px!important;}.pl100-sp{padding-left: 100px!important;}
	.mlrauto-sp{margin-left: auto; margin-right: auto;}
}

/* width */
.w1per  { width:  1% !important; }
.w2per  { width:  2% !important; }
.w3per  { width:  3% !important; }
.w4per  { width:  4% !important; }
.w5per  { width:  5% !important; }
.w6per  { width:  6% !important; }
.w7per  { width:  7% !important; }
.w8per  { width:  8% !important; }
.w9per  { width:  9% !important; }
.w10per { width: 10% !important; }
.w11per { width: 11% !important; }
.w12per { width: 12% !important; }
.w13per { width: 13% !important; }
.w14per { width: 14% !important; }
.w15per { width: 15% !important; }
.w16per { width: 16% !important; }
.w17per { width: 17% !important; }
.w18per { width: 18% !important; }
.w19per { width: 19% !important; }
.w20per { width: 20% !important; }
.w21per { width: 21% !important; }
.w22per { width: 22% !important; }
.w23per { width: 23% !important; }
.w24per { width: 24% !important; }
.w25per { width: 25% !important; }
.w26per { width: 26% !important; }
.w27per { width: 27% !important; }
.w28per { width: 28% !important; }
.w29per { width: 29% !important; }
.w30per { width: 30% !important; }
.w31per { width: 31% !important; }
.w32per { width: 32% !important; }
.w33per { width: 33% !important; }
.w34per { width: 34% !important; }
.w35per { width: 35% !important; }
.w36per { width: 36% !important; }
.w37per { width: 37% !important; }
.w38per { width: 38% !important; }
.w39per { width: 39% !important; }
.w40per { width: 40% !important; }
.w41per { width: 41% !important; }
.w42per { width: 42% !important; }
.w43per { width: 43% !important; }
.w44per { width: 44% !important; }
.w45per { width: 45% !important; }
.w46per { width: 46% !important; }
.w47per { width: 47% !important; }
.w48per { width: 48% !important; }
.w49per { width: 49% !important; }
.w50per { width: 50% !important; }
.w51per { width: 51% !important; }
.w52per { width: 52% !important; }
.w53per { width: 53% !important; }
.w54per { width: 54% !important; }
.w55per { width: 55% !important; }
.w56per { width: 56% !important; }
.w57per { width: 57% !important; }
.w58per { width: 58% !important; }
.w59per { width: 59% !important; }
.w60per { width: 60% !important; }
.w61per { width: 61% !important; }
.w62per { width: 62% !important; }
.w63per { width: 63% !important; }
.w64per { width: 64% !important; }
.w65per { width: 65% !important; }
.w66per { width: 66% !important; }
.w67per { width: 67% !important; }
.w68per { width: 68% !important; }
.w69per { width: 69% !important; }
.w70per { width: 70% !important; }
.w71per { width: 71% !important; }
.w72per { width: 72% !important; }
.w73per { width: 73% !important; }
.w74per { width: 74% !important; }
.w75per { width: 75% !important; }
.w76per { width: 76% !important; }
.w77per { width: 77% !important; }
.w78per { width: 78% !important; }
.w79per { width: 79% !important; }
.w80per { width: 80% !important; }
.w81per { width: 81% !important; }
.w82per { width: 82% !important; }
.w83per { width: 83% !important; }
.w84per { width: 84% !important; }
.w85per { width: 85% !important; }
.w86per { width: 86% !important; }
.w87per { width: 87% !important; }
.w88per { width: 88% !important; }
.w89per { width: 89% !important; }
.w90per { width: 90% !important; }
.w91per { width: 91% !important; }
.w92per { width: 92% !important; }
.w93per { width: 93% !important; }
.w94per { width: 94% !important; }
.w95per { width: 95% !important; }
.w96per { width: 96% !important; }
.w97per { width: 97% !important; }
.w98per { width: 98% !important; }
.w99per { width: 99% !important; }
.w100per{ width: 100% !important; }
.wauto  { width: auto !important; }
@media screen and (max-width: 767px){
	.w1per-sp  { width:  1% !important; }
	.w2per-sp  { width:  2% !important; }
	.w3per-sp  { width:  3% !important; }
	.w4per-sp  { width:  4% !important; }
	.w5per-sp  { width:  5% !important; }
	.w6per-sp  { width:  6% !important; }
	.w7per-sp  { width:  7% !important; }
	.w8per-sp  { width:  8% !important; }
	.w9per-sp  { width:  9% !important; }
	.w10per-sp { width: 10% !important; }
	.w11per-sp { width: 11% !important; }
	.w12per-sp { width: 12% !important; }
	.w13per-sp { width: 13% !important; }
	.w14per-sp { width: 14% !important; }
	.w15per-sp { width: 15% !important; }
	.w16per-sp { width: 16% !important; }
	.w17per-sp { width: 17% !important; }
	.w18per-sp { width: 18% !important; }
	.w19per-sp { width: 19% !important; }
	.w20per-sp { width: 20% !important; }
	.w21per-sp { width: 21% !important; }
	.w22per-sp { width: 22% !important; }
	.w23per-sp { width: 23% !important; }
	.w24per-sp { width: 24% !important; }
	.w25per-sp { width: 25% !important; }
	.w26per-sp { width: 26% !important; }
	.w27per-sp { width: 27% !important; }
	.w28per-sp { width: 28% !important; }
	.w29per-sp { width: 29% !important; }
	.w30per-sp { width: 30% !important; }
	.w31per-sp { width: 31% !important; }
	.w32per-sp { width: 32% !important; }
	.w33per-sp { width: 33% !important; }
	.w34per-sp { width: 34% !important; }
	.w35per-sp { width: 35% !important; }
	.w36per-sp { width: 36% !important; }
	.w37per-sp { width: 37% !important; }
	.w38per-sp { width: 38% !important; }
	.w39per-sp { width: 39% !important; }
	.w40per-sp { width: 40% !important; }
	.w41per-sp { width: 41% !important; }
	.w42per-sp { width: 42% !important; }
	.w43per-sp { width: 43% !important; }
	.w44per-sp { width: 44% !important; }
	.w45per-sp { width: 45% !important; }
	.w46per-sp { width: 46% !important; }
	.w47per-sp { width: 47% !important; }
	.w48per-sp { width: 48% !important; }
	.w49per-sp { width: 49% !important; }
	.w50per-sp { width: 50% !important; }
	.w51per-sp { width: 51% !important; }
	.w52per-sp { width: 52% !important; }
	.w53per-sp { width: 53% !important; }
	.w54per-sp { width: 54% !important; }
	.w55per-sp { width: 55% !important; }
	.w56per-sp { width: 56% !important; }
	.w57per-sp { width: 57% !important; }
	.w58per-sp { width: 58% !important; }
	.w59per-sp { width: 59% !important; }
	.w60per-sp { width: 60% !important; }
	.w61per-sp { width: 61% !important; }
	.w62per-sp { width: 62% !important; }
	.w63per-sp { width: 63% !important; }
	.w64per-sp { width: 64% !important; }
	.w65per-sp { width: 65% !important; }
	.w66per-sp { width: 66% !important; }
	.w67per-sp { width: 67% !important; }
	.w68per-sp { width: 68% !important; }
	.w69per-sp { width: 69% !important; }
	.w70per-sp { width: 70% !important; }
	.w71per-sp { width: 71% !important; }
	.w72per-sp { width: 72% !important; }
	.w73per-sp { width: 73% !important; }
	.w74per-sp { width: 74% !important; }
	.w75per-sp { width: 75% !important; }
	.w76per-sp { width: 76% !important; }
	.w77per-sp { width: 77% !important; }
	.w78per-sp { width: 78% !important; }
	.w79per-sp { width: 79% !important; }
	.w80per-sp { width: 80% !important; }
	.w81per-sp { width: 81% !important; }
	.w82per-sp { width: 82% !important; }
	.w83per-sp { width: 83% !important; }
	.w84per-sp { width: 84% !important; }
	.w85per-sp { width: 85% !important; }
	.w86per-sp { width: 86% !important; }
	.w87per-sp { width: 87% !important; }
	.w88per-sp { width: 88% !important; }
	.w89per-sp { width: 89% !important; }
	.w90per-sp { width: 90% !important; }
	.w91per-sp { width: 91% !important; }
	.w92per-sp { width: 92% !important; }
	.w93per-sp { width: 93% !important; }
	.w94per-sp { width: 94% !important; }
	.w95per-sp { width: 95% !important; }
	.w96per-sp { width: 96% !important; }
	.w97per-sp { width: 97% !important; }
	.w98per-sp { width: 98% !important; }
	.w99per-sp { width: 99% !important; }
	.w100per-sp{ width: 100% !important; }
	.wauto-sp  { width: auto !important; }
}
/* font size */
.fS10{ font-size:  10px !important; }
.fS11{ font-size:  11px !important; }
.fS12{ font-size:  12px !important; }
.fS13{ font-size:  13px !important; }
.fS14{ font-size:  14px !important; }
.fS15{ font-size:  15px !important; }
.fS16{ font-size:  16px !important; }
.fS17{ font-size:  17px !important; }
.fS18{ font-size:  18px !important; }
.fS19{ font-size:  19px !important; }
.fS20{ font-size:  20px !important; }
.fS22{ font-size:  22px !important; }
.fS24{ font-size:  24px !important; }
.fS26{ font-size:  26px !important; }
.fS28{ font-size:  28px !important; }
.fS30{ font-size:  30px !important; }
@media screen and (max-width: 767px){
	.fS10-sp{ font-size:  10px !important; }
	.fS11-sp{ font-size:  11px !important; }
	.fS12-sp{ font-size:  12px !important; }
	.fS13-sp{ font-size:  13px !important; }
	.fS14-sp{ font-size:  14px !important; }
	.fS15-sp{ font-size:  15px !important; }
	.fS16-sp{ font-size:  16px !important; }
	.fS17-sp{ font-size:  17px !important; }
	.fS18-sp{ font-size:  18px !important; }
	.fS19-sp{ font-size:  19px !important; }
	.fS20-sp{ font-size:  20px !important; }
	.fS22-sp{ font-size:  22px !important; }
	.fS24-sp{ font-size:  24px !important; }
	.fS26-sp{ font-size:  26px !important; }
	.fS28-sp{ font-size:  28px !important; }
	.fS30-sp{ font-size:  30px !important; }
}

/*2-2-3. Object-Oriented CSS [OOCSS]*/
.dspB{ display: block; }
.dspI{ display: inline; }
.dspIB{ display: inline-block; }
.dspN{ display: none; }
@media screen and (max-width: 767px){
	.dspB-sp{ display: block; }
	.dspI-sp{ display: inline; }
	.dspIB-sp{ display: inline-block; }
	.dspN-sp{ display: none; }
}
.no-pointer-events{
	pointer-events: none;
}
.no-display{
	display: none;
}
.no-br{
	white-space: nowrap;
}
.no-border{
	border: none !important;
}
.no-line-height{
	line-height: 1!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.fwB{
	font-weight: bold;
}
.fwN{
	font-weight: normal;
}
.list{
}
ul.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: decimal!important;
}
@media screen and (max-width: 767px){
	.no-display-sp{
		display: none;
	}
	.no-br-sp{
		white-space: nowrap;
	}
	.no-line-height-sp{
		line-height: 1!important;
	}
	.pull-left-sp{
		float: left!important;
	}
	.pull-right-sp{
		float: right!important;
	}
	.right-sp{
		text-align: right!important;
	}
	.center-sp{
		text-align: center!important;
	}
	.left-sp{
		text-align: left!important;
	}
	.top-sp{
		vertical-align: top!important;
	}
	.middle-sp{
		vertical-align: middle!important;
	}
	.bottom-sp{
		vertical-align: bottom!important;
	}
}

/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}
.full-image{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px){
	.fluid-image{
		width: 100%;
		height: auto;
	}
}
@media screen and (min-width: 768px), print{
	.wrp-img-expand{
		overflow: hidden;
		line-height: 0;
	}
	.fluid-image{
		position: static;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		transform: translate(0,0);
		transition: all 0.5s;
	}
	a:hover .fluid-image{
		-ms-transform: scale(1.03) translate(0,0);
		-moz-transform: scale(1.03) translate(0,0);
		-webkit-transform: scale(1.03) translate(0,0);
		transform: scale(1.03) translate(0,0);
	}
}


/* 2-2-4. Grid System [grid-***] */
.wrp-grid, .row{
	box-sizing: border-box;
}
.wrp-grid:after, .row:after{
	clear: both;
	content: " ";
	display: table;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
	box-sizing: border-box;
	float: left;
}

/* 1. 12 Column Grid 0px - 767px
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 767px){
	.wrp-grid{
		margin-left: -8px;
		margin-right: -7px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
	.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
		width: 100%;
		padding: 0 7px 0 8px;
	}
	.grid-1--sp{
		width: 8.33333%;
	}
	.grid-2--sp{
		width: 16.66667%;
	}
	.grid-3--sp{
		width: 25%;
	}
	.grid-4--sp{
		width: 33.3333333%;
	}
	.grid-5--sp{
		width: 41.66667%;
	}
	.grid-6--sp{
		width: 50%;
	}
	.grid-7--sp{
		width: 58.33333%;
	}
	.grid-8--sp{
		width: 66.66667%;
	}
	.grid-9--sp{
		width: 75%;
	}
	.grid-10--sp{
		width: 83.33333%;
	}
	.grid-11--sp{
		width: 91.66667%;
	}
	.grid-12--sp{
		width: 100%;
	}
}
/* 2. 12 Column Grid 768px - Infinity
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 768px), print{
	.wrp-grid{
		margin-left: -15px;
		margin-right: -15px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
		padding: 0 15px;
	}
	.grid-1{
		width: 8.33333333333%;
	}
	.grid-2{
		width: 16.6666666667%;
	}
	.grid-3{
		width: 25%;
	}
	.grid-4{
		width: 33.3333333333%;
	}
	.grid-5{
		width: 41.6666666667%;
	}
	.grid-6{
		width: 50%;
	}
	.grid-7{
		width: 58.3333333333%;
	}
	.grid-8{
		width: 66.6666666667%;
	}
	.grid-9{
		width: 75%;
	}
	.grid-10{
		width: 83.3333333333%;
	}
	.grid-11{
		width: 91.6666666667%;
	}
	.grid-12{
		width: 100%;
	}

}

/* 2-2-5. WebFont [FontAwesome] */
@font-face {
  font-family: 'nittokucorporate-06';
  src: url('/resource/fonts/nittokucorporate-06.eot?6607990');
  src: url('/resource/fonts/nittokucorporate-06.eot?6607990#iefix') format('embedded-opentype'),
       url('/resource/fonts/nittokucorporate-06.woff2?6607990') format('woff2'),
       url('/resource/fonts/nittokucorporate-06.woff?6607990') format('woff'),
       url('/resource/fonts/nittokucorporate-06.ttf?6607990') format('truetype'),
       url('/resource/fonts/nittokucorporate-06.svg?6607990#nittokucorporate-06') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "nittokucorporate-06";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.icon-angle-right:before { content: '\63'; } /* 'c' */
.icon-popup:before { content: '\e800'; } /* '' */
.icon-rss-squared:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; }
.icon-right-open-big:before { content: '\e802'; } /* '' */
.icon-down-open-big:before { content: '\e803'; } /* '' */
.icon-left-open-big:before { content: '\e804'; } /* '' */
.icon-up-open-big:before { content: '\e805'; } /* '' */
.icon-file-pdf:before { content: '\e806'; } /* '' */
.icon-menu:before { content: '\e807'; } /* '' */
.icon-chart-line:before { content: '\e808'; } /* '' */
.icon-file-word:before { content: '\e809'; } /* '' */
.icon-th-1:before { content: '\e80a'; } /* '' */
.icon-plus-circle:before { content: '\e80b'; } /* '' */
.icon-minus-circle-1:before { content: '\e80c'; } /* '' */
.icon-search:before { content: '\e80d'; } /* '' */
.icon-cancel:before { content: '\e80e'; } /* '' */
.icon-file-excel:before { content: '\e80f'; } /* '' */
.icon-file-powerpoint:before { content: '\e810'; } /* '' */
.icon-file-archive:before { content: '\e811'; } /* '' */
.icon-file-image:before { content: '\e812'; } /* '' */
.icon-globe:before { content: '\e813'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */

.icon i{
	font-size: 14px;
	font-style: normal;
}
.icon-file-pdf i{
	padding-left: 5px;
}
.icon-right-open:before{
	font-size: 10px;
	margin-left: 0;

}
/* 2-2-6. Visibility [visible-***] */
@media only screen and (max-width : 767px){
	.visible-sp{
		display: block !important;
	}
	.visible-pc{
		display: none !important;
	}
}
@media screen and (min-width: 768px), print{
	.visible-sp{
		display: none !important;
	}
	.visible-pc{
		display: block !important;
	}
}


/* 2-2-7. Background [bg-***] */


/* 2-3. State [is-***]
-------------------------------------------------- */
.is-open{
	display: block;
}
.is-close{
	display: none;
}
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.45;
}
.is-active{

}
.is-fadein{
	animation: fade-in 0.5s ease;
	visibility: visible;
	-webkit-backface-visibility: hidden;
}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}


/* 2-3-2. rollover [rollover-***] */
.rollover{
	text-decoration: none;
	transition: all 0.3s;
}
.rollover:hover{
	text-decoration: none;
}


/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */
.is-overlay{
	z-index: 10;
}


/* 2-5. Project
-------------------------------------------------- */

/* 2-5. animation
-------------------------------------------------- */
@media screen and (min-width: 1024px){
	.l-header{
		/*top: -30px;*/
		animation-name: load__l-header;
		animation-duration: 0.6s;
		animation-delay: 0;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
	}
	.l-container{
		animation-name: load__l-container;
		animation-duration: 0.6s;
		animation-delay: 0;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
	}
	.wrp-container{
		animation-name: load__wrp-container;
		animation-duration: 0.6s;
		animation-delay: 0;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
	}
	.noloadanime .l-header,
	.noloadanime .l-container,
	.noloadanime .wrp-container{
		animation-name: none;
	}
}
@media print{
	.l-header{
		animation-name: none;
	}
	.l-container{
		animation-name: none;
	}
	.wrp-container{
		animation-name: none;
	}
	.noloadanime .l-header,
	.noloadanime .l-container,
	.noloadanime .wrp-container{
		animation-name: none;
	}
}
@keyframes load__l-header {
	0% {
		top: -30px;
		opacity: 0.5;
	}
	100% {
		top: 0px;
		opacity: 1;
	}
}
@keyframes load__l-container {
	0% {
		padding-top: 1px;
		opacity: 0.5;
	}
	100% {
		/*padding-top: 71px;*/
		opacity: 1;
	}
}
@keyframes load__wrp-container {
	0% {
		margin-top: -15px;
		opacity: 0.5;
	}
	100% {
		margin-top: 0;
		opacity: 1;
	}
}


/* 2-6. cookie box
-------------------------------------------------- */
.cookie-box{
	position: fixed;
	bottom: -100px;
	right: 10px;
	display: none;
	width: 495px;
	background: #ffffff;
	border-radius: 10px;
	padding: 35px 40px;
	box-sizing: border-box;
	text-align: center;
	opacity: 0;
	box-shadow:0px 0px 8px -1px #666666;
	z-index: 1000;
}
.cookie-box p{
	text-align: left;
}
.cookie-box button{
	display: inline-block;
	margin: 20px auto 0;
	padding: 8px 18px 7px;
	font-size: 16px;
	text-align: center;
	background: #6a6a6a;
	border-radius: 3px;
	color: #ffffff;
}

@media only screen and (max-width : 767px){
	.cookie-box{
		width: 95%;
	}
}


/* bxslider
-------------------------------------------------- */
@media screen and (min-width: 768px), print{
	.bx-wrapper{
		margin: 0 auto;
		position: relative;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #dddddd;
		text-indent: -9999px;
		display: block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #ff9900;
	}
	.bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
		color: #666;
		padding-top: 20px;
	}
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: -30px;
		width: 100%;
	}
	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
	}
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 0;
		display: block;
		outline: 0;
		width: 30px;
		height: 96px;
		z-index: 100;
		background: #333333;
		color: #ffffff;
	}
	.bx-wrapper .bx-controls-direction a i{
		display: block;
		width: 30px;
		height: 106px;
		text-align: center;
		line-height: 106px;
	}
	.bx-wrapper .bx-prev {
		left: -40px;
	}
	.bx-wrapper .bx-next {
		right: -40px;
	}
}
@media only screen and (max-width : 767px){
	.bx-wrapper{
		margin: 0 auto;
		position: relative;
	}
	.bx-controls{
		position: relative;
		padding:0 0 20px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #dddddd;
		text-indent: -9999px;
		display: block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #ff9900;
	}
	.bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
		color: #666;
		padding-top: 20px;
	}
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		position: absolute;
		top: -15px;
		width: 100%;
	}
	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
	}
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 0;
		display: block;
		outline: 0;
		width: 40px;
		height: 20px;
		z-index: 100;
		background: #333333;
		color: #ffffff;
	}
	.bx-wrapper .bx-controls-direction a i{
		display: block;
		width: 40px;
		height: 20px;
		text-align: center;
		line-height: 20px;
	}
	.bx-wrapper .bx-controls-direction a i:before{
		font-size: 10px;
	}
	.bx-wrapper .bx-prev {
		right: 45px;
		bottom: -50px;
	}
	.bx-wrapper .bx-next {
		right: 0;
		bottom: -50px;
	}
}


.index-banner a {
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.index-banner a:hover {
	opacity: 0.6;
}
.index-banner img {
	max-width: 100%;
	height: auto;
}

.special-index{
	padding: 40px 0 40px;
	margin: 0;
}
.special-index > div{
	background: #fff;
	margin-bottom: 18px;
	padding: 0;
	overflow: hidden;
}
.special-index .wrp-grid{
	margin: 0;
}
.special-index .wrp-grid > div{
	padding: 0;
}
@media screen and (min-width: 768px), print{
	.special-index > div:nth-of-type(2n+1){
		clear: both;
	}
}
.special-index img{
	display: block;
}
.special-index a{
	display: block;
}
.special-index a div{
	overflow: hidden;
}
.special-index a div{
	overflow: hidden;
}
.special-index-txt h3{
	padding: 30px 18px 0;
	font-weight: bold;
	font-size: 16px;
}
.special-index-txt p{
	padding: 16px 18px 16px;
	font-size: 14px;
}
.special-index_tokushu{
	width: 100%;
	min-height: 698px;
	background: url(/resource/img/special_index_img_tokushu.jpg) center center no-repeat;
	background-size: cover;
}
@media print{
	.special-index_tokushu{
		background: none;
	}
}
.special-index_tokushu > div{
	width: 1170px;
	height: 698px;
	margin: 0 auto;
	position: relative;
}
.special-index_tokushu > div > div{
	position: absolute;
	left: 0;
	bottom: 150px;
	z-index: 100;
	width: 28%;
}
.special-index_tokushu p{
	position: absolute;
	left: 40px;
	bottom: 35px;
	z-index: 100;
}
.special-index_tokushu a{
	display: inline-block;
	padding: 7px 15px 7px 15px;
	border: 1px solid #fff;
	border-radius: 0;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	color: #fff;
	text-decoration: none;
}
.special-index_tokushu a:hover{
	background: #fff;
	color: #000;
}
/* .special-index_tokushu-sp{
	display: none;
} */
@media only screen and (max-width : 767px){
	.special-index{
		padding: 0 0;
		margin: 0;
	}
	.special-index-txt h3{
		padding: 15px 10px 0;
	}
	.special-index-txt p{
		padding: 10px 10px 15px;
		font-size: 14px;
	}
	 .special-index_tokushu{
		/* display: none; */
    /* display: block; */
    background: url(/resource/img/index/index_bg_cm_sp.jpg) center no-repeat scroll;
    background-size: cover;
    width: 100%;
    min-height: 320px!important;
    position: relative;
	}

 .special-index_tokushu > div{
width: 100%;
    height: 100%;
    position: static;
}
.special-index_tokushu > div > div{
    position: inherit;
    left: inherit;
    bottom: inherit;
}
	.special-index_tokushu img {
    max-width: 43%;
    position: absolute;
    bottom: 60px;
    left: 12px;
}
.special-index_tokushu p{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	width: 90%;
	margin: auto;
	text-align: center;
}
.special-index_tokushu a{
	display: block;
	/* width: 100%; */
}

	/*.special-index_tokushu-sp{
		display: block;
		background: url(/resource/img/index/index_bg_cm_sp.jpg) center no-repeat scroll;
		background-size: cover;
		width: 100%;
		min-height: 320px;
		position: relative;
	} */
	/* .special-index_tokushu-txt{
		padding: 10px 0 0;
	}
	.special-index_tokushu-txt img{
		max-width:100%;
		height: auto;
	}
	.special-index_tokushu-btn{
		width: 100%;
		position: absolute;
		bottom: 10px;
		left: 0;
	}
	.special-index_tokushu-btn a{
		display: block;
	}
	.special-index_tokushu-btn a span{
		display: block;
		margin: 0 10px;
		width: auto;
		height: 55px;
		position: relative;
		background: #b2ff59;
		-webkit-animation: btnEffect 3s infinite;
		animation: btnEffect 3s infinite;
	}
	.special-index_tokushu-btn a:hover span{
		background: #b2ff59;
	}
	.special-index_tokushu-btn .special-index_tokushu-btn01{
		width: 55px;
		height: auto;
		position: absolute;
		bottom: 4px;
		left: 3px;
	}
	.special-index_tokushu-btn .special-index_tokushu-btn02{
		width: 225px;
		height: auto;
		position: absolute;
		top: 19px;
		right: 10px;
	}
} */



