@charset "utf-8";
/******************************************************************
Theme Name: sanwa
------------------------------------------------------------------*/
.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */
.admin-bar header {top: 46px !important;}
.admin-bar .mean-container .mean-bar {top: 46px !important;}
@media screen and (min-width:1000px) {
.admin-bar header {top: 32px !important;}
}

html { font-size: 62.5% !important;overflow: auto;} /* 10px */
body {
	font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 400;
	font-size: 1.8rem;
	margin:0;
	padding: 0 0 0 0;
	color:#333;
	position: relative;
	font-feature-settings: "palt";
	overflow:hidden;
	overflow:clip; 
}

.noto_reg {
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.noto_med {
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.noto_bold {
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.din_reg {
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.din_demi {
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.din_bold {
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}




a {
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	color:#333;
	text-decoration: none;
}
a:hover {opacity: 0.8;}
.anc{
   display: block;
   margin-top:-120px;
   padding-top:120px;
}


img {max-width:100%; vertical-align: bottom;-webkit-backface-visibility: hidden;}
.disp_sp {display:none;}
.disp_pc {display:block;}

#loading {
  height: 100%;
  width: 100vw;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
    z-index:0;
    position:relative;
}

@media screen and (max-width:768px) {
	body {
		padding: 0 0 0 0;
    	font-size: 1.4rem;
	}
	.disp_sp {display:block;}
	.disp_pc {display:none;}
}


ul.sp_footnav{
	display:none;
}

.bnt_to-contact {
	position:fixed;
	top:360px;
	right:0;
	width:100px;
	z-index:10;
}

.bnt_to-konnnakanzi {
	position:fixed;
	bottom:0;
	right:100px;
	width:510px;
	z-index:10;
	margin:0;
	padding:20px;
	background:#EBE9DE;
	border-radius:12px 12px 0 0;
}

@media screen and (max-width:768px) {
	ul.sp_footnav{
		display:block;
		background:#61864D;
		display:flex;
		flex-wrap:nowrap;
		justify-content:space-between;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
	}
	ul.sp_footnav li {
		width:50%;
	}
	ul.sp_footnav li a {
		display:block;
		background:#61864D;
		text-align:center;
		height:67px;
		padding:14px 0 0 0;
	}
	ul.sp_footnav li:last-of-type a {
		display:block;
		background:#B4A865;
	}
	ul.sp_footnav li img {
	}

	.bnt_to-contact {
		display:none;
	}

.bnt_to-konnnakanzi {
position:fixed;
	bottom:70px;
	right:auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width:310px;
	padding:0;
	background:none;
}

}


/***************/
/* header */
/***************/
#header {
	top:0;
	height:97px;
	z-index:999;
	width:100%;
	margin:0 0 0 0;
	transition: all .3s;
	background:rgb(255 255 255 / 80%);
	position:fixed
}

header .header-inn {
	width:100%;
	height:97px;
	margin: auto;
	position: relative;
	transition: all .3s;
}

header .header-inn h1,
header .header-inn .site-id{
	width:242px;
	padding: 0;
	position:absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

header .header-inn .pcnav {
	display:flex;
	flex-wrap:nowrap;
	justify-content:right;

    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

header .header-inn .pcnav li {
	margin:0 0 0 0;
	font-size:1.8rem;
}

header .header-inn .pcnav li a {
	display:block;
	height:97px;
	width:100%;
	padding:26px 20px 0 20px;
	text-align:center;
}

header .header-inn .pcnav li a:hover {
	opacity:1;
	background:#4c9bd3;
	color:#fff;
}

header .header-inn .pcnav li a span {
	display:block;
	font-size:1.1rem;
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	font-style: normal;
}

header .header-inn .pcnav li.nav02,
header .header-inn .pcnav li.nav03 {
	margin:0;
	padding:0;
	width:150px;
}

header .header-inn .pcnav li.nav02 a {
	background:#0070C0;
	color:#fff;
}

header .header-inn .pcnav li.nav03 a {
	background:#004EA2;
	color:#fff;
}



@media screen and (max-width:1000px) {
#header {
top:0;
	height:60px;
z-index:999;
width:100%;
margin:0 0 0 0;
transition: all .3s;
background:rgb(255 255 255 / 80%);
position:fixed
}

header .header-inn {
width:100%;
	height:60px;
margin: auto;
position: relative;
transition: all .3s;
}

header .header-inn h1,
header .header-inn .site-id{
	width:190px;
padding: 0;
position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

	header .header-inn .pcnav {
		display:none;
	}
}


.low_header01 {
	background-image: url("./img/low_head01.jpg");
	background-position:0;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
	position:relative;
	margin:97px 0 0 0;
}

.low_header01 .low_header-inn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color:#fff;
	text-align:center;
}

.low_header01 .low_header-inn h1 {
	font-size:3.6rem;
	font-weight:bold;
	letter-spacing:0.1em;
	
}

.low_header01 .low_header-inn .h-sub {
	margin:0 0 0 0;
	padding:04px 20px;
	font-size:7.6rem;
	display:inline-block;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing:0.1em;
	line-height:normal;
	
}

@media screen and (max-width: 768px) {
.low_header01 {
background-image: url("./img/low_head01.jpg");
background-position:0;
background-repeat:no-repeat;
background-size:cover;
	height:160px;
width:100%;
position:relative;
	margin:60px 0 0 0;
}

.low_header01 .low_header-inn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color:#fff;
text-align:center;
}

	.low_header01 .low_header-inn h1 {
		font-size:2.0rem;
	}
	
	.low_header01 .low_header-inn .h-sub {
		padding:0px 20px;
		font-size:3.2rem;
	}
}





.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
transition: opacity .5s;
}

.overlay.open {
/*width: 100%;
height: 100vh;
opacity: 1;
position: fixed;*/
}

.menu-trigger {
/*display: inline-block;*/
display: none;
width: 68px;
height: 68px;
vertical-align: middle;
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
z-index: 9999;
	background-color: #000;
}

.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);

width: 50%;
height: 2px;
background-color: #fff;
transition: all .5s;
}

