@charset "UTF-8";

/*-------------------------------------------------
	font
-------------------------------------------------*/

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Rajdhani:400,500,600,700");

/*-------------------------------------------------
	reset
-------------------------------------------------*/

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

section,article,aside,hgroup,header,footer,nav,dialog,figure,figcaption{
	display:block;
}

html{
	font-size:62.5%;
}

/*-------------------------------------------------
	basic
-------------------------------------------------*/

body{
	background-color:#fff;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:1.6;
	-webkit-text-size-adjust:none;
	word-wrap:break-word;
	overflow-x:hidden;
	overflow-y:scroll;
}

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

body{
	font-size:1.3rem;
}

}

ol,ul{
	list-style:none;
}

:focus{
	outline:0;
}

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

img{
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}

a{
	color:#114564;
	text-decoration:none;
	-webkit-font-smoothing:antialiased;
}


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

a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all  0.3s ease;
}
	
a:hover{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all  0.3s ease;
}
	
a:hover img{
	filter:alfa(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	-khtml-opacity:0.8;
	-ms-filter:"alpha(opacity=80)";
	zoom:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

}

button{
	padding:0;
	border-style:none;
	border-radius:0;
	background-color:transparent;
	outline:none;
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	line-height:1;
}

*,*::before,
*::after{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

div::after,
ul::after,
ol::after,
dl:after,
dt::after,
dd::after{
    content:"";
    display:block;
    clear:both;
}

/*keyframes*/
@-webkit-keyframes 
hamburgermenu-show {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes 
hamburgermenu-show {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes 
hamburgermenu-hide {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes 
hamburgermenu-hide {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes 
hamburgermenu-fadein {
 0% {
 opacity: 0;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes 
hamburgermenu-fadein {
 0% {
 opacity: 0;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes 
hamburgermenu-fadeout {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
 @keyframes 
hamburgermenu-fadeout {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
 @-webkit-keyframes 
fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes 
fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes 
to-right-slide-in {
 0% {
 opacity: 0;
 -webkit-transform: translate(-5%, 0);
 transform: translate(-5%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes 
to-right-slide-in {
 0% {
 opacity: 0;
 -webkit-transform: translate(-5%, 0);
 transform: translate(-5%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes 
to-right-slide-in-philosophy {
 0% {
 -webkit-transform: translate(-5%, 0) skew(19deg);
 transform: translate(-5%, 0) skew(19deg);
}
 100% {
 -webkit-transform: translate(0, 0) skew(19deg);
 transform: translate(0, 0) skew(19deg);
}
}
 @keyframes 
to-right-slide-in-philosophy {
 0% {
 -webkit-transform: translate(-5%, 0) skew(19deg);
 transform: translate(-5%, 0) skew(19deg);
}
 100% {
 -webkit-transform: translate(0, 0) skew(19deg);
 transform: translate(0, 0) skew(19deg);
}
}
 @-webkit-keyframes 
to-left-slide-in-philosophy {
 0% {
 -webkit-transform: translate(5%, 0) skew(19deg);
 transform: translate(5%, 0) skew(19deg);
}
 100% {
 -webkit-transform: translate(0, 0) skew(19deg);
 transform: translate(0, 0) skew(19deg);
}
}
 @keyframes 
to-left-slide-in-philosophy {
 0% {
 -webkit-transform: translate(5%, 0) skew(19deg);
 transform: translate(5%, 0) skew(19deg);
}
 100% {
 -webkit-transform: translate(0, 0) skew(19deg);
 transform: translate(0, 0) skew(19deg);
}
}
 @-webkit-keyframes 
to-left-slide-in {
 0% {
 -webkit-transform: translate(5%, 0);
 transform: translate(5%, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes 
to-left-slide-in {
 0% {
 -webkit-transform: translate(5%, 0);
 transform: translate(5%, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes 
to-slider-in {
 0% {
 -webkit-transform: translate(0, 7%);
 transform: translate(0, 7%);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes 
to-slider-in {
 0% {
 -webkit-transform: translate(0, 7%);
 transform: translate(0, 7%);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}

strong,em,b{
	font-weight:bold;
	font-style:normal;
}
 
@media screen and (min-width: 768px) {

.pc-hidden{
	display:none;
}

}

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

.sp-hidden{
	display:none;
}

}

.inline,
.inline li{
	display:inline-block !important;
}

.block{
	width:100%;
	display:block !important;
}

.fc-red{color:#e60c14 !important;}

.bg-gray{background-color:#f2f6f9;}
.bg-transparent{background:transparent !important;}



.is-hover {
	-webkit-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s;
}

.is-hover:hover{
	opacity:.8;
}

#wrapper{
	position:relative;
}

.main-container{
	width:100%;
	position:relative;
}

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

.main-container{
	overflow:hidden;
}

}

.inner{
	max-width:1100px;
	margin:0 auto;
	position:relative;
	width:100%;
}

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

.inner{
	width:auto;
	margin:0 30px;
}

}

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

.inner{
	margin:0 15px;
}

}

/* Header
---------------------------------------- */

.header{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	z-index:102;
	width:100%;
	height:115px;
	padding:0 40px;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
	background-color:rgba(255,255,255,.9);
}


.header-logo{
	width:170px;
	margin-right:auto;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}

.header-logo img{
	width:100%;
}

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

.header-logo {
	width:110px;
	margin-top:0;
}

}

.header .header-nav{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	font-size:1.4rem;
}

.header .header-nav li a{
	display:inline-block;
	position:relative;
	padding:0 20px;
	height:68px;
	font-weight:500;
	color:#114564;
	white-space:nowrap;
	line-height:68px;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
	letter-spacing:.1em;
}

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

.header{
	padding:0 20px;
}

.header .header-nav li a{
	padding:0 10px;
}

}


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

.header{
	padding:0 10px;
}

.header .header-nav li a{
	padding:0 5px;
	font-size:1.3rem;
}

}

.header .header-nav li a:hover span:after,
.header .header-nav li a.current span:after{
	width:100%;
	opacity:1;
}

.header .header-nav span{
	padding:0 6px;
	position:relative;
	display:block;
}

.header .header-nav span:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	bottom:11px;
	width:0;
	height:2px;
	background-color:#114564;
	opacity:0;
	-webkit-transition:left .2s ease-in-out, width .2s ease-in-out, opacity .2s ease-in;
	-o-transition:left .2s ease-in-out, width .2s ease-in-out, opacity .2s ease-in;
	transition:left .2s ease-in-out, width .2s ease-in-out, opacity .2s ease-in;
}

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

.header .header-nav{
	display:none;
}

}

.header-btn{
	display:none;
}

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

.header-btn{
	display:block;
	position:relative;
	width:28px;
	height:45px;
}

.header-btn span{
	display:block;
	position:absolute;
	left:0;
	top:20px;
	width:28px;
	height:2px;
	background-color:#114564;
	transition:background-color .2s ease-in-out, opacity .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.header-btn span:nth-child(1){
	-webkit-transform:translateY(-9px);
	-ms-transform:translateY(-9px);
	transform:translateY(-9px);
}

.header-btn span:nth-child(2){
	opacity:1;
}

.header-btn span:nth-child(3){
	-webkit-transform:translateY(9px);
	-ms-transform:translateY(9px);
	transform:translateY(9px);
}

}

.header.white-bg{
	background-color:#fff;
	height:68px;
}

.header.white-bg .header-logo{
	width:110px;
}

.header.white-bg .header-nav li a{
	height:68px;
	line-height:68px;
}

.header.white-bg .header-nav span{
	padding:0 6px 0;
}

.header.white-bg .header-nav span:after{
	bottom:0;
}

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

.header {
	padding:0 18px 0 30px;
}

}

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

.header{
	height:75px;
	padding:0 20px 0 5px;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}

.header.open{
	background-color:#fff;
}

.header.open .header-logo img{
	z-index:101;
}

.header.open .header-btn span:nth-child(1){
	-webkit-transform:rotate(45deg) translateY(0);
	-ms-transform:rotate(45deg) translateY(0);
	transform:rotate(45deg) translateY(0);
}

.header.open .header-btn span:nth-child(2){
	opacity:0;
}

.header.open .header-btn span:nth-child(3) {
	-webkit-transform:rotate(-45deg) translateY(0);
	-ms-transform:rotate(-45deg) translateY(0);
	transform:rotate(-45deg) translateY(0);
}

}

.hamburgermenu-cover{
	display:none;
}

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

.hamburgermenu-cover {
position: fixed;
top: 0;
left: 0;
z-index: 100;
 width: 100%;
 height: 100%;
 background-color: #114564;
 opacity: 0;
 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 transform: translateX(100%);
}
 .hamburgermenu-cover.show {
 -webkit-animation: hamburgermenu-fadein .2s ease-out 0s both;
 animation: hamburgermenu-fadein .2s ease-out 0s both;
}
 .hamburgermenu-cover.hide {
 -webkit-animation: hamburgermenu-fadeout .2s ease-in .1s both;
 animation: hamburgermenu-fadeout .2s ease-in .1s both;
}
}

.hamburgermenu {
	display: none;
}

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

.hamburgermenu {
	position:absolute;
	left:0;
	top:80px;
	z-index:101;
	width:100%;
	padding:0px 0 70px;
	overflow:hidden;
}

.hamburgermenu .header-nav li a{
	display:block;
	padding:18px;
	color:#fff;
	opacity:0;
	font-size:1.6rem;
	letter-spacing:0.2em;
	text-align:center;
}

.hamburgermenu.show .header-nav li:nth-child(1) a {
	-webkit-animation: hamburgermenu-show .15s ease-in-out .25s both;
	animation: hamburgermenu-show .15s ease-in-out .25s both;
}

.hamburgermenu.show .header-nav li:nth-child(2) a {
	-webkit-animation: hamburgermenu-show .15s ease-in-out .3s both;
	animation: hamburgermenu-show .15s ease-in-out .3s both;
}

.hamburgermenu.show .header-nav li:nth-child(3) a {
	-webkit-animation: hamburgermenu-show .15s ease-in-out .35s both;
	animation: hamburgermenu-show .15s ease-in-out .35s both;
}
 .hamburgermenu.show .header-nav li:nth-child(4) a {
 -webkit-animation: hamburgermenu-show .15s ease-in-out .4s both;
 animation: hamburgermenu-show .15s ease-in-out .4s both;
}

.hamburgermenu.show .header-nav li:nth-child(5) a {
	-webkit-animation: hamburgermenu-show .15s ease-in-out .45s both;
	animation: hamburgermenu-show .15s ease-in-out .45s both;
}

.hamburgermenu.show .header-nav li:nth-child(6) a {
	-webkit-animation: hamburgermenu-show .15s ease-in-out .5s both;
	animation: hamburgermenu-show .15s ease-in-out .5s both;
}

.hamburgermenu.hide .header-nav li {
	-webkit-animation: hamburgermenu-hide .1s ease-in-out .1s both;
	animation: hamburgermenu-hide .1s ease-in-out .1s both;
}

}


/* breadcrumb
---------------------------------------- */

.breadcrumb{
	padding:8px 0;
	background:#f2f6f9;
	font-size:1.1rem;
	vertical-align:middle;
}

.breadcrumb .inner{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}

.breadcrumb .inner::before{
	content:"";
	position:relative;
	top:0;
	display:block;
	width:7px;
	height:7px;
	background-image:url(../img/common/icn-breadcrumb-home.svg);
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
}

.breadcrumb ul{
	position:relative;
	padding-left:5px;
}

.breadcrumb li{
	position:relative;
	display:inline;
	margin:0 8px 0 0;
	padding:0 18px 0 0;
}

.breadcrumb li::after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:block;
	width:7px;
	height:7px;
	margin-top:auto;
	margin-bottom:auto;
	background-image:url(../img/common/arrow-breadcrumb.svg);
	background-repeat:no-repeat;
	background-size:contain;
}

.breadcrumb li:last-child::after{
	display:none;
}

.breadcrumb li a:hover{
	text-decoration:underline;
}

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

.breadcrumb{
	padding:3px 0 5px;
	font-size:1rem;
}

.breadcrumb li{
	margin:0 6px 0 0;
	padding:0 15px 0 0;
}

}

/* Main visual
---------------------------------------- */

.title{
	position:relative;
	z-index:10;
	margin-top:115px;
	overflow:hidden;
}

.title.title-exsupport{
	margin-top:0;
	background:#ed1c24;
}


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

.title{
	margin-top:75px;
}

}

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

.title::after{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
	height:90%;
	background-image:url(https://kobe-bizmatch.jp/img/top/bg-main.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
	z-index:11;
}

 .title.title-exsupport::after{
	background-image:url(https://kobe-bizmatch.jp/img/top/bg-main-exsupport.png);
 }
 
 .title.title-exsupport .title-ttl br{
 display: none;
}

 
}

.title-bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#114564;
	z-index:10;
	overflow:hidden;
}

.title-bg::after{
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-image:url(https://kobe-bizmatch.jp/img/common/dot-white.svg);
	background-repeat:repeat;
	background-size:9px 9px;
	background-position:0 0;
	vertical-align:middle;
	z-index:-1;
}

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

.title-bg{
	position:absolute;
	left:0;
	top: 0;
	width:94%;
	height:100%;
	background:#114564;
	-webkit-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	-webkit-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	transform-origin:bottom left;
	z-index:10;
	overflow:hidden;
	-webkit-transition:1s cubic-bezier(0.86, 0, 0.07, 1) left;
	-o-transition:1s cubic-bezier(0.86, 0, 0.07, 1) left;
	transition:1s cubic-bezier(0.86, 0, 0.07, 1) left;
	transform:skew(25deg);
}
 

}

 .title-exsupport .title-bg{
	background:#ed1c24;
 }

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

.title-bg{
	width:100%;
	height:100%;
	background-image:url(../img/top/bg-main.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
}

}

.title h1{
	font-size:2.8rem;
	font-weight:500;
	color:#fff;
	line-height:1;
	position:relative;
	z-index:12;
	padding:50px 0;
	letter-spacing:0.1em;
}

.title.title-exsupport h1{
 line-height: 1.3;
}

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

.title h1{
	font-size:1.7rem;
	margin-bottom: 0;
	padding:25px 0;
	text-align:center;
}
 
}

/* footer
---------------------------------------- */

.footer{
	background:#114564;
	padding:50px 0;
	position:relative;
	z-index:11;
}

.footer-list{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:100%;
}

.footer-list li{
	padding:0 30px;
}

.footer-list li a{
	display:block;
	color:#fff;
	font-size:1.3rem;
	text-decoration:none;
}

.footer-list li:last-child a{
	padding-right:0;
}

.footer-copy{
	margin-top:25px;
	font-family:'Rajdhani', sans-serif;
	font-size:1.1rem;
	color:#fff;
	text-align:center;
	line-height:1;
	letter-spacing:0.1em;
}

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

.footer-list{
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.footer-list li{
	padding:0 15px;
}

}

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

.footer{
	padding:25px 0;
}

.footer-list {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
}

.footer-list li{
	text-align:center;
	width:50%;
}
 
.footer-list li a{
	padding-top:0;
	padding-bottom:25px;
	font-size:1.2rem;
}

.footer-copy{
	margin-top:15px;
	font-size:1rem;
}

}

/* scrooll top
---------------------------------------- */

#scroolltop{
	position:fixed;
	right:10px;
	bottom:10px;
	width:50px;
	height:50px;
	background:#114564;
	color:#fff;
	font-size:110%;
	text-align:center;
	text-decoration:none;
	z-index:1000;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	transform:scale(0);
}

#scroolltop:hover{
	opacity:0.8;
	text-decoration:none;
}

#scroolltop.show{
	transform:scale(1);
	-webkit-transform:translateZ(1);
}

a#scroolltop{
	display:block;
}

#scroolltop:before,
#scroolltop:after{
	position:absolute;
	left:50%;
	content:"";
	width:0;
	height:0;
}

#scroolltop:before{
	top:50%;
}

#scroolltop:after{
	top:50%;
	z-index:-1;
}

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

#scroolltop{
	width:50px;
	height:50px;
}

#scroolltop:before,
#scroolltop:after{
	margin-left:-10px;
	border:10px solid transparent;
}

#scroolltop:before{
	margin-top:-14px;
	border-bottom:10px solid #114564;
}

