@charset "UTF-8";

#main {
	width:auto;
	max-width:100%;
	padding:30px 0 ;
}

/* -------------------------------------------------------------------
 TOP MV
-------------------------------------------------------------------- */
#mv { margin: 0px auto 100px; width: 100%; position: relative; }
@media screen and (max-width: 768px) { #mv { margin-bottom: 40px; } }
#mv .sliderWrapper { position: relative; width: 100%; }
#mv .sliderWrapper .slider { width: 100% !important; }
#mv .sliderWrapper .slider div { position: relative; width: 100vw; }
#mv .sliderWrapper .slider div img { width: 100%; }
#mv .sliderWrapper .slider div.mv01 { margin-bottom: 0px; }
#mv .sliderWrapper .slider div.mv01 .txt { font-size: 465%; }
@media screen and (max-width: 768px) { #mv .sliderWrapper .slider div.mv01 .txt { font-size: 229%; } }
#mv .sliderWrapper .slider div.mv02 { margin-bottom: 0px; }
#mv .sliderWrapper .slider div.mv02 .txt { font-size: 429%; }
@media screen and (max-width: 768px) { #mv .sliderWrapper .slider div.mv02 .txt { font-size: 229%; top: 65%; } }
#mv .sliderWrapper .slider div.mv03 { margin-bottom: 0px; }
#mv .sliderWrapper .slider div.mv03 .txt { font-size: 486%; }
@media screen and (max-width: 768px) { #mv .sliderWrapper .slider div.mv03 .txt { font-size: 193%; } }
#mv .sliderWrapper .slider div .txt { position: absolute; font-family: "Noto Sans Japanese"; top: 50%; left: 7%; transform: translateY(-50%); display: block; z-index: 2; color: #fff; font-weight: bold; text-shadow: 0px 0px 20px #000; }
@media screen and (max-width: 768px) { #mv .sliderWrapper .slider div .txt { font-size: 229%; text-align: center; left: 0px; width: 100%; text-shadow: 0px 0px 10px #000; } }
@media screen and (max-width: 320px) { #mv .sliderWrapper .slider div .txt { font-size: 200%; } }
#mv .sliderWrapper .slider div.txtCenter .txt { left: 50%; transform: translate(-50%, -50%); display: block; text-align: center; width: 100%; }
#mv .bgLoading { position: relative; width: 100%; }
#mv .bgLoading figure img { width: 100%; }
#mv .bgLoading .load { top: 50%; transform: translateY(-50%); text-align: center; position: absolute; width: 100%; left: 0px; }
@media screen and (max-width: 768px) { #mv .bgLoading .load img { width: 50px; } }

/* -------------------------------------------------------------------
 slick

-------------------------------------------------------------------- */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-loading .slick-list { background: #efefef url("images/ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev, .slick-next { display: none; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; box-sizing: border-box; }
@media screen and (max-width: 768px) { .slick-dots { bottom: -30px; } }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 8px; padding: 0; cursor: pointer; }
@media screen and (max-width: 768px) { .slick-dots li { margin: 0 5px; } }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { font-family: 'slick'; font-size: 30px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; color: #ddd; text-shadow: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: #004499; }

.nexyzblue { color: #004499; }

.wrap { max-width: 1280px; width: 100%; padding: 0px 40px; box-sizing: border-box; margin: 0px auto; }
@media screen and (max-width: 768px) { .wrap { padding: 0px 20px; } }
@media screen and (max-width: 320px) { .wrap { padding: 0px 10px; } }

.bgbk { background-color: #000; }

.source_wrap { width: 100%; min-height: 100px; border: 1px solid #333; padding: 0.5em 1em; box-sizing: border-box; margin-top: 20px; background-color: #000; color: #1AFF00 !important; text-align: left !important; border-radius: 0px; }

.preDiv { margin-bottom: 80px; }
@media screen and (max-width: 768px) { .preDiv { margin-bottom: 30px; } }

.moduleTtl { padding-top: 40px; padding-bottom: 5px; border-bottom: 2px solid #004499; margin-bottom: 50px; font-size: 358%; font-weight: bold; }
@media screen and (max-width: 768px) { .moduleTtl { font-size: 143%; } }

.brSe { display: none; }
@media screen and (max-width: 320px) { .brSe { display: inherit !important; } }

.wbn { word-break: normal; }

/* -------------------------------------------------------------------
 TOP MV

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




/* -------- mv ------ */

#mv .sliderWrapper .slider .mv01 a .txtBox {
    position: absolute;
    font-family: "Noto Sans Japanese";
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: block;
    z-index: 2; 
    text-align: center;
}

#mv .sliderWrapper .slider .mv01 a .txtBox .txt01{
	font-size: 350%;
	color: #fff;
	text-shadow: 0px 0px 20px #000;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv01 a .txtBox .txt01{
		font-size: 8vw;
		margin-bottom: 10px;
	}
}
#mv .sliderWrapper .slider .mv01 a .txtBox .txt02{
	font-size: 100%;
	color: #fff;
	text-shadow: 0px 0px 20px #000;
	margin-bottom: 20px;
	line-height: 2;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv01 a .txtBox .txt02{
		font-size: 85.7%;
		margin-bottom: 15px;
	}	
}
#mv .sliderWrapper .slider .mv01 a .txtBox .btn{
	width: 228px;
	height: 33px;
	background-color: rgba(51,51,51,0.85);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 85.7%;
	margin: 0px auto;
	color: #fff;
}
#mv .sliderWrapper .slider .mv01 a .txtBox .btn span{
	line-height: 33px;
	display: block;
	width: 100%;
	background-image: url(../images/icon_mv_btn_arrow.png);
	background-position: 97% center;
	background-repeat: no-repeat;
}
#mv .sliderWrapper .slider .mv01 a:hover .txtBox .btn{
	background-color: #004499;
}

#mv .sliderWrapper .slider .mv02 a .txtBox {
    position: absolute;
    font-family: "Noto Sans Japanese";
    top: 50%;
    left: 7%;
	width: 100%;
    transform: translateY(-50%);
    display: block;
    z-index: 2;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider div.mv02 a .txtBox {
		top: 70%;
		left: 0%;
	}
}
#mv .sliderWrapper .slider .mv02 a .txtBox .txt01{
	font-size: 350%;
	color: #fff;
	text-shadow: 0px 0px 20px #000;
    font-weight: bold;
	margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv02 a .txtBox .txt01{
		font-size: 8vw;
		margin-bottom: 7px;
		text-align: center;
	}
}
#mv .sliderWrapper .slider .mv02 a .txtBox .btn{
	width: 228px;
	height: 33px;
	background-color: rgba(51,51,51,0.85);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 85.7%;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv02 a .txtBox .btn{
		margin: 0px auto;
	}
}
#mv .sliderWrapper .slider .mv02 a .txtBox .btn span{
	line-height: 33px;
	display: block;
	width: 100%;
	background-image: url(../images/icon_mv_btn_arrow.png);
	background-position: 97% center;
	background-repeat: no-repeat;
}
#mv .sliderWrapper .slider .mv02 a:hover .txtBox .btn{
	background-color: #004499;
}

