@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP: 300,400,500,600,700,800,900|Roboto&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
#contents section .mt0{margin-top: 0 !important;}
#contents section .mt5{margin-top: 5px;}
#contents section .mt10{margin-top: 10px;}
#contents section .mt15{margin-top: 15px;}
#contents section .mt20{margin-top: 20px;}
#contents section .mt25{margin-top: 25px;}
#contents section .mt30{margin-top: 30px;}
#contents section .mt35{margin-top: 35px;}
#contents section .mt40{margin-top: 40px;}
#contents section .mt45{margin-top: 45px;}
#contents section .mt50{margin-top: 50px;}
#contents section .mt55{margin-top: 55px;}
#contents section .mt60{margin-top: 60px;}
#contents section .mt65{margin-top: 65px;}
#contents section .mt70{margin-top: 70px;}
#contents section .mt75{margin-top: 75px;}
#contents section .mt80{margin-top: 80px;}
#contents section .mt85{margin-top: 85px;}
#contents section .mt90{margin-top: 90px;}
#contents section .mt95{margin-top: 95px;}
#contents section .mt100{margin-top: 100px;}
#contents section .mb0{margin-bottom: 0 !important;}
#contents section .mb5{margin-bottom: 5px;}
#contents section .mb10{margin-bottom: 10px;}
#contents section .mb15{margin-bottom: 15px;}
#contents section .mb20{margin-bottom: 20px;}
#contents section .mb25{margin-bottom: 25px;}
#contents section .mb30{margin-bottom: 30px;}
#contents section .mb35{margin-bottom: 35px;}
#contents section .mb40{margin-bottom: 40px;}
#contents section .mb45{margin-bottom: 45px;}
#contents section .mb50{margin-bottom: 50px;}
#contents section .mb55{margin-bottom: 55px;}
#contents section .mb60{margin-bottom: 60px;}
#contents section .mb65{margin-bottom: 65px;}
#contents section .mb70{margin-bottom: 70px;}
#contents section .mb75{margin-bottom: 75px;}
#contents section .mb80{margin-bottom: 80px;}
#contents section .mb85{margin-bottom: 85px;}
#contents section .mb90{margin-bottom: 90px;}
#contents section .mb95{margin-bottom: 95px;}
#contents section .mb100{margin-bottom: 100px;}
#contents section .ml0{margin-left: 0;}
#contents section .ml5{margin-left: 5px;}
#contents section .ml10{margin-left: 10px;}
#contents section .ml15{margin-left: 15px;}
#contents section .ml20{margin-left: 20px;}
#contents section .ml25{margin-left: 25px;}
#contents section .ml30{margin-left: 30px;}
#contents section .ml35{margin-left: 35px;}
#contents section .ml40{margin-left: 40px;}
#contents section .ml45{margin-left: 45px;}
#contents section .ml50{margin-left: 50px;}
#contents section .ml55{margin-left: 55px;}
#contents section .ml60{margin-left: 60px;}
#contents section .ml65{margin-left: 65px;}
#contents section .ml70{margin-left: 70px;}
#contents section .ml75{margin-left: 75px;}
#contents section .ml80{margin-left: 80px;}
#contents section .ml85{margin-left: 85px;}
#contents section .ml90{margin-left: 90px;}
#contents section .ml95{margin-left: 95px;}
#contents section .ml100{margin-left: 100px;}
#contents section .mr0{margin-right: 0;}
#contents section .mr5{margin-right: 5px;}
#contents section .mr10{margin-right: 10px;}
#contents section .mr15{margin-right: 15px;}
#contents section .mr20{margin-right: 20px;}
#contents section .mr25{margin-right: 25px;}
#contents section .mr30{margin-right: 30px;}
#contents section .mr35{margin-right: 35px;}
#contents section .mr40{margin-right: 40px;}
#contents section .mr45{margin-right: 45px;}
#contents section .mr50{margin-right: 50px;}
#contents section .mr55{margin-right: 55px;}
#contents section .mr60{margin-right: 60px;}
#contents section .mr65{margin-right: 65px;}
#contents section .mr70{margin-right: 70px;}
#contents section .mr75{margin-right: 75px;}
#contents section .mr80{margin-right: 80px;}
#contents section .mr85{margin-right: 85px;}
#contents section .mr90{margin-right: 90px;}
#contents section .mr95{margin-right: 95px;}
#contents section .mr100{margin-right: 100px;}
@media only screen and (max-width: 767px){
	.sp_none{display: none;}

}
@media only screen and (min-width: 768px){
	.pc_none{display: none;}

}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: bottom;
	background: transparent;

}
html,
body{width: 100%;}
body{line-height: 1;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display: block;}
ul,
ol,
li{list-style: none;}
blockquote,
q{quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content: "";
	content: none;

}
a{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}
ins{
	background-color: #ff9;
	color: #000;
	text-decoration: none;

}
mark{
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;

}
del{text-decoration: line-through;}
abbr[title],
dfn[title]{
	border-bottom: 1px dotted;
	cursor: help;

}
table{
	border-collapse: collapse;
	border-spacing: 0;

}
hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;

}
input,
select{vertical-align: middle;}
img{
	border: none;
	vertical-align: top;
	zoom: 1;

}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;

}
*,
*::before,
*::after{box-sizing: border-box;}
main{display: block;}
.contents{border-bottom: 2px solid #ccc;}
.inner{margin: 0 auto;}
.inner.stg01{
	max-width: 1400px;
	width: 96%;

}
@media only screen and (max-width: 767px){.inner.stg01{width: 88%;}}
.inner.stg02{
	max-width: 1200px;
	width: 90%;

}
@media only screen and (max-width: 767px){.inner.stg02{width: 88%;}}
.inner.stg03{
	max-width: 1100px;
	width: 70%;

}
@media only screen and (max-width: 767px){.inner.stg03{width: 88%;}}
.inner.stgBasic{
	max-width: 1100px;
	width: 80%;

}
@media only screen and (min-width: 768px) and (max-width: 999px){.inner.stgBasic{width: 88%;}}
@media only screen and (max-width: 767px){.inner.stgBasic{width: 88%;}}
.inner.border-blue{border: 1px solid #3572b7;}
section{margin-top: 100px;}
@media only screen and (max-width: 767px){section{margin-top: 50px;}}
@media only screen and (min-width: 1000px){section:last-child{margin-bottom: 100px;}}
@media only screen and (max-width: 999px){section:last-child{margin-bottom: 50px;}}
@media only screen and (max-width: 999px){
	.header{
		position: fixed;
		z-index: 999;
		width: 100%;
		border-top: 4px solid #3572b7;
		background-color: #fff;
		box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.1);

	}
	.header h1{margin: 20px;}
	.header h1 img{width: 50%;}
}
@media only screen and (max-width: 999px) and (min-width: 768px) and (max-width: 999px){.header h1 img{width: 25%;}}
@media only screen and (max-width: 999px){
	.header .lang{
		position: absolute;
		right: 20%;
		top: 10px;

	}
	.header .lang p{text-align: center;}
	.header .lang ul{display: flex;}
	.header .lang ul li{
		color: #3572b7;
		padding: 0 10px;
		font-size: 16px;
		font-size: 1.6rem;

	}
	.header .lang ul li:first-child{border-right: 1px solid #e2e2e2;}
	.header .lang ul li a{
		font-size: 15px;
		font-size: 1.5rem;
		color: #e2e2e2;
		text-decoration: none;

	}
	#navBtn{
		position: absolute;
		right: 1%;
		top: 10px;

	}
	#navBtn.btn-nav-global{
		display: table-cell;
		width: 60px;
		height: 90%;
		vertical-align: middle;
		transition: all .5s ease .5s;

	}
	.disable-js #navBtn.btn-nav-global{display: none;}
	#navBtn.btn-nav-global .ico-nav,
	#navBtn.btn-nav-global .ico-nav:before,
	#navBtn.btn-nav-global .ico-nav:after{
		content: "";
		display: block;
		width: 30px;
		height: 2px;
		background-color: #333;

	}
	#navBtn.btn-nav-global .ico-nav{
		position: relative;
		margin: 25px auto 0;

	}
	#navBtn.btn-nav-global .ico-nav:before,
	#navBtn.btn-nav-global .ico-nav:after{
		position: absolute;
		left: 0;

	}
	#navBtn.btn-nav-global .ico-nav:before{top: -10px;}
	#navBtn.btn-nav-global .ico-nav:after{top: 10px;}
	#navBtn.active .ico-nav{
		-webkit-animation: btn-nav-middle 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s forwards;
		animation: btn-nav-middle 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s forwards;

	}
	#navBtn.active .ico-nav:before{
		-webkit-animation: btn-nav-before 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s forwards;
		animation: btn-nav-before 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s forwards;

	}
	#navBtn.active .ico-nav:after{
		-webkit-animation: btn-nav-after 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s forwards;
		animation: btn-nav-after 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s forwards;

	}
	#navContents{display: none;}
	#navContentsSP .nav{
		width: 60%;
		position: absolute;
		right: 0;
		padding: 0;
		background-color: #fff;

	}
	#navContentsSP .nav>li{
		list-style: none;
		z-index: 1;
		border-bottom: 1px solid #c0c0c0;
		position: relative;

	}
	#navContentsSP .nav>li>a{
		display: block;
		width: 100%;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		text-decoration: none;
		box-sizing: border-box;
		color: #28324f;
		padding: 15px 20px;

	}
	#navContentsSP .nav>li>a.toggle{
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
		padding-left: calc(100% - 20px);
		z-index: 90;

	}
	#navContentsSP .nav>li>a.toggle span{
		position: relative;
		display: block;

	}
	#navContentsSP .nav>li>a.toggle span:before,
	#navContentsSP .nav>li>a.toggle span:after{
		position: absolute;
		top: 9px;
		left: 50%;
		content: "";
		display: inline-block;
		width: 13px;
		height: 13px;
		border-top: 2px solid #c0c0c0;
		transform: translateX(-50%);

	}
	#navContentsSP .nav>li>a.toggle span:after{
		top: 3px;
		left: -12px;
		transform: rotate(90deg);

	}
	#navContentsSP .nav>li>a.toggle.active span{position: relative;}
	#navContentsSP .nav>li>a.toggle.active span:before{
		position: absolute;
		top: 9px;
		left: 50%;
		content: "";
		display: inline-block;
		width: 13px;
		height: 13px;
		border-top: 2px solid #c0c0c0;

	}
	#navContentsSP .nav>li>a.toggle.active span:after{display: none;}
	#navContentsSP .nav>li>a.pc_none{cursor:default}
	#navContentsSP .nav>li>a.sp_none{display: none;}
	#navContentsSP .nav>li ul.sub-nav{
		display: none;
		width: 100%;
		top: 60px;
		opacity: 0.9;
		background-color: #fff;

	}
	#navContentsSP .nav>li ul.sub-nav.open{display: block;}
	#navContentsSP .nav>li ul.sub-nav li{
		width: 100%;
		border-top: 2px solid #eee;

	}
	#navContentsSP .nav>li ul.sub-nav li:last-child{border-bottom: 2px solid #eee;}
	#navContentsSP .nav>li ul.sub-nav li a{
		display: block;
		width: 100%;
		height: 60px;
		box-sizing: border-box;
		text-decoration: none;
		position: relative;
		padding-left: 2em;
		color: #28324f;

	}
	#navContentsSP .nav>li ul.sub-nav li a span{
		font-size: 14px;
		font-size: 1.4rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);

	}
	#navContentsSP .nav>li ul.sub-nav li a:after{
		content: "";
		position: absolute;
		right: 20px;
		top: calc(50% - 4px);
		width: 8px;
		height: 8px;
		border-top: 2px solid #3472b7;
		border-right: 2px solid #3472b7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);

	}
	.footer{
		position: relative;
		*zoom: 1;
		padding-top: 40px;

	}
	.footer:after{
		content: "";
		display: table;
		clear: both;

	}
	.footer .footer-in{
		width: 90%;
		margin: 0 auto 20px;

	}
	.ttl-site-footer{margin-bottom: 20px;}
	.ttl-site-footer .logo{
		width: 40%;
		margin-bottom: 20px;

	}

}
@media only screen and (max-width: 999px) and (min-width: 768px) and (max-width: 999px){.ttl-site-footer .logo{width: 25%;}}
@media only screen and (max-width: 999px){
	.ttl-site-footer .logo a{display: block;}
	.ttl-site-footer .logo a img{width: 100%;}
	.ttl-site-footer .text .corp-name img{
		width: 100%;
		max-width: 430px;

	}
	.ttl-site-footer .text .area-address-footer{
		font-size: 15px;
		font-size: 1.5rem;

	}
	.ttl-site-footer .text .area-address-footer span{
		display: inline-block;
		position: relative;
		padding-left: 1em;
		margin-right: 1em;

	}
	.ttl-site-footer .text .area-address-footer span:before{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		width: 0.5em;
		height: 1px;
		background-color: #3572b7;

	}
	.ttl-site-footer .text .area-address-footer span a{
		text-decoration: none;
		color: #28324f;

	}
	.btn-site-footer{text-align: center;}
	.btn-site-footer p{
		font-size: 12px;
		font-size: 1.2rem;

	}
	.btn-site-footer .inq-btn{
		display: block;
		margin: 5px auto 0;
		padding: 10px;
		width: 90%;
		background-color: #4471b1;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		position: relative;

	}
	.btn-site-footer .inq-btn:after{
		content: "";
		position: absolute;
		right: 6px;
		top: calc(50% - 4px);
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);

	}
	.footer-end{
		width: 100%;
		margin: 0 auto;

	}
	.footer-end .footer-link{margin-bottom: 20px;}
	.footer-end .footer-link ul{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content: space-around;

	}
	.footer-end .footer-link ul li{
		padding: 0 5px;
		margin-bottom: 5px;
		text-align: center;
		font-size: 12px;
		font-size: 1.2rem;

	}
}
@media only screen and (max-width: 999px) and (max-width: 767px){
	.footer-end .footer-link ul li{width: calc(50% - 10px);}
	.footer-end .footer-link ul li:nth-child(odd){border-right: 1px solid #000;}
	.footer-end .footer-link ul li:last-child{border-right: none;}
}
@media only screen and (max-width: 999px) and (min-width: 768px) and (max-width: 999px){
	.footer-end .footer-link ul li{
		width: 25%;
		border-right: 1px solid #000;

	}
	.footer-end .footer-link ul li:last-child{border-right: none;}
}
@media only screen and (max-width: 999px){
	.footer-end .footer-link ul li a{color: #28324f;}
	.footer-end .txt-copyright-wrap .txt-copyright{
		font-size: 10px;
		font-size: 1rem;
		color: #4E4946;

	}
	#btnPagetop{
		position: fixed;
		bottom: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background-color: #3572b7;
		z-index: 99;
		transition: all .5s ease;

	}
	#btnPagetop .btn-scroll-top-in{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		text-indent: -9999px;
		top: -8px;

	}
	#btnPagetop .btn-scroll-top-in:after{
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: rotate(45deg);

	}
	#btnPagetop.hide{opacity: 0;}
}
@media only screen and (min-width: 1000px){
	.header{
		position: fixed;
		z-index: 999;
		width: 100%;
		border-top: 4px solid #3572b7;
		background-color: #fff;
		box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.1);

	}
	.header h1{margin: 20px;}
	.header h1 img{width: 220px;}
	.header .lang{
		position: absolute;
		right: 10%;
		top: 10px;
		display: flex;

	}
	.header .lang p{margin-right: 15px;}
	.header .lang ul{display: flex;}
	.header .lang ul li{
		color: #3572b7;
		padding: 0 10px;
		font-size: 16px;
		font-size: 1.6rem;

	}
	.header .lang ul li:first-child{border-right: 1px solid #e2e2e2;}
	.header .lang ul li a{
		font-size: 15px;
		font-size: 1.5rem;
		color: #e2e2e2;
		text-decoration: none;

	}
	#navBtn,
	#navContentsSP{display: none;}
	#navContents{display: block;}
	#navContents .nav{
		max-width: 1100px;
		width: 80%;
		height: 40px;
		margin: 0 auto 20px;
		padding: 0;
		display: flex;

	}
	#navContents .nav>li{
		position: relative;
		list-style: none;
		width: 20%;
		padding-bottom: 20px;
		z-index: 1;
		border-right: 1px solid #ccc;

	}
	#navContents .nav>li:first-child{border-left: 1px solid #ccc;}
	#navContents .nav>li>a{
		display: block;
		width: 100%;
		height: 60px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		box-sizing: border-box;
		color: #28324f;

	}
	#navContents .nav>li>a span{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 10em;

	}
	#navContents .nav>li>a.pc_none{display: none;}
	#navContents .nav>li ul.sub-nav{
		display: none;
		width: 100%;
		top: 60px;
		position: absolute;
		opacity: 0.9;
		background-color: #fff;

	}
	#navContents .nav>li ul.sub-nav.open{display: block;}
	#navContents .nav>li ul.sub-nav li{
		width: 100%;
		border-bottom: 2px solid #eee;

	}
	#navContents .nav>li ul.sub-nav li:last-child{border-bottom: none;}
	#navContents .nav>li ul.sub-nav li a{
		display: block;
		width: 100%;
		height: 60px;
		box-sizing: border-box;
		text-decoration: none;
		position: relative;
		padding-left: 20px;
		color: #28324f;

	}
	#navContents .nav>li ul.sub-nav li a span{
		font-size: 16px;
		font-size: 1.6rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);

	}
	#navContents .nav>li ul.sub-nav li a:after{
		content: "";
		position: absolute;
		right: 20px;
		top: calc(50% - 4px);
		width: 8px;
		height: 8px;
		border-top: 2px solid #3472b7;
		border-right: 2px solid #3472b7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);

	}
	#navContents .nav>li ul.sub-nav li a:hover{
		background-color: #28324f;
		color: #fff;

	}
	#navContents .nav>li:hover>a:before,
	#navContents .nav>li.active>a:before{
		content: "";
		display: block;
		height: 4px;
		width: 100%;
		background-color: #3572b7;
		position: absolute;
		bottom: -20px;

	}
	#navContents .nav>li:hover>a:after,
	#navContents .nav>li.active>a:after{
		content: "";
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-bottom: 8px solid #3572b7;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -18px;

	}
}
@media only screen and (min-width: 1000px) and (min-width: 1000px){#contents{padding-top: 171px;}}
@media only screen and (min-width: 1000px) and (max-width: 999px){#contents{padding-top: 95px;}}
@media only screen and (min-width: 1000px){
	.footer{
		position: relative;
		padding-top: 40px;
		margin-bottom: 20px;

	}
	.footer .footer-in{
		width: 90%;
		max-width: 1720px;
		margin: 0 auto 40px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;

	}
	.footer .ttl-site-footer{
		width: 60%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

	}
	.footer .ttl-site-footer .logo{
		width: 20%;
		margin-right: 3%;

	}
	.footer .ttl-site-footer .logo a{display: block;}
	.footer .ttl-site-footer .logo a img{width: 100%;}
	.footer .ttl-site-footer .text{width: 60%;}
	.footer .ttl-site-footer .text .corp-name{width: 100%;}
	.footer .ttl-site-footer .text .corp-name img{width: 100%;max-width: 430px;}
	.footer .ttl-site-footer .text .area-address-footer span{
		display: inline-block;
		position: relative;
		padding-left: 1em;
		margin-right: 2em;

	}
	.footer .ttl-site-footer .text .area-address-footer span:before{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		width: 0.5em;
		height: 1px;
		background-color: #3572b7;

	}
	.footer .ttl-site-footer .text .area-address-footer span a{
		text-decoration: none;
		color: #28324f;

	}
	.footer .btn-site-footer{
		width: 40%;
		text-align: center;

	}
	.footer .btn-site-footer p{
		font-size: 12px;
		font-size: 1.2rem;

	}
	.footer .btn-site-footer .inq-btn{
		display: inline-block;
		padding: 10px 25px 10px 15px;
		text-align: center;
		text-decoration: none;
		position: relative;
		color: #fff;
		background-color: #4471b1;
		border-radius: 2px;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		width: 50%;

	}
	.footer .btn-site-footer .inq-btn:after{
		content: "";
		position: absolute;
		right: 6px;
		top: calc(50% - 4px);
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);

	}
	.footer .btn-site-footer .inq-btn:hover{
		color: #fff;
		opacity: 0.6;

	}
	.footer-end{
		*zoom: 1;
		width: 90%;
		max-width: 1720px;
		margin: 0 auto;

	}
	.footer-end:after{
		content: "";
		display: table;
		clear: both;

	}
	.footer-end .footer-link ul{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;

	}
	.footer-end .footer-link ul li{
		padding: 0 10px;
		border-right: 1px solid #000;

	}
	.footer-end .footer-link ul li:last-child{border-right: none;}
	.footer-end .footer-link ul li a{
		color: #28324f;
		font-size: 14px;
		font-size: 1.4rem;

	}
	.footer-end .footer-link{
		float: right;
		width: 70%;

	}
	.footer-end .txt-copyright-wrap{float: left;}
	.footer-end .txt-copyright-wrap .txt-copyright{
		font-size: 14px;
		font-size: 1.4rem;

	}
	#btnPagetop{
		position: fixed;
		bottom: 0;
		right: 0;
		width: 60px;
		height: 60px;
		background-color: #3572b7;
		z-index: 99;

	}
	#btnPagetop .btn-scroll-top-in{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 5px;
		text-indent: -9999px;

	}
	#btnPagetop .btn-scroll-top-in:after{
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		border-top: 4px solid #fff;
		border-left: 4px solid #fff;
		transform: rotate(45deg);

	}
	#btnPagetop.btn-scroll-top hide{display: none;}
}
#contents #category_title{
	position: relative;
	background-color: #3572b7;
	font-family: "Noto Serif JP", serif;

}
@media only screen and (min-width: 768px){#contents #category_title{height: 240px;}}
@media only screen and (max-width: 767px){#contents #category_title{height: 100px;}}
#contents #category_title p{
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: normal;
	letter-spacing: 0.2em;
	text-align: center;
	width: 100%;

}
@media only screen and (min-width: 768px){#contents #category_title p{font-size: 36px;font-size: 3.6rem;}}
@media only screen and (max-width: 767px){#contents #category_title p{font-size: 20px;font-size: 2rem;}}
#contents #category_title p span{
	display: block;
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: 0;
	font-family: "Roboto", sans-serif;

}
@media only screen and (max-width: 767px){
	#contents #category_title p span{
		font-size: 14px;
		font-size: 1.4rem;

	}
}
#contents #breadcrumbs{
	max-width: 1100px;
	margin: 0 auto;

}
@media only screen and (min-width: 768px){#contents #breadcrumbs{width: 70%;}}
@media only screen and (max-width: 767px){#contents #breadcrumbs{width: 96%;}}
#contents #breadcrumbs ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: 10px 0;

}
#contents #breadcrumbs ul li:after{
	content: ">";
	margin: 0 1em;

}
#contents #breadcrumbs ul li:last-child:after{
	content: "";
	margin: 0;

}
#contents #breadcrumbs ul li:first-child a{font-weight: bold;}
#contents #breadcrumbs ul li a{color: #3572b7;}
.chk-ok,
.chk{display: none;}
.pageNation{
	text-align: center;
	margin-bottom: 40px;

}
.pageNation span.current_page{
	display: inline-block;
	padding: 2px 10px;
	margin: 0px;
	color: #fff;
	background-color: #3572b7;
	border: 1px solid #3572b7;

}
.pageNation a{
	display: inline-block;
	padding: 2px 10px;
	margin: 0 2px;
	border: 1px solid #3572b7;
	color: #4471b1;
	text-decoration: none;

}
.PC .pageNation a:hover{
	color: #fff;
	background-color: #3572b7;
	border: 1px solid #3572b7;

}
@media only screen and (max-width: 767px){
	.pageNation a.link_before,
	.pageNation a.link_next{
		display: block;
		margin: 10px 0;
		border: none;

	}
}
.topics-tab{
	margin-top: 50px;
	border-bottom: 1px solid #3572b7;

}
.topics-tab ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;

}
.topics-tab ul li{
	padding: 8px 0;
	margin-bottom: -1px;
	text-align: center;

}
@media only screen and (min-width: 768px){.topics-tab ul li{width: 20%;}}
@media only screen and (max-width: 767px){.topics-tab ul li{width: 25%;}}
.topics-tab ul li a{color: #28324f;}
.topics-tab ul li.current{
	border: 1px solid #3572b7;
	border-bottom: 1px solid #fff;

}
.topics-tab ul li.current a{color: #3572b7;}
.topics-list{min-height: 100px;}
.topics-list ul{padding: 30px 0;}
.topics-list ul li{
	padding: 17px 10px;
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 2px dotted #c0c0c0;
	position: relative;

}
.topics-list ul li:hover{opacity: 0.6;}
.topics-list ul li:after{
	content: "";
	position: absolute;
	right: 20px;
	top: calc(50% - 4px);
	width: 8px;height: 8px;
	border-top: 2px solid #3472b7;
	border-right: 2px solid #3472b7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}
.topics-list ul li a{
	text-decoration: none;
	color: #28324f;
	*zoom: 1;

}
.topics-list ul li a:after{
	content: "";
	display: table;
	clear: both;

}
@media only screen and (min-width: 768px){.topics-list ul li p{display: inline-block;}}
.topics-list ul li span{
	margin-right: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: baseline;
	line-height: 1.6em;

}
@media only screen and (min-width: 768px){.topics-list ul li span{float: left;}}
.topics-list ul li span.date{
	width: 5em;
	padding: 5px 0;

}
.topics-list ul li span.title{
	padding: 2px 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;

}
@media only screen and (min-width: 768px){.topics-list ul li span.title{width: 70%;}}
@media only screen and (max-width: 767px){
	.topics-list ul li span.title{
		display: block;
		margin-top: 15px;

	}

}
.topics-list ul li span.ico_product,
.topics-list ul li span.ico_notice,
.topics-list ul li span.ico_event{
	width: calc(4em + 50px);
	padding: 5px 25px;
	border-radius: 2px;
	color: #fff;

}
.topics-list ul li span.ico_product{background-color: #4471b1;}
.topics-list ul li span.ico_notice{background-color: #30428d}
.topics-list ul li span.ico_event{background-color: #a4B5d7;}
@-webkit-keyframes btn-nav-middle{
	0%{
		background-color: #f5f5f5;
		height: 2px;

	}
	50%{
		background-color: #f0f5fb;
		height: 0px;

	}
	100%{
		background-color: transparent;
		height: 2px;

	}

}
@keyframes btn-nav-middle{
	0%{
		background-color: #f5f5f5;
		height: 2px;

	}
	50%{
		background-color: #f0f5fb;
		height: 0px;

	}
	100%{
		background-color: transparent;
		height: 2px;

	}

}
@-webkit-keyframes btn-nav-before{
	0%{
		top: -7px;
		background-color: #f5f5f5;
		height: 2px;

	}
	50%{
		top: 0px;
		transform: rotate(0);
		background-color: #f0f5fb;
		height: 0px;

	}
	100%{
		top: 0px;
		transform: rotate(45deg);
		background-color: #3572b7;
		height: 2px;

	}

}
@keyframes btn-nav-before{
	0%{
		top: -7px;
		background-color: #f5f5f5;
		height: 2px;

	}
	50%{
		top: 0px;
		transform: rotate(0);
		background-color: #f0f5fb;
		height: 0px;

	}
	100%{
		top: 0px;
		transform: rotate(45deg);
		background-color: #3572b7;
		height: 2px;

	}

}
@-webkit-keyframes btn-nav-after{
	0%{
		top: 7px;
		background-color: #f5f5f5;
		height: 2px;
		
	}
	50%{
		top: 0px;
		transform: rotate(0);
		background-color: #f0f5fb;
		height: 0px;
		
	}
	100%{
		top: 0px;
		transform: rotate(-45deg);
		background-color: #3572b7;
		height: 2px;
		
	}

}
@keyframes btn-nav-after{
	0%{
		top: 7px;
		background-color: #f5f5f5;
		height: 2px;
		
	}
	50%{
		top: 0px;
		transform: rotate(0);
		background-color: #f0f5fb;
		height: 0px;
		
	}

	100%{
		top: 0px;
		transform: rotate(-45deg);
		background-color: #3572b7;
		height: 2px;
		
	}

}
@-webkit-keyframes hover-01{
	0%{
		width: 40%;
		height: 40%;
		background-color:rgba(245,245,245,0);

	}
	50%{background-color:rgba(245,245,245,0.1);}
	100%{
		width: 150%;
		height: 150%;
		background-color:rgba(245,245,245,0);

	}

}
@keyframes hover-01{
	0%{
		width: 40%;
		height: 40%;
		background-color:rgba(245,245,245,0);

	}

	50%{background-color:rgba(245,245,245,0.1);}
	100%{
		width: 150%;
		height: 150%;
		background-color:rgba(245,245,245,0);

	}

}
@-webkit-keyframes fade-in{
	0%{opacity: 0;}
	100%{opacity: 1;}

}
@keyframes fade-in{
	0%{opacity: 0;}
	100%{opacity: 1;}

}
@-webkit-keyframes fade-in-X{
	0%{
		opacity: 0;
		transform: translateX(-20px);

	}
	100%{
		opacity: 1;
		transform: translateX(0);

	}

}
@keyframes fade-in-X{
	0%{
		opacity: 0;
		transform: translateX(-20px);

	}
	100%{
		opacity: 1;
		transform: translateX(0);

	}

}
@-webkit-keyframes fade-in-Y{
	0%{
		opacity: 0;
		transform: translateY(20px);

	}
	100%{
		opacity: 1;
		transform: translateY(0);

	}

}
@keyframes fade-in-Y{
	0%{
		opacity: 0;
		transform: translateY(20px);

	}
	100%{
		opacity: 1;
		transform: translateY(0);

	}

}
html{
	font-size: 62.5%;
	color: #ebeae9;

}
body{
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #28324f;
	font-weight: 400;

}
@media only screen and (max-width: 480px){body{font-size: 14px;font-size: 1.4rem;}}
.txtEm01{font-weight: bold;}
.txtSzL{
	font-size: 18px;
	font-size: 1.8rem;

}
.txtSzLL{
	font-size: 22px;
	font-size: 2.2rem;

}
.lead{
	text-align: left;
	margin-bottom: 3vh;
	color: #333;

}
.lead_white{
	color: #fff;
	text-shadow: 0px 0px 5px #3572b7;

}
.alignL{text-align: left;}
.alignC{text-align: center;}
.alignR{text-align:right;}
sup{
	font-size: 13px;
	font-size: 1.3rem;
	vertical-align:super;
	margin: 0 3px;
	font-weight: normal;

}
.tit01 .tit,
.tit02 .tit,
.tit03 .tit,
.tit_pagetop .tit{
	font-family: "Noto Serif JP", serif;
	color: #28324f;
	font-weight: 500;

}
@media only screen and (min-width: 1000px){
.tit01 .tit,
	.tit02 .tit,
	.tit03 .tit,
	.tit_pagetop .tit{letter-spacing: 0.2em;}

}
@media only screen and (max-width: 767px){
	.tit01 .tit,
	.tit02 .tit,
	.tit03 .tit,
	.tit_pagetop .tit{line-height: 1.3;}

}
.tit01 .tit_sub,
.tit02 .tit_sub,
.tit03 .tit_sub,
.tit_pagetop .tit_sub{
	font-size: 20px;
	font-size: 2rem;
	font-family: "Roboto", sans-serif;
	margin-bottom: 15px;
	color: #3572b7;

}
@media only screen and (max-width: 999px){
	.tit01 .tit_sub,
	.tit02 .tit_sub,
	.tit03 .tit_sub,
	.tit_pagetop .tit_sub{
		font-size: 16px;
		font-size: 1.6rem;

	}

}
.tit01{
	text-align: center;
	position: relative;
	margin-bottom: 70px;

}
.tit01 .tit{
	font-size: 38px;
	font-size: 3.8rem;

}
@media only screen and (min-width: 768px) and (max-width: 999px){
	.tit01 .tit{
		font-size: 34px;
		font-size: 3.4rem;

	}

}
@media only screen and (max-width: 767px){
	.tit01 .tit{
		font-size: 30px;
		font-size: 3rem;

	}

}
.tit01:after{
	content: "";
	width: 1px;
	height: 30px;
	display: block;
	background-color: #3572b7;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);

}
.tit02{
	position: relative;
	margin-bottom: 10px;

}
.tit02 .tit{
	font-size: 32px;
	font-size: 3.2rem;

}
@media only screen and (min-width: 768px) and (max-width: 999px){
	.tit02 .tit{
		font-size: 30px;
		font-size: 3rem;

	}

}
@media only screen and (max-width: 767px){
	.tit02 .tit{
		font-size: 28px;
		font-size: 2.8rem;

	}

}
.tit03{
	position: relative;
	margin-bottom: 10px;

}
.tit03 .tit{
	font-size: 24px;
	font-size: 2.4rem;

}
@media only screen and (min-width: 768px) and (max-width: 999px){
	.tit03 .tit{
		font-size: 22px;
		font-size: 2.2rem;

	}

}
@media only screen and (max-width: 767px){
	.tit03 .tit{
		font-size: 20px;
		font-size: 2rem;

	}

}
.exhibition .tit03{text-align: center;}
.tit04{
	position: relative;
	margin-bottom: 10px;

}
.tit04 .tit{
	font-size: 20px;
	font-size: 2rem;

}
@media only screen and (min-width: 768px) and (max-width: 999px){
	.tit04 .tit{
		font-size: 18px;
		font-size: 1.8rem;

	}

}
@media only screen and (max-width: 767px){
	.tit04 .tit{
		font-size: 16px;
		font-size: 1.6rem;

	}

}
.tit04 .tit:before{
	content: "■";
	margin-right: 0.5em;

}
.tit05{
	position: relative;
	margin-bottom: 10px;

}
.tit05 .tit{
	font-size: 18px;
	font-size: 1.8rem;

}
@media only screen and (max-width: 999px){
	.tit05 .tit{
		font-size: 16px;
		font-size: 1.6rem;

	}

}
.tit_pagetop{
	text-align: center;
	position: relative;

}
@media only screen and (min-width: 1000px){.tit_pagetop{margin-bottom: 70px;}}
@media only screen and (max-width: 999px){.tit_pagetop{margin-bottom: 40px;}}
.tit_pagetop .tit{
	font-size: 38px;
	font-size: 3.8rem;

}
@media only screen and (min-width: 768px) and (max-width: 999px){
	.tit_pagetop .tit{
		font-size: 34px;
		font-size: 3.4rem;

	}

}
@media only screen and (max-width: 767px){
	.tit_pagetop .tit{
		font-size: 30px;
		font-size: 3rem;

	}

}
@media only screen and (min-width: 768px){.lead{text-align: center;}}
@media only screen and (min-width: 1000px){
	.lead{
		font-size: 24px;
		font-size: 2.4rem;

	}

}
@media only screen and (min-width: 768px) and (max-width: 999px){
	.lead{
		font-size: 20px;
		font-size: 2rem;

	}

}
@media only screen and (max-width: 767px){
	.lead{
		font-size: 16px;
		font-size: 1.6rem;

	}

}
.textBasic{margin-bottom: 20px;}
a{
	text-decoration: none;
	color: #3572b7;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	text-decoration: none;

}
.button01{
	display: inline-block;
	min-width: 190px;
	text-align: center;
	text-decoration: none;
	position: relative;
	color: #fff;
	background-color: #4471b1;
	border-radius: 2px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;

}
.button01 a{
	display: block;
	padding: 10px 25px 10px 15px;
	color: #fff;

}
.button01:after{
	content: "";
	position: absolute;
	right: 10px;
	top: calc(50% - 4px);
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}
.button01:hover{
	color: #fff;
	opacity: 0.6;

}
.button-wrap{text-align: center;}
.button-wrap .button01{width: 280px;}
.button01-newwin{
	display: inline-block;
	min-width: 190px;
	text-align: center;
	text-decoration: none;
	position: relative;
	color: #fff;
	background-color: #4471b1;
	border-radius: 2px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;

}
.button01-newwin a{
	display: block;
	padding: 10px 25px 10px 15px;
	color: #fff;

}
.button01-newwin:after{
	content: url("/common/img/ico_newwin.png");
	position: absolute;
	top: calc(50% - 9px);
	margin-left: 2em;

}
.button01-newwin:hover{
	color: #fff;
	opacity: 0.6;

}
.button02{
	position: relative;
	z-index: 2;
	background-color: #3572b7;
	border: 2px solid #3572b7;
	color: #fff;
	display: inline-block;
	padding: 0 3rem;
	height: 43px;
	text-align: center;
	text-decoration: none;
	line-height: 38px;
	outline: none;
	font-weight: 500;
	font-size: 105%;

}
.button02 i{
	font-size: 93%;
	margin: 0 1rem 1rem 0;

}
@media only screen and (max-width: 767px){
	.button02 i{
		font-size: 80%;
		margin: 0 1rem 1rem 0;

	}

}
.button02:hover{
	background-color: #cdebff;
	border-color: #28324f;
	color: #28324f;

}
.button02::before,
.button02::after{
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #3572b7;
	position: absolute;
	z-index: -1;
	display: block;
	content: "";

}
.button02::before{top: 0;}
.button02::after{bottom: 0;}
.button02:hover::before,
.button02:hover::after{
	height: 0;
	background-color: #28324f;

}
.button02,
.button02::before,
.button02::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;

}
.button03{
	display: inline-block;
	padding: 0.5% 5%;
	text-decoration: none;
	color: #3572b7;
	border:solid 2px #3572b7;
	border-radius: 30px;
	transition:.4s;
	font-size: 130%;
	background: #fff;

}
@media only screen and (max-width: 767px){.button03{font-size: 120%;}}
.button03 i{
	font-size: 93%;
	margin: 0 1rem 1rem 0;

}
@media only screen and (max-width: 767px){
	.button03 i{
		font-size: 80%;
		margin: 0 1rem 1rem 0;

	}

}
.button03:hover{
	background: #3572b7;
	color: #fff !important;

}
@media only screen and (max-width: 767px){.btn_spCenter{text-align: center;}}
a.hoverBg01{transition: all .3s;}
a.hoverBg01:hover{background-color: #cdebff;}
.newwin,
.pdf,
.download{padding: 5px 2em 5px 0;}
.newwin a,
.pdf a,
.download a{
	transition: all .3s;
	color: #3572b7;
	text-decoration: underline;
	position: relative;

}
.newwin a:hover,
.pdf a:hover,
.download a:hover{background-color: #cdebff;}
.newwin a:after{
	content: url("/common/img/ico_newwin.png");
	display: inline-block;
	margin-left: 0.5em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

}
.pdf a:after{
	content: url("/common/img/ico_pdf.png");
	display: inline-block;
	margin-left: 0.5em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

}
.download a:after{
	content: url("/common/img/ico_download.png");
	display: inline-block;
	margin-left: 0.5em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

}
.page_link{
	border: 1px solid #4471b1;
	display: flex;
	flex-wrap:wrap;
	margin-bottom: 10px;

}
.page_link dt{
	background-color: #4471b1;
	color: #fff;
	padding: 5px 20px;
	width: calc(20% - 40px);

}
.page_link dd{
	padding: 5px 20px;
	width: calc(80% - 40px);

}
.page_link dd a{text-decoration: none;}
.page_link dd a:after{
	content: "/";
	margin: 0 10px;

}
.page_link dd a:last-child:after{content: ""}
#mv{
	width: 100%;
	opacity: 0;
	transition:opacity .3s linear;

}
#mv.slick-initialized{opacity: 1;}
#mv div{position: relative;}
#mv div img{width: 100%;}
@media only screen and (min-width: 768px){
	#mv div .scroll-btn{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 40px;

	}

}
@media only screen and (max-width: 767px){#mv div .scroll-btn{display: none;}}
#section01{padding-bottom: 100px;}
#section01 .topics-list{padding: 30px 0;}
@media only screen and (max-width: 767px){#section01 .topics-list{padding: 15px 0;}}
#section01 .topics-list ul{border-top: 1px solid #4471b1;}
.top_btn{text-align: center;}
#section02{
	width: 80%;
	max-width: 1400px;
	margin: 0 auto;
	border: 1px solid #4471b1;

}
@media only screen and (max-width: 999px){#section02{width: 96%;}}
#section02 .inner{width: 80%;max-width: 1100px;margin: 5% auto;}
@media only screen and (max-width: 999px){#section02 .inner{width: 100%;}}
#section02 .inner .lead{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 100px;

}
@media only screen and (max-width: 767px){
	#section02 .inner .lead{
		text-align: left;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 10px;
		margin-bottom: 40px;

	}
}
#section02 .ind{
	*zoom: 1;
	margin-bottom: 100px;
	opacity: 0;

}
#section02 .ind:after{
	content: "";
	display: table;
	clear: both;

}
@media only screen and (max-width: 999px){#section02 .ind{margin-bottom: 40px;}}
#section02 .ind.is-active{
	opacity: 1;
	-webkit-transition:opacity 2s ease-in;
	-moz-transition:opacity 2s ease-in;
	-ms-transition:opacity 2s ease-in;
	-o-transition:opacity 2s ease-in;
	transition:opacity 2s ease-in;

}
#section02 .ind .tit02{
	width: 100%;
	text-align:right;

}
@media only screen and (max-width: 999px){#section02 .ind .tit02{text-align: center;}}
#section02 .ind .text{
	float: right;
	background: transparent;
	width: 50%;
	position: relative;
	z-index: 1;

}
@media only screen and (max-width: 999px){
	#section02 .ind .text{
		width: 80%;
		margin-top: 200px;

	}

}
#section02 .ind .text .box{
	height: 360px;
	background-color: #fff;
	padding: 10% 0 10% 10%;
	font-size: 18px;
	font-size: 1.8rem;

}
@media only screen and (max-width: 999px){
	#section02 .ind .text .box{
		height: auto;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 20px 10px;

	}

}
#section02 .ind .text .box .btn-wrap{
	margin-top: 45px;
	text-align:right;

}
@media only screen and (max-width: 999px){#section02 .ind .text .box .btn-wrap{text-align: center;}}
#section02 .ind .text:after{
	content: "";
	width: 150%;
	height: 120%;
	position: absolute;
	top: -30%;
	right: 90%;
	z-index: -1;
	box-shadow: -35px 35px #f0f0f0;
	background-size: cover;

}
@media only screen and (max-width: 999px){
	#section02 .ind .text:after{
		width: 115%;
		height: 200px;
		top: -180px;
		right: auto;
		left: -20%;

	}

}
@media only screen and (max-width: 999px){#section02 .ind .btn-wrap{text-align: center;}}
#section02 .ind:nth-child(2n) .tit02{text-align: left;}
@media only screen and (max-width: 999px){#section02 .ind:nth-child(2n) .tit02{text-align: center;}}
#section02 .ind:nth-child(2n) .text{float: left;}
#section02 .ind:nth-child(2n) .text .box{padding: 10% 10% 10% 0;}
@media only screen and (max-width: 999px){#section02 .ind:nth-child(2n) .text .box{padding: 20px 10px;}}
#section02 .ind:nth-child(2n) .text .box .btn-wrap{text-align: left;}
@media only screen and (max-width: 999px){#section02 .ind:nth-child(2n) .text .box .btn-wrap{text-align: center;}}
#section02 .ind:nth-child(2n) .text:after{
	right: auto;
	left: 90%;
	box-shadow: 35px 35px #f0f0f0;

}
@media only screen and (max-width: 999px){
	#section02 .ind:nth-child(2n) .text:after{
		left: auto;
		right: -20%;

	}

}
#section02 .ind:nth-child(3) .text:after{background-image: url("/img/sec02_01.png");}
#section02 .ind:nth-child(4) .text:after{background-image: url("/img/sec02_02.png");}
#section02 .ind:nth-child(5) .text:after{background-image: url("/img/sec02_03.png");}
#section02 .ind:nth-child(6) .text:after{background-image: url("/img/sec02_04.png");}
#section03{
	background-image: url("/img/bg-photo.png");
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	padding: 100px 0;

}
@media only screen and (max-width: 767px){#section03{padding: 50px 0;}}
@media only screen and (min-width: 1000px){
	#section03 .wrap{
		margin-bottom: 100px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;

	}

}
@media only screen and (min-width: 1000px){#section03 .wrap .ind{width: 32%;}}
@media only screen and (max-width: 999px){#section03 .wrap .ind{padding: 0 10% 60px;}}
#section03 .wrap .ind a:hover{opacity: 0.8;}
#section03 .wrap .ind a img{width: 100%;}
@media only screen and (min-width: 1000px){#section03 .wrap .ind a img{margin-bottom: 30px;}}
@media only screen and (max-width: 999px){#section03 .wrap .ind a img{margin-bottom: 10px;}}
#section03 .wrap .ind .tit03{text-align: center;}
#section04{
	margin-top: 0;
	margin-bottom: 0;
	background-color: #ecf0f7;
	background-image: url("/img/bg-logo.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom left;

}
@media only screen and (min-width: 1000px){#section04{padding: 200px 0 200px;}}
@media only screen and (max-width: 999px){#section04{padding: 50px 0 50px;}}
#section04 .inner{
	position: relative;
	z-index: 1;

}
@media only screen and (max-width: 999px){
	#section04 .inner{
		width: 90%;
		padding: 40px 5px;

	}

}
#section04 .inner:after{
	content: "";
	background-color: #fff;
	position: absolute;
	z-index: -1;

}
@media only screen and (min-width: 1000px){
	#section04 .inner:after{
		width: 130%;
		height: 130%;
		top: -15%;
		left: -15%;

	}

}
@media only screen and (max-width: 999px){
	#section04 .inner:after{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;

	}

}
@media only screen and (min-width: 1000px){
	#section04 .wrap{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;

	}

}
@media only screen and (min-width: 1000px){
	#section04 .wrap .ind{width: 32%;}
	#section04 .wrap .ind a:hover img{opacity: 0.7;}

}
@media only screen and (max-width: 999px){
	#section04 .wrap .ind{
		width: 95%;
		margin: 0 auto 10px;
		padding: 10px 0 20px;
		border-bottom: 1px solid #eaeaea;

	}
	#section04 .wrap .ind:last-child{border-bottom: none;}
	#section04 .wrap .ind a{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

}
#section04 .wrap .ind a{text-decoration: none;}
@media only screen and (max-width: 999px){#section04 .wrap .ind .img{width: 55%;}
}
@media only screen and (min-width: 1000px){#section04 .wrap .ind .img img{width: 100%;margin-bottom: 30px;}
}
@media only screen and (max-width: 999px){#section04 .wrap .ind .img img{width: 100%;}
}
#section04 .wrap .ind .tit03{
	text-align: center;
	position: relative;

}
@media only screen and (max-width: 999px){#section04 .wrap .ind .tit03{width: 45%;}}
@media only screen and (max-width: 999px) and (min-width: 768px) and (max-width: 999px){
	#section04 .wrap .ind .tit03 .tit{
		font-size: 20px;
		font-size: 2rem;

	}

}
@media only screen and (max-width: 999px) and (max-width: 767px){
	#section04 .wrap .ind .tit03 .tit{
		font-size: 14px;
		font-size: 1.4rem;

	}

}
@media only screen and (max-width: 999px) and (min-width: 768px) and (max-width: 999px){
	#section04 .wrap .ind .tit03 .tit_sub{
		font-size: 18px;
		font-size: 1.8rem;

	}

}
@media only screen and (max-width: 999px) and (max-width: 767px){
	#section04 .wrap .ind .tit03 .tit_sub{
		font-size: 12px;
		font-size: 1.2rem;

	}

}
@media only screen and (max-width: 999px){
	#section04 .wrap .ind .tit03:after{
		content: "";
		display: block;
		position: absolute;
		left: calc(50% - 4px);
		border-top: 2px solid #3472b7;
		border-right: 2px solid #3472b7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);

	}

}
@media only screen and (max-width: 999px) and (min-width: 768px) and (max-width: 999px){
	#section04 .wrap .ind .tit03:after{
		width: 16px;
		height: 16px;

	}

}
@media only screen and (max-width: 999px) and (max-width: 767px){
	#section04 .wrap .ind .tit03:after{
		width: 8px;
		height: 8px;

	}

}
.emg a{
	color: #ff324f;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
.emg a:before{
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 16px;
	border-top: 2px solid #d23627;
	border-right: 2px solid #d23627;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}



/*# sourceMappingURL=index-style.css.map */