@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url(//fonts.googleapis.com/css?family=Fjalla+One);

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

Table of Contents (common css)

--------------------------------------------------

0. Foundation

	 0-1. Reset

	 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-navGlobal

	 1-6. page-header

	 1-7. layoutType

2. Object

	 2-1. Component a.k.a Module

				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. Panel    [pnl-***]

				2-1-15. Media    [mda-***]

				2-1-16. 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. CSS Animation [act-***]

				2-2-6. WebFont

	 2-3. State [is-***]

	 2-4. OverLayerConfig [z-index]

	 2-5. Project



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



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

 [0. Foundation]

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



/* 0-1. Reset

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

html{

	font-family: sans-serif;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}

body{

	margin: 0;

	padding: 0;

}

a{

	background: transparent;

}

a:focus{

	outline: thin dotted;

}

a:active,

a:hover{

	outline-width: 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: transparent;

	outline: none;

}

audio,canvas,progress,video{

	display: inline-block;

}

audio:not([controls]){

	display: none;

	height: 0;

}

progress{

	vertical-align: baseline;

}

template,

[hidden]{

	display: none;

}

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,sup{

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

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: auto;

	padding: 2px 5px;

}

textarea{

	border: 1px solid #dad7d3;

	height: 78px;

	/*	resize: none;*/

}

button,label{

	background: 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%;

}

html.wf-active{

}

body{

	font-family:"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Arial, "ＭＳ ゴシック", "MS Gothic", monospace, "Osaka－等幅", "Osaka-mono", sans-serif;

}

@media only screen and (min-width:768px){

	body{

		font-feature-settings : "palt";

		font-family: "Noto Sans Japanese";

	}

}

html,body{

	width: 100%;

	height: 100%;

}

h1,h2,h3,h4,h5,h6{

	font-size: 100%;

	font-weight: bold;

}

table{

	width: 100%;

}

input,textarea,button{

	font-family:"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Arial, "ＭＳ ゴシック", "MS Gothic", monospace, "Osaka－等幅", "Osaka-mono", sans-serif;

	font-size: 100%;

}

@media only screen and (min-width:768px){

	input,textarea,button{

		font-family: "Noto Sans Japanese";

	}

}

strong{

	font-weight: bold;

}

em{

	font-weight: bold;

}

sup{

	vertical-align: 0.6em;

	font-size: 70%;

}





/* 0-3. Config

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

body{

	font-size: 16px;

	color: #222;

	background: #fff;

	min-height: 100%;

}

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

	body {

		font-size: 14px;

	}

}

a{

	color: #222;

	text-decoration: none;

}

a:focus {

	outline: none;

}

h1,h2,h3,h4,h5,h6{

	line-height: 1.4;

}

p{

	line-height: 1.8;

}

dt,dd,li,

th,td,

input,

textarea,

button{

	line-height: 1.6;

}

input{

	box-sizing: border-box;

}

select{

	display: block;

}

textarea{

	width: 100%;

	display: block;

	font-size: 16px;

	box-sizing: border-box;

}





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

 [1. Layout]

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

/* 1-1. #l-document

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

#l-document{

	position: relative;

}

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

	#l-document{

	}

}



/* 1-2. #l-header

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

.header{

	padding: 45px 0 45px 65px;

}

.header__dropdown{

	display: table;

	width: 100%;

}

.header__dropdown__title,

.header__dropdown__inner{

	display: table-cell;

	vertical-align: middle;

}

.header__dropdown__title{

	font-size: 15px;

	width: 150px;

}

.header__dropdown__title a{

	color: #fff;

	padding: 4px 10px;

	font-size: 14px;

	font-weight: 500;

	background: #0e2e92;

	text-align: center;

}

.header__dropdown__title span:last-child{

	display: none;

}

.header__nav{

	overflow: hidden;

}

.header__nav li{

	display: inline-block;

	float: left;

	margin-left: 12px;

	padding: 5px 10px;

	opacity: 0;

	font-size: 14px;

	font-weight: 500;

}

.is-first-load .header__nav li {

	-webkit-animation: fadeDown 1s ease both;

	animation: fadeDown 1s ease both;

}

.is-first-load .header__nav li:nth-child(2) {

	animation-delay: 0.2s;

}

.is-first-load .header__nav li:nth-child(3) {

	animation-delay: 0.3s;

}

.is-first-load .header__nav li:nth-child(4) {

	animation-delay: 0.4s;

}

.is-first-load .header__nav li:nth-child(5) {

	animation-delay: 0.5s;

}

@-webkit-keyframes fadeDown {

	from {

		opacity: 0;

		transform: translate3d(0, -20%, 0);

	}

	to {

		opacity: 1;

		transform: translate3d(0, 0, 0);

	}

}

@keyframes fadeDown {

	from {

		opacity: 0;

		transform: translate3d(0, -20%, 0);

	}

	to {

		opacity: 1;

		transform: translate3d(0, 0, 0);

	}

}

.is-after-load .header__nav li {

	-webkit-animation: fadeIn 1s ease both;

	animation: fadeIn 1s ease both;

}

@-webkit-keyframes fadeIn {

	from {

		opacity: 0;

	}

	to {

		opacity: 1;

	}

}

@keyframes fadeIn {

	from {

		opacity: 0;

	}

	to {

		opacity: 1;

	}

}

.header__nav li a{

	display: block;

	position: relative;

	font-size: 14px;

	font-weight: 500;

}

.header__nav li.is-current a:before,

.header__nav li a:hover:before{

	width: 100%;

}

.header__nav li a:before{

	content: "";

	background: #0e2e92;

	height: 2px;

	left: 0;

	right: 0;

	width: 0;

	max-width: 100%;

	position: absolute;

	bottom: -3px;

	transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);

}

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

	.header{

		padding: 12px 0;

		background: #f5f5f5;

		margin-bottom: 18px;

		position: relative;

		z-index: 300;

	}

	.header.is-opened{

		padding: 12px 0 40px;

	}

	.header__dropdown__title{

		width: 100%;

		font-size: 11px;

	}

	.header__dropdown__title span{

		padding: 3px 9px;

	}

	.header__dropdown__title span:last-child{

		display: inline-block;

		background: none;

		color: #222;

		font-size: 15px;

		font-weight: bold;

		line-height: 1.3333;

		vertical-align: middle;

	}

	.header__dropdown__title{

		display: block;

	}

	.header__dropdown__inner{

		display: none;

	}

	.header__dropdown__title:after{

		content: '\e905';

		display: block;

		position: absolute;

		right: 35px;

		top: 15px;

		font-family: "sekisui";

		font-style: normal;

		font-weight: normal;

		height: 1em;

		vertical-align: top;

		width: 1em;

		font-size: 28px;

		color: #0e2e92;

		transform: rotate(-90deg);

	}

	.is-opened .header__dropdown__inner{

		background: #f5f5f5;

	}

	.header__nav li{

		display: block;

		float: none;

		text-align: center;

		border-bottom: 1px solid #ccc;

		padding: 0;

		margin-left: 0;

	}

	.header__nav li a{

		padding: 16px;

		font-size: 15px;

	}

	.header__nav li.is-current a:before,

	.header__nav li a:hover:before{

		content: none;

	}

	.header__nav li a span{

		display: inline-block;

		position: relative;

	}

	.header__nav li.is-current a span:before{

		content: "";

		height: 2px;

		background: #0e2e92;

		left: 0;

		right: 0;

		margin: auto;

		position: absolute;

		bottom: -16px;

	}

	.is-opened .header__dropdown__title:after{

		transform: rotate(90deg);

		right: 10px;

	}

}

@media only screen and (min-width:768px) and (max-width:1240px){

	.header {

		padding: 45px 0 45px 20px;

	}

}

@media only screen and (min-width:768px) and (max-width:1000px){

	.header {

		font-size: 12px;

	}

	.header__nav li{

		margin-left: 8px;

		padding: 5px 5px;

	}

	.header__dropdown__title span {

		font-size: 14px;

	}

}

@media only screen and (min-width:768px){

	.header__dropdown__inner{

		display: block !important;

	}

}



/* icon */

