/*--------------------------------------------------------------------------
   under
---------------------------------------------------------------------------*/
body.gra{
	background: linear-gradient(to right, #282588 34%,#f266af 100%);
}

.under{
	background: #fff;
	margin-top: 70px;
}


.under .mv{
	height: 120px;
	position: relative;
	overflow: hidden;
}

.under .mv .img,
.under .mv img{
	width: 100%;
	height: auto;
	min-height: 100%;
}

.under .mv h2{
	color: #fff;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 2.8rem;
	font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

.under .sub_nav{
	border-bottom: 1px solid #ADADAD;
	padding: 10px 0;
}

.under .sub_nav .inner,
.under .sub_nav ul{
	display: flex;
}
.under .sub_nav ul{
    max-width: 950px;
	flex-wrap: wrap;
}
.under .sub_nav h3{
	color: #00A5C4;
	margin-right: 73px;
	font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.under .sub_nav ul a{
	color: #707070;
	font-size: 1.2rem;
}

.under .sub_nav ul li{
	margin-right: 25px;
	font-size: 1.4rem;
}

.under .layout{
	border-bottom: 1px solid #ADADAD;
	padding: 30px 0;
	font-size: 1.6rem;
	line-height: 24px;
}



.under .layout .ttl_box{
	margin-bottom: 30px;
}

.under .layout .ttl_box h3{
	font-size: 2.2rem;
	color: #00A5C4;
	font-weight: normal;
}

.under .layout .ttl_box p{
	font-size: 1.4rem;
	margin-top: 10px;
}

.under .layout_01 .ttl{
	text-align: center;
	font-size: 3.6rem;
	color: #00A5C4;
	margin-bottom: 30px;
	line-height: 50px;
}

.under .layout_02 .ttl{
	text-align: center;
	font-size: 2.2rem;
	color: #00505F;
}

.under .layout .txt.one{
	text-align: center;
	max-width: 70%;
	margin: 20px auto;
}

.under .layout .txt_img{
	display: flex;
	justify-content: center;
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
}

.under .layout .txt_img p{
	margin: 0 20px;
	text-align:left;
}

.under .layout .txt_img .txt p{
	margin: 0;
}

.under .layout img{
	max-width: 100%;
}

.under .layout.layout_02 .img_box{
	max-width: 100%;
	margin-bottom: 30px;
}

.under .catch_copy h3{
	font-size: 21px;
	text-align: center;
}

/*layout_03*/
.under .layout_03{
	border: none;
}


.under .layout_03  .txt.one,
.under .layout_03  .txt{
	margin-bottom: 60px;
}

.under .layout_03 .img{
	text-align: center;
	margin-top: 30px;
}

.under .layout_03 .meta_box{
	display: flex;
	justify-content: space-between;
	font-size: 1.2rem;
	margin-top: 10px;
}

.under .layout_03 .meta_box .icon_box{
	display: flex;
}

.under .layout_03 .meta_box .icon_box p{
	margin-left: 5px;
}
/*layout_03 end*/

/*layout_04*/
.under .layout{
}

.under .layout .meta_box{
	justify-content: space-between;
}

.under .layout .img_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.under .layout .meta_box,
.under .layout .meta_box .icon_box{
	display: flex;
	margin-bottom: 30px;
}

.under .layout .meta_box .icon_box p{
	margin-left: 5px;
}

.under .layout .img_box img{
	margin-bottom: 15px;
}

.under .layout .img_box{

}

/*layout_04 end*/

.photo_list{}

.photo_list ul{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.photo_list ul li{
	border: 1px solid #ADADAD;
	width: 68px;
	height: 28px;
	text-align: center;
	border-radius: 20px;
	font-size: 1.2rem;
	margin: 0 10px;
}

.photo_list ul li:hover{
	cursor: pointer;
}

.under .layout.photo_list .img_box{
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
	
}

.photo_list .img_box p{
 display: inline-block;
 -webkit-column-break-inside: avoid;
 -moz-column-break-inside: avoid;
 column-break-inside: avoid;
}

.information .cat_box,
.information .cat_box ul{
	display: flex;
	flex-wrap: wrap;
}

.information .cat_box{
	margin: 30px auto;
}

.information .cat_box h3{
	background: #f35aac;
	color: #fff;
	border-radius: 20px;
	padding: 0 15px;
	margin-right: 40px;
	height: 28px;
	line-height: 28px;
}

.information .cat_box ul li{
	border: 1px solid #ADADAD;
	width: 60px;
	height: 28px;
	border-radius: 20px;
	margin: 0 5px;
line-height: 28px;
}

.information .cat_box ul li{
	text-align: center;
}

.information article{
	border-top: 1px solid #D0D0D0;
	padding: 15px 0;
}

.information.single article{
    margin-bottom: 60px;
}

.information.single article{
	border: none;
}

.information article .cat .active{
	background: #00C48F;
	color: #fff;
	border: none;
}

.information article .cat .active a{
	color: #fff;
}

.information article .date{
	color: #282588;
}

.information article ul{
	display: flex;
}

.information article .meta{
	display: flex;
}

.information article ul li{
	border: 1px solid #ADADAD;
	width: 60px;
	height: 28px;
	border-radius: 20px;
	text-align: center;
	margin-right: 10px;
	line-height: 28px;
}

.information article .date{
	margin-right: 20px;
}

.information article h2{
	font-size: 2.0rem;
	font-weight: normal;
	color: #707070;
	margin-bottom: 10px;
	
}

.information.single article h2{
	margin-bottom: 40px;
    margin-top: 30px;
}

.information article .btn{
	border: 1px solid #ADADAD;
	width: 80px;
	height: 28px;
	border-radius: 20px;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}

.information.single{
	max-width: 800px;
	margin: 0 auto;
	margin-top: 75px;
}

.information.single .link_list{
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	padding: 15px 0;
    margin-bottom: 60px;
}

.information.single .link_list p:nth-child(2) a{
    display: block;
    background: #00C48F;
    color: #fff;
    padding: 4px 0px;
    border-radius: 20px;	
min-width: 100px;
    text-align: center;
}

.information.single .link_list img{
	vertical-align: sub;
	margin: 0 5px;
}

.information.single article .meta{
	    justify-content: space-between;
}


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

	.bread {
		border-bottom: 1px solid #707070;
	    width: 100%;
	}

	.bread .inner{
		margin: 0 15px;
	}

	.bread ul{
		display: flex;
	}

	.bread ul span{
		margin: 0 5px;
	}

	.under .sub_nav{
		display: none;
	}

	.under .mv,
	.under .mv .img{
		height: 60px;
	}

	.under .mv h2{
		font-size: 1.4rem;
	}

	.under .mv .img img{
		height: 100%;
	}

	.under .layout .txt.one{
		max-width: 100%;
	}

	.under .layout .txt_img{
		display: block;
	}

	.under .layout .txt_img p{
		width:100% !important;
		margin-bottom: 20px;
		    margin: 10px auto;
	}
	
	iframe{
		max-width: 100%;
	}

	.information .cat_box h3{
		margin-bottom: 10px;
	}
	
	.under .layout_01 .ttl{
		font-size: 2.8rem;
	}
	
	.under .txt{
		min-width: 100%;
	}


}