#mv .sliderWrapper .slider .mv03 a .txtBox {
    position: absolute;
    font-family: "Noto Sans Japanese";
    top: 50%;
    left: 0%;
	width: 100%;
    transform: translateY(-50%);
    display: block;
    z-index: 2;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv03 a .txtBox {
		 top: 50%;
		transform: translateY(-50%);
	}
}
#mv .sliderWrapper .slider .mv03 a .txtBox .txt01{
	font-size: 350%;
	color: #fff;
	text-shadow: 0px 0px 20px #000;
    font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv03 a .txtBox .txt01{
		font-size: 8vw;
		margin-bottom: 5px;
		padding-left: 15px;
	}
}
#mv .sliderWrapper .slider .mv03 a .txtBox .btn{
	width: 228px;
	height: 33px;
	background-color: rgba(51,51,51,0.85);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 85.7%;
	color: #fff;
	margin: 0px auto;
}
#mv .sliderWrapper .slider .mv03 a .txtBox .btn span{
	line-height: 33px;
	display: block;
	width: 100%;
	background-image: url(../images/icon_mv_btn_arrow.png);
	background-position: 97% center;
	background-repeat: no-repeat;
}
#mv .sliderWrapper .slider .mv03 a:hover .txtBox .btn{
	background-color: #004499;
}

#mv .sliderWrapper .slider .mv04 a .txtBox {
    position: absolute;
    font-family: "Noto Sans Japanese";
    top: 50%;
    left: 0%;
	width: 100%;
    transform: translateY(-50%);
    display: block;
    z-index: 2;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv04 a .txtBox {
		 top: 44%;
	}
}
#mv .sliderWrapper .slider .mv04 a .txtBox .txt01{
	font-size: 350%;
	color: #fff;
	text-shadow: 0px 0px 20px #000;
    font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#mv .sliderWrapper .slider .mv04 a .txtBox .txt01{
		font-size: 8vw;
		margin-bottom:10px;
		padding-left: 15px;
	}
}
#mv .sliderWrapper .slider .mv04 a .txtBox .btn{
	width: 228px;
	height: 33px;
	background-color: rgba(51,51,51,0.85);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 85.7%;
	color: #fff;
	margin: 0px auto;
}
#mv .sliderWrapper .slider .mv04 a .txtBox .btn span{
	line-height: 33px;
	display: block;
	width: 100%;
	background-image: url(../images/icon_mv_btn_arrow.png);
	background-position: 97% center;
	background-repeat: no-repeat;
}
#mv .sliderWrapper .slider .mv04 a:hover .txtBox .btn{
	background-color: #004499;
}