.icon__area .icon__header {

	position: absolute;

	top: 10px;

	right: 10px;

	z-index: 50;

}

.icon__area .icon__header > li {

	float: left;

	width: 46px;

	height: 46px;

	text-align: center;

}

.icon__area .icon__header > li > a {

	display: block;

	box-sizing: border-box;

	padding: 16px 0;

	z-index: 50;

	position: relative;

}

.icon__area .icon__header > li:first-child > a {

	border: none;

}

.icon__area .icon_open__container {

	width: 100%;

	padding-left: 180px;

	box-sizing: border-box;

	background: url(/csr/assets/img/bg_menu.png);

	position: fixed;

	top: 0;

	right: -101%;

	min-height: 760px;

	overflow-y: auto;

	z-index: 40;

	transition: right 600ms ease;

	-webkit-transition: right 600ms ease;

}

.icon__area .icon_open__container.is--open {

	right: 0;

}

.icon__area .icon__header.is--open {

	position: fixed;

}

.icon__area .icon_open__close_btn {

	position: absolute;

	top: 24px;

	left: 210px;

}



/* search */

.icon__area .search__container {

}

.icon__area .search__container .search__inner {

	position: absolute;

	top: 58px;

	right: 92px;

}

.icon__area .search__container input {

	display: table-cell;

	vertical-align: middle;

	width: 428px;

	height: 48px;

	background-color: #fff;

	border: none;

	box-sizing: border-box;

	padding: 0 25px 0 65px;

	font-size: 14px;

	line-height: 1;

	border-radius: 0;

}

.icon__area .search__container .search__icon {

	position: absolute;

	top: 12px;

	left: 15px;

}



/* language */

.icon__area .language__container ul {

	position: absolute;

	top: 58px;

	right: 25px;

}

.icon__area .language__container ul li {

	float: left;

	margin-left: 25px;

	padding-left: 25px;

	border-left: 1px solid #0e3092;

}

.icon__area .language__container ul li:first-child {

	margin-left: 0;

	padding-left: 0;

	border-left: none;

}

.icon__area .language__container ul li a {

	font-size: 16px;

	font-weight: bold;

	color: #0e3092;

	line-height: 1;

}



/* rss */

.icon__area .rss__container {

	padding: 85px 0 0 0

}

.icon__area .rss__container .rss__inner {

	margin-left: 180px;

	padding-left: 2%

}

.icon__area .rss__container .rss__ttl {

	text-align: left;

}

.icon__area .rss__container ul {

	margin-top: 40px;

}

.icon__area .rss__container ul li {

	text-align: left;

}

.icon__area .rss__container ul li a {

	font-size: 16px;

	font-weight: bold;

	color: #3d3d3d;

	line-height: 2.25;

}



.ie9 .header__nav li {

	opacity: 1;

}



/* modal sitemap */

@media only screen and (min-width:768px) {

	.bg-modal-sitemap{

		width: 100%;

		height: 100%;

		background: #000;

		opacity: 0.8;

		position: absolute;

		z-index: 300;

		top: 0;

	}

	.modal-sitemap{

		display: none;

		position: fixed;

		top: 0;

		left: 0;

		z-index: 400;

		padding: 130px 70px!important;

	}

	.modal-sitemap ul{

		overflow-y: scroll!important;

	}

	.modal-sitemap li a:hover,

	.modal-sitemap li a:hover span{

		text-decoration: underline;

	}

	.modal-sitemap .modal-close{

		position: absolute;

		top: 50px;

		right: 70px;

		cursor: pointer;

	}

}

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

	.bg-modal-sitemap,

	.modal-sitemap{

		display: none!important;

	}

}

@media print{

	.modal-sitemap{

		display: none;

	}

}



