@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------------
    base Style
--------------------------------------------------------------------------------------------------*/



/* 大枠
 --------------------------------*/
.wrap {
    width: 100%;
    margin: 0 auto;
}
.cont-inn{
    width: 96%;
	max-width: 860px;
	 margin: 0 auto;
}
.cont-inn .inn-wrap{
	padding: 0 40px;
}
.cont-inn .inn-wrap +.inn-wrap{
	margin-top: 60px
}


@media screen and (max-width: 768px) {
	.cont-inn{
			width: 90%;
		}
	.cont-inn .inn-wrap{
		padding: 0;
	}
	.cont-inn .inn-wrap +.inn-wrap{
		
	}
}



/*------------------------------------------------------------------------------------------------
    header
--------------------------------------------------------------------------------------------------*/
header {
    width: 100%;
	height:110px;
	box-sizing: border-box;
    display: flex;
    z-index: 1000;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
    }

.header-inn {
    width: 96%;
	max-width: 860px;
	margin: 0  auto;
}

.header-inn .top-box,
.header-inn .bottom-box{
	display: flex;
	align-items: center;
	justify-content: space-between
}

.header-inn .top-box{
	height:60px
}
/*.header-inn .top-box .logo {
	width: 360px;
}*/
.header-inn .top-box .language-link {
	font-size:1.2rem;
}

p.logo-wrap_line {
    padding: 0 0.8em;
}

.header-inn .top-box .logo-wrap img{
	height:40px;
	width:auto
}


.header-inn .top-box .logo-wrap {
    display: flex
;
}

.header-inn .bottom-box{
	height:50px
}
.header-inn .bottom-box .search-wrap{
	width:20%
}


.header-inn .gnavi-wrap{
	width:80%;
	height:100%;
}
.header-inn .gnavi-wrap ul.navi{
    display: flex;
	flex-wrap:nowrap;
	width:100%;
	height:100%;
}
.header-inn .gnavi-wrap ul.navi>li {
	text-align: center;
    padding: 0 40px;
	height:100%;
	display: flex;
	align-items: center;
	position: relative;
	line-height: 1.2
}
.header-inn .gnavi-wrap ul.navi li a {
    font-size: 1.5rem;
	white-space: nowrap;
	cursor: pointer;
}

.header-inn .gnavi-wrap ul.navi li .dropdown {
    z-index: 1000;
    background:#D2E1F0;
    position: fixed;
	position: absolute;
    left: 0;
    top: 50px;
	min-width: 100%;
    text-align: left;
    padding: 12px 12px 7px;
    transition: 0.3s ease-in-out;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	 visibility: hidden;
     opacity: 0;
}
.header-inn .gnavi-wrap ul.navi li .dropdown ul:nth-of-type(2){
	margin-left: 30px
}

@media screen and (min-width: 769px) {
	.header-inn .gnavi-wrap ul.navi li:hover > .dropdown {
        visibility: visible;
        opacity: 1;
    }
}