#scroolltop:after{
	margin-top:-15px;
	border-bottom:10px solid #fff;
}

}

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

#scroolltop{
	width:30px;
	height:30px;
}

#scroolltop:before,
#scroolltop:after{
	margin-left:-5px;
	border:5px solid transparent;
}

#scroolltop:before{
	margin-top:-6px;
	border-bottom:5px solid #114564;
}

#scroolltop:after{
	margin-top:-8px;
	border-bottom:5px solid #fff;
}

}


/* button
---------------------------------------- */

.fs-en{
	font-family:'Rajdhani', sans-serif !important;
}

.btn-border{
	border:2px solid #114564;
	display:inline-block;
	cursor:pointer;
}



.btn-border p,
.btn-border a{
	display:block;
	position:relative;
	min-width:240px;
	height:43px;
	text-align:center;
	font-size:1.6rem;
	color:#114564;
	letter-spacing:.2em;
	line-height:45px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.btn-border p::before,
.btn-border a::before{
	content:"";
	position:absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	direction:rtl;
	z-index:-1;
	background: #114564;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-border:hover p,
.btn-border a:hover{
	color:#fff;
}

.btn-border:hover p::before,
.btn-border a:hover::before{
	left:auto;
	right:0;
	width:100%;
}

.btn-border:hover p::after,
.btn-border a:hover::after{
	right:0;
}

.btn-border p span,
.btn-border a span{
	display:inline-block;
	padding:0 10px;
}

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

.btn-border p span,
.btn-border a span{
	padding:0 5px;
}

}

/* col
---------------------------------------- */

.container-fluid{
	width:100%;
	padding-right:20px;
	padding-left:20px;
	margin-right:auto;
	margin-left:auto
}

.row{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-20px;
	margin-left:-20px
}

.no-gutters {
	margin-right:0;
	margin-left:0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
	padding-right:0;
	padding-left:0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{	position:relative;
	width:100%;
	min-height:1px;
	padding-right:20px;
	padding-left:20px
}

.col{
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%
}

.col-auto{
	-webkit-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:auto;
	max-width:none
}

.col-1{
	-webkit-box-flex:0;
	-ms-flex:0 0 8.33333%;
	flex:0 0 8.33333%;
	max-width:8.33333%
}

.col-2{
	-webkit-box-flex:0;
	-ms-flex:0 0 16.66667%;
	flex:0 0 16.66667%;
	max-width:16.66667%
}

.col-3{
	-webkit-box-flex:0;
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%
}

.col-4{
	-webkit-box-flex:0;
	-ms-flex:0 0 33.33333%;
	flex:0 0 33.33333%;
	max-width:33.33333%
}

.col-5 {
	-webkit-box-flex:0;
	-ms-flex:0 0 41.66667%;
	flex:0 0 41.66667%;
	max-width:41.66667%
}

.col-6 {
	-webkit-box-flex:0;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}

.col-7 {
	-webkit-box-flex:0;
	-ms-flex:0 0 58.33333%;
	flex:0 0 58.33333%;
	max-width:58.33333%
}

.col-8 {
	-webkit-box-flex:0;
	-ms-flex:0 0 66.66667%;
	flex:0 0 66.66667%;
	max-width:66.66667%
}

.col-9 {
	-webkit-box-flex:0;
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%
}

.col-10 {
	-webkit-box-flex:0;
	-ms-flex:0 0 83.33333%;
	flex:0 0 83.33333%;
	max-width:83.33333%
}

.col-11 {
	-webkit-box-flex:0;
	-ms-flex:0 0 91.66667%;
	flex:0 0 91.66667%;
	max-width:91.66667%
}

.col-12 {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%
}

.order-first {
	-webkit-box-ordinal-group:0;
	-ms-flex-order:-1;
	order:-1
}

.order-1 {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1
}

.order-2 {
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2
}

.order-3 {
	-webkit-box-ordinal-group:4;
	-ms-flex-order:3;
	order:3
}

.order-4 {
	-webkit-box-ordinal-group:5;
	-ms-flex-order:4;
	order:4
}

.order-5 {
	-webkit-box-ordinal-group:6;
	-ms-flex-order:5;
	order:5
}

.order-6 {
	-webkit-box-ordinal-group:7;
	-ms-flex-order:6;
	order:6
}

.order-7 {
	-webkit-box-ordinal-group:8;
	-ms-flex-order:7;
	order:7
}

.order-8 {
	-webkit-box-ordinal-group:9;
	-ms-flex-order:8;
	order:8
}

.order-9 {
	-webkit-box-ordinal-group:10;
	-ms-flex-order:9;
	order:9
}

.order-10 {
	-webkit-box-ordinal-group:11;
	-ms-flex-order:10;
	order:10
}

.order-11 {
	-webkit-box-ordinal-group:12;
	-ms-flex-order:11;
	order:11
}

.order-12 {
	-webkit-box-ordinal-group:13;
	-ms-flex-order:12;
	order:12
}

.offset-1 {
	margin-left:8.33333%
}

.offset-2 {
	margin-left:16.66667%
}

.offset-3 {
	margin-left:25%
}

.offset-4 {
	margin-left:33.33333%
}

.offset-5 {
	margin-left:41.66667%
}

.offset-6 {
	margin-left:50%
}

.offset-7 {
	margin-left:58.33333%
}

.offset-8 {
	margin-left:66.66667%
}

.offset-9 {
	margin-left:75%
}

.offset-10 {
	margin-left:83.33333%
}

.offset-11 {
	margin-left:91.66667%
}

@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-sm-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-sm-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-sm-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-sm-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-sm-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-sm-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-sm-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-sm-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-sm-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-sm-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-sm-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-sm-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-sm-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-sm-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-sm-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-sm-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-sm-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-sm-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-sm-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-sm-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-sm-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-sm-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-sm-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-sm-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-sm-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-sm-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-sm-0 {
margin-left:0
}
.offset-sm-1 {
margin-left:8.33333%
}
.offset-sm-2 {
margin-left:16.66667%
}
.offset-sm-3 {
margin-left:25%
}
.offset-sm-4 {
margin-left:33.33333%
}
.offset-sm-5 {
margin-left:41.66667%
}
.offset-sm-6 {
margin-left:50%
}
.offset-sm-7 {
margin-left:58.33333%
}
.offset-sm-8 {
margin-left:66.66667%
}
.offset-sm-9 {
margin-left:75%
}
.offset-sm-10 {
margin-left:83.33333%
}
.offset-sm-11 {
margin-left:91.66667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-md-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-md-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-md-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-md-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-md-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-md-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-md-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-md-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-md-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-md-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-md-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-md-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-md-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-md-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-md-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-md-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-md-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-md-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-md-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-md-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-md-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-md-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-md-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-md-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-md-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-md-0 {
margin-left:0
}
.offset-md-1 {
margin-left:8.33333%
}
.offset-md-2 {
margin-left:16.66667%
}
.offset-md-3 {
margin-left:25%
}
.offset-md-4 {
margin-left:33.33333%
}
.offset-md-5 {
margin-left:41.66667%
}
.offset-md-6 {
margin-left:50%
}
.offset-md-7 {
margin-left:58.33333%
}
.offset-md-8 {
margin-left:66.66667%
}
.offset-md-9 {
margin-left:75%
}
.offset-md-10 {
margin-left:83.33333%
}
.offset-md-11 {
margin-left:91.66667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-lg-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-lg-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-lg-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-lg-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-lg-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-lg-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-lg-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-lg-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-lg-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-lg-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-lg-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-lg-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-lg-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-lg-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-lg-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-lg-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-lg-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-lg-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-lg-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-lg-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-lg-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-lg-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-lg-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-lg-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-lg-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-lg-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-lg-0 {
margin-left:0
}
.offset-lg-1 {
margin-left:8.33333%
}
.offset-lg-2 {
margin-left:16.66667%
}
.offset-lg-3 {
margin-left:25%
}
.offset-lg-4 {
margin-left:33.33333%
}
.offset-lg-5 {
margin-left:41.66667%
}
.offset-lg-6 {
margin-left:50%
}
.offset-lg-7 {
margin-left:58.33333%
}
.offset-lg-8 {
margin-left:66.66667%
}
.offset-lg-9 {
margin-left:75%
}
.offset-lg-10 {
margin-left:83.33333%
}
.offset-lg-11 {
margin-left:91.66667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-xl-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-xl-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-xl-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-xl-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-xl-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-xl-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-xl-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-xl-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-xl-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-xl-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-xl-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-xl-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-xl-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-xl-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-xl-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-xl-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-xl-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-xl-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-xl-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-xl-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-xl-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-xl-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-xl-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-xl-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-xl-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-xl-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-xl-0 {
margin-left:0
}
.offset-xl-1 {
margin-left:8.33333%
}
.offset-xl-2 {
margin-left:16.66667%
}
.offset-xl-3 {
margin-left:25%
}
.offset-xl-4 {
margin-left:33.33333%
}
.offset-xl-5 {
margin-left:41.66667%
}
.offset-xl-6 {
margin-left:50%
}
.offset-xl-7 {
margin-left:58.33333%
}
.offset-xl-8 {
margin-left:66.66667%
}
.offset-xl-9 {
margin-left:75%
}
.offset-xl-10 {
margin-left:83.33333%
}
.offset-xl-11 {
margin-left:91.66667%
}
}


.no-gutters{
	margin-right:0;
	margin-left:0
}

.no-gutters>.col, .no-gutters>[class*=col-] {
	padding-right:0;
	padding-left:0
}

@media (max-width:991px) {

.no-gutters-sm {
	margin-right:0;
	margin-left:0
}

.no-gutters-sm>.col, .no-gutters-sm>[class*=col-] {
	padding-right:0;
	padding-left:0
}

}

@media (max-width:767px) {

.no-gutters-xs {
	margin-right:0;
	margin-left:0
}

.no-gutters-xs>.col, .no-gutters-xs>[class*=col-] {
	padding-right:0;
	padding-left:0
}

}

@media (max-width:991px) {

.gutters-sm-5 {
	margin-right:-5px;
	margin-left:-5px
}

.gutters-sm-5>.col, .gutters-sm-5>[class*=col-] {
	padding-right:5px;
	padding-left:5px
}

}

@media (max-width:767px) {

.gutters-xs-5 {
	margin-right:-5px;
	margin-left:-5px
}

.gutters-xs-5>.col, .gutters-xs-5>[class*=col-] {
	padding-right:5px;
	padding-left:5px
}

}

@media (max-width:991px) {

.gutters-sm-10{
	margin-right:-10px;
	margin-left:-10px
}

.gutters-sm-10>.col, .gutters-sm-10>[class*=col-] {
	padding-right:10px;
	padding-left:10px
}

}

@media (max-width:767px) {

.gutters-xs-10{
	margin-right:-10px;
	margin-left:-10px
}

.gutters-xs-10>.col, .gutters-xs-10>[class*=col-] {
	padding-right:10px;
	padding-left:10px
}

}

.gutters-2{
	margin-right:-2px;
	margin-left:-2px
}

.gutters-2>.col, .gutters-2>[class*=col-] {
	padding-right:2px;
	padding-left:2px
}

.gutters-5{
	margin-right:-5px;
	margin-left:-5px
}

.gutters-5>.col, .gutters-5>[class*=col-] {
	padding-right:5px;
	padding-left:5px
}


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

.pconly{
	display:none;
}

}

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

.sponly{
	display:none;
}

}



/* padding margin font-size
---------------------------------------- */

.p-0{padding: 0px !important;}
.p-5{padding: 5px !important;}
.p-10{padding: 10px !important;}
.p-15{padding: 15px !important;}
.p-20{padding: 20px !important;}
.p-25{padding: 25px !important;}
.p-30{padding: 30px !important;}
.p-35{padding: 35px !important;}
.p-40{padding: 40px !important;}
.p-45{padding: 45px !important;}
.p-50{padding: 50px !important;}

.pt-0 {padding-top: 0 !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}

.pr-0 {padding-right: 0 !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-35 {padding-right: 35px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-45 {padding-right: 45px !important;}
.pr-50 {padding-right: 50px !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}

.pl-0 {padding-left: 0 !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-35 {padding-left: 35px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-45 {padding-left: 45px !important;}
.pl-50 {padding-left: 50px !important;}

.m-0{margin: 0px !important;}
.m-5{margin: 5px !important;}
.m-10{margin: 10px !important;}
.m-15{margin: 15px !important;}
.m-20{margin: 20px !important;}
.m-25{margin: 25px !important;}
.m-30{margin: 30px !important;}
.m-35{margin: 35px !important;}
.m-40{margin: 40px !important;}
.m-45{margin: 45px !important;}
.m-50{margin: 50px !important;}

.mt-0{margin-top: 0px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}
.mt-35{margin-top: 35px !important;}
.mt-40{margin-top: 40px !important;}
.mt-45{margin-top: 45px !important;}
.mt-50{margin-top: 50px !important;}

.mr-0{margin-right: 0px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-15{margin-right: 15px !important;}
.mr-20{margin-right: 20px !important;}
.mr-25{margin-right: 25px !important;}
.mr-30{margin-right: 30px !important;}
.mr-35{margin-right: 35px !important;}
.mr-40{margin-right: 40px !important;}
.mr-45{margin-right: 45px !important;}
.mr-50{margin-right: 50px !important;}

.mb-0{margin-bottom: 0px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}

.ml-0{margin-left: 0px !important;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}
.ml-30{margin-left: 30px !important;}
.ml-35{margin-left: 35px !important;}
.ml-40{margin-left: 40px !important;}
.ml-45{margin-left: 45px !important;}
.ml-50{margin-left: 50px !important;}

.fs-1 {font-size:.1rem !important;}
.fs-2 {font-size:.2rem !important;}
.fs-3 {font-size:.3rem !important;}
.fs-4 {font-size:.4rem !important;}
.fs-5 {font-size:.5rem !important;}
.fs-6 {font-size:.6rem !important;}
.fs-7 {font-size:.7rem !important;}
.fs-8 {font-size:.8rem !important;}
.fs-9 {font-size:.9rem !important;}
.fs-10{font-size:1rem !important;}
.fs-11{font-size:1.1rem !important;}
.fs-12{font-size:1.2rem !important;}
.fs-13{font-size:1.3rem !important;}
.fs-14{font-size:1.4rem !important;}
.fs-15{font-size:1.5rem !important;}
.fs-16{font-size:1.6rem !important;}
.fs-17{font-size:1.7rem !important;}
.fs-18{font-size:1.8rem !important;}
.fs-19{font-size:1.9rem !important;}
.fs-20{font-size:2rem !important;}
.fs-21{font-size:2.1rem !important;}
.fs-22{font-size:2.2rem !important;}
.fs-23{font-size:2.3rem !important;}
.fs-24{font-size:2.4rem !important;}
.fs-25{font-size:2.5rem !important;}
.fs-26{font-size:2.6rem !important;}
.fs-27{font-size:2.7rem !important;}
.fs-28{font-size:2.8rem !important;}
.fs-29{font-size:2.9rem !important;}
.fs-30{font-size:3.0rem !important;}
.fs-31{font-size:3.1rem !important;}
.fs-32{font-size:3.2rem !important;}
.fs-33{font-size:3.3rem !important;}
.fs-34{font-size:3.4rem !important;}
.fs-35{font-size:3.5rem !important;}
.fs-36{font-size:3.6rem !important;}
.fs-37{font-size:3.7rem !important;}
.fs-38{font-size:3.8rem !important;}
.fs-39{font-size:3.9rem !important;}
.fs-40{font-size:4rem !important;}
.fs-41{font-size:4.1rem !important;}
.fs-42{font-size:4.2rem !important;}
.fs-43{font-size:4.3rem !important;}
.fs-44{font-size:4.4rem !important;}
.fs-45{font-size:4.5rem !important;}
.fs-46{font-size:4.6rem !important;}
.fs-47{font-size:4.7rem !important;}
.fs-48{font-size:4.8rem !important;}
.fs-49{font-size:4.9rem !important;}
.fs-50{font-size:5rem !important;}

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

.p-sm-0{padding: 0px !important;}
.p-sm-5{padding: 5px !important;}
.p-sm-10{padding: 10px !important;}
.p-sm-15{padding: 15px !important;}
.p-sm-20{padding: 20px !important;}
.p-sm-25{padding: 25px !important;}
.p-sm-30{padding: 30px !important;}
.p-sm-35{padding: 35px !important;}
.p-sm-40{padding: 40px !important;}
.p-sm-45{padding: 45px !important;}
.p-sm-50{padding: 50px !important;}

.pt-sm-0 {padding-top: 0 !important;}
.pt-sm-5 {padding-top: 5px !important;}
.pt-sm-10 {padding-top: 10px !important;}
.pt-sm-15 {padding-top: 15px !important;}
.pt-sm-20 {padding-top: 20px !important;}
.pt-sm-25 {padding-top: 25px !important;}
.pt-sm-30 {padding-top: 30px !important;}
.pt-sm-35 {padding-top: 35px !important;}
.pt-sm-40 {padding-top: 40px !important;}
.pt-sm-45 {padding-top: 45px !important;}
.pt-sm-50 {padding-top: 50px !important;}

.pr-sm-0 {padding-right: 0 !important;}
.pr-sm-5 {padding-right: 5px !important;}
.pr-sm-10 {padding-right: 10px !important;}
.pr-sm-15 {padding-right: 15px !important;}
.pr-sm-20 {padding-right: 20px !important;}
.pr-sm-25 {padding-right: 25px !important;}
.pr-sm-30 {padding-right: 30px !important;}
.pr-sm-35 {padding-right: 35px !important;}
.pr-sm-40 {padding-right: 40px !important;}
.pr-sm-45 {padding-right: 45px !important;}
.pr-sm-50 {padding-right: 50px !important;}

.pb-sm-0 {padding-bottom: 0 !important;}
.pb-sm-5 {padding-bottom: 5px !important;}
.pb-sm-10 {padding-bottom: 10px !important;}
.pb-sm-15 {padding-bottom: 15px !important;}
.pb-sm-20 {padding-bottom: 20px !important;}
.pb-sm-25 {padding-bottom: 25px !important;}
.pb-sm-30 {padding-bottom: 30px !important;}
.pb-sm-35 {padding-bottom: 35px !important;}
.pb-sm-40 {padding-bottom: 40px !important;}
.pb-sm-45 {padding-bottom: 45px !important;}
.pb-sm-50 {padding-bottom: 50px !important;}

.pl-sm-0 {padding-left: 0 !important;}
.pl-sm-5 {padding-left: 5px !important;}
.pl-sm-10 {padding-left: 10px !important;}
.pl-sm-15 {padding-left: 15px !important;}
.pl-sm-20 {padding-left: 20px !important;}
.pl-sm-25 {padding-left: 25px !important;}
.pl-sm-30 {padding-left: 30px !important;}
.pl-sm-35 {padding-left: 35px !important;}
.pl-sm-40 {padding-left: 40px !important;}
.pl-sm-45 {padding-left: 45px !important;}
.pl-sm-50 {padding-left: 50px !important;}

.m-sm-0{margin: 0px !important;}
.m-sm-5{margin: 5px !important;}
.m-sm-10{margin: 10px !important;}
.m-sm-15{margin: 15px !important;}
.m-sm-20{margin: 20px !important;}
.m-sm-25{margin: 25px !important;}
.m-sm-30{margin: 30px !important;}
.m-sm-35{margin: 35px !important;}
.m-sm-40{margin: 40px !important;}
.m-sm-45{margin: 45px !important;}
.m-sm-50{margin: 50px !important;}

.mt-sm-0{margin-top: 0px !important;}
.mt-sm-5{margin-top: 5px !important;}
.mt-sm-10{margin-top: 10px !important;}
.mt-sm-15{margin-top: 15px !important;}
.mt-sm-20{margin-top: 20px !important;}
.mt-sm-25{margin-top: 25px !important;}
.mt-sm-30{margin-top: 30px !important;}
.mt-sm-35{margin-top: 35px !important;}
.mt-sm-40{margin-top: 40px !important;}
.mt-sm-45{margin-top: 45px !important;}
.mt-sm-50{margin-top: 50px !important;}

.mr-sm-0{margin-right: 0px !important;}
.mr-sm-5{margin-right: 5px !important;}
.mr-sm-10{margin-right: 10px !important;}
.mr-sm-15{margin-right: 15px !important;}
.mr-sm-20{margin-right: 20px !important;}
.mr-sm-25{margin-right: 25px !important;}
.mr-sm-30{margin-right: 30px !important;}
.mr-sm-35{margin-right: 35px !important;}
.mr-sm-40{margin-right: 40px !important;}
.mr-sm-45{margin-right: 45px !important;}
.mr-sm-50{margin-right: 50px !important;}

.mb-sm-0{margin-bottom: 0px !important;}
.mb-sm-5{margin-bottom: 5px !important;}
.mb-sm-10{margin-bottom: 10px !important;}
.mb-sm-15{margin-bottom: 15px !important;}
.mb-sm-20{margin-bottom: 20px !important;}
.mb-sm-25{margin-bottom: 25px !important;}
.mb-sm-30{margin-bottom: 30px !important;}
.mb-sm-35{margin-bottom: 35px !important;}
.mb-sm-40{margin-bottom: 40px !important;}
.mb-sm-45{margin-bottom: 45px !important;}
.mb-sm-50{margin-bottom: 50px !important;}

.ml-sm-0{margin-left: 0px !important;}
.ml-sm-5{margin-left: 5px !important;}
.ml-sm-10{margin-left: 10px !important;}
.ml-sm-15{margin-left: 15px !important;}
.ml-sm-20{margin-left: 20px !important;}
.ml-sm-25{margin-left: 25px !important;}
.ml-sm-30{margin-left: 30px !important;}
.ml-sm-35{margin-left: 35px !important;}
.ml-sm-40{margin-left: 40px !important;}
.ml-sm-45{margin-left: 45px !important;}
.ml-sm-50{margin-left: 50px !important;}

.fs-sm-1 {font-size:.1rem !important;}
.fs-sm-2 {font-size:.2rem !important;}
.fs-sm-3 {font-size:.3rem !important;}
.fs-sm-4 {font-size:.4rem !important;}
.fs-sm-5 {font-size:.5rem !important;}
.fs-sm-6 {font-size:.6rem !important;}
.fs-sm-7 {font-size:.7rem !important;}
.fs-sm-8 {font-size:.8rem !important;}
.fs-sm-9 {font-size:.9rem !important;}
.fs-sm-10{font-size:1rem !important;}
.fs-sm-11{font-size:1.1rem !important;}
.fs-sm-12{font-size:1.2rem !important;}
.fs-sm-13{font-size:1.3rem !important;}
.fs-sm-14{font-size:1.4rem !important;}
.fs-sm-15{font-size:1.5rem !important;}
.fs-sm-16{font-size:1.6rem !important;}
.fs-sm-17{font-size:1.7rem !important;}
.fs-sm-18{font-size:1.8rem !important;}
.fs-sm-19{font-size:1.9rem !important;}
.fs-sm-20{font-size:2rem !important;}
.fs-sm-21{font-size:2.1rem !important;}
.fs-sm-22{font-size:2.2rem !important;}
.fs-sm-23{font-size:2.3rem !important;}
.fs-sm-24{font-size:2.4rem !important;}
.fs-sm-25{font-size:2.5rem !important;}
.fs-sm-26{font-size:2.6rem !important;}
.fs-sm-27{font-size:2.7rem !important;}
.fs-sm-28{font-size:2.8rem !important;}
.fs-sm-29{font-size:2.9rem !important;}
.fs-sm-30{font-size:3rem !important;}
.fs-sm-31{font-size:3.1rem !important;}
.fs-sm-32{font-size:3.2rem !important;}
.fs-sm-33{font-size:3.3rem !important;}
.fs-sm-34{font-size:3.4rem !important;}
.fs-sm-35{font-size:3.5rem !important;}
.fs-sm-36{font-size:3.6rem !important;}
.fs-sm-37{font-size:3.7rem !important;}
.fs-sm-38{font-size:3.8rem !important;}
.fs-sm-39{font-size:3.9rem !important;}
.fs-sm-40{font-size:4rem !important;}
.fs-sm-41{font-size:4.1rem !important;}
.fs-sm-42{font-size:4.2rem !important;}
.fs-sm-43{font-size:4.3rem !important;}
.fs-sm-44{font-size:4.4rem !important;}
.fs-sm-45{font-size:4.5rem !important;}
.fs-sm-46{font-size:4.6rem !important;}
.fs-sm-47{font-size:4.7rem !important;}
.fs-sm-48{font-size:4.8rem !important;}
.fs-sm-49{font-size:4.9rem !important;}
.fs-sm-50{font-size:5rem !important;}
}

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

.p-xs-0{padding: 0px !important;}
.p-xs-5{padding: 5px !important;}
.p-xs-10{padding: 10px !important;}
.p-xs-15{padding: 15px !important;}
.p-xs-20{padding: 20px !important;}
.p-xs-25{padding: 25px !important;}
.p-xs-30{padding: 30px !important;}
.p-xs-35{padding: 35px !important;}
.p-xs-40{padding: 40px !important;}
.p-xs-45{padding: 45px !important;}
.p-xs-50{padding: 50px !important;}

.pt-xs-0 {padding-top: 0 !important;}
.pt-xs-5 {padding-top: 5px !important;}
.pt-xs-10 {padding-top: 10px !important;}
.pt-xs-15 {padding-top: 15px !important;}
.pt-xs-20 {padding-top: 20px !important;}
.pt-xs-25 {padding-top: 25px !important;}
.pt-xs-30 {padding-top: 30px !important;}
.pt-xs-35 {padding-top: 35px !important;}
.pt-xs-40 {padding-top: 40px !important;}
.pt-xs-45 {padding-top: 45px !important;}
.pt-xs-50 {padding-top: 50px !important;}

.pr-xs-0 {padding-right: 0 !important;}
.pr-xs-5 {padding-right: 5px !important;}
.pr-xs-10 {padding-right: 10px !important;}
.pr-xs-15 {padding-right: 15px !important;}
.pr-xs-20 {padding-right: 20px !important;}
.pr-xs-25 {padding-right: 25px !important;}
.pr-xs-30 {padding-right: 30px !important;}
.pr-xs-35 {padding-right: 35px !important;}
.pr-xs-40 {padding-right: 40px !important;}
.pr-xs-45 {padding-right: 45px !important;}
.pr-xs-50 {padding-right: 50px !important;}

.pb-xs-0 {padding-bottom: 0 !important;}
.pb-xs-5 {padding-bottom: 5px !important;}
.pb-xs-10 {padding-bottom: 10px !important;}
.pb-xs-15 {padding-bottom: 15px !important;}
.pb-xs-20 {padding-bottom: 20px !important;}
.pb-xs-25 {padding-bottom: 25px !important;}
.pb-xs-30 {padding-bottom: 30px !important;}
.pb-xs-35 {padding-bottom: 35px !important;}
.pb-xs-40 {padding-bottom: 40px !important;}
.pb-xs-45 {padding-bottom: 45px !important;}
.pb-xs-50 {padding-bottom: 50px !important;}

.pl-xs-0 {padding-left: 0 !important;}
.pl-xs-5 {padding-left: 5px !important;}
.pl-xs-10 {padding-left: 10px !important;}
.pl-xs-15 {padding-left: 15px !important;}
.pl-xs-20 {padding-left: 20px !important;}
.pl-xs-25 {padding-left: 25px !important;}
.pl-xs-30 {padding-left: 30px !important;}
.pl-xs-35 {padding-left: 35px !important;}
.pl-xs-40 {padding-left: 40px !important;}
.pl-xs-45 {padding-left: 45px !important;}
.pl-xs-50 {padding-left: 50px !important;}

.m-xs-0{margin: 0px !important;}
.m-xs-5{margin: 5px !important;}
.m-xs-10{margin: 10px !important;}
.m-xs-15{margin: 15px !important;}
.m-xs-20{margin: 20px !important;}
.m-xs-25{margin: 25px !important;}
.m-xs-30{margin: 30px !important;}
.m-xs-35{margin: 35px !important;}
.m-xs-40{margin: 40px !important;}
.m-xs-45{margin: 45px !important;}
.m-xs-50{margin: 50px !important;}

.mt-xs-0{margin-top: 0px !important;}
.mt-xs-5{margin-top: 5px !important;}
.mt-xs-10{margin-top: 10px !important;}
.mt-xs-15{margin-top: 15px !important;}
.mt-xs-20{margin-top: 20px !important;}
.mt-xs-25{margin-top: 25px !important;}
.mt-xs-30{margin-top: 30px !important;}
.mt-xs-35{margin-top: 35px !important;}
.mt-xs-40{margin-top: 40px !important;}
.mt-xs-45{margin-top: 45px !important;}
.mt-xs-50{margin-top: 50px !important;}

.mr-xs-0{margin-right: 0px !important;}
.mr-xs-5{margin-right: 5px !important;}
.mr-xs-10{margin-right: 10px !important;}
.mr-xs-15{margin-right: 15px !important;}
.mr-xs-20{margin-right: 20px !important;}
.mr-xs-25{margin-right: 25px !important;}
.mr-xs-35{margin-right: 35px !important;}
.mr-xs-40{margin-right: 40px !important;}
.mr-xs-45{margin-right: 45px !important;}
.mr-xs-50{margin-right: 50px !important;}

.mb-xs-0{margin-bottom: 0px !important;}
.mb-xs-5{margin-bottom: 5px !important;}
.mb-xs-10{margin-bottom: 10px !important;}
.mb-xs-15{margin-bottom: 15px !important;}
.mb-xs-20{margin-bottom: 20px !important;}
.mb-xs-25{margin-bottom: 25px !important;}
.mb-xs-30{margin-bottom: 30px !important;}
.mb-xs-35{margin-bottom: 35px !important;}
.mb-xs-40{margin-bottom: 40px !important;}
.mb-xs-45{margin-bottom: 45px !important;}
.mb-xs-50{margin-bottom: 50px !important;}

.ml-xs-0{margin-left: 0px !important;}
.ml-xs-5{margin-left: 5px !important;}
.ml-xs-10{margin-left: 10px !important;}
.ml-xs-15{margin-left: 15px !important;}
.ml-xs-20{margin-left: 20px !important;}
.ml-xs-25{margin-left: 25px !important;}
.ml-xs-30{margin-left: 30px !important;}
.ml-xs-35{margin-left: 35px !important;}
.ml-xs-40{margin-left: 40px !important;}
.ml-xs-45{margin-left: 45px !important;}
.ml-xs-50{margin-left: 50px !important;}

.fs-xs-1 {font-size:.1rem !important;}
.fs-xs-2 {font-size:.2rem !important;}
.fs-xs-3 {font-size:.3rem !important;}
.fs-xs-4 {font-size:.4rem !important;}
.fs-xs-5 {font-size:.5rem !important;}
.fs-xs-6 {font-size:.6rem !important;}
.fs-xs-7 {font-size:.7rem !important;}
.fs-xs-8 {font-size:.8rem !important;}
.fs-xs-9 {font-size:.9rem !important;}
.fs-xs-10{font-size:1rem !important;}
.fs-xs-11{font-size:1.1rem !important;}
.fs-xs-12{font-size:1.2rem !important;}
.fs-xs-13{font-size:1.3rem !important;}
.fs-xs-14{font-size:1.4rem !important;}
.fs-xs-15{font-size:1.5rem !important;}
.fs-xs-16{font-size:1.6rem !important;}
.fs-xs-17{font-size:1.7rem !important;}
.fs-xs-18{font-size:1.8rem !important;}
.fs-xs-19{font-size:1.9rem !important;}
.fs-xs-20{font-size:2rem !important;}
.fs-xs-21{font-size:2.1rem !important;}
.fs-xs-22{font-size:2.2rem !important;}
.fs-xs-23{font-size:2.3rem !important;}
.fs-xs-24{font-size:2.4rem !important;}
.fs-xs-25{font-size:2.5rem !important;}
.fs-xs-26{font-size:2.6rem !important;}
.fs-xs-27{font-size:2.7rem !important;}
.fs-xs-28{font-size:2.8rem !important;}
.fs-xs-29{font-size:2.9rem !important;}
.fs-xs-30{font-size:3rem !important;}
.fs-xs-31{font-size:3.1rem !important;}
.fs-xs-32{font-size:3.2rem !important;}
.fs-xs-33{font-size:3.3rem !important;}
.fs-xs-34{font-size:3.4rem !important;}
.fs-xs-35{font-size:3.5rem !important;}
.fs-xs-36{font-size:3.6rem !important;}
.fs-xs-37{font-size:3.7rem !important;}
.fs-xs-38{font-size:3.8rem !important;}
.fs-xs-39{font-size:3.9rem !important;}
.fs-xs-40{font-size:4rem !important;}
.fs-xs-41{font-size:4.1rem !important;}
.fs-xs-42{font-size:4.2rem !important;}
.fs-xs-43{font-size:4.3rem !important;}
.fs-xs-44{font-size:4.4rem !important;}
.fs-xs-45{font-size:4.5rem !important;}
.fs-xs-46{font-size:4.6rem !important;}
.fs-xs-47{font-size:4.7rem !important;}
.fs-xs-48{font-size:4.8rem !important;}
.fs-xs-49{font-size:4.9rem !important;}
.fs-xs-50{font-size:5rem !important;}

}

.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}
.txt-center{text-align:center !important;}

.fw-bold{
	font-weight:500;
}

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

.txt-xs-left{text-align:left !important;}
.txt-xs-right{text-align:right !important;}
.txt-xs-center{text-align:center !important;}

}

.txt-underline{
	text-decoration:underline;
}

.txt-underline:hover{
	text-decoration:none;
}


/* common title
---------------------------------------- */

.ttl-type1{
    font-weight:500;
    margin-bottom:24px;
    padding-bottom:25px;
    position:relative;
}

.ttl-type1::before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #eaeaea;
    bottom: 0;
    left: 0;
    height:2px;
    position: absolute;
    width: 100%;
}

.ttl-type1::after{
    content:"";
    display:inline-block;
    position:absolute;
    bottom:0;
    left:0;
    vertical-align:middle;
    background-color:#114564;
    width:100px;
    height:2px;
}

.ttl-type2{
	background:#114564;
	color:#fff;
	padding:5px 10px;
}


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

.ttl-type1 {
	font-size:2.2rem;
    line-height:1.3333333333;
}

.ttl-type2{
	margin:30px 0 25px;
	font-size:2.2rem;
}

}

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

.ttl-type1 {
	/*margin:30px 0 22px;*/
	font-size:2rem;
	letter-spacing:0;
}

.ttl-type2 {
	margin:30px 0 25px;
	font-size:1.6rem;
}

}