.slick-dots{
    bottom: 10px;
	z-index: 10;
}
@media screen and (max-width: 768px) {
	.slick-dots{
		bottom: -10px;
	}
}
.slick-dots li {
    width: 54px;
    height: 20px;
    margin: 0 5px;
	padding-top: 10px;
}
@media screen and (max-width: 768px) {
	.slick-dots li {
		width: 30px;
		height: 10px;
	}
}
.slick-dots li button {
   	width: 54px;
    height: 4px;
	background: #dddddd;
}
.slick-dots li.slick-active button{
	background: #004499;
}
@media screen and (max-width: 768px) {
	.slick-dots li button {
		width: 30px;
		height: 4px;
	}
}
.slick-dots li button:before {
    display: none;
}
/* -------- fadein ------ */

.fadein01 {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
}
 
.fadein01.scrollin {
    opacity : 1;
    transform : translate(0, 0);
 }


/* -------- topLink01 ------ */
#topLink01{
	margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
	#topLink01{
		margin-bottom: 35px;
	}
}
#topLink01 .topLink01Wrapper ul li{
	float: left;
	width: 22%;
	margin-right: 4%;
}
@media screen and (max-width: 768px) {
	#topLink01 .topLink01Wrapper ul li{
		float: left;
		width: 48%;
		margin-right: 0%;
		margin-bottom: 25px;
	}
	#topLink01 .topLink01Wrapper ul li:nth-child(2n){
		float: right;
	}
}
#topLink01 .topLink01Wrapper ul li:nth-child(4n){
	margin-right: 0px;
}
#topLink01 .topLink01Wrapper ul li a{
	display: block;
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#topLink01 .topLink01Wrapper ul li a{
		font-size: 85.7%;
	}
}
#topLink01 .topLink01Wrapper ul li a img{
	width: 100%;
	display: block;
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid #d9dee5;
	box-sizing: border-box;
}
#topLink01 .topLink01Wrapper ul li a:hover img{
	opacity: 0.7;
	border: 1px solid #004499;
}
#topLink01 .topLink01Wrapper ul li a span{
	display: inline-block;
	padding-right: 20px;
	background-image: url(../img/icon_blank_top_01.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #555555;
}
@media screen and (max-width: 768px) {
	#topLink01 .topLink01Wrapper ul li a span{
		display: inline;
		padding-right: 15px;
	}
}
#topLink01 .topLink01Wrapper ul li a:hover span{
	text-decoration: underline;
}

/* -------- topLink02 topLink03------ */
#topLink02,
#topLink03{
	margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
	#topLink02,
	#topLink03{
		margin-bottom: 35px;
	}
}
#topLink02 .topLink02Wrapper h2,
#topLink03 .topLink03Wrapper h2{
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	#topLink02 .topLink02Wrapper h2,
	#topLink03 .topLink03Wrapper h2{
		margin-bottom: 15px;
	}
}
#topLink02 .topLink02Wrapper h2 .jp,
#topLink03 .topLink03Wrapper h2 .jp{
	display: block;
	font-size: 286%;
	color: #333333;
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	#topLink02 .topLink02Wrapper h2 .jp,
	#topLink03 .topLink03Wrapper h2 .jp{
		font-size: 157%;
		margin-bottom: 0px;
	}
}
#topLink02 .topLink02Wrapper h2 .en,
#topLink03 .topLink03Wrapper h2 .en{
	font-size: 129%;
	font-weight: bold;
	color: #ccd3dc;
}
@media screen and (max-width: 768px) {
	#topLink02 .topLink02Wrapper h2 .en,
	#topLink03 .topLink03Wrapper h2 .en{
		font-size: 100%;
	}
}
#topLink02 .topLink02Wrapper .linkBoxWrapper .box,
#topLink03 .topLink03Wrapper .linkBoxWrapper .box{
	width: 50%;
	float: left;
	position: relative;
}
@media screen and (max-width: 768px) {
	#topLink02 .topLink02Wrapper .linkBoxWrapper .box,
	#topLink03 .topLink03Wrapper .linkBoxWrapper .box{
		width: 100%;
		float: none;
	}
	#topLink02 .topLink02Wrapper .linkBoxWrapper .box:first-child,
	#topLink03 .topLink03Wrapper .linkBoxWrapper .box:first-child{
		margin-bottom: 20px;
	}
}
#topLink02 .topLink02Wrapper .linkBoxWrapper .box a,
#topLink03 .topLink03Wrapper .linkBoxWrapper .box a{
	display: block;
	width: 100%;
	overflow: hidden;
}
#topLink02 .topLink02Wrapper .linkBoxWrapper .box a img,
#topLink03 .topLink03Wrapper .linkBoxWrapper .box a img{
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
	width: 100%;
}
#topLink02 .topLink02Wrapper .linkBoxWrapper .box a .txtBox,
#topLink03 .topLink03Wrapper .linkBoxWrapper .box a .txtBox{
	width: 265px;
	height: 100%;
	z-index: 2;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url(../img/bg_top_banner_txt.png);
}
@media screen and (max-width: 768px) {
	#topLink02 .topLink02Wrapper .linkBoxWrapper .box a .txtBox,
	#topLink03 .topLink03Wrapper .linkBoxWrapper .box a .txtBox{
		width: 100%;
		height: 50px;
		right: inherit;
		top: inherit;
		bottom: 0px;
		left: 0px;
	}	
}
#topLink02 .topLink02Wrapper .linkBoxWrapper .box a .txtBox .txtBoxInner,
#topLink03 .topLink03Wrapper .linkBoxWrapper .box a .txtBox .txtBoxInner{
	position: relative;
	width: 100%;
	height: 100%;
}
#topLink02 .topLink02Wrapper .linkBoxWrapper .box a .txtBox .txtBoxInner h3,
#topLink03 .topLink03Wrapper .linkBoxWrapper .box a .txtBox .txtBoxInner h3{
	color: #fff;
	text-align: center;
	width: 100%;
	font-size: 143%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
	#topLink02 .topLink02Wrapper .linkBoxWrapper .box a .txtBox .txtBoxInner h3,
	#topLink03 .topLink03Wrapper .linkBoxWrapper .box a .txtBox .txtBoxInner h3{
		line-height: 50px;
		width: 100%;
		font-size: 114%;
		position: relative;
		top: inherit;
		left: inherit;
		transform: translateY(0%);
	}
}
#topLink02 .topLink02Wrapper .linkBoxWrapper .box a:hover img,
#topLink03 .topLink03Wrapper .linkBoxWrapper .box a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 0.7;
}