.menu-trigger.active span {
background-color: #fff;
}
.menu-trigger p {
display:none;
/*		top: 26px;
left:2px;
margin:auto;
position: absolute;
font-size: 1.2rem;
color:#fff;*/
}
.menu-trigger.active p {
display:none;
}
.menu-trigger.active span {
}	
.menu-trigger span:nth-of-type(1) {
	top: 20px;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(9px) translateX(-16px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
	top: 29px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 20px;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-9px) translateX(-16px) rotate(45deg);
}

.nav_top {
display:none;
}

nav {
	display: block;
	width: 100%;
	height: 200px;
	padding: 0px 0 0 0;
	background-color: #0070C0;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	transition: transform 0.5s ease;
	z-index: 900;
	text-align: center;
}

nav.open {
	transform: translateY(0);
	-webkit-overflow-scrolling: touch;
}

nav .menu_id {
	margin:10px 0 30px 0;
}

nav .menu_id img {
}

nav ul.mainnav {
	margin:0 0 0 0;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;	
}

nav ul.mainnav li {
	margin:0 0 0 0;
	padding:0 0;
}

nav ul.mainnav li a {
	font-size:1.6rem;
	padding: 0px 0 4px 0;
	display:block;
	color:#333;
	letter-spacing:0.1em;
}

nav ul.mainnav li a span {
	font-size:1.4rem;
	display:block;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}

nav .note {
	font-size:1.8rem;
	color:#fff;
}

nav .note img {
	margin:0 0 30px 0;
}

nav .note p {
}

@media screen and (max-width:1000px) {
	.menu-trigger {
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	cursor: pointer;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
	background-color: #004EA2;
	}
	
	nav {
		display: block;
		width: 100%;
		height: 100%;
	}

	nav.open {
	transform: translateY(0);
	-webkit-overflow-scrolling: touch;
	}
	
	nav ul.mainnav {
		flex-wrap:wrap;
		padding:100px 0 0 0;
	}
	
	nav ul.mainnav li {
		width:100%;
		margin: 0px 0 20px 0;
		text-align:center;
	}
	
	nav ul.mainnav li a {
		color:#fff;
		display:block;
		font-weight:bold;
	}
}