/* common list
---------------------------------------- */

.l-normal li{
	position:relative;
	margin-left:1em;
	text-indent:-1em;
	text-align:left;
	line-height:1.4;
}

.l-normal li:nth-child(n+2){
	margin-top:3px;
}

.l-normal.l-space-long li:nth-child(n+2){
	margin-top:10px;
}

.l-square{
	margin-left:1.5em;
}

.l-square li{
	position:relative;
	margin-bottom:0.5em;
}

.l-square li:last-child{
	margin-bottom:0;
}

.l-square li::before{
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:-16px;
	bottom:auto;
	right:auto;
	margin:auto;
	width:6px;
	height:6px;
	background-color:rgba(0,19,69,1);
}

.l-circle li{
 position: relative;
}

.l-circle li:before{
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:-15px;
	bottom:auto;
	right:auto;
	margin:auto;
	width:6px;
	height:6px;
  	background:#ccc;
	border-radius:50%;
}

.l-indent{
	margin-left:15px;
}


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

.l-btn-inline li{
	display:inline-block;
}

.l-btn-inline li:nth-child(n+2){
	margin-left:15px;
}

}

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

.l-btn-inline li{
	display:block;
}

.l-btn-inline li:nth-child(n+2){
	margin-top:15px;
}

}


ol.l-counter-normal,
ol.l-counter-circle{
	counter-reset:l-counter;
}