/* -------- topLink04 ------ */
#topLink04 .topLink04Wrapper .wrapper .box{
	width: 50%;
	float: left;
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box{
		width: 100%;
		float: none;
		margin-bottom: 35px;
	}
}
#topLink04 .topLink04Wrapper .wrapper .box h2{
	text-align: center;
	margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box h2{
		margin-bottom: 15px;
	}
}
#topLink04 .topLink04Wrapper .wrapper .box h2 .jp{
	display: block;
	font-size: 214%;
	color: #333333;
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box h2 .jp{
		font-size: 157%;
		margin-bottom: 0px;
	}
}
#topLink04 .topLink04Wrapper .wrapper .box h2 .en{
	font-size: 114.3%;
	font-weight: bold;
	color: #ccd3dc;
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box h2 .en{
		font-size: 100%;
	}	
}
#topLink04 .topLink04Wrapper .wrapper .box .linkBox{
	position: relative;
	width: 100%;
}
#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox{
	padding: 0px 8%;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox{
		padding: 0;
		position: relative;
		top: inherit;
		left: inherit;
		transform: translateY(0%);
	}
}
#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li{
	float: left;
	line-height: 2;
}
@media screen and (max-width: 1100px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li{
		line-height: 1;
	}
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li{
		line-height: 2;
	}
}
#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li a{
	color: #fff;
	padding:0px 1em;
	border-right: 1px solid #fff;
	line-height: 1;
	display: inline-block;
}
@media screen and (max-width: 1100px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li a{
		font-size: 85.7%;
	}
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li a{
		color: #555555;
		border-right: 1px solid #555555;
	}
}
#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li:last-child a{
	border-right: none;
}
#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li.blank a{
	padding-right: 15px;
	background-image: url(../img/icon_blank_top_02.png);
	background-repeat: no-repeat;
	background-position: right;
}
#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner p a{
	color: #fff;
	padding:0px 1em;
	line-height: 1;
	display: inline-block;
}
@media screen and (max-width: 1100px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner p a{
		font-size: 85.7%;
	}
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner p a{
		color: #555555;
	}
}
@media screen and (max-width: 768px) {
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox figure{
		margin-bottom: 15px;
	}
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox figure img{
		width: 100%;
	}
	#topLink04 .topLink04Wrapper .wrapper .box .linkBox .txtBox .txtBoxInner ul li.blank a{
		padding-right: 15px;
		background-image: url(../img/icon_blank_top_01.png);
	}
}

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

/*　cover
-------------------------------------*/
.cover {
	background-color:#333;
	position: relative;
}
.cover img {
	display: block;
	width:100%;
	margin: 0 auto;
}

/*　box
-------------------------------------*/
.box {
	box-shadow: 0.5px 0.866px 3px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	background-image: url(../images/index/bgi-checkBox.jpg);
}
.box:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #fff transparent;
	content:"";
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
.box a {
	display:block;
}
.box a:hover {
	color:#333;
}