/* main_slide */
.mainhead {
	position: relative;
	width: 100%;
	height:calc(100vh);
	margin:0 auto;
	padding:0;
	background:#576972;
}

.mainslide {
	overflow:hidden;
	width: 100%;
	height:calc(100vh);
	/*max-width: 1680px;*/
	/*max-height:1030px;*/
	margin: 0 auto;
}

.mainslide img{
	width: 100%;
	height:calc(100vh);
	/*max-width: 1680px;*/
	/*max-height:1030px;*/
	object-fit: cover;
}

.mainhead .slide_txt01 {
    position: absolute;
    top: 50%;
    right: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.mainhead .slide_txt01 img {
	max-height:80vh;
}



.slide{
	z-index:-1;
	position:relative;
}

.slide ul {
}

.slide ul li img {
	width:100%;
}

@media screen and (max-width: 768px) {
	.mainhead {
		height:calc(80vh);
	}
	
	.mainslide {
		height:calc(80vh);
	}
	
	.mainslide img{
		height:calc(80vh);
	}
	
	.mainhead .slide_txt01 {
		right: 10px;
		height:60%;
	}
	
	.mainhead .slide_txt01 img {
		height:100%;
	}
}


/***************/
/* footer */
/***************/
footer {
	background:#F2F7FB;
	padding:80px 20px 30px 20px;
}

footer .footer-inn {
	width:96%;
	max-width:1100px;
	margin:0 auto 40px;
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
}

footer .footer-inn .foot-info {
	width:50%;
}

footer .footer-inn .foot-info .foot_id {
	width:160px;
	margin:0 0 20px 0;
}

footer .footer-inn .foot-info .txt01 {
	font-size:1.4rem;
	margin:0 0 2px 0;
}

footer .footer-inn .foot-info .txt02 {
	font-size:1.4rem;
	margin:0 0 0 0;
}

footer .footer-inn .footer-info02 {
	width:50%;
}

footer .footer-inn .footer-info02 .foot_nav {
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	font-size:1.8rem;
}

footer .footer-inn .footer-info02 .foot_nav li {
	margin:0 0 0 34px ;
}

footer .footer-inn .footer-info02 .foot_nav2 {
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	font-size:1.8rem;
	text-align:center;
	margin:20px 0 0 0;
}

footer .footer-inn .footer-info02 .foot_nav2 li.nav01 a {
	background:#0070c0;
	color:#fff;
	padding:10px 0;
	display:block;
	width:150px;
}

footer .footer-inn .footer-info02 .foot_nav2 li.nav02 a {
	background:#004ea2;
	color:#fff;
	padding:10px 0;
	display:block;
	width:150px;
}

footer .copy {
	margin:0;
	text-align:center;
	font-size:1.2rem;
	letter-spacing:0.1em;
}

@media screen and (max-width:768px) {
	footer {
		padding:40px 0px 20px 0px;
	}
	
	footer .footer-inn {
		margin:0 auto 20px;
		display:flex;
		flex-wrap:wrap;
		justify-content:start;
	}
	
	footer .footer-inn .foot-info {
		width:100%;
		text-align:center;
	}
	
	footer .footer-inn .foot-info .foot_id {
		margin:0 auto 10px auto;
	}
	
	footer .footer-inn .foot-info .txt01 {
		margin:0 0 0 0;
	}
	
	footer .footer-inn .footer-info02 {
		width:100%;
	}
	
	footer .footer-inn .footer-info02 .foot_nav {
		display:none;
	}
	
	footer .footer-inn .footer-info02 .foot_nav2 {
		justify-content:center;
		margin:20px 0 0 0;
	}
}


/* to TOP */
.topBtn {
	position:fixed;
	bottom:130px;
	right:20px;
	display:block;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:22px;
	border-radius:30px;
	padding-top:22px;
	box-sizing:border-box;
	display:none;
}
.topBtn:before {
	content:'\25B2';
	position:absolute;
	top:6px;
	left:0;
	width:100%;
	text-align:center;
	font-size:14px;
}
.topBtn:hover {opacity:0.7;}


.floating {
	display:none;
}

.floating .foot_nav {
	position:fixed;
	bottom:0;
	right: 20px;
	display:flex;
	justify-content: space-between;
	flex-wrap:nowrap;
}

.floating .foot_nav li {
	width:310px;
	margin:0 0 0 20px; 0
}

.floating .foot_nav li a {
	display:block;
	width:100%;
	text-align:center;
	height:116px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	border-radius:10px 10px 0 0;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}

.floating .foot_nav li a img{
	width:230px;
	margin:auto;
}

.floating .foot_nav li:first-of-type a {
	background: #908872;
}

.floating .foot_nav li:last-of-type a {
	background: #4890be;
}

.floating .foot_nav li.tel a.tel01 {
	display: grid;
}

.floating .foot_nav li.tel a.tel02 {
	display:none;
}

.parent-pageid-9 .floating .foot_nav li.tel a.tel01 {
	display: none;
}

.parent-pageid-9 .floating .foot_nav li.tel a.tel02 {
	display:grid;
}



@media screen and (max-width:768px) {
	.topBtn {
		display:none;
    	bottom:60px;
    	font-size:10px;
		width:40px;
		height:40px;
    	padding-top:16px;
	}

	.topBtn:before {
		top:2px;
		font-size:10px;
	}

	.floating.visible {
		display:block;
	}
	.floating .foot_nav {
		width:100%;
		bottom:0;
		right: 0;
	}
	
	.floating .foot_nav li {
		width:50%;
		margin:0 0 0 0px; 0
	}
	
	.floating .foot_nav li a {
		height:60px;
		border-radius:0;
		border:solid 1px #fff;
	}
	
	.floating .foot_nav li a img{
		width: 130px;
	}
}



/***************/
/* common */
/**************/
#content .bl_inn {
	max-width: 1200px;
	/*width:90%;*/
	width:80%;
	margin:0 auto;
}