ol.l-counter-circle ul li:before{
	content:none;
}

ol.l-counter-normal li,
ol.l-counter-circle li{
	position:relative;
	margin-top:3px;
}

ol.l-counter-normal li{
	padding-left:25px;
}

ol.l-counter-circle li{
	padding-left:22px;
}

ol.l-counter-circle ul li{
	padding-left:0;
}


ol.l-counter-normal li:before{
	content:counter(l-counter)".";
	counter-increment:l-counter;
	display:block;
	float:left;
	margin-left:-20px;
	text-align:left;
}

ol.l-counter-circle li:before{
	content:counter(l-counter);
	counter-increment:l-counter;
	position:relative;
	top:3px;
	border:1px solid #001345;
	display:block;
	float:left;
	line-height:14px;
	margin-left:-22px;
	text-align:center;
	height:16px;
	width:16px;
	border-radius:50%;
	font-size:1.1rem;
}

ol.l-counter-circle.l-reset{
	counter-reset:l-counter 3;
}

ol.l-counter-circle.column li:before{
	margin-left:0;
}

ol.l-counter-circle.column li p{
	padding-left:30px;
}



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

ol.l-counter-circle.column li{
	padding-left:0;
}

}



.icn-external-link::after{
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	background-image:url(../img/common/icn-external-link.svg);
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align: baseline;
	margin:0 5px;
}

.icn-external-link-white::after{
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	vertical-align: baseline;
	margin: 0 0 0 8px;
	background-image:url(../img/common/icn-external-link-white.svg);
	background-repeat:no-repeat;
	background-size:contain;
}


ul.l-pdf li:nth-child(n+2){
	margin-top:5px;
}

a.link-pdf,
ul.l-pdf li a{
	padding-left:20px;
	background:url(../img/common/icon-pdf.png) no-repeat;
	background-position:0 50%;
}







.slider{
	width:100%;
	margin:0 auto;
}

.slider .slick-slide{
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.slick-loading .slick-list{
	background:#transparent;
}

.slick-prev,
.slick-next{
	font-size:0;
	line-height:0;
	position:absolute;
	top:50%;
	display:block;
	width:60px;
	height:60px;
	padding:0;
	background-color:rgba(22,51,108,.5);
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	cursor:pointer;
	color:transparent;
	border:none;
	outline:none;
	z-index:1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	color:transparent;
	outline:none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
	opacity:1;
}

.slick-prev::after,
.slick-prev::before,
.slick-next::after,
.slick-next::before{
	border-top:2px solid #fff;
}

.slick-prev,
.slick-next{
	display:-webkit-box;
	display:-ms-flexbox;
	-webkit-box-align:center;
}

.slick-prev:after,
.slick-prev:before,
.slick-next:after,
.slick-next:before{
	content:"";
	position:absolute;
	top:50%;
	-webkit-transition:.5s;
	transition:.5s;
}

.slick-prev:before{
	left:20px;
	width:20px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.slick-next:before{
	left:20px;
	width:20px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.slick-prev:after{
	left:20px;
	width:10px;
	height:10px;
	border-left:2px solid #fff;
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg);
}

.slick-next:after{
	width:10px;
	height:10px;
	border-right:2px solid #fff;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}

.slick-prev:before,
.slick-next:before{
    content:"";
}

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

.slick-prev,
.slick-next{
    width:60px;
    height:60px;
	background-size:30px auto;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus{
	left:50px;
}

.slick-next,
.slick-next:hover,
.slick-next:focus{
    right:50px;
}

}

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

.slick-prev,
.slick-prev:hover,
.slick-prev:focus,
.slick-next,
.slick-next:hover,
.slick-next:focus{
    width:30px;
    height:30px;
	background-size:30px auto;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus{
	left:0;
}

.slick-next,
.slick-next:hover,
.slick-next:focus{
    right:0;
}


}

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

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

.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    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;
	top:0;
	left:0;
	display:block;
}

.slick-track:before,
.slick-track:after{
	display:table;
	content:"";
}

.slick-track:after{
	clear:both;
}

.slick-loading .slick-track{
	visibility:hidden;
}

.slick-slide{
	display:none;
	float:left;
	height:100%;
	min-height:1px;
}

[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;
}

.slider li a{
	opacity:1;
}

.slider ul.slide-inner li a:hover{
	transition:all .4s;
}

.slider li{
	position:relative;
}

.slider li p{
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 10px;
	background:rgba(255,255,255,.7);
	z-index:1;
	/*font-size:1.2rem;*/
	font-weight:500;
}

.slider .slick-dots{
	bottom:-2.5em;
	text-align:center;
}

.slider .slick-dots li{
	position:relative;
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 5px;
    padding:0;
    cursor:pointer;
	background:transparent;
}

.slider .slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:10px !important;
    height:10px !important;
    cursor:pointer;
	background-color:#ccc;
    outline:none;
	border-radius:50%;
}

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

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

.slider .slick-dots li button:before{
    position:absolute;
    top:0;
    left:0;
    width:10px;
    height:10px;
	border-radius:50%;
    content:"";
    text-align:center;
	background:transparent;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.slider .slick-dots li.slick-active button:before{
    opacity:1;
    background:#114564;
	width:100%;
	height:100%;
}



/* remodal
---------------------------------------- */

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *  Made by Ilya Makarov
 *  Under MIT License
 */

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.remodal,
[data-remodal-id] {
  display: none;
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
  	border-radius: .3em;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal{
  width:700px;
}

.modal-dtl h3{
	margin-bottom:25px;
	padding:10px;
	background-color:#114564;
	font-size:2rem;
	font-weight:500;
	color:#fff;
	text-align:center;
}

.modal-dtl li{
	text-align:left;
}

.remodal .btn-border{
	margin-top:25px;
}

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

.modal-dtl h3{
	margin-bottom:15px;
}

.remodal{
	padding:15px;
}

.modal-dtl ul{
	padding:15px 0;
}

.modal-dtl h3{
	padding:5px;
	font-size:1.4rem;
	text-align:left;
}

}




/* top
---------------------------------------- */

.head-ttl{
	margin-bottom:35px;
}

.head-ttl-en{
	font-family:'Rajdhani', sans-serif;
	font-size:5rem;
	font-weight:500;
	color:#114564;
	text-transform:uppercase;
	line-height:1;
	letter-spacing:0.02em;
	display:inline-block;
	vertical-align:middle;
}

.head-ttl-sub{
	display:inline-block;
	font-size:1.8rem;
	letter-spacing:0.1em;
	font-weight:500;
}

.head-ttl-sub:before{
	content:"";
	width:49px;
	height:2px;
	background:#114564;
	display:inline-block;
	vertical-align:middle;
	margin-left:8px;
	margin-right:9px;
}

.head-ttl.fc-white .head-ttl-en,
.head-ttl.fc-white .head-ttl-sub{
	color:#fff;
}

.head-ttl.fc-white .head-ttl-sub:before{
	background: #fff;
}

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

.head-ttl{
	margin-bottom:15px;
}

.head-ttl-en{
	font-size:3rem;
}

.head-ttl-sub{
	font-size:1.3rem;
}

.head-ttl-sub:before{
	width:20px;
}

}

.mv{
	position:relative;
	z-index:10;
	width:100%;
	height:100vh;
	background-image:url(../img/top/main.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}

.mv .inner{
	height:inherit;
}

.mv-text{
	position:absolute;
	top:35%;
	left:50%;
	width:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	text-align:center;
}

.mv-tit{
	font-family:'Rajdhani', sans-serif;
	font-size:8.2rem;
	color:#114564;
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:0.007em;
}

.mv-txt{
	font-size:1.9rem;
	color:#114564;
	font-weight:bold;
	letter-spacing: 0.1em;
	line-height:1.5;
	margin-top:25px;
}


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

.mv-tit {
	font-size:7rem;
}

.mv-txt{
	font-size:1.6rem;
	letter-spacing:0.1em;
}

}

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

.mv-text{
	z-index:10;
	width:90%;
	top:0;
	padding-top:100px;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	margin-left:5%;
	position:static;
	margin-bottom:20px;
	left:0;
}

.mv-tit{
	font-size:7rem;
}

.mv-txt{
	font-size:1.4rem;
	margin-top:10px;
}

}

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

.mv-tit{
	font-size:5.2rem;
}

}

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

.mv-tit{
	font-size:4.5rem;
}

}

.mv .forscroll{
	cursor:pointer;
}

.mv-mouse{
	position:absolute;
	width:24px;
	height:42px;
	left:50%;
	bottom:25px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid #052d5e;
	border-radius:10px;
	margin-left:-12px;
}

.mv-mouse:before{
	content:"";
	position:absolute;
	left:50%;
	top:8px;
	width:4px;
	height:4px;
	background:#052d5e;
	margin-left:-2px;
	border-radius:2px;
	-webkit-animation:scroll 1.5s infinite;
	animation:scroll 1.5s infinite;
}

@keyframes 
scroll{
	0%{
	opacity:1;
}
100%{
	opacity:0;
	-webkit-transform:translateY(25px);
	transform:translateY(25px);
}
}
@-webkit-keyframes 
scroll{
	0%{
	opacity:1;
}
100%{
	opacity:0;
	-webkit-transform:translateY(25px);
	transform:translateY(25px);
}
}

.mv-box{
	position:absolute;
	bottom:10px;
	right:10px;
	padding:15px;
	z-index:1001;
	background-color:rgba(255,255,255,.9);
}

.mv-box.mv-box-left{
	left:10px;
	right:inherit;
}

.mv-box-sp{
	padding:15px;
	z-index:1001;
}

.mv-box .mv-list li{
	/*display:inline-block;*/
	position:relative;
	margin-top:25px;
}

.mv-box .mv-list li span{
 content: "";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	display:block;
	width:32px;
	height:24px;
	background-image:url(../img/common/icon-yt-play.png);
	background-size:32px auto;
 z-index: 2;
}

.mv-box .mv-list li a img{
 z-index: 1;
}


.mv-box-sp .mv-list li{
	float:left;
	width:47.5%;
	position:relative;
	margin-top:25px;
	margin-right:5%;
}

.mv-box-sp .mv-list li:nth-child(even){
	margin-right:0;
}

.mv-box-sp .mv-list li:nth-child(n+3){
	margin-top:15px;
}

.mv-box .mv-list li img{
	width:160px;
	height:auto;
	border-radius:2px;
}

.mv-box-sp .mv-list li img{
	border-radius:2px;
}


.mv-box .mv-list li p,
.mv-box-sp .mv-list li p{
	position:absolute;
	top:-5px;
	left:5px;
	padding:2px;
	background:#114564;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	font-size:1rem;
	color:#fff;
}

.insta-box .insta-copy p,
.mv-box .mv-copy p,
.mv-box-sp .mv-copy p{
    position:relative;
    padding-bottom:5px;
    border-bottom:2px solid #ed1c24;
    font-size:1.4rem;
    font-weight:700;
    color:#ed1c24;
	text-align:center;
}