/*　checkBox
-------------------------------------*/
.checkBoxIn {
	width:1000px;
	margin:0 auto 93px;
	padding:0 3px;
}
.checkBoxIn .checkBox {
	width:477px;
}
.checkBoxIn .checkBox a {
	display:block;
	text-decoration:none;
	padding:26px 30px;
}
.checkBoxIn .checkBox a:hover {
	color:#333;
}
.checkBoxIn .checkBox a:hover img {
	opacity:1;
}
.checkBoxIn .checkBox h3 {
	line-height:1;
	text-align:center;
}
.checkBoxIn .checkBox h3 span {
	display:inline-block;
	font-weight:bold;
	font-size:24px;
	padding:0 17px 17px;
	background:url(../images/index/lin-checkBox_001.png) left bottom repeat-x;
}
.checkBoxIn .checkBox .col2 figure {
	float:left;
}
.checkBoxIn .checkBox .col2 p {
	float:right;
	width:208px;
	font-size:15px;
	font-weight:bold;
	line-height:1.86;
}
.checkBoxIn .checkBox .btn {
	width:240px;
	margin:0 auto;
	background:#125eb3;
	line-height:1;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	border-radius:38px;
}
.checkBoxIn .checkBox a:hover .btn {
	background:#fff;
	color:#125eb3;
}
.checkBoxIn .checkBox01 {
	float:left;
}
.checkBoxIn .checkBox01 h3 {
	margin-bottom:46px;
}
.checkBoxIn .checkBox01 .col2 {
	height:160px;
}
.checkBoxIn .checkBox01 .col2 p {
}
.checkBoxIn .checkBox01 figure {
	padding-left:7px;
}
.checkBoxIn .checkBox02 h3 {
	margin-bottom:16px;
}
.checkBoxIn .checkBox02 .col2 {
	padding-bottom:20px;
}
.checkBoxIn .checkBox02 .col2 p {
	padding-top:30px;	
}
.checkBoxIn .checkBox02 {
	float:right;
}

/*　infoBox
-------------------------------------*/
.infoBoxIn {
	width:1000px;
	margin:0 auto 30px;
}
.infoBoxIn .infoBox {
	width:400px;
	max-height:400px;
}
.infoBoxIn .infoBox .ttl {
	position:relative;
	border-bottom:3px solid #125eb3;
	margin-bottom:20px;
	padding-bottom:13px;
}
.infoBoxIn .infoBox .ttl a {
	display:block;
	position:absolute;
	line-height:1;
	width:90px;
	right:0;
	text-align:center;
	background:#f8f8f8;
	border:1px solid #e2e2e2;
	font-size:12px;
	padding:6px 0;
	border-radius:26px;
	bottom:13px;
	font-weight:bold;
}
.infoBoxIn .infoBox .ttl a:hover {
	background:#125eb3;
	border-color:#125eb3;
	color:#fff;
}
.infoBoxIn .infoBox h3 {
	line-height:1;
	font-size:16px;
}
.infoBoxIn .infoBox01 {
	float:left;
	width:580px;
}
.infoBoxIn .infoBox01 .newsList {
	border-bottom:1px solid #f1f1f1;
}
.infoBoxIn .infoBox01 .newsList li {
	list-style:none;
	line-height:1;
}
.infoBoxIn .infoBox01 .newsList li:nth-child(2n+1) {
	background:#f1f1f1;
}
.infoBoxIn .infoBox01 .newsList li:last-child a {
	padding-bottom:17px;
}
.infoBoxIn .infoBox01 .newsList li a {
	display:block;
	padding:16px 16px 16px 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.infoBoxIn .infoBox01 .newsList li a span {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#125eb3;
	font-weight:700;
	display:inline-block;
	padding-right:20px;
}
.infoBoxIn .infoBox02 {
	float:right;
}
.infoBoxIn .infoBox02 .smallBox {
	width:400px;
	margin-bottom:-25px;
}
.infoBoxIn .infoBox02 .smallBox li {
	list-style:none;
	margin:0 0 25px 0;
	width:400px;
}
.infoBoxIn .infoBox02 .smallBox li a {
	display:block;
	position:relative;
	padding:0 10px;
}
.infoBoxIn .infoBox02 .smallBox li a:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #f4f4f4 transparent;
	content:"";
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
.infoBoxIn .infoBox02 .smallBox li a span {
	display:block;
	margin-top:9px;
	color: #125eb3;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.1em;
}

/*　news
-------------------------------------*/
div#news div#information div{
	padding : 5px 10px;
}

div#news div#information div:nth-child(2n+1){
	background:#f1f1f1;
	padding : 5px 10px;
}

div#news dl dt{
	font-weight : bold;
	color: #125eb3;
	font-size:10px;
}

div#news dl dd{
}