#content .bl_inn.w1300 {
	max-width: 1300px;
}

#content .bl_inn.w1100 {
	max-width: 1100px;
}

#content .bl_inn.w800 {
	max-width: 800px;
}

#content .bl_inn.w700 {
	max-width: 700px;
}

.sec_read {
	margin:0 0 40px 0;
	text-align:center;
}

p {
	margin:0 0 20px 0;
	line-height:1.75em;
}
.float-l {float: left;}
.float-r {float: right;}

.w400 {width: 400px;}
.b-r8 {border-radius: 8px;}

.b_01 {font-weight: bold;}
.txt_center {text-align: center;}
.txt_bold {font-weight: bold;}
.txt_red {color: #e84114;}
.txt_pink {color: #f373aa;}

.color-purple {color: #7E3380;}
.color-blown {color: #6A3906;}
.color-green {color: #3C965A;}
.color-orange {color: #C85513;}
.color-blue {color: #2C80BA;}

.mt-0 {margin-top: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.mt-20 {margin-top: 20px;}
.mr-20 {margin-right: 20px;}
.ml-20 {margin-left: 20px;}
.mb-20 {margin-bottom: 20px;}

.mb-60 {margin-bottom: 60px;}
.ptb-40 {padding: 40px 0;}
.ptb-60 {padding: 60px 0;}
.ptb-80 {padding: 80px 0;}
.ptb-100 {padding: 100px 0;}
.fs-20{font-size: 2.0rem;}
.fs-22{font-size: 2.2rem;}
.fs-24{font-size: 2.4rem;}
.txt_note{
	background:#F8F8FA;
	padding: 20px;
}

.more {
	margin: 0;
	width: 100%;
}

.more a {
	display:block;
	text-align:center;
	text-decoration:none;
	background:#4891BE;
	border: 1px solid #4891BE;
	color:#fff;
	padding:40px 0px;
	position:relative;
	font-size:1.6rem;
	font-weight:bold;
}

.more a::after {
	position: absolute;
	right: 40px;
	top: 50%;
	content: "";
	width: 40px;
	height: 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: skew(45deg) translateY(-50%);
}

.more:hover a {
	opacity:1;
}


.btn_01 a {
    font-family: "fot-tsukumin-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size:1.8rem;
	border:solid 1px #004EA2;
	border-radius:50px;
	display:block;
	width:100%;
	max-width:300px;
	padding:14px 14px;
	text-align:center;
	color:#004EA2;
	font-weight: 700;
}

.btn_01 a:hover {
	opacity:1;
	color:#fff;
	background:#004EA2;
}

.ankr {
  display: block;
  height: 28px;
  margin-top: -28px;
  visibility: hidden;
}

.access_map {
	height: 600px;
}

.access_map iframe {
}

@media screen and (max-width:768px) {
#content .bl_inn {
max-width: 1400px;
width:94%;
margin:0 auto;
}

#content .bl_inn.w1480 {
max-width: 1480px;
}

.sec_read {
margin:0 0 40px 0;
text-align:center;
}

p {
margin:0 0 20px 0;
line-height:1.75em;
}

.more {
margin: 0;
max-width: 500px;
width: 100%;
}

.more a {
display:block;
text-align:center;
text-decoration:none;
background:#B4A865;
border: 1px solid #B4A865;
color:#fff;
padding:20px 0px;
position:relative;
font-size:1.6rem;
font-weight:bold;
}

.more a::after {
position: absolute;
right: 40px;
top: 50%;
content: "";
width: 40px;
height: 8px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: skew(45deg) translateY(-50%);
}

.more:hover a {
opacity:1;
}


.btn_02 {
}

.btn_02 a {
display:block;
text-align:center;
text-decoration:none;
border: 1px solid #005FA3;
color:#005FA3;
padding:20px 0;
position:relative;
width: 300px;
font-size:1.7rem;
}

.btn_02 a::after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin-top: -5px;
border: 5px solid transparent;
border-left: 5px solid #005FA3;
}

.btn_02 a:hover {
background:#005FA3;
color:#fff;
}

.btn_02 a:hover::after {
border-left: 5px solid #fff;
}


.btn_03 {
}

.btn_03 a {
display:block;
text-align:center;
text-decoration:none;
border: 1px solid #005FA3;
background:#005FA3;
color:#fff;
padding:16px 0;
position:relative;
width: 600px;
font-size:1.7rem;
margin:90px auto 0;
}

.btn_03 a:hover {
background:#005FA3;
color:#fff;
}


}


/***** common_foot *****/
.common02 {}
.common02 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.common02 ul li {
	width:50%;
}

.common02 ul li a {
	display:block;
	height:410px;
	width:100%;
	position:relative;
	
}

.common02 ul li.common_bnr01 a {
	background-image: url(./img/common02_bg01.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
}

.common02 ul li.common_bnr02 a {
	background-image: url(./img/common02_bg02.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center top;
}

.common02 ul li a span {
	color:#fff;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:7.6rem;
	position:absolute;
	bottom:100px;
	left:40px;
}

.common02 ul li a h2 {
	color:#fff;
	font-size:3.6rem;
	font-weight: 700;
	position:absolute;
	bottom:50px;
	left:40px;
}

@media screen and (max-width:768px) {
	.common02 ul li {
		width:100%;
	}
	
	.common02 ul li a {
		height:180px;
		width:100%;
	}
	
	.common02 ul li a span {
		font-size:4.6rem;
		bottom:50px;
		left:20px;
	}
	
	.common02 ul li a h2 {
		font-size:2.6rem;
		bottom:20px;
		left:20px;
	}
}




/***************/
/* content */
/**************/
#content {
	padding:0;
}

@media screen and (max-width:768px) {
	#content {
		padding:0 0 0 0;
	}
}

/* top_item01 */
#content section.top_item01 {
	margin:0 auto;
	padding:100px 0 100px 0;

	background-image: url(./img/top_item01_bg.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
}

#content section.top_item01 .bl_inn {
	/*width:100%;*/
	max-width:none;
}

#content section.top_item01 .inn1 {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin:0 0 130px;
}

#content section.top_item01 .inn1 .pt {
	width:50%;
}

#content section.top_item01 .inn1 .pt img {
	width:100%;
}

#content section.top_item01 .inn1 .txt {
	width:50%;
	padding:0 40px 0 80px;
}