.insta-box{
	position:absolute;
	bottom:10px;
	left:10px;
	padding:15px 15px 10px;
	z-index:1001;
	background-color:rgba(255,255,255,.9);
}

.insta-box .insta-copy p{
	margin-bottom:15px;
}

#boxer-overlay{
	z-index:10000 !important;
}

#boxer{
	z-index:10001 !important;
}

#boxer .boxer-loading{
	display:none !important;
}

/*button.ytp-fullscreen-button,
.ytp-chrome-controls .ytp-button,
.ytp-chrome-controls,
.ytp-button*/
.html5-video-player .ytp-button[aria-disabled="true"]{
	display:none !important;
	opacity:0 !important;
}


/*#Visual ul.movie-list li:nth-child(1) p{
	background:#E69246;
}

#Visual ul.movie-list li:nth-child(2) p{
	background:#44E661;
}

#Visual ul.movie-list li:nth-child(3) p{
	background:#F3747D;
}

#Visual ul.movie-list li:nth-child(4) p{
	background:#C679EE;
}*/

/*-------------------------------------------------
	layout
-------------------------------------------------*/

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

.wrp-lower{
	margin-top:50px;
	margin-bottom:50px;
}

}

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

.wrp-lower{
	margin-top:25px;
	margin-bottom:25px;
}

}



.l-card li figure{
	position:relative;
	overflow:hidden;
	width:100%;
}

.l-card li a figure img{
	width:100%;
	height:230px;
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit: cover; object-position: 50% 50%;';
	-webkit-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}

.l-card li:hover a figure img{
	-moz-transform:scale(1.04,1.04);
	-webkit-transform:scale(1.04,1.04);
	-o-transform:scale(1.04,1.04);
	-ms-transform:scale(1.04,1.04);
}


/* report
---------------------------------------- */

.wrp-report{
}

/* event
---------------------------------------- */

.event ul li{
	float:left;
	width:30%;
	margin-right:5%;
	background-color:#fff;
	-webkit-box-shadow:-5px 5px 30px 0 rgba(0,0,0,0.15);
	box-shadow:-1px 1px 15px 0 rgba(0,0,0,0.1);
}

.event ul li figure{
	position:relative;
	overflow:hidden;
	width:100%;
	height:185px;
}

.event ul li figure span{
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	background:#ed1c24;
	color:#fff;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0;
}

.event ul li figure span.end{
	background:#333;
}

.event ul li div{
	position:relative;
	padding:15px;
	text-align:left;
}

.event ul li div h3,
.event ul li div span{
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

.event ul li div h3{
	margin-bottom:15px;
	font-size:1.7rem;
	font-weight:500;
}

.event ul li div span{
	display:block;
	font-size:12px;
	font-size:1.2rem;
}

.event dl{
	display:block;
	padding-left:3em;
	font-size:1.2rem;
}

.event dl dt,
.event dl dd{
	float:left;
	margin:0;
	padding:5px 0;
	line-height:1;
	color:#333;
}

.event dl dt{
	clear:left;
	float:left;
	margin-left:-3em;
	font-weight:500;
	text-align:left;
}

.event dl dd{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

.event dl dt:first-of-type,
.event dl dd:first-of-type{
	padding-top:0;
}


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

.wrp-top .event{
	padding:100px 0;
}

.event ul li:nth-child(3n){
	margin-right:0;
}

.event ul li:nth-child(n+4){
	margin-top:50px;
}
 
 .event ul li{
	margin-top:50px;
}

}

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

.wrp-top .event .more{
	top:0;
	right:0;
	background:#114564;
}

.wrp-top .event .more a{
	min-width:54px;
	height:24px;
	line-height:24px;
	font-size:1.4rem;
	color:#fff;
}

.wrp-top .event .more a:after{
	content:none;
}

}


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

.event ul li figure{
	height:140px;
}

.event ul li a figure img{
	height:140px;
}

.event{
	padding:50px 0;
}

.event ul li{
	width:47.5%;
	margin-right:5%;
}

.event ul li:nth-child(even){
	margin-right:0;
}

.event ul li:nth-child(n+3){
	margin-top:6%;
}

.event ul li div h3{
	font-size:1.3rem;
	margin-bottom:0;
}

.event ul li div::before{
	content:"";
	top:-10px;
	right:5px;
	width:30px;
	height:30px;
	background-size:30px 30px;
}

.event ul li:nth-child(1) div::before,
.event ul li:nth-child(2) div::before,
.event ul li:nth-child(3) div::before,
.event ul li:nth-child(4) div::before{
	background-size:30px 30px;
}

.event dl{
	padding-left:3em;
}

.event dl dt{
	margin-left:-3em;
}

}

/* guide
---------------------------------------- */

.l-guide{
	margin-top:50px;
	padding:50px 0;
}

.l-guide a{
	position:relative;
	display:block;
	padding:25px;
	background:#fff;
	-webkit-box-shadow: -21px 21px 57px 0px rgba(0,0,0,0.05);
	box-shadow: -21px 21px 30px 0px rgba(0,0,0,0.05);
	-webkit-transition:color .4s ease .1s;
	transition:color .4s ease .1s;
	text-align:center;
	overflow:hidden;
}

.l-guide a:hover{
  -webkit-transition:color .4s ease 0s;
  transition:color .4s ease 0s;
}

.l-guide a::before{
    content:"";
    position:absolute;
    border-top:15px solid #114564;
    border-right:15px solid transparent;
    top:0;
    left:0;
    width:0;
    height:0;
    z-index:2;
}

.l-guide-line-tb,
.l-guide-line-lr{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.l-guide-line-tb::before,
.l-guide-line-tb::after,
.l-guide-line-lr::before,
.l-guide-line-lr::after{
	content:"";
	position:absolute;
	background:#114564;
	-webkit-transition:-webkit-transform .4s cubic-bezier(.45,.05,.3,.93) 0s;
	transition:-webkit-transform .4s cubic-bezier(.45,.05,.3,.93) 0s;
	transition:transform .4s cubic-bezier(.45,.05,.3,.93) 0s;
	transition:transform .4s cubic-bezier(.45,.05,.3,.93) 0s,-webkit-transform .4s cubic-bezier(.45,.05,.3,.93) 0s
}

.l-guide-line-tb::before {
  left:0;
  top:0;
  width:100%;
  height:10px;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:center top;
  transform-origin:center top
 }
 
.l-guide-line-tb::after {
  left:0;
  bottom:0;
  width:100%;
  height:10px;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom
 }

 .l-guide-line-lr::before {
  left:0;
  top:0;
  width:10px;
  height:100%;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
 .l-guide-line-lr::after{
  right:0;
  top:0;
  width:10px;
  height:100%;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
 
.l-guide a:hover .l-guide-line-tb::after,
.l-guide a:hover .l-guide-line-tb::before,
.l-guide a:hover .l-guide-line-lr::after,
.l-guide a:hover .l-guide-line-lr::before {
  -webkit-transition:-webkit-transform .4s cubic-bezier(.45,.05,.3,.93) 0s;
  transition:-webkit-transform .4s cubic-bezier(.45,.05,.3,.93) 0s;
  transition:transform .4s cubic-bezier(.45,.05,.3,.93) 0s;
  transition:transform .4s cubic-bezier(.45,.05,.3,.93) 0s,-webkit-transform .4s cubic-bezier(.45,.05,.3,.93) 0s;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
 }

.l-guide h3{
	padding:25px 0;
	font-size:1.6rem;
	font-weight:500;
	text-align:center;
}

.l-guide a .more{
	position:relative;
	display:block;
	width:50%;
	margin:0 auto;
	padding:5px;
	border:2px solid #114564;
	font-size:1.6rem;
	font-weight:600;
	color:#114564;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.2em;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.l-guide a .more span{
	position:relative;
	display:block;
}

.l-guide a .more::before{
	content:"";
	position:absolute;
	width:0;
	height:100%;
	top:0;
	left:0;
	direction:rtl;
	/*z-index:-1;*/
	background:#114564;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.l-guide a:hover .more{
	color:#fff;
}

.l-guide a:hover .more::before{
	left:auto;
	right:0;
	width:100%;
}

.l-guide a:hover .more::after{
	right:0;
}

.l-guide a .more span{
	display:inline-block;
	padding:0 10px;
}


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

.l-guide div:nth-child(n+4){
	margin-top:50px;
}

}

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

.l-guide div:nth-child(n+2){
	margin-top:25px;
}

}







.guide-list a{
	position:relative;
	background-color:#111;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
	margin-top:40px;
	overflow:hidden
}


.guide-list .guide-list-bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1);
	transition:all 1s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-timing-function:cubic-bezier(.19, 1, .22, 1);
	transition-timing-function:cubic-bezier(.19, 1, .22, 1)
}

.guide-list .guide-list-inner{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	z-index:10;
	background-color:rgba(0,0,0,.5);
}

.guide-list .guide-list-inner h3 {
	position:relative;
	z-index:4;
	width:100%;
	-ms-flex:100%;
	-webkit-box-flex:100%;
	flex:100%;
	font-size:1.8rem;
	letter-spacing:.2rem;
	font-weight:500;
	margin-bottom:0
}

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

.guide-list .guide-list-inner h3 {
	font-size:1.6rem;
	letter-spacing:.2rem;
}

}


.guide-list a:active .guide-list-bg,
.guide-list a:focus .guide-list-bg,
.guide-list a:hover .guide-list-bg {
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}

.guide-list .guide-list-link{
	padding-top:calc(50%);
}

@media (max-width:991px) {

.guide-list .guide-list-link{
	padding-top:calc(40%);
}

}

.guide1 .guide-list-bg{
	background-image:url(../img/guide/ph-guide1-1.jpg);
}

.guide2 .guide-list-bg{
	background-image:url(../img/guide/ph-guide2-1.jpg);
}

.guide3 .guide-list-bg{
	background-image:url(../img/guide/ph-guide3-1.jpg);
}

.guide4 .guide-list-bg{
	background-image:url(../img/guide/ph-guide4-1.jpg);
}

.guide5 .guide-list-bg{
	background-image:url(../img/guide/ph-guide5-1.jpg);
}

.guide6 .guide-list-bg{
	background-image:url(../img/guide/ph-guide6-1.jpg);
}

.guide{
	padding:100px 0;
	background-color:#114564;
}

.guide-text p{
	font-size:1.5rem;
	color:#fff;
	letter-spacing: 0.1em;
}

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


.guide{
	padding:50px 0;
}

.guide-text p {
	font-size: 13px;
	line-height: 1.785;
}

.guide-list a{
	margin-top:15px;
}

}

.guide-block{
	position:relative;
	margin-top:30px;
	padding:25px;
	background:#fff;
	-webkit-box-shadow: -21px 21px 57px 0px rgba(0,0,0,0.05);
	box-shadow:-21px 21px 30px 0px rgba(0,0,0,0.05);
	z-index:1;
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
}

.guide-block h3{
    margin-bottom:15px;
    font-size:1.8rem;
	font-weight:500;
	color:#114564;
}


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

.guide-block{
	margin-top:30px;
	padding:15px;
	-webkit-box-shadow:-10px 0px 100px 0px rgba(31,31,31,0.1);
	box-shadow:-10px 0px 100px 0px rgba(31,31,31,0.1);
}

.guide-block h3{
    margin-bottom:10px;
    font-size:1.6rem;
}

}



.guide-block::before{
    content:"";
    position:absolute;
    border-top:15px solid #114564;
     border-right:15px solid transparent;
   top: 0;
    left: 0;
    width: 0;
    height: 0;
	z-index:2;
}

.guide-block *{
	position:relative;
}


/* guide common table
---------------------------------------- */

.wrp-guide .pr-txt{
	padding:10px;
	background-color:#ed1c24;
	color:#fff;
	font-weight:700;
	text-align:center;
}

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

.wrp-guide .pr-txt{
	text-align:left;
}

}


.wrp-guide::after{
	content:"";
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	vertical-align:middle;
	background-image:url(../img/common/dot-blue.svg);
	background-repeat:repeat;
	background-size:9px 9px;
	background-position:0 0;
	height:759px;
	position:absolute;
	left:-300px;
	top:-100px;
	width:1100px;
	z-index:-1;
	border-radius:50%;
}


.wrp-guide .com-table{
	width:100%;
	vertical-align:middle;
	font-weight:normal;
	border-collapse:separate;
	border-spacing:6px;
}

.wrp-guide .com-table th,
.wrp-guide .com-table td{
	background:#f5f5f5;
	padding:15px;
	vertical-align:middle;
}

.wrp-guide .com-table th{
	background:#114564;
	font-weight:500;
	color:#fff;
}

.wrp-guide .com-table thead span{
	display:block;
	font-size:1.2rem;
}

/*.wrp-guide .com-table thead tr th:first-child{
	background:transparent;
}*/

.wrp-guide .com-table.td-large tbody td{
	text-align:center;
}



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

.wrp-guide .com-table{
	border-spacing:3px;
}

.wrp-guide .com-table th,
.wrp-guide .com-table td{
	padding:5px;
	font-size:1.2rem;
}

.wrp-guide .com-table thead span{
	font-size:1.1rem;
}

.wrp-guide .com-table tbody td{
	font-size:1.4rem;
}

}


/* pickup
---------------------------------------- */

.wrp-top .pickup{
	padding:100px 0 0;
}

.wrp-top .pickup a{
	overflow:hidden;
	position:relative;
	padding:50px 30px;
	text-align:center;
	display:block;
	color:#FFF
}

.wrp-top .pickup a:hover,
.wrp-top .pickup a:active,
.wrp-top .pickup a:focus{
	text-decoration:none
}

.wrp-top .pickup a:hover .pickup-image,
.wrp-top .pickup a:active .pickup-image,
.wrp-top .pickup a:focus .pickup-image{
	-webkit-transform:translate3d(0, 0, 0) scale(1.05);
	-moz-transform:translate3d(0, 0, 0) scale(1.05);
	-ms-transform:translate3d(0, 0, 0) scale(1.05);
	transform:translate3d(0, 0, 0) scale(1.05)
}

.wrp-top .pickup a h3{
	position:relative;
	padding:15px;
	font-weight:500;
	z-index:2;
}

.wrp-top .pickup a h3 span{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(17,69,100,.9);
	width:100px;
	height:100px;
	margin:0 auto;
	font-size:1.8rem;
	letter-spacing:.2rem;
}

.wrp-top .pickup .pickup-image{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform
}

.wrp-top .pickup a #banner-01{
	background-image:url("../img/top/report.jpg");
}

.wrp-top .pickup a #banner-02{
	background-image:url("../img/top/case.jpg");
}

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

.wrp-top .pickup{
	padding:50px 0 0;
}

.wrp-top .pickup a{
	margin-bottom:20px
}

.wrp-top .pickup a h3 span{
	width:80px;
	height:80px;
	font-size:1.6rem;
	letter-spacing:.1rem;
}

}

/* about
---------------------------------------- */

.wrp-top .about{
	padding:100px 0;
}

.wrp-top .about .about-list li{
	float:left;
	width:30%;
	margin-right:5%;
	text-align:center;
	height:200px;
	border:2px solid #114564;
}

.wrp-top .about .about-list li a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:100%;
	height:100%;
}

.wrp-top .about .about-list li a:hover{
	background-color:#114564;
	color:#fff;
}

.wrp-top .about .about-list li a h3{
	display:block;
	margin-top:10px;
	font-size:1.8rem;
	font-weight:500;
}

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

.wrp-top .about .about-list li:last-child{
	margin-right:0;
}

.wrp-top .about .about-list li:nth-child(n+5){
	margin-top:15px;
}

}

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

.wrp-top .about{
	padding:50px 0;
}

.wrp-top .about .about-list li{
	float:left;
	width:47.5%;
	margin-right:5%;
	text-align:center;
	height:130px;
	border:2px solid #114564;
}

.wrp-top .about .about-list li:nth-child(even){
	margin-right:0;
}