/* 1-3. #l-container

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

#l-container {

	margin-left: 180px;

	position: relative;

}

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

	#l-container{

		margin: 0;

	}

	.bg-modal{

		width: 100%;

		height: 100%;

		background: #000;

		opacity: 0.8;

		position: absolute;

		z-index: 300;

		top: 0;

	}

}

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

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

#l-main {

	display: block;

}

/* 1-3-2. #l-sub

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

/* 1-4. #l-footer

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

.nav-footer{

	background: #f5f5f5;

	text-align: center;

	margin-top: 120px;

}

.nav-footer__inner{

	background: #717681;

}

.nav-footer__link{

	margin: 0 auto;

	font-size: 0;

	display: table;

	width: auto;

}

.nav-footer__link li{

	display: table-cell;

	vertical-align: middle;

}

.nav-footer__link li a{

	display: block;

	padding: 28px 20px;

	color: #fff;

	font-size: 16px;

	position: relative;

	transition: all 0.3s ease;

}

.nav-footer__link li.is-current a,

.nav-footer__link li a:hover {

	background: #f5f5f5;

	color: #222;

	opacity: 1;

}

.nav-footer__sub{

	display: none;

}

.nav-footer__sub__title{

	padding: 90px 0 60px;

	font-size: 30px;

	font-weight: 200;

	border-bottom: 3px solid #ccc;

}

.nav-footer__sub.is-active{

	display: block;

}

.nav-footer__sub__title span{

	display: block;

	position: relative;

}

.nav-footer__sub__title span:before{

	content: "";

	height: 3px;

	position: absolute;

	bottom: -63px;

	background: #0e2e92;

	left: 0;

	right: 0;

	margin: auto;

	width: 160px;

}

.nav-footer__sub__title span:after{

	content: "";

	position: absolute;

	bottom: -68px;

	left: 0;

	right: 0;

	margin: auto;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 5px 5px 0 5px;

	border-color: #0e2e92 transparent transparent transparent;

}

.nav-footer__sub__cat{

	margin-top: 23px;

}

.nav-footer__sub__cat li{

	display: inline-block;

	margin: 0 10px;

}

.nav-footer__sub__cat li a{

	display: block;

	padding: 10px 0 6px;

	position: relative;

	font-size: 14px;

	font-weight: 500;

}

.nav-footer__sub__cat li.is-current a:before,

.nav-footer__sub__cat li a:hover:before{

	width: 100%;

}

.nav-footer__sub__cat li a:before{

	content: '';

	position: absolute;

	width: 0;

	max-width: 100%;

	height: 2px;

	background: #0e2e92;

	bottom: 0;

	left: 0;

	right: 0;

	transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);

}

@media only screen and (min-width:768px) and (max-width:980px){

	.nav-footer__link{

		overflow: hidden;

	}

	.nav-footer__link li a{

		padding: 20px 8px;

		font-size: 15px;

	}

	.nav-footer__sub__title{

		padding: 60px 0 20px;

	}

	.nav-footer__sub__title span:before{

		bottom: -23px;

	}

	.nav-footer__sub__title span:after{

		bottom: -28px;

	}

}

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

	.nav-footer{

		margin-top: 80px;

	}

	.nav-footer__inner{

		overflow-x: scroll;

		-webkit-overflow-x: scroll;

	}

	.nav-footer__sub__title{

		display: none;

	}

	.nav-footer__link li a{

		padding: 20px;

		font-size: 14px;

		font-weight: 500;

		white-space: nowrap;

	}

	.nav-footer__link li a:hover {

		color: #fff;

	}

	.nav-footer__sub__cat li{

		display: block;

		text-align: center;

		border-bottom: 1px solid #ccc;

	}

	.nav-footer__sub__cat li.is-current a{

		border-bottom: 0;

	}

	.nav-footer__sub__cat li.is-current a span{

		position: relative;

	}

	.nav-footer__sub__cat li a {

		padding: 18px 0;

	}

	.nav-footer__sub__cat li a:before {

		display: none;

	}

	.nav-footer__sub__cat li a,

	.nav-footer__sub__cat li a:hover{

		border-bottom: 0;

	}

	.nav-footer__sub__cat li.is-current a span:before{

		content: "";

		height: 1px;

		background: #0e2e92;

		left: 0;

		right: 0;

		margin: auto;

		bottom: -20px;

		position: absolute;

	}

}

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

.footer {

	position: relative;

}

.footer__upper {

	background: #0e3092;

	text-align: center;

	padding: 25px 0 20px;

}

.footer__upper img {

	margin: 0 auto

}

.footer__middle {

	background: #e9ecf3;

}

.footer__middle__inner {

	max-width: 1093px;

	padding: 25px 20px 33px;

	margin: 0 auto;

}

.footer__middle__link {

	display: none;

}

.footer__middle__list {

	font-size: 0;

}

.footer__middle__list > li {

	display: inline-block;

	width: 20%;

	padding-right: 20px;

	box-sizing: border-box;

}

.footer__middle__title {

	font-size: 12px;

	font-weight: bold;

	border-bottom: 1px solid #0e3092;

	padding-left: 10px;

	margin-top: 15px;

	margin-bottom: 7px;

	padding-bottom: 2px;

}

.footer__middle__list ul li {

	font-size: 12px;

	position: relative;

	padding-left: 10px;

	line-height: 1.833;

}

.is--notouch .footer__middle__list ul li a:hover {

	opacity: 1;

	text-decoration: underline;

}

.footer__middle__list ul li:before {

	content: '';

	display: block;

	position: absolute;

	border: 3px solid transparent;

	border-left: 3px solid #0e3092;

	top: 7px;

	left: 0;

}

.footer__sitelogo {

	margin-top: 47px;

	text-align: center;

}

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

.footer__lower {

	background: #0e3092;

	position: relative;

	z-index: 200;

	height: 28px;

}

.footer__lower__inner {

	padding: 0 20px;

	margin: 0 auto;

	padding-top: 7px;

}

.footer__lower ul {

	float: left;

}

.footer__lower ul li {

	float: left;

	border-left: 1px solid #fff;

	padding-left: 8px;

	margin-left: 8px;

	line-height: 10px;

}

.footer__lower ul li:first-child {

	border: none;

	padding: 0;

	margin: 0;

}

.footer__lower ul li a {

	font-size: 10px;

	color: #fff;

}

.footer__lower ul li a:link,

.footer__lower ul li a:visited ,

.footer__lower ul li a:active {

	color: #fff;

}

.footer__copyright {

	font-family: 'Roboto Condensed',sans-serif;

	color: #fff;

	float: right;

	font-size: 10px;

	letter-spacing: 0.1em;

}



.sitemap.is-visiblePc p{

	font-size: 14px;

}



@media only screen and (min-width:1px) and (max-width:959px) {

	.footer__upper img {

		width: 260px;

		margin: 0 auto;

	}

	.footer__lower {

		height: auto;

	}

	.footer__lower__inner {

		padding: 0;

	}

	.footer__lower ul {

		position: static;

		padding-top: 9px;

		margin: 0 auto;

		width: 300px;

		text-align: center;

		float: none;

	}

	.footer__lower ul li {

		float: none;

		display: inline-block;

		font-size: 10px;

		margin-bottom: 5px;

		letter-spacing: -0.06em;

	}

	.footer__lower ul li.is--noborder {

		border: none;

		margin-left: 0;

		padding-left: 0;

	}

	.footer__copyright {

		float: none;

		text-align: center;

	}

	.footer__lower .footer__copyright img {

		display: none;

	}

}

@media only screen and (min-width:768px) and (max-width:959px){

	.footer__upper {

		height: 72px;

	}

	.footer__upper img {



		width: 325px;

		height: auto;

	}

	.footer__sitelogo img {

		width: 262px;

	}

}

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

.pagetop {

	position: absolute;

	bottom: 0;

	right: 70px;

	left: 0;

	z-index: 5;

	transition: opacity .3s;

	opacity: 0;

	height: 58px;

	text-align: right;

	pointer-events: none;

}

.pagetop a {

	display: inline-block;

	width: 58px;

	background: url("/csr/assets/img/cmn-btn-pagetop01.png") no-repeat center;

	height: 58px;

	font-size: 0;

	pointer-events: auto;

}

.pagetop.is-show {

	opacity: 1;

}

.pagetop.is-fixed {

	position: fixed;

	bottom: 0;

}

.sitemap.is-visiblePc {

    position: absolute;

    bottom: 0;

    right: 130px;

    padding: 10px;

    box-sizing: border-box;

}

.sitemap.is-visiblePc.is-show {

	opacity: 1;

}

.sitemap.is-visiblePc.is-fixed {

	position: fixed;

	bottom: 0;

}

.sitemap.is-visiblePc p{

	line-height: 1.3;

	padding: 15px 10px;

    color: #fff;

    text-align: center;

    box-sizing: border-box;

    font-weight: 500;

    display: block;

    background-color: #009DA5;

    cursor: pointer;

}

.btn-sitemap{

	-webkit-transition: opacity .5s;

    transition: opacity .5s;

}

.pagetop:hover,

.btn-sitemap:hover{

	opacity: 0.7;

}

@media only screen and (min-width:1px) and (max-width:1299px) {

	.pagetop {

		bottom: 0;

		right: 0;

		height: 25px;

	}

	.pagetop a {

		background: url("/csr/assets/img/cmn-btn-pagetop01-sp.png") no-repeat center;

		background-size: 37px auto;

		width: 37px;

		height: 25px;

		font-size: 0;

	}

	.sitemap.is-visiblePc {

		bottom: 0;

		right: 58px;

		padding: 5px;

	}

	.sitemap.is-visiblePc p{

		padding: 8px 10px;

	}

}

@media only screen and (min-width:1px) and (max-width:1299px) {

	.footer__middle__list {

		margin: 0 -10px;

	}

	.footer__middle__list > li {

		padding: 0 10px;

		box-sizing: border-box;

	}

}

@media only screen and (min-width:1px) and (max-width:959px) {

	.footer__upper {

		padding: 16px 0;

		box-sizing: border-box;

	}

	.footer__middle__inner {

		width: 100%;

		padding: 4px 1px 0;

		box-sizing: border-box;

	}

	.footer__middle__link {

		display: block;

	}

	.footer__middle__link li {

		float: left;

		padding: 0 2px;

		width: 33.33333333333%;

		box-sizing: border-box;

		margin-bottom: 4px;

	}

	.footer__middle__link li a {

		display: block;

		border: 1px solid #919cc4;

		font-size: 12px;

		color: #636363;

		text-align: center;

		height: 50px;

		line-height: 50px;

		font-weight: bold;

	}

	.footer__middle__list {

		display: none;

	}

	.footer__sitelogo {

		margin: 0;

		padding: 27px 0;

	}

	.footer__sitelogo img {

		width: 163px;

		height: auto;

	}

}

/* 1-5. #navGlobal

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

/* 1-6. layoutType

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

.box-heading {

	padding: 0 0 10px 70px;

	margin: 0 0 55px;

	border-bottom: 1px solid #ccc;

}

@media only screen and (min-width:768px) and (max-width:1240px){

	.box-heading {

		padding: 0 20px 10px;

		max-width: 1000px;

		margin: 0 auto 55px;

	}

}

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

	.box-heading {

		padding: 0 20px 5px;

		margin-bottom: 35px;

	}

}



.box-content {

	overflow: hidden;

}





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

 [2. Object]

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

/* 2-1. Component a.k.a Module

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

/*2-1-1.  Wrap     [wrp-***]

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

.wrp-container {

	width: 100%;

	padding: 0 70px;

	margin: 0 auto;

	box-sizing: border-box;

}



.wrp-text {

	margin-bottom: 115px;

}

.wrp-text p + p {

	margin-top: 35px;

}

.wrp-text p + .wrp-text__button {

	margin-top: 20px;

}

.wrp-text__button .box-button,

.wrp-text__button .btn {

	margin-right: 20px;

}

.wrp-text .box-picture {

	margin-top: 40px;

}

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

	.wrp-container {

		padding: 0 20px;

	}

	.wrp-text {

		margin-bottom: 55px;

	}

	.wrp-text__button .box-button,

	.wrp-text__button .btn{

		width: 100%;

		margin: 0 0 10px;

	}

	.wrp-text__button .btn {

		max-width: none;

	}

	.wrp-text p + p {

		margin-top: 15px;

	}

	.wrp-text .box-picture {

		margin-top: 15px;

	}

	.wrp-text--xs {

		margin-bottom: 40px;

	}

}



.wrp-text--xs {

	margin-bottom: 50px;

}

.wrp-text--xs .box-table {

	margin-bottom: 0;

}



.wrp-text--sm {

	margin-bottom: 60px;

}

.wrp-text--sm p + p {

	margin-top: 10px;

}

.wrp-text--sm p + .wrp-text__button {

	margin-top: 25px;

}

.wrp-text--sm p+ .hdg-lv4 {

	margin-top: 20px;

}

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

	.wrp-text--sm {

		margin-bottom: 40px;

	}

	.wrp-text--sm p + .wrp-text__button {

		margin-top: 15px;

	}

	.wrp-text--sm .hdg-lv4 {

		margin-bottom: 10px;

	}

	.wrp-text--sm p+ .hdg-lv4 {

		margin-top: 10px;

	}

}



.wrp-text--md {

	margin-bottom: 30px;

}

.wrp-text--md p + p {

	margin-top: 30px;

}

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

	.wrp-text--md {

		margin-bottom: 10px;

	}

	.wrp-text--md p + p {

		margin-top: 20px;

	}

}



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

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

.box-lead{

	border-top: 2px solid #0e2e92;

	border-bottom: 2px solid #0e2e92;

	box-sizing: border-box;

	padding: 44px 55px 53px;

	margin-bottom: 114px;

}

.box-lead p{

	font-size: 18px;

	line-height: 1.83;

}

.box-lead .txt-note{

	font-size: 12px;

	margin-top: 10px;

}

.box {

	background-color: #fff;

	border: 1px solid #ccc;

}

.wrp-images{

	margin: 25px 0;

}



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

	.box-lead {

		border-top: 1px solid #0e2e92;

		border-bottom: 1px solid #0e2e92;

		box-sizing: border-box;

		padding: 28px 0px 28px;

		margin-bottom: 40px;

	}

	.box-lead p{

		font-size: 14px;

	}

	.wrp-images{

		margin: 15px 0;

	}

}

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

.box-media {

	display: table;

	width: 100%;

	margin: 20px 0 130px;

}

.box-media__image {

	text-align: center;

	display: table-cell;

	width: 40%;

	vertical-align: top;

	padding-top: 7px;

}

.box-media__text {

	display: table-cell;

	vertical-align: top;

}

.box-media__text p.txt-signature {

	letter-spacing: 0;

	line-height: 23px;

}

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

	.box-media {

		margin: 20px 0 55px;

	}

	.box-media__image {

		display: block;

		width: 100%;

		margin-bottom: 25px;

		padding-top: 0;

	}

	.box-media__text{

		display: block;

		width: 100%;

		padding-right: 0;

	}

	.box-media__text p {

		font-size: 14px;

		line-height: 23px;

		letter-spacing: 0.015em;

		margin-bottom: 25px;

	}

	.box-media__text p.txt-signature {

		font-size: 12px;

		letter-spacing: 0.015em;

		line-height: 17px;

	}

	.box-media__title {

		font-size: 16px;

		margin-bottom: 10px;

	}

}

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

.box-cm {

	margin: 20px 0 55px;

}

.box-cm__inner {

	display: table;

	width: 100%;

}

.box-cm__content {

	display: table-cell;

	vertical-align: top;

	padding-right: 140px;

}

.box-cm__image {

	display: table-cell;

	vertical-align: top;

	text-align: center;

	width: 31%;

	padding-top: 5px;

}

.box-cm__image img {

	width: 100%;

}

.box-cm__content__text {

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 20px;

}

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

	.box-cm{

		margin: 20px 0 34px;

	}

	.box-cm__content {

		display: block;

		padding-right: 0;

		margin-bottom: 15px;

	}

	.box-cm__image {

		display: block;

		width: 100%;

	}

	.box-cm__content__text {

		font-size: 14px;

		line-height: 23px;

		margin-bottom: 17px;

	}

}

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

.box-article {

	padding: 50px 50px 30px;

}

.box-article__inner {

	display: table;

	width: 100%;

	border-bottom: 1px solid #ccc;

	padding-bottom: 30px;

}

.box-article__image {

	display: table-cell;

	vertical-align: top;

	width: 30%;

	text-align: center;

	font-size: 0;

}

.box-article__image img {

	width: 100%;

}

.box-article__content {

	display: table-cell;

	vertical-align: top;

	padding-left: 60px;

}

.box-article__content p {

	letter-spacing: 0.06em;

}

.box-article__content p + p{

	margin-top: 15px;

}

.box-article__content p.txt-note {

	font-size: 12px;

	line-height: 20px;

}

.box-article__button {

	text-align: center;

	margin-top: 30px;

}

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

	.box-article {

		padding: 20px;

	}

	.box-article__inner {

		border-bottom: 0;

		padding-bottom: 0;

	}

	.box-article__image {

		display: block;

		width: 100%;

		margin-bottom: 15px;

	}

	.box-article__image img {

		width: 114px;

	}

	.box-article__content {

		display: block;

		width: 100%;

		padding-left: 0;

	}

	.box-article__content p {

		font-size: 14px;

		line-height: 23px;

		letter-spacing: 0.015em;

	}

	.box-article__content p + p{

		margin-top: 10px;

	}

	.box-article__content p.txt-note {

		font-size: 10px;

		line-height: 15px;

	}

	.box-article__content p + .box-article__link {

		margin-top: 30px;

	}

	.box-article__button {

		margin-top: 35px;

	}

}

.box-agree {

	text-align: center;

	border-top: 1px solid #ccc;

	padding: 55px 0 0;

}

.box-agree__button {

	margin-top: 25px;

}

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

	.box-agree {

		padding: 25px 0 0;

	}

	.box-agree__button {

		margin-top: 15px;

	}

}

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

.box-revision {

	margin-bottom: 23px;

}

.box-revision p {

	font-size: 14px;

	line-height: 23px;

}

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

	.box-revision {

		margin-bottom: 15px;

	}

	.box-revision p {

		font-size: 12px;

		line-height: 17px;

	}

}

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

.box-more {

	text-align: center;

	padding: 55px 20px 0;

	border-top: 1px solid #ccc;

	margin-top: 100px;

}

.box-more__text {

	margin-bottom: 22px;

}

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

	.box-more {

		margin-top: 60px;

		padding: 35px 20px 0;

	}

	.box-more__text {

		margin-bottom: 10px;

	}

}



/*2-1-3.  Table    [tbl-***]

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

.box-table {

	overflow: auto;

}

.tbl-base{

	border: 1px solid #ccc;

	min-width: 500px;

}



.tbl-base tr:last-child th{

	border-bottom: 0;

}



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

.tbl-base02{

	font-size: 14px;

	border: 1px solid #ccc;

	margin-bottom: 12px;

}

.tbl-base02 td,

.tbl-base02 th{

	vertical-align: middle;

}

.tbl-base02 thead th,

.tbl-base02 thead td{

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	background: #717681;

	font-weight: normal;

	color: #fff;

	padding: 13px 20px;;

	box-sizing: border-box;

	display: table-cell;

	vertical-align: middle;

}

.tbl-base02 thead td{

	background: #dbdce0;

	color: #000;

}

.tbl-base02 tbody tr th{

	background: #f5f5f5;

	font-weight: 500;

	padding: 18px 20px;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	box-sizing: border-box;

	width: 290px;

}

.tbl-base02 tbody tr td{

	padding: 20px;

	box-sizing: border-box;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

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

	.tbl-base02 {

		margin-top: 9px;

		margin-bottom: 0;

		font-size: 10px;

		margin-top: 0;

	}

	.tbl-base02 thead th{

		padding: 3px 10px 5px 10px;

	}

	.tbl-base02 tbody tr th{

		line-height: 1.5;

		font-size: 10px;

		padding: 3px 10px 5px 10px;

	}

	.tbl-base02 tbody tr td{

		padding: 3px 10px 5px 15px;

	}

	.tbl-base02 tbody td,

	.tbl-base02 tbody th{

		vertical-align: middle;

	}

	.tbl-base02 tbody tr td p{

		font-size: 10px;

		line-height: 1.5;

		margin-bottom: 0;

	}

}

.box-table::-webkit-scrollbar-track,

.box-table--sm::-webkit-scrollbar-track,

.box-time .wrp-container::webkit-scrollbar-track {

	border-radius: 6px;

	background-color: transparent;

}



.box-table::-webkit-scrollbar,

.box-table--sm::-webkit-scrollbar,

.box-time .wrp-container::-webkit-scrollbar {

	width: 15px;

	height: 10px;

	background-color: transparent;

}



.box-table::-webkit-scrollbar-thumb,

.box-table--sm::-webkit-scrollbar-thumb,

.box-time .wrp-container::-webkit-scrollbar-thumb {

	border-radius: 6px;

	background-color: #ccc;

}

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

	.box-table::-webkit-scrollbar,

	.box-table--sm::-webkit-scrollbar,

	.box-time .wrp-container::-webkit-scrollbar

	{

		height: 7px;

		background-color: transparent;

	}

}





/*2-1-4.  Headings [hdg_lv*]

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

.hdg-lv1{

	font-size: 36px;

	line-height: 1.34;

}

.hdg-lv2{

	font-size: 28px;

	letter-spacing: 0.06em;

	margin-bottom: 50px;

}

.hdg-lv2 small{

	font-size: 14px;

	display: block;

	letter-spacing: 0;

}

.hdg-lv3{

	font-size: 18px;

	font-weight: bold;

	color: #0e2e92;

	display: block;

	background: #edeff0;

	text-align: left;

	vertical-align: middle;

	border-left: 5px solid #0e2e92;

	box-sizing: border-box;

	padding: 14px 0 14px 17px;

	margin-bottom: 25px;

}

.hdg-lv4 {

	font-size: 18px;

	margin: 0 0 20px;

}

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

	.hdg-lv1{

		font-size: 20px;

	}

	.hdg-lv2{

		font-size: 18px;

		margin-bottom: 32px;

	}

	.hdg-lv3{

		font-size: 15px;

		border-left: 3px solid #0e2e92;

		padding: 8px 12px;

		margin-bottom: 10px;

	}

	.hdg-lv4 {

		font-size: 14px;

		margin: 0 0 15px;

	}

}



/*2-1-5.  Nav      [nav-***]

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

.nav-breadcrumb {

	font-size: 10px;

	text-align: left;

	padding: 15px 0 0;

}

.nav-breadcrumb li {

	display: inline-block;

}

.nav-breadcrumb li a {

	text-decoration: none;

}

.nav-breadcrumb li a:hover {

	text-decoration: underline;

}

.nav-breadcrumb li:after {

	content: "\e904";

	font-family: "sekisui";

	font-style: normal;

	font-weight: normal;

	height: 1em;

	padding: 0 0.6em;

	vertical-align: top;

	width: 1em;

}

.nav-breadcrumb li.is-current::after {

	display: none;

}

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

	.nav-breadcrumb{

		font-size: 7px;

		padding: 18px 0 0;

	}

}

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

.box-link-site{

	position: relative;

	width: auto;

	display: block;

	margin-top: -25px;

	text-align: right;

	z-index: 0;

}

.box-link-site p{

	display: inline-block;

}

.box-link-site p a{

	color: #666;

}

.box-link-site p a .icon {

	color: #0e2e92;

	margin-right: 0.5em;

}

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

	.box-link-site{

		display: none;

	}

}

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

.pc_only {

	display: block !important;

}

.sp_only {

	display: none !important;

}

br.pc_only {

	display: inline-block !important;

}

span.inline-block {

	display: inline-block;

}

a,

.is--a:before {

	transition: opacity 400ms ease;

	-webkit-transition: opacity 400ms ease;

}



a.is--disabled {

	pointer-events: none;

}

.is--a:before {

	content: '';

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 3;

	background-color: #fff;

	opacity: 0;

	filter: alpha(opacity=0);

	-ms-filter: "alpha(opacity=0)";

}

.is--notouch .is--a:hover {

	cursor: pointer;

	filter: alpha(opacity=80);

	-ms-filter: "alpha(opacity=80)";

}

.is--notouch .is--a:hover:before {

	opacity: 0.2;

}

.be--link {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 1px;

	height: 1px;

	overflow: hidden;

	text-indent: -100000%;

}

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

	/*---------- utils ----------*/

	.pc_only {

		display: none !important;

	}

	.sp_only {

		display: block !important;

	}

	br.sp_only {

		display: inline-block !important;

	}

}