#content section.top_item01 .inn1 .txt .txt_inn {
	max-width:480px;
}

#content section.top_item01 .inn1 .txt .h2-box {
}

#content section.top_item01 .inn1 .txt .h2-box .h-sub {
	color:#4C9BD3;
	font-size:11.0rem;
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin:0;
	line-height:normal;
}

#content section.top_item01 .inn1 .txt .h2-box h2 {
	font-size:3.2rem;
    font-weight: 500;
	letter-spacing:0.1em;
	margin:0 0 30px 0;
}

#content section.top_item01 .inn1 .txt p {
	font-size:1.8rem;
}

#content section.top_item01 .inn1 .txt p.btn_01 {
}

#content section.top_item01 .inn2 {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;

	position:relative;
}

#content section.top_item01 .inn2 .pt {
	width:50%;
}

#content section.top_item01 .inn2 .pt img {
	width:100%;
}

#content section.top_item01 .inn2 .txt {
	width:50%;
	padding:0 80px 0 40px;
}

#content section.top_item01 .inn2 .txt .txt_inn {
	max-width:480px;
	margin:0 0 0 auto;
}

#content section.top_item01 .inn2 .txt .h2-box {
}

#content section.top_item01 .inn2 .txt .h2-box .h-sub {
	color:#4C9BD3;
	font-size:11.0rem;
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin:0;
	line-height:normal;
}