.wrp-top .about .about-list li:nth-child(n+3){
	margin-top:15px;
}

.wrp-top .about .about-list li a h3{
	font-size:1.5rem;
}

}

/* news
---------------------------------------- */

.wrp-top .news{
	margin-bottom:0;
}

.wrp-top .news .inner{
	position:relative;
}

.wrp-top .news-more{
	position:absolute;
	top:0;
	right:0;
}

.wrp-lower .news-more{
	margin-top:50px;
}

.news-list{
	padding:0 80px 0;
}

.news-list li{
	border-bottom:1px solid #ccc;
	color:#114564;
	padding-bottom:25px;
	margin-bottom:25px;
	overflow:hidden;
}

.news-list li a{
	display:table;
	width:100%;
}

.news-list li a p{
	display:table-cell;
}

.news-list li a:hover .txt{
	text-decoration:underline;
}

.news-list li .date{
	width:84px;
	padding-right:25px;
	font-family:'Rajdhani', sans-serif;
	font-size:1.5rem;
	font-weight:500;
	vertical-align:middle;
}

.news-list li .category{
	width:100px;
	background:#114564;
	font-size:1.2rem;
	font-weight:500;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	line-height:1;
	vertical-align:middle;
}

.news-list li .category span{
	display:block;
}

.news-list li .category.cat1{
	background:#114564;
}

.news-list li .category.cat2{
	background:#E93632;
}

.news-list li .category.cat3{
	background:#786C00;
}


.news-list li .txt{
	line-height:1.743;
	padding-left:25px;
}

.news-list li:last-child{
	border-bottom:none;
}

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

.wrp-top .news{
	padding-bottom:20px;
}

.news-list{
	padding:0;
}

.wrp-top .news .more{
	top:0;
	right:15px;
	background:#114564;
}

.wrp-top .news .more a{
	min-width:70px;
	height:30px;
	line-height:30px;
	font-size:1.4rem;
	color:#fff;
}

.wrp-top .news .more a:after{
	content:none;
}

.news-list li{
	padding-bottom:15px;
	margin-bottom:15px;
}

.news-list li a{
	display:block;
}

.news-list li .date{
	padding-right:15px;
	width:auto;
}

.news-list li .category{
	width:90px;
	font-size:1.1rem;
}

.news-list li .txt{
	display:block;
	margin-top:10px;
	padding-left:0;
}

}

/*-------------------------------------------------
	/case/
-------------------------------------------------*/

.wrp-case li{
	float:left;
}

.wrp-case li h3{
	font-weight:500;
}

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

.wrp-case li{
	width:30%;
	margin-right:3.33333333%;
}

.wrp-case li:nth-child(3n){
	margin-right:0;
}

.wrp-case li:nth-child(n+4){
	margin-top:35px;
}

.wrp-case li h3{
	margin-top:10px;
}

}

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

.wrp-case li{
	width:47.5%;
	margin-right:5%;
}

.wrp-case li:nth-child(even){
	margin-right:0;
}

.wrp-case li:nth-child(n+3){
	margin-top:6%;
}

.wrp-case li h3{
	margin-top:5px;
	font-size:1.3rem;
}

}


/*-------------------------------------------------
	/case/dtl/
-------------------------------------------------*/

.wrp-case-dtl .inner{
	max-width:900px;
}

.case-faq dl:last-child {
 border-bottom:none
}

.case-faq dl{
	padding:35px 0;
	border-bottom:1px solid #eee;
}



.case-faq dl dt{
	position:relative;
	padding-left:35px;
	font-size:1.6rem;
	font-weight:500;
	color:#114564;
}

.case-faq dl dt:before{
	content:"";
	position:absolute;
	left:0;
	top:1rem;
	width:20px;
	height:2px;
	background:#114564;
}

.case-faq dl dd{
	padding-top:10px;
}


.wrp-case-dtl h2{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3333333333;
    margin-bottom: 24px;
    padding-bottom: 25px;
    position: relative;
	color:#114564;
}

.wrp-case-dtl h2::before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #eaeaea;
    bottom: 0;
    left: 0;
    height:2px;
    position: absolute;
    width: 100%;
}

.wrp-case-dtl h2::after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	vertical-align:middle;
	background-color:#114564;
    width:100px;
	height:2px;
}

/*-------------------------------------------------
	/faq/
-------------------------------------------------*/

.wrp-faq{
	margin-top:50px;
}

/*.list-faq{
	border-top:1px solid #e6e7e8;
}*/

.list-faq > li{
	border-bottom:1px solid #e6e7e8;
}

.list-faq li .q-ttl{
	position:relative;
	display:block;
	font-weight:500;
	cursor:pointer;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}

.list-faq li .q-ttl:hover{
	opacity:.7;
}

.list-faq li .q-ttl::before{
	content:"Q";
	position:absolute;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	font-family:'Rajdhani', sans-serif;
	font-weight:normal;
	line-height:1;
}

.list-faq li .q-ttl::before{
	color:#114564;
}

.list-faq li .q-ttl .list-faq-icn{
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
}

.list-faq li .list-faq-inner{
	position:relative;
	display:none;
	margin:0 15px 20px;
	padding:0 50px 20px 60px;
}

.list-faq li .list-faq-inner::before{
	content:"A";
	display:block;
	background:#B60005;
	font-family:'Rajdhani', sans-serif;
	font-weight:normal;
	color:#fff;
	text-align:center;
}

.list-faq li:nth-child(even){
	background:#f2f2f2;
}

.list-faq .list-faq-icn{
	background-color:#114564;
}

.list-faq-icn,
.list-faq-icn span{
	display:inline-block;
	transition:all .4s;
}

.list-faq-icn{
	position:relative;
}

.list-faq-icn span{
	position:absolute;
    background:#fff;
}

.list-faq-icn span:nth-of-type(1){
	transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}

.list-faq-icn span:nth-of-type(2){
	transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}

.list-faq-icn.open span:nth-of-type(2){
	transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

.list-faq-icn.open span:nth-of-type(1){
	display:none;
}


.wrp-faq h3{
    position:relative;
    margin:75px 0 5px;
    padding-bottom:15px;
    font-size:2rem;
    font-weight:500;
	color:#114564;
    line-height:1.3333333333;
}

.wrp-faq h3::before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #eaeaea;
    bottom: 0;
    left: 0;
    height:2px;
    position: absolute;
    width:100%;
}

.wrp-faq h3::after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	vertical-align:middle;
	background-color:#114564;
    width:100px;
	height:2px;
}

.wrp-faq .only-faq{
	padding:25px 0;
	border-bottom:1px solid #e6e7e8;
}


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

/*.wrp-faq h3{
	margin:50px auto;
	font-size:2.2rem;
	text-align:center;
}*/

.list-faq li .q-ttl{
	padding:25px 60px 25px 75px;
	font-size:1.5rem;
}

.list-faq li .q-ttl::before{
	top:25px;
	left:30px;
	font-size:2.8rem;
}

.list-faq li .list-faq-inner::before{
	position:absolute;
	top:0;
	left:7px;
	font-size:2.8rem;
	width:30px;
	height:30px;
	line-height:30px;
}

.list-faq-icn{
	width:30px;
	height:30px;
}

.list-faq-icn span{
    left:10px;
    width:10px;
	height:2px;
}

.list-faq-icn span:nth-of-type(1){
    top:13px;
}


.list-faq-icn span:nth-of-type(2){
    top:13px;
}

.list-faq-icn.open span:nth-of-type(2){
    top:13px;
}

}


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

.wrp-faq h3{
	margin-top:50px;
	font-size:1.5rem;
}

.list-faq li .q-ttl .list-faq-icn{
	right:5px;
}

.list-faq li .list-faq-inner::before{
	position:relative;
	font-size:2.6rem;
	width:30px;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
}

.list-faq li .q-ttl{
	padding:15px 60px 15px 30px;
	font-size:1.3rem;
}

.list-faq li .q-ttl::before{
	top:13px;
	left:5px;
	font-size:2.6rem;
}

.list-faq li .list-faq-inner{
	margin:0 0 20px;
	padding:0;
}

.list-faq-icn{
	width:22px;
	height:22px;
}

.list-faq-icn span{
    top:4px;
    left:6px;
    width:10px;
	height:2px;
}

.list-faq-icn span:nth-of-type(1){
    top:10px;
}

.list-faq-icn span:nth-of-type(2){
    top:10px;
}

.list-faq-icn.open span:nth-of-type(2){
    top:10px;
}

.wrp-faq .only-faq{
	padding:15px 0;
}

}

/*-------------------------------------------------
	/contact/
-------------------------------------------------*/

.wrp-contact .contact-info{
	width:80%;
	margin:0 auto 50px;
	padding:50px;
	-webkit-box-shadow: -21px 21px 57px 0px rgba(0,0,0,0.05);
	box-shadow: -21px 21px 30px 0px rgba(0,0,0,0.05);
}

.wrp-contact .contact-info h3{
	font-size:2rem;
	font-weight:700;
	text-align:center;
}

.wrp-contact .contact-info h3 + p{
	margin-top:15px;
	text-align:center;
}

.wrp-contact .contact-info dl{
	margin-top:25px;
}

.wrp-contact .contact-info dt{
	text-align:center;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
	font-weight:700;
}

.wrp-contact .gmap{
	position:relative;
	width:100%;
	height:0;
	margin-bottom:75px;
	padding-bottom:56.25%;
	overflow:hidden;
}

.wrp-contact .gmap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.input-check{
	position:absolute;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width:1px;
}

.input-check+label{
	display:inline-block;
	position:relative;
	width:100%;
	padding:10px 10px 10px 35px;
	line-height:1.5;
	cursor:pointer;
}

.input-check+label:after,
.input-check+label:before{
	content:"";
	position:absolute;
}

.input-check+label:before{
	top:10px;
	left:10px;
	width:20px;
	height:20px;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
}

.input-check+label:after{
	visibility:hidden;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition:.4s;
	transition:.4s;
}

.input-check:checked+label{
	background:#B7C7D0;
}

.input-check:checked+label:after{
	visibility:visible;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.input-check.-error+label{
	background:#f7b3b6;
}

.input-check:checked+label:before{
	border:1px solid #114564;
	background-color:#114564;
}

.input-check+label:after{
	top:10px;
	left:16px;
	width:8px;
	height:14px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}


/*-------------------------------------------------
	/outline/
-------------------------------------------------*/

.wrp-outline .positoning{
	text-align:center;
}

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

.wrp-outline .positoning{
	border:3px solid #114564;
	padding:50px;
	border-width:3px;
}

}

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

}



/*-------------------------------------------------
	/admission/
-------------------------------------------------*/

.table-scroll{
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.table-scroll table{
	min-width:1100px;
}

.wrp-admission table{
	width:100%;
	vertical-align:middle;
	font-weight:normal;
	border-collapse:separate;
	border-spacing:6px;
}

.wrp-admission table th,
.wrp-admission table td{
	background:#f2f2f2;
	padding:15px;
	vertical-align:middle;
}

.wrp-admission table th{
	background:#114564;
	font-weight:500;
	color:#fff;
}

.wrp-admission table thead span{
	display:block;
	font-size:1.0rem;
	font-weight:400;
}

.wrp-admission table thead tr th:first-child{
	background:transparent;
}

.wrp-admission table tbody td{
	font-size:1.8rem;
	text-align:center;
	font-weight:500;
}

.block-f-center{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
}

.block-f-column{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}


.gc-wrap{
	max-width:800px;
	/*margin: 3% auto;*/
}
 
.g-calendar{
	position:relative;
	overflow:hidden;
	height:0;
	padding-bottom:70%;
}
 
.g-calendar iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
 
@media screen and (max-width:767px) {

.g-calendar{
	padding-bottom:90%;
}

}




























/* event/dtl
---------------------------------------- */

.event-box{
	max-width:1100px;
	margin:0 auto 50px;
}

.event-box .event-inner{
	background:#f2f6f9;
}

.event-name li:nth-child(1) h2{
	font-size:3rem;
	font-weight:500;
}

.event-name li:nth-child(1) span{
	margin-right:10px;
	font-size:1.6rem;
}

.event-name li:nth-child(3) span{
	margin-right:10px;
}

.event-profile{
	margin-top:15px;
	padding:15px;
	background:#114564;
	font-weight:500;
	color:#fff;
}

.event-profile dt,
.event-profile dd{
	padding-top:10px;
	padding-bottom:5px;
	font-size:1.6rem;
}

.event-profile dd:last-child{
	border-bottom:none;
}

.event-profile dt{
	float:left;
	clear:left;
}

.event-profile dd{
	padding-left:50px;
	border-bottom:1px solid rgba(255, 255, 255, .5);
}

.event-dtl {
	margin-top:70px;
}

.enent-status span {
	padding:15px 10px;
	background: #ed1c24;
	color: #fff;
	font-size:2rem;
	font-weight: 700;
	letter-spacing: 0;
}

.enent-status.event-finish li span{
	background-color:#333;
}

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

.event-box{
	position:relative;
	margin-top:50px;
	padding-top:60px;
}

.event-inner{
	width:95%;
	padding:50px;
}

.event-txt{
	width:55%;
}

.event-photo{
	position:absolute;
	top:0;
	right:0;
	width:45%;
	z-index:1;
}

.enent-status{
	position:absolute;
	top:15px;
}

.enent-status ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
}

.enent-status ul li:last-child{
	margin-left:15px;
}

}

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

.event-box {
	background:#f2f6f9;
	margin-top:25px;
}

.event-inner {
	width:100%;
	padding:15px;
}

.event-name li:nth-child(1) p{
	font-size:2.6rem;
}

.event-profile{
	padding:0 10px;
}

.event-profile dt, .event-profile dd{
	font-size:1.5rem;
}

.event-dtl{
	margin-top:25px;
}

.enent-status ul{
	margin:15px 15px 0;
}

.enent-status span{
	padding:3px 6px;
	font-size:1.4rem;
}

.enent-status ul li:last-child{
	margin-top:10px;
}

}


.event-table table{
	width:100%;
	margin-top:50px;
	background:#fff;
}

.event-table th{
	width:193px;
	padding:18px 40px;
	background:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	-moz-text-align-last:justify;
	text-align-last:justify;
	text-justify:inter-ideograph;
}

.event-table td{
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:18px 24px;
	line-height:2;
}

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

.event-table{
	margin-top:25px;
}

.event-table th,
.event-table td{
	display:block;
	width:100%;
	padding:10px;
	border-bottom:none;
}

.event-table th{
	text-align-last:left;
	background:#eee;
}

.event-table td{
	border-top:none;
}

}




.event-btn,
.event-finish-btn{
	margin:0 auto;
	padding:50px 0 0;
	position:relative;
	text-align:center;
}

.event-btn .btn-border{
	position:relative;
	border:5px solid #ed1c24;
}

.event-btn .btn-border a{
	padding:10px 40px;
	color:#ed1c24;
	font-size:2.6rem;
	max-width:inherit;
	height:inherit;
	background:#ed1c24;
	color:#fff;
}

.event-btn .btn-border a:hover{
	background:#fff;
	color:#ed1c24;
}

.event-finish-btn .btn-border a{
	background:#fff;
}

.event-finish-btn .btn-border a:hover{
	background:#114564;
	color:#fff;
}


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

.event-btn{
	padding:25px 0 0;
}

.event-btn .btn-border a{
	max-width:inherit;
	height:inherit;
	background:#ed1c24;
	padding:5px 15px;
	font-size:2rem;
	color:#fff;
}

}






/* ========================================================
	form.css => フォーム
======================================================== */

form label{
	position:relative;
	padding:0 0 0 20px;
	cursor:pointer;
}

form input,
form select,
form textarea,
form button{
	max-width:100%;
	margin:0;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	outline:none;
	vertical-align:middle;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=number],
