@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);




/*sec-news*/
.sec-news {
	margin-left: auto;
	margin-right: auto;
}

.sec-news .index_mainVisual{
	margin: 0 auto;
	height: 710px;
	background:url(../images/top/index_main.jpg) no-repeat center bottom;
	-moz-background-size: cover;
    background-size: cover;
}
.sec-news .inner {
	margin: 0 auto;
	position: relative;
	top:calc(680px - 250px);
}
.notices {
	margin: 0 auto;
	position: relative;
	top:calc(680px - 263px);
}
.newsWrap{
	padding: 0 10px;
	background-color: #FFFFFF
}
.notices .inner2 {
	width: calc(100% - 20px);
	max-width: 1000px;
	margin: 0 auto;
	padding-right:10px;
	padding-left:10px;
}

@media print, screen and (max-width: 769px) {
.notices {
	top:70px;
}
	.notices .inner2 {
	width: 92%;
	margin: 0 auto;
	padding-right:4%;
	padding-left:4%;
}
}


.sec-news .h_lv2 {
    display: -webkit-flex;
    display: flex;
	justify-content:space-between;
	width: 100%;
	background: #39bfdf;
	margin-bottom: 0!important;

}
.sec-news .h_lv2 h2 {
	margin-left: 34px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
	color: white;
	font-size: 2.1rem;
	font-weight: normal;
}
.sec-news .h_lv2 p a {
	display: block;
	margin-right: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: white;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.2rem;
	font-weight: normal;
	text-decoration: none;
}
.sec-news .h_lv2 p a:hover {
	text-decoration: underline;
}
.sec-news .h_lv2 p i {
	position: relative;
	top:2px;
	margin-right: 10px;
	color: white;
	font-size: 2.0rem;
}

.news_box {
    display: -webkit-flex;
    display: flex;
	padding: 20px 40px;
	background: #fff;
}
.news_box dl {
	width: 33.333%;
	padding-left: 24px;
	border-right: 1px solid #bbbbbc;
}
.news_box dl:first-child {
	padding-left: 0;
}
.news_box dl:last-child {
  border-right:none;
}
.news_box dl dt {
	color: #39bfdf;
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.news_box dl dd {
	line-height: 1.6;
	font-size: 1.4rem;
	padding-right: 15px;
}
.news_box dl dt span {
	color:#999999;
	font-size: 1.2rem;
	letter-spacing: 1px;
}

.news_box dl dd span {
	color:#5F5F5F;
	font-size: 1.6rem;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1em;
}

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

.sec-news .index_mainVisual{
	margin: 0 auto;
	height: 240px;
	background: url(../images/top/index_main.jpg) no-repeat center top;
	-moz-background-size: cover;
    background-size: cover;
}

.sec-news .inner {
	margin: 0 auto;
	width: 100%;
	position: relative;
/*	top:240px;*/
	top:135px;
	padding: 0;
}	
.sec-news .h_lv2 h2 {
	margin-left: 4%;

}	
.news_box {
    flex-direction:column;
	padding: 0 4%;
}
.news_box dl {
	width: 100%;
	padding-top: 10px;
	padding-left: 0px;
	border-right: none;
}
.news_box dl dd {
	padding-bottom: 10px;
	border-bottom: 1px dotted #bbbbbc;
}
/*.news_box dl:last-child dd {
	border-bottom: none;
}*/

}


/*sec-information*/
.sec-information {
	margin: 50px auto;
}
.sec-information .h_lv2 h2 {
	color: #39bfdf;
	text-align: center;
	font-size: 3.2rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
}
.sec-information .h_lv2 h2 span {
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #39bfdf;
}
.sec-information p {
	margin: 30px 0;
	color: #666666;
	text-align: center;
	font-size: 1.6rem;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: normal;
	letter-spacing: -0.1rem;
	line-height: 2.8;
}

/*sec-topic*/
.sec-topic {
	margin-left: auto;
	margin-right: auto;
	padding-top:80px;
	padding-bottom: 40px;
	background: rgba(0,0,0, 0.5) url(../images/top/index_bg01.jpg) no-repeat center;
	-moz-background-size: cover;
	background-size: cover;
	  background-blend-mode: overlay;
}
.sec-topic .h_lv2 {
	width: 55%;
	padding-right: 65px;
	background: rgba( 42, 183, 219, 0.8 );
	
}
.sec-topic .h_lv2 h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	text-align: right;
	font-size: 3.3rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
	border-left:none;

}
.sec-topic p {
	margin-top: 0;
	margin-bottom: 0;
	color: white;
	text-align: left;
	font-size: 1.5rem;
	line-height: 2.0;
}