/*2-1-6.  List     [lst-***]

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

.box-image{

	display: block;

	overflow: hidden;

	margin-bottom: 63px;

}



.box-image--02{

	margin-top: -26px;

}

.lst-image{

	display: block;

	margin: 14px -15px 0;

}

.lst-image li{

	display: inline-block;

	float: left;

	width: 25%;

	box-sizing: border-box;

	padding: 15px;

	text-align: center;

}

.lst-image__text{

	margin-bottom: 25px;

	display: block;

}



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

	.lst-image{

		margin: 10px -9px 0;

	}

	.lst-image li{

		width: 50%;

		padding: 9px;

	}

	.lst-image__text{

		font-size: 10px;

		margin-bottom: 0;

	}

	.box-image p{

		font-size: 12px;

	}

}



.lst-news li{

	margin-bottom: 5px;

}

.lst-news li a{

	position: relative;

}



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

	.lst-news li a{

		font-size: 12px;

	}

}



.box-message{

	border-top: 2px solid #0e2e92;

	padding-top: 26px;

	overflow: hidden;

}

.box-message__title,

.box-message__content{

	display: inline-block;

	font-size: 0;

	vertical-align: top;

	float: left;

}

.box-message__title{

	width: 17.3%;

	font-size: 18px;

	font-weight: bold;

	color: #0e2e92;

	padding-top: 11px;

}

.box-message__content{

	width: 82.7%;

}

.lst-message li{

	display: inline-block;

	width: 48%;

	margin-right: 2%;

	box-sizing: border-box;

	padding: 15px;

	border-bottom: 1px solid #ccc;

}

.lst-message li:nth-child(2n+1){

	padding-left: 0;

}

.lst-message li:nth-child(2n){

	padding-right: 0;

}



.lst-message li a {

	font-size: 14px;

	position: relative;

}

.lst-message li a:hover{

	text-decoration: underline;

}

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

	.box-message{

		padding-top: 0;

		border-top: 1px solid #0e2e92;

	}

	.box-message__title,

	.box-message__content{

		display: block;

		width: 100%;

	}

	.box-message__title{

		font-size: 14px;

		margin-bottom: 12px;

	}

	.lst-message li{

		display: block;

		width: 100%;

		margin-right: 0;

		padding: 0;

	}

	.lst-message li a{

		font-size: 12px;

		display: block;

	}

}

.box-note__title{

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 16px;

}

.box-note__text{

	font-size: 14px;

}

.lst-note {

	counter-reset: section;

}

.lst-note li:before {

	counter-increment: section;

	content:  counter(section) ". ";

}

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

	.box-note__title{

		font-size: 14px;

	}

	.box-note__text{

		font-size: 12px;

	}

	.lst-note{

		font-size: 12px;

	}

}

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

.lst-volumn {

	margin: 15px 0 5px;

}

.lst-volumn li {

	font-size: 16px;

	line-height: 30px;

	text-indent: -1.9em;

	padding-left: 4em;

}

.lst-volumn li span:first-child {

	display: inline-block;

	padding-right: 13px;

}

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

	.lst-volumn {

		margin: 10px 0;

	}

	.lst-volumn li {

		font-size: 14px;

		line-height: 23px;

	}

	.lst-volumn li span:first-child {

		padding-right: 10px;

	}

}

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

.lst-dealing {

	counter-reset: section;

}

.lst-dealing__title:before {

	counter-increment: section;

	content:  counter(section) ". ";

}

.lst-dealing li {

	display: table;

	width: 100%;

	position: relative;

	border-top: 1px solid #ccc;

	font-size: 16px;

	letter-spacing: 0.06em;

}

.lst-dealing li:before {

	content: "";

	width: 0;

	height: 0;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 9px solid #052d93;

	display: block;

	position: absolute;

	z-index: 1;

	top: -4px;

	left: 0;

	right: 0;

	margin: auto;

}

.lst-dealing li:first-child {

	border-top: 0;

}

.lst-dealing li:first-child:before {

	content: none;

}

.lst-dealing__title {

	display: table-cell;

	vertical-align: top;

	width: 260px;

	padding: 18px 20px 17px 80px;

	box-sizing: border-box;

	font-weight: bold;

}

.lst-dealing__text {

	display: table-cell;

	vertical-align: top;

	padding: 17px;

}

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

	.lst-dealing li {

		font-size: 14px;

		letter-spacing: 0.015em;

	}

	.lst-dealing li:before {

		border-left: 7px solid transparent;

		border-right: 7px solid transparent;

		border-top: 10px solid #052d93;

	}

	.lst-dealing__title {

		display: block;

		width: 100%;

		text-align: center;

		padding: 10px 0 13px;

	}

	.lst-dealing__text {

		display: block;

		width: 100%;

		padding: 0 0 15px;

	}

}

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

.lst-booklet > li {

	margin-bottom: 115px;

}

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

	.lst-booklet {

		margin: 0 -20px;

	}

	.lst-booklet > li {

		padding: 0 20px 40px;

		margin-bottom: 35px;

		border-bottom: 1px solid #f5f5f5;

	}

}

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

.lst-dot {

	margin-top: 5px;

}



.lst-dot li {

	text-indent: -0.5em;

	padding-left: 0.5em;

	position: relative;

}

.lst-dot li:before {

	content: "・";

}

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

.lst-revision {

	counter-reset: section;

}

.lst-revision li:before {

	counter-increment: section;

	content:  counter(section) ". ";

}

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

	.lst-revision {

		font-size: 12px;

	}

	.lst-revision li {

		line-height: 17px;

	}

}



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

.lst-banner {

	margin: 60px -15px;

}

.lst-banner li a {

	position: relative;

	font-size: 0;

	overflow: hidden;

	display: block;

}

.lst-banner li a img{

	width: 100%;

}

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

	.lst-banner {

		margin: 20px -15px;

	}

	.lst-banner li {

		text-align: center;

		margin-bottom: 5px;

	}

	.lst-banner li a{

		display: inline-block;

	}

}



/*2-1-7.  Button   [btn-***]

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

.btn{

	display: inline-block;

	font-size: 16px;

	box-sizing: border-box;

	padding: 12px 46px;

	font-weight: 500;

	text-align: center;

}

.box-button:hover .btn,

.box-button.btn:hover {

	color: #0e2e92;

	background: #fff;

}

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

	.btn{

		font-size: 12px;

		max-width: 280px;

		width: 100%;

		padding: 10px 15px;

	}

}

/*2-1-7.  Button   [btn-***]*/