form textarea{
	padding:7px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-transition:-webkit-box-shadow .2s;
	-o-transition:box-shadow .2s;
	transition:box-shadow .2s;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form select:focus,
form textarea:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.8);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.8);
}

form select{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	height:42px;
	padding:5px 40px 5px 10px;
	background-color:#fff;
	background-image:url(../img/common/down-arrow-b.svg);
	background-repeat:no-repeat;
	background-position:right 10px center;
	-webkit-background-size:10px;
	background-size:10px;
	border:1px solid #ccc;
	border-radius:3px;
}

form :placeholder-shown{color:#333;}
form input::-webkit-input-placeholder{color:#ccc; font-weight:400;}
form input:-moz-placeholder{color:#ccc; opacity:1; font-weight:400;}
form input::-moz-placeholder{color:#ccc; opacity: 1; font-weight:400;}
form input:-ms-input-placeholder{color:#ccc; font-weight:400;}
form input:focus::-webkit-input-placeholder{color:transparent;}
form input:focus:-moz-placeholder{color:transparent;}
form input:focus::-moz-placeholder{color:transparent;}
form textarea::-webkit-input-placeholder{color:#ccc; font-weight:400;}
form textarea:-moz-placeholder{color:#ccc; opacity:1; font-weight:400;}
form textarea::-moz-placeholder{color:#ccc; opacity: 1; font-weight:400;}
form textarea:-ms-input-placeholder{color:#ccc; font-weight:400;}
form textarea:focus::-webkit-input-placeholder{color:transparent;}
form textarea:focus:-moz-placeholder{color:transparent;}
form textarea:focus::-moz-placeholder{color:transparent;}


form .required{
	width:30px;
	padding:2px 0;
	background-color:#c81e1e;
	color:#fff;
	font-size:1.1rem;
	line-height:1.5;
	text-align:center;
}

form .required-small::after{
    content:"*";
	margin-left:5px;
    font-size:1.6rem;
    color:#c81e1e;
}

form .label-caption{
    display:block;
    margin-bottom:2px;
}

form .label-caption-border{
    display:block;
	margin:15px 0 5px;
	padding-top:15px;
	border-top:1px dashed #ccc;
}

form .form-address li{
	position:relative;
    padding:15px 0;
}

form .form-address li:first-child{
    padding-top:0;
}

form .form-address li:last-child{
    padding-bottom:0;
}

form .form-address li:nth-child(n+2){
    border-top:1px dashed #ccc;
}

form .form-name{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
	width:90%;
}

form .form-name li{
	width:49%;
}

form .form-name li:last-child{
	margin-left:2%;
}

form .form-name li input{
	width:100%;
}

form .form-homepage li input{
	width:90%;
}

form input.size-wide,
form textarea{
	width:90%;
}

form input.size-middle{
	width:100%;
}

form input.size-small{
	width:60px !important;
}

form input[type=checkbox],
form input[type=radio]{
	visibility:hidden;
	position:absolute;
}


form label input[type=radio] + span:before,
form label input[type=radio] + input[type=text] + span:before,
form label input[type=radio] + div + input[type=text] + span:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	width:14px;
	height:14px;
	background-color:#fff;
	border-radius:100%;
	border:1px solid #ccc;
}

form label input[type=radio] + span:after,
form label input[type=radio] + input[type=text] + span:after,
form label input[type=radio] + div + input[type=text] + span:after{
	content:"";
	position:absolute;
	left:4px;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	width:6px;
	height:6px;
	background-color:#114564;
	opacity:0;
	-webkit-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s;
	border-radius:100%;
}

form label input[type=radio]:checked + span:before,
form label input[type=radio]:checked + input[type=text] + span:before,
form label input[type=radio]:checked + div + input[type=text] + span:before{
	border-color:#114564;
}

form label input[type=radio]:checked + span:after,
form label input[type=radio]:checked + input[type=text] + span:after,
form label input[type=radio]:checked + div + input[type=text] + span:after{
	opacity:1;
}

form label input[type=checkbox] + span:before{
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:14px;
	height:14px;
	background-color:#fff;
	border:1px solid #ededed;
	-webkit-transition:all .1s;
	-o-transition:all .1s;
	transition:all .1s;
}

form label input[type=checkbox] + span:after{
	content:"";
	position:absolute;
	left:5px;
	top:10px;
	width:6px;
	height:11px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	opacity:0;
	-webkit-transition:opacity .1s;
	-o-transition:opacity .1s;
	transition:opacity .1s;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

form label input[type=checkbox]:checked + span:before{
	background-color:#114564;
	border:1px solid #114564;
}

form label input[type=checkbox]:checked + span:after{
	opacity:1;
}

form .btn-border p{
	height:63px;
	line-height:65px;
}

form .wrp-regulation{
	margin-top:35px;
	text-align:center;
}

form .regulation{
	display:inline-block;
}

form .regulation p{
	margin-top:15px;
}

form .regulation .input-check + label{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
	padding:20px 20px 20px 50px;
	border:1px solid #ccc;
	border-radius:3px;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.5;
}

form .regulation .input-check + label::before{
	top:20px;
	left:20px;
}

form .regulation .input-check + label::after{
	top:20px;
	left:26px;
}

form .regulation .input-check + label span{
	display:inline-block;
	width:30px;
	margin-left:20px;
}

form .form-member li:nth-child(n+2){
	margin-top:15px;
}

form .form-member li input[type=text]{
	margin-right:10px;
	width:200px;
}


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

form label input[type=radio] + span:before,
form label input[type=checkbox] + span:before{
	-webkit-transition:border .2s;
	-o-transition:border .2s;
	transition:border .2s;
}

form label:hover input[type=radio] + span:before,
form label:hover input[type=checkbox] + span:before{
	border-color:#666;
}

form .form-homepage{
	width:90%;
}

form .form-homepage li:first-child label{
	margin-right:10px;
}

form .form-homepage li:last-child{
	margin-top:10px;
}

form .form-member{
	width:90%;
}

}

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

form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=number],
form textarea,
form select,
form label{
	font-size:1.3rem;
}

form input[type=text],
form textarea{
	padding:5px;
}

form select{
	padding:5px 25px 5px 7px;
}

form label{
	padding-top:4px;
	padding-bottom:4px;
}

form label input[type=radio] + span:before,
form label input[type=radio] + span:after,
form label input[type=radio] + input[type=text] + span:before,
form label input[type=radio] + input[type=text] + span:after{
	top:0;
}

form input.size-wide,
form textarea,
form .form-name,
form .form-homepage li,
form .form-homepage li input{
	width:100%;
}

form .form-homepage li:last-child{
	margin-top:15px;
}

form .regulation{
	margin-top:30px;
}

form .regulation_check{
	margin-bottom: 10px;
}

form .regulation label{
	padding:10px 20px 10px 40px;
}

form .regulation label input + span:before,
form .regulation label input + input + span:before{
	left:13px;
	top:17px;
}

form .regulation label input + span:after,
form .regulation label input + input + span:after{
	left:18px;
	top:18px;
}

}


/* table
======================== */

.form-table{
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.form-table th{
	font-weight:500;
}

.form-table tr:nth-child(n+2) {
	border-top:1px solid #ccc;
}

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

.form-table tr:nth-child(2n){
	background-color:#f2f6f9;
}

.form-table th,
.form-table td{
	padding:20px;
}

.form-table th{
	width:270px;
	padding-left:0;
	padding-right:40px;
	vertical-align:middle;
}

.form-table th .required{
	position:relative;
	right:20px;
	float:right;
	margin-right:-40px;
}

}

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

.form-table,
.form-table thead,
.form-table tbody,
.form-table tr,
.form-table th,
.form-table td {
	display:block;
}

.form-table th,
.form-table td{
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.form-table th{
	background:#f2f2f2;
	text-align:left;
}

.form-table th .required{
	display:inline-block;
	margin-left:10px;
	font-size:1rem;
}

.form-table td{
	margin-bottom:10px;
}

}


.wrp-event-entry h3{
    font-size:2.4rem;
    font-weight:500;
    line-height:1.3333333333;
    margin-bottom:24px;
    padding-bottom:25px;
    position:relative;
}

.wrp-event-entry h3::before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #eaeaea;
    bottom: 0;
    left: 0;
    height:2px;
    position: absolute;
    width: 100%;
}

.wrp-event-entry h3::after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	vertical-align:middle;
	background-color:#114564;
    width:100px;
	height:2px;
}

.wrp-event-entry h3 + p{
	margin-bottom:25px;
}

.wrp-event-entry .form-table.notice{
	margin:25px 0 50px;
	border:2px solid #ccc;
}

.wrp-event-entry .form-table.notice th{
	background-color:#114564;
	color:#fff;
}

.wrp-event-entry .form-table.notice th,
.wrp-event-entry .form-table.notice td{
	padding:15px;
	font-size:1.8rem;
}

.wrp-event-entry .form-table.notice tr:nth-child(2n){
	background-color:#fff;
}

.wrp-event-entry .form-table.notice tr:nth-child(n+2){
	border-top:2px solid #ccc;
}

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

}


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

}







/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width:100%;
	background:#c81e1e;
	position:relative;
	color: #fff;
	min-width:110px;
	font-size:1.1rem;
	padding:4px 10px 4px 10px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	/*box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;*/
	font-size: 0px;
	height: 1px;
	background: #c81e1e;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

@media screen and (max-width: 767px) {
	.formError .formErrorContent {
		max-width: 100%;
		min-width: 100%;
		font-size: 1rem;
	}
	.formError .formErrorContent {
		padding: 10px 5px;
	}
}

/*news/dtl/
------------------------------*/

.wrp-news-dtl .date{
	font-family:'Rajdhani', sans-serif;
	font-weight:600;
}

.wrp-news-dtl .ttl{
	font-size:2.4rem;
	margin-bottom:25px;
	padding:0 0 10px;
	border-bottom:2px solid #eee;
}

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

.wrp-news-dtl .ttl{
	font-size:1.6rem;
}

}

/*pager
------------------------------*/

.listbar{
	margin-top:50px;
	text-align:center;
}

.listbar > *{
	display:inline-block;
	margin:0 5px 0;
	padding:8px 14px;
	color:#333;
	text-align:center;
}

.listbar a{
	border:1px solid #dadada;
	background:#fff;
}

.listbar a:hover{
	background:#114564;
	border:1px solid #114564;
	color:#fff;
}

.listbar span{
	border:1px solid #114564;
	background:#114564;
	color:#fff !important;
}

.listbar span a{
	position:absolute;
	top:-2px;
	left:-1px;
	padding:5px 10px;
	background:#fff;
	border:1px solid #114564;
}

.listbar span.pn,
.listbar span.previous,
.listbar > span.next{
	padding:0 2px;
	background:transparent !important;
	border:none;
	color:#114564!important;
}

.listbar span.previous a:hover,
.listbar span.next a:hover{
	color:#114564 !important;
}

.listbar span.pn a,
.listbar span.previous a,
.listbar span.next a{
	position:static;
	display:inline-block;
	padding:5px 0;
	color:#114564 !important;
	background:transparent !important;
	border:none;
}

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

.listbar{
	margin-top:20px;
}

.listbar > *{
	margin:0 2px 0;
	padding:4px 10px;
}

.listbar a,
.listbar span{
	font-size:1.3rem;
}

.listbar span a{
	position:absolute;
	top:-2px;
	left:-1px;
	padding:5px 10px;
	background:#fff;
	border:2px solid #009FC5;
}

.listbar span.pn a,
.listbar span.previous a,
.listbar span.next a{
	display:inline-block;
	padding:10px 0;
	position:static;
	border:none;
	background:transparent !important;
}

}

.systen-msg{
	padding:5px;
	background-color:#FF9326;
	font-size:1.5rem;
	color:#fff;
}




/*banner
------------------------------*/

.bnr-box{
	/*margin-top:50px;*/
}

.bnr-box .bnr-slider{
	max-width:1055px;
	margin:0 auto;
	padding:25px 0;
}

.bnr-box .bnr-slider li{
	margin:15px 15px 0;
}

.bnr-box .slick-prev,
.bnr-box .slick-next{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:50%;
	padding:0;
	border:none;
	font-size:0;
	line-height:0;
	color:transparent;
	z-index:1;
	cursor:pointer;
	outline:none;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
}

.bnr-box .slick-prev:hover,
.bnr-box .slick-prev:focus,
.bnr-box .slick-next:hover,
.bnr-box .slick-next:focus{
	color:transparent;
	outline:none;
}

.bnr-box .slick-prev:after,
.bnr-box .slick-next:after{
	content:"";
	position:absolute;
	top:50%;
	width:10px;
	height:10px;
	border-top:1px solid #111;
	-webkit-transition:.5s;
	transition:.5s;
}

.bnr-box .slick-prev:after{
	border-left:1px solid #111;
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg);
}

.bnr-box .slick-next:after{
	border-right:1px solid #111;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}

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

.bnr-box .bnr-slider{
	padding-left:35px;
	padding-right:35px;
}

.bnr-box .slick-prev{
	left:0;
}

.bnr-box .slick-next{
	right:0;
}

}

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

.bnr-box .slick-prev,
.bnr-box .slick-next{
    width:30px;
    height:30px;
	background-size:30px auto;
}

}

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

.bnr-box{
	margin-top:25px;
}

.bnr-box .bnr-slider{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

.bnr-box ul.bnr-slider li{
	margin:10px 0 0;
}

.bnr-box .slick-prev,
.bnr-box .slick-prev:hover,
.bnr-box .slick-prev:focus,
.bnr-box .slick-next,
.bnr-box .slick-next:hover,
.bnr-box .slick-next:focus{
    width:25px;
    height:25px;
	background-size:25px auto;
}

.bnr-box .slick-prev,
.bnr-box .slick-prev:hover,
.bnr-box .slick-prev:focus{
	left:10px;
}

.bnr-box .slick-next,
.bnr-box .slick-next:hover,
.bnr-box .slick-next:focus{
    right:10px;
}

}

.bnr-slider{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}



.form-thanks{
	padding:0 15px;
	background-color:#fff;
}

.form-thanks strong{
	font-weight:700;
	color:#114564;
}

.form-thanks p{
	margin-top:15px;
}

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

.form-thanks{
	margin-bottom:110px;
}

.form-thanks strong{
	font-size:2.4rem;
}

}

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

.form-thanks strong{
	font-size:1.8rem;
}

}

.instagram-box{
	max-width:90%;
	margin:100px auto 0;
	text-align:center;
}

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

.instagram-box{
	margin-top:50px;
}

}


.wrp-exsupport .inner h2{
	margin-top: 50px;
}

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

 .wrp-exsupport .inner h2.ttl-type1 {
	margin:30px 0 22px;
  padding-bottom: 15px;
	font-size:1.8rem;
	letter-spacing:0;
  line-height: 1.35;
}

 
}




.wrp-exsupport a.t-under {
  border-bottom: solid 1px #008D73;
 color: #008D73;
}

.wrp-exsupport a.t-under:hover {
  border-bottom: none;
}


.ex-support{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 75px;
	text-align: center;
}

.ex-support a{
	position: relative;
	padding: 20px 40px;
	border: 4px solid #ed1c24;
	color: #ed1c24;
	font-size: 2.8rem;
	font-weight: 700;
		-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
    line-height: 1;
}

.ex-support a::before{
	content:"";
	position:absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	direction:rtl;
	z-index:-1;
	background: #ed1c24;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ex-support a:hover{
	color:#fff;
}

.ex-support a:hover::before{
	left:auto;
	right:0;
	width:100%;
}

.ex-support a span{
	position: relative;
}
.ex-support a span::before,
.ex-support a span::after{
	content:"";
 display: block;
	position:absolute;
	top:12px;
	left:-25px;
	vertical-align:middle;
}

.ex-support a span::before{
	width:15px;
	height:15px;
	background:#ed1c24;
	border-radius:50%;
}