/*　actionBox
-------------------------------------*/
.actionBox {
	background:#125eb3 url(../images/index/ico-actionBox_about_s.png) top center no-repeat;
	padding-top:40px;
}
.actionBox h2 {
	text-align:left;
	color:#fff;
	letter-spacing:0.025em;
	margin-bottom:20px;
}
.actionBox h2 span {
	font-size:40px;
	font-weight:700;
}
.actionBox .inner {
	width:1000px;
	margin:0 auto;
}
.actionBox .inner figure {
	float:left;
	width:479px;
	margin:  -82px 0;
}
.actionBox .inner .txtBox {
	width:520px;
	float:left;
	color:#fff;
	padding-top:10px;
}
.actionBox .inner .txtBox h3 {
	position:relative;
	font-size:20px;
	padding-left:60px;
	margin-bottom:20px;
}
.actionBox .inner .txtBox h3:before {
	content:"";
	display:block;
	width:65px;
	height:65px;
	background:url(../images/index/ico-actionBox_001.png) left center no-repeat;
	background-size:contain;
	position:absolute;
	left:-17px;
	top:-30px;
}
.actionBox .inner .txtBox p {
	font-size:17px;
	text-align:left;
	margin-bottom:25px;
}
.actionBox .inner .txtBox2 {
	width:1000px;
	height:300px;
	background:url(../images/index/about_foot.png) right center no-repeat;
	float:left;
	color:#fff;
	margin-top:30px;
	padding-top:30px;
}
.actionBox .inner .txtBox2 h3 {
	position:relative;
	font-size:20px;
	padding-left:60px;
	margin-bottom:25px;
}
.actionBox .inner .txtBox2 p {
	font-size:18px;
	text-align:left;
	line-height:2;
	padding-top:20px;
	margin:25px;
}
.actionBox .inner .txtBox2 p img {
	width: 200px;
	float: left;
	margin:0 20px 0 0;
}
.actionBox .inner .aboutBox {
	width:1000px;
}
.actionBox .inner .aboutBox li {
	list-style:none;
}
.actionBox .inner .aboutBox li:nth-child(2n) {
	margin-right:0;
}
.actionBox .inner .aboutBox li a {
	display:block;
	border:1px solid #e1e1e1;
	position:relative;
	background:#f9f9f9;
	font-size:15px;
	font-weight:bold;
	padding:26px 18px;
}
.actionBox .inner .aboutBox li a:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #34ad00 transparent;
	content:"";
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
.actionBox .inner .aboutBox li a span {
	display:block;
	margin-top:9px;
	color: #125eb3;
	font-weight: 900;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.1em;
}

/*　contentsBox
-------------------------------------*/
.contentsBox {
	float:left;
}
.contentsBox a {
	padding:5px;
}
.contentsBox h3 {
	color: #FFFFFF;
	text-align: center;
	line-height: 1;
}
.contentsBoxIn  {
	position:relative;
}
.contentsBoxIn .illust {
	position:absolute;
}
.contentsBox2 {
	float:right;
}
.contentsBox2 a {
	padding:5px;
}
.contentsBox2 h3 {
	color: #FFFFFF;
	text-align: center;
	line-height: 1;
}
.contentsBoxIn  {
	position:relative;
}
.contentsBoxIn .illust {
	position:absolute;
}
.contents01 {
	width: 1000px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}
.contents01 .contentsBox {
	width: 480px;
}
.contents01 .contentsBox:first-child {
	margin-right: 20px;
}
.contents01 .contentsBox h3 {
	font-size: 24px;
	padding: 30px 0 20px;
}
.contents01 .contentsBox p {
	padding: 0 20px 20px;
	font-size: 18px;
	line-height: 1.5;
	color: #FFF;
}
.contents01 .illust00 {
	top:-103px;
	left:-155px;
}
.contents01 .illust01 {
	top:171px;
	right:-204px;
}
.contents01 .illust02 {
	bottom:-76px;
	left:-144px;
}
.contents01 .contentsBox2 {
	width: 480px;
}
.contents01 .contentsBox2:first-child {
	margin-right: 20px;
}
.contents01 .contentsBox2 h3 {
	font-size: 24px;
	padding: 30px 0 20px;
}
.contents01 .contentsBox2 p {
	padding: 0 20px 20px;
	font-size: 18px;
	line-height: 1.5;
	color: #FFF;
}
.contents02 {
	width:1000px;
	margin:0 auto 77px;
	padding:0 3px;
}
.contents02 h2 {
	line-height:1;
	text-align:center;
	font-size:24px;
	margin-bottom:43px;
}
.contents02 h2 span {
	display:block;
	margin-top:15px;
	color: #125eb3;
    font-weight: 900;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
.contents02 .contentsBox {
	width:314px;
	margin:0 29px 30px 0;
}
.contents02 .contentsBox a {
	height:283px;
}
.contents02 .box03,
.contents02 .box06 {
	margin-right:0;
}
.contents02 .contentsBox h3 {
	font-size:16px;
	margin:20px 0 15px;
}
.contents02 .contentsBox p {
	padding:0 24px;
}
.contents02 .illust01 {
	top:197px;
	right:-105px;
}
.contents02 .illust02 {
	bottom:-27px;
	left:-109px;
}
#book.popUpBoxWrap .owl-carousel {
	width:1000px;
	margin:0 auto !important;
}