.header-inn .gnavi-wrap ul.navi li .dropdown a {
	text-align: left;
	white-space: nowrap;
	display: inline-block;
	padding:0;
	margin-bottom: 5px;
	font-size: 1.4rem;
	line-height: 1.4;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.header-inn .gnavi-wrap ul.navi li .dropdown a:hover {
    opacity: 0.7;
}

.header-inn .gnavi-wrap ul.navi>li:hover::after, 
.header-inn .gnavi-wrap ul.navi>li.is-current::after {
    position: absolute;
    content: "";
    bottom: 5px;
    left: 0;
	right:0;
	margin: auto;
    width: 100%;
    height:2px;
    background: #006FC5;
    transition: all 0.4s ease 0s;
}




@media screen and (max-width: 768px) {
	header {
		width: 100%;
		height:21vw;
    }
	
	.header-inn {
		width: 100%;
		max-width: inherit;
		margin: 0  auto;
		}

	.header-inn .top-box,
	.header-inn .bottom-box{
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.header-inn .top-box{
		width:96%;
		margin: 0 auto;
		height:11vw
	}
	/*.header-inn .top-box .logo {
		width: 60vw;
	}*/
	
	.header-inn .btn-wrap{
		width: 28vw;
		height:100%;
		display: flex;
		justify-content: flex-end;
	}
	.header-inn .btn-wrap p a{
		height:100%;
		width:100%;
		display: flex;
		align-items: center;
		justify-content: center
	}


	.header-inn .top-box .logo-wrap{
		display: flex;
	}
	.header-inn .top-box .logo-wrap img{
		height:8vw;
		width:auto
	}


	.header-inn .btn-wrap .search-btn-sp,
	.header-inn .btn-wrap .contact-btn-sp{
		height:11vw;
		width:11vw;
				transition: 0.3s ease-in-out;
	}
	
	.header-inn .btn-wrap p:not(:last-of-type){
		margin-right: 1vw
	}
	
	.header-inn .btn-wrap img{
		height:4.3vw;
		width:auto;

	}
	.header-inn .btn-wrap .search-btn-sp.open{
		background: #006fc5;
		position: relative
	}
	.header-inn .btn-wrap .search-btn-sp.open::before,
	.header-inn .btn-wrap .search-btn-sp.open::after{
		position: absolute;
		content: '';
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin: auto;
		width:6.6vw;
		height:2px;
		background: #fff;
	}
	.header-inn .btn-wrap .search-btn-sp.open::before{transform: rotate(45deg)}
	.header-inn .btn-wrap .search-btn-sp.open::after{transform: rotate(-45deg)}


	.header-inn .btn-wrap .search-btn-sp.open img{
		opacity: 0
	}



	.header-inn .top-box .language-link {
		font-size:2.93vw;
	}

	.header-inn .bottom-box{
		height:10vw
	}
	

	.header-inn .bottom-box .search-wrap{
		visibility: hidden;
        opacity: 0;
		background: #dcdcdc;
		width:100%;
		padding: 6vw;
		position: absolute;
		top:11vw;
		left:0;
		transition: 0.3s ease-in-out;
		z-index: 2000

	}
	.header-inn .bottom-box .search-wrap.open{
		visibility: visible;
        opacity: 1;

	}
	
	
	
	/*.header-inn .gnavi-wrap .dropdown-btn-sp>a{pointer-events: none;}*/
	
	.header-inn .gnavi-wrap{
		width:100%;
		height:100%;
	}
	.header-inn .gnavi-wrap ul.navi{
		display: flex;
		flex-wrap:nowrap;
		justify-content: space-around;
		width:100%;
		height:100%;
	}
	.header-inn .gnavi-wrap ul.navi>li {
		text-align: center;
		padding: 0 1.5vw;
		height:100%;
		display: flex;
		align-items: center;
		position: relative;
		
	}
	.header-inn .gnavi-wrap ul.navi>li:last-child{
		display: none
	}
	.header-inn .gnavi-wrap ul.navi li a {
		font-size: 3.2vw;
		cursor:default;
	}


	.header-inn .gnavi-wrap ul.navi li .dropdown {
		z-index: 1000;
		background:#D2E1F0;
		position: fixed;
		left: 0;
		top: 21vw;
		width: 100%;
		text-align: left;
		padding:0 6.6vw ;
		transition: 0.3s ease-in-out;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown.now{
		visibility:visible;
		opacity: 1;
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown .dropdown-item{
		margin: 15vw 0 3vw;
		display: none;
		width:100%;

	}

	
	
	.header-inn .gnavi-wrap ul.navi li .dropdown p.dropdown-ttl{
		position: absolute;
		top:0;
		left:0;
		border:#dcdcdc 1px solid;
		height:12vw;

		text-align: center;
		width:100%;
		background: #fff;
		line-height: 8vw;
		font-size:3.46vw;
		padding-top: 2vw
	}
	
	.header-inn .gnavi-wrap ul.navi li .dropdown p.dropdown-ttl span::after{
		position: absolute;
		content:'　\025bd';
	}
		.header-inn .gnavi-wrap ul.navi li .dropdown p.dropdown-ttl.open span::after{
		position: absolute;
		content:'　\025b3';
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown ul{
		width: 48%;
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown ul:nth-of-type(2){
		margin-left: 0
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown {
			visibility: hidden;
			opacity: 0;
		}

	.header-inn .gnavi-wrap ul.navi .dropdown-btn.open > .dropdown {
			visibility: visible;
			opacity: 1;
		}
	
	.header-inn .gnavi-wrap ul.navi li .dropdown a {
		margin-bottom: 3vw;
		font-size: 3.7vw;
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown a:hover {
		opacity: 1;
	}

	.header-inn .gnavi-wrap ul.navi>li:hover::after{background: none;}
	.header-inn .gnavi-wrap ul.navi .dropdown-btn.open::after,
	.header-inn .gnavi-wrap ul.navi>li.is-current::after {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		right:0;
		margin: auto;
		width: 100%;
		height:1.3vw;
		background: #006FC5;
		transition: all 0.4s ease 0s;
	}

	.header-inn .gnavi-wrap ul.navi li .dropdown .dropdown-close{
		position: absolute;
		width:6.6vw;
		height:6.6vw;
		bottom:3vw;
		right:3vw;
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown .dropdown-close::before,
	.header-inn .gnavi-wrap ul.navi li .dropdown .dropdown-close::after{
		position: absolute;
		content: '';
		bottom:3vw;
		left:0;
		width:6.6vw;
		height:1px;
		background: #000;
	}
	.header-inn .gnavi-wrap ul.navi li .dropdown .dropdown-close::before{transform: rotate(45deg)}
	.header-inn .gnavi-wrap ul.navi li .dropdown .dropdown-close::after{transform: rotate(-45deg)}

}



/*------------------------------------------------------------------------------------------------
    Footer
--------------------------------------------------------------------------------------------------*/
footer{
	width:100%;
	padding: 55px 0 50px;
	background: #eeeeef
}


@media screen and (max-width: 768px) {
	footer{
padding: 5.5vw 0 5vw;
	}

}



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

.footer-nav-wrap{
	display: flex;
	flex-wrap: wrap;
	font-size:1.35rem;
	line-height: 2

}
.footer-nav-wrap p:not(:last-of-type){
	margin-right: 2%;
}
@media screen and (max-width: 768px) {
	.footer-nav-wrap{
		display: none
	}
}
/*------------------------------------------------------------------------------------------------
    footer copy
--------------------------------------------------------------------------------------------------*/
.footer-copy{
	font-size:1.1rem;
	margin-top: 15px
}

@media screen and (max-width: 768px) {
	.footer-copy{
		font-size:2.5vw;
		line-height: 2;
		margin-top: 0
	}

}

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

/* news一覧
 --------------------------------*/
.news-list-wrap{
	margin: 15px auto 50px;
	padding: 20px 15px;
	border-top:#969696 1px solid;
	border-bottom:#969696 1px solid;
	position: relative;
}
.news-list-wrap .news-list-box{
	display: flex;
}
.news-list-wrap .news-list-box:not(:last-of-type){
	margin-bottom: 1em
}
.news-list-wrap .news-list-box .news-date{
	width:10em;	
}
.news-list-wrap .news-list-box .news-txt{
	width:calc(100% - 10em);
		font-size:1.6rem
}
.news-list-wrap .news-list-box .news-txt a{
	text-decoration: underline;
	color:#0068b6;

}
@media screen and (max-width: 768px) {
	/* news一覧
	 --------------------------------*/
	.news-list-wrap{
		margin: 4vw auto 10vw;
		padding: 4vw 0;
	}
	.news-list-wrap .news-list-box{
		display: flex;
		flex-direction: column
	}
	.news-list-wrap .news-list-box:not(:last-of-type){
		margin-bottom: 1em
	}
	.news-list-wrap .news-list-box .news-date{
		width:100%;
		font-size:3.7vw;
		line-height: 1.6
	}
	.news-list-wrap .news-list-box .news-txt{
		width:100%;
	}
	.news-list-wrap .news-list-box .news-txt a{
		font-size:4.2vw
	}

}

#NEWS .link-wrap{
	width:100%;
	margin: 0 auto;
	display: flex;
	justify-content:space-around
}
#NEWS .link-wrap a{
	width:30%;
	color:#fff;
	text-align: center;
	padding: 0.5em  1.5em  0.5em 0.5em;
	font-size:2.0rem;
	position: relative;
	border-radius: 4px
}


#NEWS .link-wrap a::after {
	position: absolute;
	content:'';
	top:0;
	bottom:0;
	right:2em;
	margin: auto;
	width:1.2rem;
	height:1.2rem;
	border-top:1px #fff solid;
	border-right:1px #fff solid;
	transform: rotate(45deg)
}

#NEWS .link-wrap a:nth-child(1){
	background: #0080BF
}
#NEWS .link-wrap a:nth-child(2){
	background: #009D95
}
#NEWS .link-wrap a:nth-child(3){
	background: #C2D84E
}


.news-list-wrap .news-list-box .news-txt a.pdf{
	padding-left: 2em;
	position: relative
}

.news-list-wrap .news-list-box .news-txt a.pdf::before{
	position: absolute;
	content:'';
	width:1.5em;
	height:1.2em;
	top:0.2em;
	margin: auto;
	margin-left: -2em;
	background-image: url("../img/common/icon-pdf.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.news-list-wrap .news-list-box .news-txt a.other{
	padding-right: 2em;
	position: relative
}

.news-list-wrap .news-list-box .news-txt a.other::after{
	position: absolute;
	content:'';
	width:2em;
	height:1.0em;
	bottom:0.2em;
	margin: auto;
	margin-right: -2em;
	background-image: url("../img/common/icon-outbound.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 
}


/*------------------------------------------------------------------------------------------------
    pagetop
--------------------------------------------------------------------------------------------------*/
.pagetop{
	position: fixed;
	width:60px;
	height:60px;
	right:30px;
	bottom:30px;

}
.pagetop a{
	display: block;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.50);
	border-radius: 4px;
	position: relative
}
.pagetop a::after{
	position: absolute;
	content: '';
	width:16px;
	height:16px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	right:0;
	left:0;
	bottom:0;
	top:5px;
	margin: auto;
	transform: rotate(45deg)
}


@media screen and (max-width: 768px) {
    .pagetop{
		width:16vw;
		height:16vw;
		right:5vw;
		bottom:7.5vw;
    }
	
	.pagetop a{
		border-radius: 1vw;
	}
	.pagetop a::after{
		width:4.2vw;
		height:4.2vw;
		right:0;
		left:0;
		bottom:0;
		top:2.5vw;
}

	
}



/*------------------------------------------------------------------------------------------------
    google serch
--------------------------------------------------------------------------------------------------*/
table.gsc-search-box,
form.gsc-search-box{
	margin: 0!important
}
.gsc-control-cse{
	padding: 0!important;
}
.gsc-search-box{	
	padding: 0;
	margin: 0;
}

.gsc-input-box {
	padding: 0!important;
	/*border:0!important;*/
	border-radius: 0!important;
	height:30px!important
}

.gsc-input{
	padding: 0!important;
}
.gsc-input input{
	/*background: #000!important;*/
	line-height: 1.5rem!important;
	font-size:1.5rem!important;
}
.gsst_a .gscb_a{
	color:  #B4B4B4!important;
	line-height: 30px!important
}

.gsib_a{
	padding:2px 0 0 5px!important;
}

.gsc-search-button{
	border-radius: 0!important;
	padding: 0!important;
	margin: 0!important;
	width: 30px!important;
	height:30px!important;
}
.gsc-search-button button{border-radius: 0;
	border:none;
	margin: 0!important;
	padding: 0!important;
	background: #B4B4B4!important;
	height:100%!important;
}
.gsc-search-button button svg{
	width:22px!important;
	height:22px!important;
}





/* スクロールエフェクト
---------------------------------------------------------------------------- */
.is-effect {
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.is-effect-on {
    opacity : 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}



p.indent{
	text-indent: 1em;
}

p.indent2{
	padding-left:1.5em;
	text-indent:-1.5em;
}