#content section.top_item01 .inn2 .txt .h2-box h2 {
	font-size:3.2rem;
    font-weight: 500;
	letter-spacing:0.1em;
	margin:0 0 30px 0;
}

#content section.top_item01 .inn2 .txt p {
	font-size:1.8rem;
}

#content section.top_item01 .inn1 .txt p.btn_01 {
}

#content section.top_item01 .inn3 {
	margin:0 0 130px 0;
}

#content section.top_item01 .inn3 p {
	text-align:center;
	color:#0070C0;
	font-size:4.6rem;
	font-weight:bold;
	letter-spacing:0.1em;
}

@media screen and (max-width:768px) {
	#content section.top_item01 {
		padding:60px 10px 60px 10px;
	}
	
	#content section.top_item01 .inn1 {
		flex-wrap:wrap;
		margin:0 0 100px;
	}
	
	#content section.top_item01 .inn1 .pt {
		width:100%;
		order:1;
		margin:20px 0 0 0;
	}
	
	#content section.top_item01 .inn1 .txt {
		width:100%;
		padding:0 0 0 0px;
		order:0;
	}
	
	#content section.top_item01 .inn1 .txt .h2-box .h-sub {
		font-size:5.0rem;
	}
	
	#content section.top_item01 .inn1 .txt .h2-box h2 {
		font-size:2.4rem;
		margin:0 0 20px 0;
	}
	
	#content section.top_item01 .inn2 {
		flex-wrap:wrap;}
	
	#content section.top_item01 .inn2 .pt {
		width:100%;
		margin:20px 0 0 0;
	}
	
	#content section.top_item01 .inn2 .txt {
		width:100%;
		padding:0 0 0 0px;
	}
	
	#content section.top_item01 .inn2 .txt .h2-box .h-sub {
		font-size:5.0rem;
	}
	
	#content section.top_item01 .inn2 .txt .h2-box h2 {
		font-size:2.4rem;
		margin:0 0 20px 0;
	}
	
	
	#content section.top_item01 .txt p.btn_01 a {
		margin:auto;
	}

	#content section.top_item01 .inn3 {
		margin:0 0 40px 0;
	}

	#content section.top_item01 .inn3 p {
		font-size:2.2rem;
	}
}


/* top_item02 */
#content section.top_item02 {
	padding:340px 0 150px 0;
	background-image: url(./img/top_item02_bg.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:top;
}

#content section.top_item02 .bl_inn {
	background:#fff;
	padding:40px;
	text-align:center;
	box-shadow:0 0 14px #00000040;
}

#content section.top_item02 .bl_inn .h2-box {
}

#content section.top_item02 .bl_inn .h2-box .h-sub {
	color:#4C9BD3;
	font-size:7.0rem;
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin:0;
	line-height:normal;
}

#content section.top_item02 .bl_inn .h2-box h2 {
	font-size:3.2rem;
    font-weight: 500;
	letter-spacing:0.1em;
	margin:0 0 30px 0;
}

#content section.top_item02 .bl_inn p {
}

#content section.top_item02 .bl_inn ul {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin:30px 0 40px 0
}