/*　footBox
-------------------------------------*/
.footBox {
	width:1000px;
	margin:0 auto;
}
.footBox .smallBox {
	width:480px;
	float:left;
	letter-spacing:-0.40em;
	line-height:1;
	margin-bottom:-25px;
}
.footBox .smallBox li {
	list-style:none;
	display:inline-block;
	letter-spacing:0;
	margin:0 28px 25px 0;
	width:226px;
}
.footBox .smallBox li:nth-child(2n) {
	margin-right:0;
}
.footBox .smallBox li a {
	display:block;
	border:1px solid #e1e1e1;
	position:relative;
	background:#f9f9f9;
	font-size:15px;
	font-weight:bold;
	padding:26px 18px;
}
.footBox .smallBox li a:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #34ad00 transparent;
	content:"";
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
.footBox .smallBox li a span {
	display:block;
	margin-top:9px;
	color: #125eb3;
	font-weight: 900;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.1em;
}
@media screen and (max-width: 760px) {
	
#main {
	width:auto;
	padding:0 0 120px;
	background:url(/images/index/bgi-main_001.jpg) center bottom no-repeat;
	background-size:100% auto;
}

/*　cover
-------------------------------------*/
.cover {
	padding:20px 0 32px;
	margin-bottom:40px;
}
.cover .slide_body a {
	display:block;
	margin:0 20px;
	text-align:center;
}
.cover .slide_body a img {
	width:calc(100% - 30px);
	margin:0;
}
.cover .slide_body a {
	background:none;
}
.bx-wrapper .bx-controls-direction {
	display:none !important;
}

/*　box
-------------------------------------*/
.box {
}
.box:before {
}
.box a {
}

/*　checkBox
-------------------------------------*/
.checkBoxIn {
	width:auto;
	margin:0 20px 50px;
	padding:0;
}
.checkBoxIn .checkBox {
	width:100%;
}
.checkBoxIn .checkBox a {
	padding:20px;
}
.checkBoxIn .checkBox h3 {
}
.checkBoxIn .checkBox h3 span {
	display:inline-block;
	font-weight:bold;
	font-size:16px;
	padding:0 5px 15px;
	background:url(/images/index/lin-checkBox_001.png) left bottom repeat-x;
}
.checkBoxIn .checkBox .col2 figure {
	float:none;
	text-align:center;
}
.checkBoxIn .checkBox .col2 p {
	float:none;
	width:auto;
	font-size:14px;
	line-height:1.7;
	margin:15px 0;
}
.checkBoxIn .checkBox .btn {
	max-width:200px;
	width:auto;
	font-size:14px;
}
.checkBoxIn .checkBox01 {
	float:none;
	margin-bottom:20px;
}
.checkBoxIn .checkBox01 h3 {
	margin-bottom:20px;
}
.checkBoxIn .checkBox01 .col2 {
	height:auto;
}
.checkBoxIn .checkBox01 .col2 p {
	padding:0;	
}
.checkBoxIn .checkBox01 figure {
	padding:0;
}
.checkBoxIn .checkBox02 h3 {
	margin:0 0 10px;
}
.checkBoxIn .checkBox02 .col2 {
	padding:0;
}
.checkBoxIn .checkBox02 .col2 p {
	padding:0;	
}
.checkBoxIn .checkBox02 {
	float:none;
}

/*　infoBox
-------------------------------------*/
.infoBoxIn {
	width:auto;
	margin:0 20px 50px;
}
.infoBoxIn .infoBox {
	width:auto;
	margin-bottom:20px;
}
.infoBoxIn .infoBox .ttl {
	max-width: 100%; 
	margin-bottom:20px;
}
.infoBoxIn .infoBox .ttl a {
	bottom:9px;
}
.infoBoxIn .infoBox h3 {
}
.infoBoxIn .infoBox01 {
	float:none;
}
.infoBoxIn .infoBox01 .newsList {
	margin-bottom:50px;
}
.infoBoxIn .infoBox01 .newsList li {
}
.infoBoxIn .infoBox01 .newsList li:last-child a {
}
.infoBoxIn .infoBox01 .newsList li a {
	padding:15px;
}
.infoBoxIn .infoBox01 .newsList li a span {
	display:block;
	padding-right:0;
	margin-bottom:5px;
}
.infoBoxIn .infoBox02 {
	float:left;
}
.infoBoxIn .infoBox02 .smallBox {
	width: auto; 
	height:auto;
	margin-bottom:20px;
}
.infoBoxIn .infoBox02 .smallBox li {
	margin:0 14px 14px 0;
	width:calc(50% - 7px);
}
.infoBoxIn .infoBox02 .smallBox li a {
	font-size:14px;
	padding:20px 0;
}
.infoBoxIn .infoBox02 .smallBox li img {
	width: 318px; 
}