.btn{

	display: inline-block;

	font-size: 16px;

	box-sizing: border-box;

	padding: 12px 46px;

	font-weight: 500;

	color: #0e2e92;

	text-align: center;

}

.btn [class^="icon-"] {

	margin-left: 0;

	margin-right: 0;

}

.box-button{

	display: inline-block;

}

.box-button .btn,

.box-button.btn{

	display: inline-block;

	position: relative;

	border: solid 2px #0e2e92;

	color: #fff;

	background: #0e2e92;

	-webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

    transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

}

.box-button:hover .btn,

.box-button.btn:hover {

	color: #0e2e92;

	background: #fff;

}

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

	.box-button{

		width: 100%;

		max-width: 280px;

	}

	.btn{

		font-size: 12px;

		max-width: 280px;

		width: 100%;

		padding: 10px 15px;

	}

}



/*2-1-8.  Anchor   [acr-***]

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

a.acr-inline {

	color: #052d93;

	text-decoration: underline;

}

.acr-type01 {

	-webkit-transition: opacity 400ms cubic-bezier(0.22, 0.61, 0.36, 1);

	transition: opacity 400ms cubic-bezier(0.22, 0.61, 0.36, 1);

}

.acr-type01:hover {

	opacity: 0.8;

}





/*2-1-9.  Text     [txt-***]

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

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

	.txt-note {

		font-size: 10px;

	}

}

.txt-lead {

	margin-bottom: 105px;

	letter-spacing: 0.015em;

}

.txt-right {

	text-align: right;

	margin-bottom: 10px;

}

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

	.txt-lead {

		margin: 0 -20px 35px;

		padding: 0 20px 35px;

		border-bottom: 1px solid #ccc;

	}

	.txt-right {

		font-size: 12px;

		margin-bottom: 15px;

	}

	.txt-lead {

		margin: 0 -20px 35px;

		padding: 0 20px 35px;

		border-bottom: 1px solid #ccc;

	}

	.txt-right {

		font-size: 12px;

		margin-bottom: 15px;

	}

}



/*2-1-10. Icon     [icn-***]

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

/*2-1-11. Label    [lbl-***]

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

.lbl{

	color: #fff;

	border-radius: 2px;

	line-height: 1.64;

	letter-spacing: 0;

	display: inline-block;

	padding: 0 9px;

}

.lbl--red{

	background: #fb0029;

}

.lbl--blue{

	background: #03a9f4;

}

.lbl--green{

	background: #00acc1;

}



/*2-1-12. Form     [frm-***]

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

::-webkit-input-placeholder{

	color: #000;

}

::-moz-placeholder{

	color: #000;

}

:-ms-input-placeholder{

	color: #000;

}

:-moz-placeholder{

	color: #000;

}



.input {

	border: 0;

	background: #f5f5f5;

	padding: 18px 20px 17px;

	box-sizing: border-box;

	resize: none;

	height: auto;

}

.input:focus {

	background: #f5f5f5;

}

.input--full {

	width: 100%;

}

.input--half {

	width: 50%;

}

.input--error{

	background-color: #fee1e5;

}

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

	.input {

		padding: 9px 15px;

	}

	.input--full,

	.input--half {

		width: 100%;

	}

}

.input--radiocheck {

	position: relative;

	padding-left: 30px;

	display: block;

}

.input--radiocheck input {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

}

.lst-input__error:before{

	content: '';

	width: 20px;

	height: 20px;

	display: block;

	background-color: #fee1e5;

	position: relative;

	top: 23px;

	left: -4px;

}

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

	.input--radiocheck input {

		top: 6px;

		left: 1px;

		transform: translateY(0);

		width: 12px;

		height: 12px;

	}

	.lst-input__error:before{

		top: 23px;

		left: -2px;

	}

}

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

.select {

	background: #f5f5f5;

	width: 50%;

	position: relative;

	overflow: hidden;

}

.select:after {

	content: '\e904';

	display: block;

	width: 66px;

	background: #f5f5f5;

	font-size: 23px;

	text-align: center;

	line-height: 60px;

	font-family: "sekisui";

	font-style: normal;

	font-weight: normal;

	speak: none;

	text-decoration: inherit;

	position: absolute;

	right: 0;

	top: 0;

	pointer-events: none;

}

.select select {

	border: 0;

	background: none;

	width: 100%;

	padding: 20px;

	font-size: 16px;

	-webkit-appearance: none;

	-moz-appearance: none;

}

.select.select__error select{

	background-color: #fee1e5;

}

.select.select__error:after{

	background-color: #fee1e5;

}



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

	.select {

		width: 100%;

	}

	.select:after {

		line-height: 40px;

		font-size: 14px;

		width: 40px;

	}

	.select select {

		padding: 10px 15px 11px;

		font-size: 14px;

	}

}

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

.frm__table {

	border: 1px solid #ccc;

}

.frm__table__item {

	border-bottom: 1px solid #ccc;

	padding: 30px;

	display: table;

	width: 100%;

	box-sizing: border-box;

}

.frm__table__title,

.frm__table__content {

	display: table-cell;

	vertical-align: top;

}

.frm__table__title {

	font-weight: bold;

	padding-left: 10px;

	width: 21%;

	box-sizing: border-box;

	padding-top: 15px;

}

.frm__table__check .frm__table__title {

	padding-top: 0;

}

.frm__table__title.required span:after {

	content: "※";

	color: #fa1435;

	font-size: 10px;

	position: relative;

	top: -5px;

	right: -5px;

}

.frm__table__note {

	margin: 5px 0 -10px;

}

.frm__error {

	color: #fa1435;

	padding-top: 5px;

}

.frm__button {

	text-align: center;

	padding: 60px 45px;

	position: relative;

}

.frm__clear {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

}

.frm__clear .btn {

	font-size: 14px;

	border: solid 1px;

	border-radius: 6px;

	padding: 4px 13px;

}

.frm__back{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

}

.frm__back .btn{

	font-size: 14px;

	border: solid 1px;

	border-radius: 6px;

	padding: 4px 13px;

}

.frm__back .btn:before {

	content: '\e905';

	display: inline-block;

	font-size: 14px;

	padding-right: 10px;

	font-family: "sekisui";

}

.frm__note {

	font-size: 14px;

	margin-bottom: 10px;

}

.frm__note:before {

	content: "※";

	color: #fa1435;

}

.frm-note {

	margin-top: 30px;

}

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

	.frm {

		margin: 0 -20px;

	}

	.frm__note {

		padding: 0 20px;

		font-size: 12px;

		margin-bottom: 15px;

	}

	.frm__table {

		border-bottom: 0;

		border-left: 0;

		border-right: 0;

	}

	.frm__table__item,

	.frm__table__title,

	.frm__table__content {

		display: block;

		width: auto;

	}

	.frm__table__item {

		padding: 15px 20px;

	}

	.frm__table__title {

		font-weight: normal;

		margin-bottom: 5px;

		padding: 0;

	}

	.frm__table__title.required span:after {

		font-size: 8px;

		right: -3px;

	}

	.frm__table__note {

		margin-bottom: 0;

	}

	.frm__button {

		padding: 20px;

	}

	.frm__clear {

		position: static;

		margin-bottom: 20px;

		transform: translateY(0);

		text-align: left;

	}

	.frm__clear .btn {

		width: auto;

		font-size: 12px;

		font-weight: bold;

		border-radius: 5px;

		min-width: 65px;

	}

	.frm__back{

		position: static;

		margin-bottom: 20px;

		transform: translateY(0);

		text-align: left;

	}

	.frm__back .btn{

		width: auto;

		font-size: 12px;

		font-weight: bold;

		border-radius: 5px;

	}

	.frm-note {

		margin-top: 15px;

	}

}

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

.lst-input li {

	margin-bottom: 5px;

}

.lst-input li:last-child {

	margin-bottom: 0;

}

.lst-input--inline li {

	display: inline-block;

	margin-bottom: 0;

	margin-right: 35px;

}

.lst-input--inline li + li {

	margin-right: 35px;

}

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

	.lst-input--inline li {

		min-width: 72px;

		margin-right: 25px;

	}

	.lst-input--inline li + li {

		margin-right: 25px;

	}

}



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

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

/*2-1-14. Panel    [pnl-***]

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

/*2-1-15. Media    [mda-***]

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

/*2-1-16. UI

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





/* 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 */.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;}.mb200{margin-bottom: 200px!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;}