.ex-support a span::after{
	left:-21px;
 top: 17px;
	width:5px;
	height:5px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.ex-support a em{
display: block;
margin-bottom: 15px;
 font-style: normal;
 font-size: 2.4rem;
 line-height: 1;
}

/*@media screen and (min-width:1025px) , print {

 .ex-support a br{
  display: none;
 }
 
}*/

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

  .ex-support{
  margin: 25px 15px 15px;
 }
 
 .ex-support a{
	padding: 15px 5px;
  font-size: 1.8rem;
 }

.ex-support a em{
margin-bottom: 10px;
 font-size: 1.4rem;
}


}



.about-tab-box .ttl-type1::before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    bottom: 0;
    left: 0;
    height:4px;
    position: absolute;
    width: 100%;
}

.about-tab-box .ttl-type1::after{
    content:"";
    display:inline-block;
    position:absolute;
    bottom:0;
    left:0;
    vertical-align:middle;
    background-color:#114564;
    width:100px;
    height:4px;
}


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

 .about-tab-box .ttl-type1{
  padding-bottom: 15px;
  font-size: 1.8rem;
 }
.about-tab-box .ttl-type1::before{
    height:2px;
}

.about-tab-box .ttl-type1::after{
    width:75px;
    height:2px;
}
 
}




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

	.wrp-exsupport .exsupport-block{
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wrp-exsupport .exsupport-item{
	flex: 1;
}

.wrp-exsupport .exsupport-photo{
	width: 350px;
 margin-left: 15px;
}
	
}

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

	.wrp-exsupport .exsupport-photo{
		margin-top: 10px;
}

	.wrp-exsupport .exsupport-photo img{
		margin: 0 auto;
}
	
}



.wrp-exsupport table{
	width:100%;
	margin-top:50px;
	background:#fff;
 
	border-top:4px solid #008D73;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

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

 .wrp-exsupport h2 + table{
	margin-top:25px;
 }
 
.wrp-exsupport table{
	border-bottom:1px solid #ccc;
}
 
}


.wrp-exsupport th{
	width:165px;
	padding:18px;
	background:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align: left;
/*	-moz-text-align-last:justify;
	text-align-last:justify;
	text-justify:inter-ideograph;*/
}

.wrp-exsupport td{
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:18px 24px;
	line-height:2;
 vertical-align: middle;
 position: relative;
}

.wrp-exsupport td a{
 word-break: break-all;
}

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

.wrp-exsupport{
	margin-top:25px;
}

.wrp-exsupport th,
.wrp-exsupport td{
	display:block;
	width:100%;
	padding:10px;
	border-bottom:none;
}

.wrp-exsupport th{
	text-align-last:left;
	background:#eee;
}

.wrp-exsupport td{
	border-top:none;
}

}










.wrp-exsupport .lead p{
	font-size: 1.6rem;
}

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

 .wrp-exsupport .lead p{
	font-size: 1.4rem;
}

}


.wrp-exsupport .lead p:nth-child(n+2){
	margin-top: 15px;
}

.about-tab {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 max-width: 980px;
 margin: 50px auto 0;
}
.about-tab li {
 position: relative;
 width: 25%;
}
.about-tab li a {
 position: relative;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: calc(100% - 1px);
 padding: 25px 5px 35px;
 /*background-color: #f2f6f9;*/
 text-align: center;
 font-size: 1.6rem;
 line-height: 1;
 color: #333;
	font-weight: 500;
}

.about-tab li a span{
	position: relative;
}

.about-tab li a span::after {
 content: "";
	position: absolute;
	bottom: -1em;
	right: 0;
	left: 0;
 width: 6px;
 height: 6px;
	margin-right: auto;
 margin-left: auto;
 border-top: 1px solid #114564;
 border-left: 1px solid #114564;
 -webkit-transform: rotate(-135deg);
 transform: rotate(-135deg);
}


.about-tab li.active::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: calc(100% - 1px);
 height: 5px;
 background-color: #114564;
 z-index: 1;
}


.about-tab-box{
	padding: 50px;
	background-color: #f2f6f9;
}

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

	
.about-tab-box{
	padding: 25px;
}
	
}


.about-tab-inner {
 display: none;
	max-width: 980px;
	margin: 0 auto;
}


.about-tab li a::before {
 content: "";
 background-repeat: no-repeat;
}

.about-tab li.active a {
 background-color: #f2f6f9;
}


@media screen and (min-width:1025px) , print {

		.about-tab li a:hover {
 background-color: #f2f6f9;
}

	.about-tab li:hover::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: calc(100% - 1px);
 height: 5px;
 background-color: #114564;
 z-index: 1;
}
	
}



@media screen and (max-width: 850px) {
	.about-tab li a {
  position: relative;
  padding: 30px 1px;
  font-size: 1.5rem;
 }
}





@media screen and (max-width: 767px) {
	.about-tab {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  width: 96%;
		margin: 25px auto 0;
	}
	.about-tab li{
		width: 33.33333333%;
			margin-top: 1px;
}
	.about-tab li a {
		padding: 15px 1px 25px;
		font-size: 1.4rem;
	}
	.about-tab li a::before {
		position: absolute;
		top: 10px;
		right: 0;
		left: 0;
		width: 16px;
		height: 16px;
		margin-right: auto;
		margin-left: auto;
		background-size: 16px 16px;
	}
}




.exsupport-cat div{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 padding: 25px 10px;
 border: 2px solid #ccc;
 border-radius: 4px;
}

 .exsupport-cat dt{
font-weight: 700;
 font-size: 1.8rem;
 color: #114564;
 line-height: 1;
}

@media screen and (min-width:1025px) , print {

 .exsupport-cat dl{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .exsupport-cat dt{
  width: 200px;
  text-align: center;
}

 .exsupport-cat dd{
  flex: 1;
  margin-left: 25px;
}
}

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

 .exsupport-cat div{
 padding: 25px;
 }
  .exsupport-cat dd{
  margin-top: 15px;
}

}

@media screen and (min-width:768px) , print {
 
 .exsupport-cat{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 margin-top: 25px;
}
 
 .exsupport-cat div{
  width: 49%;
}
.exsupport-cat div:nth-child(even){
margin-left: 2%;
 }
.exsupport-cat div:nth-child(n+3){
margin-top: 2%;
 }

}

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

  .exsupport-cat{
 margin-top: 15px;
}
 .exsupport-cat div{
  padding: 15px;
  }

 .exsupport-cat div:nth-child(n+2){
margin-top: 15px;
 }
 
  .exsupport-cat dt{
 font-size: 1.6rem;
 }
 
}




.exsupport-category li{
 border: 2px solid #ccc;
 border-radius: 4px;
}

.exsupport-category li dt{
 font-weight: 700;
 font-size: 1.8rem;
 color: #114564;
 line-height: 1;
}

.exsupport-category li dd{
 margin-top: 10px;
 line-height: 1.5;
}


@media screen and (min-width:1025px) , print {

.exsupport-category li{
 width: 23.5%;
 padding: 25px 10px;
}

.exsupport-category li:nth-child(n+2){
 margin-left: 2%;
}

}

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

 .exsupport-category li{
 width: 49%;
 padding: 25px 10px;
  margin-right: 2%;
}
.exsupport-category li:nth-child(even){
  margin-right: 0;
}
.exsupport-category li:nth-child(n+3){
 margin-top: 2%;
}
 
}

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

  .exsupport-category{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
     -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
 
 .exsupport-category li dt,
.exsupport-category li dd{
 text-align: center;
}

}

@media screen and (max-width: 767px) {
 .exsupport-category li{
 padding: 15px;
}
.exsupport-category li:nth-child(n+2){
 margin-top: 2%;
}

 .exsupport-category li dt{
 font-size: 1.6rem;
 }
 
 .exsupport-category li dd br{
  display: none;
 }
  
}


/*#event-72,
#event-73{
 display: none;
}*/


.wrp-exsupport .sell-rule{
 position: absolute;
 top: -15px;
 right: 10px;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrp-exsupport .sell-rule li{
 padding: 5px;
 background-color: #fff;
 border-width: 4px;
 border-style: solid;
 line-height: 1;
 font-weight: 700;
}

.wrp-exsupport .sell-rule li:nth-child(n+2){
 margin-left: 10px;
}

.wrp-exsupport .sell-rule li.sell-takeout{
 border-color: #dc0032;
 color: #dc0032;
}

.wrp-exsupport .sell-rule li.sell-delivery{
 border-color: #E94E09;
 color: #E94E09;
}

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

 .wrp-exsupport .sell-rule{
 top: -55px;
}

 .wrp-exsupport .sell-rule li{
 border-width: 2px;
 }
 
}



.exsupport-main{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 height:100vh;
 position:relative;
 overflow:hidden;
}

.exsupport-main .m-left,
.exsupport-main .m-right{
 position: relative;
 height:100vh;
}

.exsupport-main .m-left {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-align-items: center;
 align-items: center;
 position: relative;
 margin: 0 auto;
}

.exsupport-main .m-inner{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
 width: 86%;
 margin-right: auto;
 margin-left: auto;
}

.exsupport-main-bg{
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-image: url("../img/exsupport/main.jpg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size:cover;
}

.exsupport-main .photo-credit{
 position: absolute;
 right: 5px;
 bottom: 5px;
 font-size: .9rem;
 color: #333;
}

@media screen and (min-width:1025px) , print {

 .exsupport-main .m-left{
 width: 500px;
}

.exsupport-main .m-right{
 flex: 1;
}

.exsupport-main .m-left .photo-credit{
 display: none;
}
 
}

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

   .exsupport-main .m-left{
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
   background-color: #fff;
 background:url(../img/exsupport/main.jpg) no-repeat;
 background-position: center center;
 background-size:cover;
}
 
}

.exsupport-main .ttl{
    position: relative;
    margin-top: 25px;
}

.exsupport-main .ttl h1,
.exsupport-main .ttl p{
 font-size: 4.2rem;
 font-weight: 700;
 color: #047cc1;
 letter-spacing: .05em;
 line-height: 1;
}

.exsupport-main .ttl p{
 margin-top: 10px;
}

.exsupport-list{
 padding: 50px 100px 100px;
 background-color: #eef8ff;
}

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

.exsupport-list{
 padding: 25px 50px 50px;
}
 
}

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

.exsupport-list{
 padding: 25px;
}
 
}

.exsupport-main .msg{
    margin-top: 25px;
 font-size: 1.5rem;
 font-weight: 700;
}

.hero__scroll__area {
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.hero__scroll__area p {
 padding-bottom:80px;
 position:relative;
	font-family:'Rajdhani', sans-serif;
 font-size:1.3rem;
 font-weight: 700;
 letter-spacing:.08em;
}
.hero__scroll__area p::before {
 display:block;
 content:"";
 width:1px;
 height:70px;
 background:#333;
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.hero__scroll__area p::after {
 display:block;
 content:"";
 width:10px;
 height:10px;
 background:#333;
 border-radius:50%;
 position:absolute;
 bottom:30%;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 -webkit-animation:scroll-point 2200ms ease-out infinite;
 animation:scroll-point 2200ms ease-out infinite;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
@media screen and (max-width: 480px) {
.hero__scroll__area p::after {
  width:6px;
  height:6px
 }
}

.hero__scroll__area {
 bottom:-100px
}
.hero__scroll__area {
 bottom:0;
 -webkit-transition:bottom 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 6000ms;
 transition:bottom 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 6000ms
}

@-webkit-keyframes scroll-point {
 0% {
  bottom:6.5rem;
  opacity:0
 }
 20% {
  opacity:1
 }
 40% {
  bottom:0;
  opacity:1
 }
 70% {
  opacity:0
 }
 100% {
  bottom:0;
  opacity:0
 }
}
@keyframes scroll-point {
 0% {
  bottom:60px;
  opacity:0
 }
 20% {
  opacity:1
 }
 40% {
  bottom:10px;
  opacity:1
 }
 70% {
  opacity:0
 }
 100% {
  bottom:10px;
  opacity:0
 }
}

.exsupport-list article {
 column-width: 30em;
 column-gap: 5em;
}

.exsupport-list section {
 position: relative;
  display: inline-block;
  /*margin: 1rem;*/
 margin-top: 5em;
  width: 100%;
}

.exsupport-list section a {
 position: relative;
 display: block;
 padding: 2.5em;
 border: 2px solid #ccc;
 color: #333;
 background: #fff;
 border-radius: 0 0 50px 0;
}


.exsupport-list section a::after{
 content: "";
 position: absolute;
 right: 0;
 bottom: 0;
 display: block;
 width: 30px;
 height: 30px;
 background-image: url("../img/exsupport/list-arrow.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 0 0;
}

.exsupport-list section a:hover{
 border: 2px solid #047cc1;
}

.exsupport-list section a:hover::after{
 background-image: url("../img/exsupport/list-arrow-o.png");
}

.exsupport-list section.link-cs a::after{
 display: none;
}

.exsupport-list section.link-cs a{
 pointer-events: none;
 border-radius: 0;
}

.exsupport-list section.link-cs::before{
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 width: 100%;
 height: 100%;
 background-color: rgba(255,255,255,.8);
 z-index: 2;
}
.exsupport-list section.link-cs::after{
 content: "準備中";
 position: absolute;
  top: 50%; 
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
 z-index: 3;
 text-align: center;
  font-size: 2.4rem;
 font-weight: 700;
 color: #047cc1;
 letter-spacing: .05em;
 border-bottom: 2px solid #047cc1;
}

.exsupport-list h2{
 margin-bottom: 1em;
 font-size: 1.8rem;
 color: #047cc1;
 letter-spacing: .05em
}

.exsupport-list dl{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.exsupport-list dt{
 flex: 1;
}

.exsupport-list dd{
 width: 30px;
 margin-left: 10px;
}

.exsupport-list li{
 font-size: 1.3rem;
}

.wsite {
  position: relative;
  display: inline-block;
  margin:  0 0 1.5em;
  padding: 5px 0;
  min-width: 120px;
  max-width: 100%;
  font-size: 1.2rem;
  background: #FFF;
 border-bottom: solid 1px #D5338A;
}

.wsite:before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 15%;
  margin-left: -15px;
  border: 6px solid transparent;
  border-top: 6px solid #FFF;
  z-index: 2;
}

.wsite:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 15%;
  margin-left: -17px;
  border: 8px solid transparent;
  border-top: 8px solid #D5338A;
  z-index: 1;
}

.wsite p {
  margin: 0;
  padding: 0;
 color: #D5338A;
 font-weight: 500;
}

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

 .exsupport-list section {
 margin-top: 3em;
}
 
 .exsupport-list section a {
 padding: 2em;
}

}

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

.exsupport-list section {
 margin-top: 1.5em;
}
  
.exsupport-list section a {
 padding: 1.5em;
}

}


.outline-table {
    width: 100%;
}
.outline-table tr th, .outline-table tr td {
    padding: 25px;
    vertical-align: middle;
    text-align: left;
}

@media screen and (min-width:768px) {
.outline-table {
    margin-top: 50px;
}
.outline-table tr th, .outline-table tr td {
    border: 1px solid #114564;
}
.outline-table thead tr th {
    background-color: #114564;
    color: #fff;
}
.outline-table thead tr th:nth-child(1) {
    width: 300px;
}
}

@media screen and (max-width:767px) {
.outline-table {
    margin-top: 25px;
}
.outline-table thead {
    display: none;
}
.outline-table tbody th::before {
    content: "事業名：";
}
.outline-table tbody td::before {
    content: "内容：";
    display: block;
}
.outline-table tr th, .outline-table tr td {
    display: block;
    padding: 10px 0;
}
.outline-table tr th {
    border-bottom: 1px solid #114564;
    text-align: left;
}
.outline-table tr td {
    padding-bottom: 25px;
}
}

.event-table ul.l-pdf li a{
	padding-left: 0;
	background: none;
	text-decoration: underline;
}

.event-table ul.l-pdf li a:hover{
	text-decoration: none;
}