.sec-topic .btn {
	margin-top: auto;
	text-align: left;
}
.sec-topic .btn a {
	padding: 13px 60px 13px 80px;
	margin: 0;
	background: rgba( 227, 227, 227, 0.3 );
	color: white;
	font-size: 2.0rem;
	text-decoration: none;
	letter-spacing: 0.4rem;
	line-height: 2.0;
	text-align: center;
	border: #fff solid 1px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
	

}
.sec-topic .btn a:hover {
	background: rgba( 227, 227, 227, 0.8 );
}
.sec-topic .btn a i {
	font-size: 2.2rem;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

@media print, screen and (max-width: 769px) {
.sec-topic .btn a {
	padding: 10px 0;
	margin: 0 auto;
	width: 90%;
	display: block;
		font-size:1.8rem;

}
.sec-topic .btn a:hover {
	background: rgba( 227, 227, 227, 0.8 );
}
.sec-topic .btn a i {
	font-size: 2.2rem;
	margin-right: 10px;
	position: relative;
	top: -1px;
}
}

.sec-topic ul.index_btn {
	margin-top: 70px;
    display: -webkit-flex;
    display: flex;
	align-content: space-between;
}

.sec-topic ul.index_btn li {
	margin-right: 12px;
}


.sec-topic ul.index_btn li:hover > img {
	opacity: 0.9;
}

.sec-topic ul.index_btn li a {
	display: block;
	text-decoration: none;
}
.sec-topic ul.index_btn li a img {
	vertical-align: bottom;
	background: rgba( 42, 183, 219, 1 );
}

.sec-topic ul.index_btn li a p {
	padding: 4px 0 2px 0;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.4!important;
	height: 26px;
	background: rgba( 42, 183, 219, 0.8 );
	text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 200;
}

.sec-topic ul.index_btn li p i {
	margin-right: 8px;
	font-size: 2.2rem;
}


@media print, screen and (max-width: 769px) {
.sec-information {
	padding-top: 260px;
}	
.sec-information p {
	font-size: 1.5rem;
	line-height: 2.4;
}
	
.sec-topic {
	padding-top:0px;
	padding-bottom: 30px;
}
.sec-topic .h_lv2 {
	width: 100%;
	padding-right: 0;

}
.sec-topic .h_lv2 h2 {
	font-size: 2.4rem;
	text-align: center;
}

.sec-topic ul.index_btn {
	flex-wrap: wrap;
}
.sec-topic ul.index_btn li {
	width: 48%;
	margin-right: 0;
}
.sec-topic ul.index_btn li a {
	margin-bottom: 20px;
}
.sec-topic ul.index_btn li a img {
	width: 100%;
}
.sec-topic ul.index_btn li a p {
	font-size: 1.4rem;
	font-weight: thin;
	padding-top: 2px;
}
.sec-topic ul.index_btn li:nth-child(odd) {
	margin-right: 4%;
}
	
	.sec-topic p.sec_head{
		width: 90%;
		margin: 0 auto;
	}	
	
	
}


/*sec-2column*/
.sec-2column {
	margin-left: auto;
	margin-right: auto;
    display: -webkit-flex;
    display: flex;
}
.sec-2column > div {
	width: 50%;
	padding-top: 75px;
	padding-bottom: 100px;
    display: -webkit-flex;
    display: flex;
    flex-direction:column;
}
.sec-2column > div.leftbox {
	background: rgba(0,0,0, .5) url(../images/top/index_bg02.jpg) no-repeat center;
	-moz-background-size: cover;
    background-size: cover;
	background-blend-mode: overlay;
	padding-right: 35px;
}
.sec-2column > div.leftbox > .h_lv2 {
	padding-right: 35px;
	background: rgba( 42, 183, 219, 0.8 );
	
}
.sec-2column > div.leftbox > .h_lv2 h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	text-align: right;
	font-size: 3.3rem;
	letter-spacing: 0.2rem;
	border-left:none;
}
.sec-2column > div.leftbox > p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 10px;
	color: white;
	text-align: right;
	font-size: 1.5rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
	height: 70px;
}