#content section.top_item02 .bl_inn ul li {
	width:31%;
}

#content section.top_item02 .bl_inn ul li img {
}

#content section.top_item02 .bl_inn .btn_01 a {
	margin:0 auto 0 auto;
}

@media screen and (max-width:768px) {
	#content section.top_item02 {
		padding:100px 0 30px 0;
		background-position:bottom;
	}
	
	#content section.top_item02 .bl_inn {
		padding:10px;
	}
	
	#content section.top_item02 .bl_inn .h2-box .h-sub {
		font-size:5.0rem;
	}
	
	#content section.top_item02 .bl_inn .h2-box h2 {
		font-size:3.0rem;
		margin:0 0 20px 0;
	}
	
	#content section.top_item02 .bl_inn ul {
		margin:20px 0 30px 0
	}
	
	#content section.top_item02 .bl_inn ul li {
		width:32%;
	}
}


/* top_news */
#content section.top_news {
	margin:0 auto;
	padding:100px 0 100px 0;
}
#content section.top_news .bl_inn {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}

#content section.top_news .h2-box {
	width:260px;
}

#content section.top_news .h2-box .h2-sub {
	color:#4C9BD3;
	font-size:6.0rem;
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin:0;
	line-height:normal;
}

#content section.top_news .h2-box h2 {
	font-size:1.6rem;
    font-weight: 500;
	letter-spacing:0.1em;
	margin:0 0 20px 0;
}

#content section.top_news .h2-box .btn_01 a {
	max-width:170px;
	font-size:1.5rem;
	padding:4px 10px;
}

#content section.top_news .inn1 {
	width:calc(100% - 260px);
}

#content section.top_news .inn1 ul {
	margin:0;
}
#content section.top_news .inn1 ul li {}

#content section.top_news .inn1 ul li a {
	display:flex;
	flex-wrap:nowrap;
	justify-content:start;
	padding:10px 20px;

	background:#F2F7FB;
}

#content section.top_news .inn1 ul li:nth-child(2n) a {
	background:#fff;
}

#content section.top_news .inn1 ul li a .date {
	margin:0;
	color:#004ea2;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin:0 20px 0 0;
}

#content section.top_news .inn1 ul li a .cap {
	margin:0;
}

@media screen and (max-width:768px) {
	#content section.top_news {
	margin:0 auto;
		padding:40px 0 60px 0;
	}
	
	#content section.top_news .bl_inn {
		flex-wrap:wrap;
	}
	
	#content section.top_news .h2-box {
		width:100%;
	}
	
	#content section.top_news .h2-box .h2-sub {
		font-size:4.0rem;
	}
	
	#content section.top_news .h2-box .btn_01 a {
		display:none;
	}
	
	#content section.top_news .inn1 {
		width:100%;
	}
	
	#content section.top_news .inn1 ul li a {
		flex-wrap:wrap;
		padding:10px 10px;
	
	background:#F2F7FB;
	}	
	
	#content section.top_news .inn1 ul li a .date {
		margin:0 0 0 0;
		width:100%;
	}
	
	#content section.top_news .inn1 ul li a .cap {
		width:100%;
	}
	
	#content section.top_news .inn1 .btn_01 {
		margin:20px auto 0;
	}
	
	#content section.top_news .inn1 .btn_01 a {
		margin:auto;
	}
}






/***********/
/* input */
/***********/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
checkbox
/*,.field*/ {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 20px 12px;
  margin-bottom: 14px;
  font-size: 14px;
  color: #5c6b80;
  border-radius: 3px;
  border:solid 1px #bebebe;
  vertical-align: middle;
  box-shadow: none;
  width: 100%;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;

	background:#F2F7FB;
}
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #f7f8fa; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

input[type="password"] {
  letter-spacing: 0.3em; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }



/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.fadeUpTrigger{
    opacity: 0;
}


/**********************/
/*wp-pagenavi*/
/**********************/
#content .wp-pagenavi {
	text-align:center;
}

#content .wp-pagenavi a,
#content .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
#content .wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
}

#content .wp-pagenavi span.current{
	color: #FFF;
	background-color: #66cccc;
	border-color: #66cccc;
	font-weight: bold;
}