/*　actionBox
-------------------------------------*/
.actionBox {
	padding: 30px 20px;
	margin-bottom:50px;
}
.actionBox .fukidashi {
	max-width:293px;
	width:auto;
	font-size:14px;
	margin-bottom:20px;
}
.actionBox h2 {
	text-align:center;
	font-size:18px;
	color:#fff;
	letter-spacing:0;
	margin-bottom:20px;
}
.actionBox h2 span {
	font-size:22px;
	font-weight:700;
}
.actionBox .inner {
	width:auto;
}
.actionBox .inner figure {
	float:none;
	max-width:479px;
	width:auto;
	margin:0 auto 25px;
}
.actionBox .inner .aboutBox {
	max-width:479px;
	width:auto;
}
.actionBox .inner .aboutBox li {
	list-style:none;
}
.actionBox .inner .aboutBox li:nth-child(2n) {
	margin-right:0;
}
.actionBox .inner .aboutBox li a {
	display:block;
	border:1px solid #e1e1e1;
	position:relative;
	background:#f9f9f9;
	font-size:15px;
	font-weight:bold;
	padding:26px 18px;
}
.actionBox .inner .aboutBox li a:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #34ad00 transparent;
	content:"";
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
.actionBox .inner .aboutBox li a span {
	display:block;
	margin-top:9px;
	color: #125eb3;
	font-weight: 900;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.1em;
}
.actionBox .inner .aboutBox li img {
	float:none;
	max-width:450px;
	width:320px;
	margin:0 auto 20px;
}
.actionBox .inner .txtBox {
	width:auto;
	float:none;
	color:#fff;
	padding-top:0;
}
.actionBox .inner .txtBox h3 {
	position:relative;
	font-size:18px;
	padding-left:35px;
	margin-bottom:20px;
}
.actionBox .inner .txtBox h3:before {
	width:30px;
	height:30px;
	left:0;
	top:50%;
	margin-top:-15px;
}
.actionBox .inner .txtBox p {
	font-size:14px;
	line-height:1.7;
	margin-bottom:20px;
}
.actionBox .inner .txtBox .btn {
	width:162px;
	margin:0 auto;
	font-size:14px;
}
.actionBox .inner .txtBox2 {
	width:auto;
	background:url(../images/index/about_foot.png) right center no-repeat;
	float:left;
	color:#fff;
	margin-top:10px;
	padding-top:10px;
	background-size:50% auto;
}
.actionBox .inner .txtBox2 h3 {
	position:relative;
	font-size:20px;
	padding-left:60px;
	margin-bottom:25px;
}
.actionBox .inner .txtBox2 p {
	font-size:14px;
	text-align:left;
	line-height:2;
	padding-top:20px;
	margin:10px;
}
.actionBox .inner .txtBox2 p img {
	width: 100px;
	float: left;
	margin:0 20px 0 0;
}

/*　contentsBox
-------------------------------------*/
.contentsBox {
	float:none;
}
.contentsBox a {
}
.contentsBox h3 {
}
.contentsBoxIn  {
}
.contentsBoxIn .illust {
	display:none;
}
.contents01 {
	width:auto;
	margin:0 20px 60px;
	padding:0;
}
.contents01 .contentsBox {
	width:auto;
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}
.contents01 .contentsBox:first-child {
	margin:0 auto 20px;
}
.contents01 .contentsBox h3 {
	font-size:16px;
	padding:15px 15px 10px;
	line-height:1.3;
}
.contents01 .contentsBox p {
	padding:0 15px 20px;
	font-size:14px;
	line-height:1.5;
}
.contents02 {
	width:auto;
	margin:0 20px 40px;
	padding:0;
}
.contents02 h2 {
	font-size:20px;
	margin-bottom:30px;
}
.contents02 h2 span {
	margin-top:10px;
}
.contents02 .contentsBox {
	width:100%;
	margin:0 auto 20px;
	max-width:314px;
}
.contents02 .contentsBox figure {
	text-align:center;
}
.contents02 .contentsBox a {
	height:auto;
}
.contents02 .box03,
.contents02 .box06 {
	margin-right:auto;
}
.contents02 .contentsBox h3 {
	font-size:16px;
	padding:15px 15px 10px;
	margin:0;
	line-height:1.3;
}
.contents02 .contentsBox p {
	padding:0 15px 20px;
}


/*　footBox
-------------------------------------*/
.footBox {
	width:400px;
	margin:0 20px 40px;
}
.footBox .facebook {
	float:none;
	width:auto;
	max-width:480px;
	margin:0 auto;
}


}


@media screen and (max-width: 480px) {
	
#main {
	background-size:auto 100px;
}

}