.sec-2column > div.rightbox {
	background:rgba(0,0,0, .5) url(../images/top/index_bg03.jpg) no-repeat left top;
	-moz-background-size: cover;
    background-size: cover;
	background-blend-mode: overlay;
	padding-left: 35px;
}
.sec-2column > div.rightbox > .h_lv2 {
	padding-left: 35px;
	background: rgba( 42, 183, 219, 0.8 );
	
}
.sec-2column > div.rightbox > .h_lv2 h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	text-align: left;
	font-size: 3.3rem;
	border-left:none;
	letter-spacing: 0.2rem;
}
.sec-2column > div.rightbox > p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 10px;
	color: white;
	text-align: left;
	font-size: 1.5rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
	height: 70px;
}
.sec-2column .btn {
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
}
.sec-2column .btn a {
	padding: 10px 60px 10px 80px;
	margin: 0;
	background: rgba( 227, 227, 227, 0.3 );
	color: white;
	font-size: 2.0rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
	text-decoration: none;
	letter-spacing: 0.4rem;
	line-height: 2.0;
	text-align: center;
	border: #fff solid 1px;

}
.sec-2column .btn a:hover {
	background: rgba( 227, 227, 227, 0.8 );
}
.sec-2column .btn a i {
	font-size: 2.2rem;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

@media print, screen and (max-width: 769px){
.sec-2column {
    flex-direction:column;
}
.sec-2column > div {
	width: 100%;
	padding-bottom: 20px;
	padding-top: 0;
}
.sec-2column > div.leftbox {
	padding-right: 0;
}
.sec-2column > div.leftbox > .h_lv2 {
	margin-right: 0;
	padding-right: 0;

	
}
.sec-2column > div.leftbox > .h_lv2 h2 {
	text-align: center;
	font-size: 2.4rem;
}
.sec-2column > div.leftbox > p {
	text-align: center;
	height: auto;
}
.sec-2column > div.rightbox {
	padding-left: 0px;
}
.sec-2column > div.rightbox > .h_lv2 {
	margin-left: 0;
	padding-left: 0;
}
.sec-2column > div.rightbox > .h_lv2 h2 {
	text-align: center;
	font-size: 2.6rem;

}
.sec-2column > div.rightbox > p {
	text-align: center;
	height: auto;

}
.sec-2column > div.rightbox > p br {
	display: none;
}

.sec-2column .btn a {
	padding: 10px 0;
	margin: 0 auto;
	background: rgba( 227, 227, 227, 0.3 );
	display: block;
	width: 86%;
	font-size:1.8rem;

}
	.sec-2column p.sec_head{
		width: 92%;
		margin: 0 auto;
	}	

}

/*sec-recruit*/
.sec-recruit {
	margin-left: auto;
	margin-right: auto;
	padding-top: 75px;
	padding-bottom: 120px;
	background: url(../images/top/index_bg04.jpg) no-repeat center;
	-moz-background-size: cover;
    background-size: cover;
}
.sec-recruit .h_lv2 {
	width: 25%;
	margin-bottom: 30px;
	padding-right: 65px;
	background: rgba( 42, 183, 219, 0.8 );
	
}
.sec-recruit .h_lv2 h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	text-align: right;
	font-size: 3.3rem;
	font-weight: 100;
	letter-spacing: 0.15em;
}
.sec-recruit p {
	margin-top: 0;
	margin-bottom: 0;
	color: #333333;
	text-align: left;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2.0;
}
.sec-recruit ul.btn {
    display: -webkit-flex;
    display: flex;
	margin-top: 20px;
}

.sec-recruit ul.btn li {
	margin-top: auto;
	margin-right: 30px;
	text-align: left;
}
.sec-recruit ul.btn li a {
	display: block;
	padding: 10px 0;
	margin: 0;
	color: white;
	font-size: 2.0rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
	text-decoration: none;
	letter-spacing: 0.4rem;
	line-height: 2.0;
	text-align: center;
	background: #c4c4c4;
	border: #c4c4c4 solid 1px;
	width: 370px;

}
.sec-recruit ul.btn li a:hover {
	color: #c4c4c4;
	background: #fff;
}
.sec-recruit ul.btn a i {
	font-size: 2.2rem;
	margin-right: 10px;
	position: relative;
	top: -1px;
}
@media print, screen and (max-width: 769px){

.sec-recruit {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 0;
}
.sec-recruit .h_lv2 {
	width: 100%;
	margin-bottom: 30px;
	padding-right: 0;

	
}
.sec-recruit .h_lv2 h2 {
	text-align: center;
	font-size: 2.6rem;
}
.sec-recruit ul.btn {
    flex-direction:column;
	margin-right: auto;
	margin-left: auto;
}

.sec-recruit ul.btn li {
	margin-right: 0px;
}
.sec-recruit ul.btn li a {
	margin: 0 0 20px 0;
	font-size: 1.8rem;
	font-weight: normal;
	width: 100%;
}
.sec-recruit .inner {
	padding-left: 4%;
	padding-right: 4%;
}
}