/*2-2-3. Object-Oriented CSS [OOCSS]

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

.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;

}

ul.list li{

	margin-bottom: 6px;

	margin-left: 26px;

	list-style-type: disc!important;

}

ol.list li{

	margin-bottom: 1em;

	margin-left: 23px;

	list-style-type: decimal!important;

}

.word{

	display: inline-block;

	text-indent: 0;

}



/* for RWD */

.fluid-image{

	max-width: 100%;

	height: auto;

}

.video-container{

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}

.video-container iframe,

.video-container object,

.video-container embed{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}



/* 2-2-4. Grid System [grid-***]

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

.grid-row{

	margin-right: -10px;

	margin-left: -10px;

	overflow: hidden;

	width: auto;

}

.grid-col,

.grid-col--1,

.grid-col--2,

.grid-col--3,

.grid-col--4,

.grid-col--5,

.grid-col--6,

.grid-col--7,

.grid-col--8,

.grid-col--9,

.grid-col--10,

.grid-col--11,

.grid-col--12{

	position: relative;

	min-height: 1px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

	box-sizing: border-box;

}

.grid-col--1{width: 8.33333333333%}

.grid-col--2{width: 16.6666666667%;}

.grid-col--3{width: 25%;}

.grid-col--4{width: 33.3333333333%;}

.grid-col--5{width: 41.6666666667%;}

.grid-col--6{width: 50%;}

.grid-col--7{width: 58.3333333333%;}

.grid-col--8{width: 66.6666666667%;}

.grid-col--9{width: 75%;}

.grid-col--10{width: 83.3333333333%;}

.grid-col--11{width: 91.6666666667%;}

.grid-col--12{width: 100%;}



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

	.grid-col--1,

	.grid-col--2,

	.grid-col--3,

	.grid-col--4,

	.grid-col--5,

	.grid-col--6,

	.grid-col--7,

	.grid-col--8,

	.grid-col--9,

	.grid-col--10,

	.grid-col--11{

		width: 100%;

	}

	.grid-colTablet--4{

		width: 33.33%;

		position: relative;

		min-height: 1px;

		padding-right: 5px;

		padding-left: 5px;

		float: left;

		box-sizing: border-box;

	}

	.grid-colTablet--6{

		width: 50%;

		position: relative;

		min-height: 1px;

		padding-right: 5px;

		padding-left: 5px;

		float: left;

		box-sizing: border-box;

	}

}



/* 2-2-5. CSS Animation [act-***]

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

/* 2-2-6. WebFont

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

@font-face {

	font-family: 'sekisui';

	src:  url('/csr/assets02/fonts/sekisui.eot');

	src:  url('/csr/assets02/fonts/sekisui.eot#iefix') format('embedded-opentype'),

	url('/csr/assets02/fonts/sekisui.ttf') format('truetype'),

	url('/csr/assets02/fonts/sekisui.woff') format('woff'),

	url('/csr/assets02/fonts/sekisui.svg#sekisui') format('svg');

	font-weight: normal;

	font-style: normal;

}

[class^="icon-"], [class*=" icon-"] {

	font-family: 'sekisui' !important;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.icon-rss:before { content: "\e909";}

.icon-arrow-right:before { content: "\e904";}

.icon-arrow-left:before { content: "\e905";}

.icon-arrow-square:before { content: "\e908";}

.icon-arrow-circle:before { content: "\e907";}

.icon-arrow-small:before { content: "\e903";}

.icon-line:before { content: "\e906";}

.icon-zoom-in:before { content: "\e902";}

.icon-doc:before { content: "\e900";}

.icon-external-link:before { content: "\e901";}

.icon-camera:before { content: "\e8fc";}

.icon-check:before { content: "\e5ca";}

.icon-download:before { content: "\e258";}

.icon-volume:before { content: "\e050";}



.icon-pdf,

.icon-pdf .icon,

.icon-pptx,

.icon-pptx .icon{

	color: #be302d;

}

.icon-xlsx,

.icon-xlsx .icon{

	color: #217346;

}







/* 2-3. State [is-***]

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

.is-error{

	background: #f9eceb;

}

.is-disabled{

	opacity: 0.3;

}

.is-visiblePc{

	display: block!important;

}

.is-visibleSp{

	display: none!important;

}

.is-visibleTablet{

	display: none!important;

}

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

	.is-visiblePc{

		display: none!important;

	}

	.is-visibleSp{

		display: block!important;

	}

	.is-visibleTablet{

		display: none!important;

	}

}

@media only screen and (min-width:768px) and (max-width:1119px){

	.is-visibleTablet{

		display: block!important;

	}

}





/* 2-4. OverLayerConfig [z-index]

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

/* 2-5. Project

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

/* .page-top */

.page-top .nav-footer,

.page-top .nav-footer .nav-footer__inner,

.page-top .nav-footer .nav-footer__sub{

	display: none;

}



/* .page-sitemap */

.lst-info-top > li {

	margin-bottom: 20px;

}

.box-info-top__inner {

    background: #fff;

}

.box-info-top__title {

	font-size: 18px;

	letter-spacing: 0.06em;

	padding: 26px 20px;

}

.box-info-top__title span {

	display: inline-block;

	padding-left: 15px;

	position: relative;

	line-height: 1.2;

}

.box-info-top__title span:before {

	content: "";

	display: block;

	width: 4px;

	height: 20px;

	position: absolute;

	top: 0;

	left: 0;

	background: #052d93;

}

.box-info-top__title .icon,

.acr-type01 .icon-arrow-square{

	color: #052d93;

}

.box-info-top__content {

	padding: 20px 30px 25px;

	border-top: 2px solid #e6e6e6;

}

.box-info-top__content li + li {

	margin-top: 10px;

}

.box-info-top__content li a{

	font-size: 14px;

	line-height: 1.4;

}

@media only screen and (min-width:768px) and (max-width:960px){

	.lst-info-top > li {

		width: 50%;

	}

}