@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#005ABE
-----------------------------------------------*/

/* mainVisual */
#mainVisual {
height: 0;
margin: 30px 4% 0 0;
padding: 5% 0 45% 0;
background-image: url("../img/home/main_image.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0 30px 30px 0;
}
#mainVisual .text {
position: relative;
width: 10em;
margin: auto;
padding-left: 2.75em;
font-family: "Shippori Mincho B1", serif;
font-size: 5vw;
font-weight: 400;
line-height: 1.25;
text-align: center;
letter-spacing: 0.1em;
color: #005ABE;
background-image: url("../img/common/logo_mark.png");
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5em;
}
#mainVisual .en {
margin-top: 2em;
font-family: "Shippori Mincho B1", serif;
font-size: 1.25vw;
text-align: center;
color: #FFF;
}
@media screen and (max-width: 1199px) {
	#mainVisual {
	margin: 0;
	border-radius: 0;
	}
}
@media screen and (max-width: 799px) {
	#mainVisual {
	margin: 0;
	padding: 5% 0 50% 0;
	border-radius: 0;
	}
	#mainVisual .text {
	font-size: 8vw;
	}
	#mainVisual .en {
	font-size: 1.5vw;
	}
}

/* about */
#about {
padding: 30px 4%;
background: #005ABE;
}
#about .inner {
max-width: 1000px;
margin: auto;
}
#about .grid {
display: flex;
justify-content: space-between;
align-items: center;
}
#about .photo {
display: flex;
justify-content: space-between;
width: 42%;
}
#about .photo li {
display: flex;
width: 49%;
}
#about .text {
width: 52%;
color: #FFF;
}
#about .text h2 {
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
}
#about .text p {
margin-top: 0.5em;
line-height: 1.75;
text-align: justify;
}
@media screen and (max-width: 799px) {
	#about {
	padding: 8% 4%;
	}
	#about .grid {
	display: block;
	}
	#about .photo {
	width: 100%;
	}
	#about .text {
	width: 100%;
	margin-top: 4%;
	}
	#about .text h2 {
	font-size: 1.5em;
	}
	#about .text p {
	line-height: 1.5;
	}
}

/* news */
.news_bg {
padding-bottom: 60px;
background-image: url("../img/home/news_bg.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 799px) {
	.news_bg {
	padding-bottom: 8%;
	}
}

#news {
padding: 40px 4%;
}
#news .inner {
max-width: 1000px;
margin: auto;
}
#news .news_area {
max-width: 800px;
margin: auto;
}
#news .title {
display: flex;
justify-content: space-between;
align-items: center;
}
#news .title .en {
margin-right: 2em;
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
color: #005ABE;
}
#news .title .more {
font-family: "Shippori Mincho B1", serif;
font-size: 1.15em;
}
#news .title .more a {
color: #005ABE;
}
#news .title .more a:hover {
text-decoration: underline;
}
#news .title .more::before {
content: ">>>";
margin-right: 0.5em;
color: #005ABE;
}
@media screen and (max-width: 799px) {
	#news {
	padding: 8% 4%;
	}
	#news .title {
	display: block;
	}
	#news .title h2 {
	text-align: center;
	}
	#news .title .en {
	display: block;
	margin-right: 0;
	font-size: 1.5em;
	}
	#news .title .more {
	margin-top: 4%;
	font-size: 1em;
	text-align: center;
	}
}

/* menu */
#news .menu {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
}
#news .menu::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 1px solid #8E8E8E;
}
#news .menu a {
position: relative;
z-index: 1;
display: block;
width: 110px;
padding: 0.5em;
text-align: center;
color: #8E8E8E;
border-bottom: 1px solid #8E8E8E;
}
#news .menu a.active {
color: #005ABE;
border-bottom: 1px solid #005ABE;
}
@media screen and (max-width: 799px) {
	#news .menu {
	margin-top: 4%;
	}
	#news .menu li {
	width: 33.333%;
	}
	#news .menu a {
	width: 100%;
	font-size: 0.875em;
	}
	#news .list {
	min-height: 25em;
	margin-top: 4%;
	}
}

/* list */
#news .list {
min-height: 16.5em;
margin-top: 20px;
}
#news .list > div {
display: none;
}
#news .list > div.active {
display: block;
}
#news .list .none {
padding: 0.75em 0;
}
#news .list dl {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 0.75em 0;
}
#news .list .date {
display: flex;
justify-content: flex-start;
font-family: "Noto Sans JP", sans-serif;
color: #005ABE;
}
#news .list .date span {
display: block;
width: 5.5em;
margin-left: 1em;
padding: 0.1em 0.5em;
font-size: 0.95em;
text-align: center;
color: #005ABE;
border: 1px solid #005ABE;
border-radius: 4px;
}
#news .list dt {
margin-left: 1em;
font-weight: 400;
}
#news .list a:hover dt {
text-decoration: underline;
}
@media screen and (max-width: 799px) {
	#news .list dl {
	display: block;
	padding: 2.5% 0;
	}
	#news .list .date {
	font-size: 0.875em;
	}
	#news .list dt {
	margin-top: 0.5em;
	margin-left: 0;
	}
}

/* bnr_archives */
#news .bnr_archives {
width: 100%;
margin-top: 60px;
padding: 60px 0;
background-image: url("../img/home/archives_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#news .bnr_archives p {
position: relative;
padding: 10px 0;
line-height: 1.35;
text-align: center;
background-image: url("../img/home/archives_txt_bg.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#news .bnr_archives .en {
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
}
#news .bnr_archives .arw {
display: inline-block;
padding: 0 3em;
background-image: url("../img/home/archives_arw1.svg"), url("../img/home/archives_arw2.svg");
background-position: left center, right center;
background-repeat: no-repeat, no-repeat;
background-size: 2em, 2em;
}
#news .bnr_archives a {
display: block;
}
#news .bnr_archives a:hover {
opacity: 0.8;
}
@media screen and (max-width: 799px) {
	#news .bnr_archives {
	margin-top: 8%;
	padding: 8% 0;
	}
	#news .bnr_archives .en {
	font-size: 1.5em;
	}
}

/* business */
#business {
padding: 40px 4%;
background: rgba(255,255,255,0.85);
}
#business .inner {
max-width: 1000px;
margin: auto;
}
#business .en {
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
text-align: center;
}
#business h2 {
position: relative;
text-align: center;
}
#business h2:before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 1px;
background: #000;
}
#business h2 span {
position: relative;
padding: 0 0.5em;
background: #FFF;
}
#business .grid {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-top: 20px;
}
#business .grid > div {
width: 46%;
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
#business .photo {
display: block;
width: 80%;
margin: auto;
}
#business h3 {
margin-top: 10px;
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
text-align: center;
}
#business .text {
margin-top: 10px;
text-align: justify;
}
@media screen and (max-width: 799px) {
	#business {
	padding: 8% 4%;
	}
	#business .en {
	font-size: 1.5em;
	}
	#business .grid {
	display: block;
	}
	#business .grid > div {
	width: 100%;
	padding-bottom: 4%;
	}
	#business .grid > div:not(:first-child) {
	margin-top: 8%;
	}
	#business h3 {
	margin-top: 4%;
	font-size: 1.5em;
	}
}

/* activities */
#activities {
padding: 40px 4%;
background: #005ABE;
}
#activities .inner {
max-width: 1000px;
margin: auto;
}
#activities .en {
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
text-align: center;
color: #FFF;
}
#activities h2 {
position: relative;
text-align: center;
color: #FFF;
}
#activities h2:before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 1px;
background: #FFF;
}
#activities h2 span {
position: relative;
padding: 0 0.5em;
background: #005ABE;
}
#activities .grid {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-top: 20px;
}
#activities .grid > div {
width: 46%;
padding-bottom: 10px;
border-bottom: 1px solid #FFF;
}
#activities .photo {
width: 100%;
}
#activities h3 {
margin-top: 10px;
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
text-align: center;
color: #FFF;
}
#activities img {
transition: 0.2s;
}
#activities a:hover img {
opacity: 0.8;
}
@media screen and (max-width: 799px) {
	#activities {
	padding: 8% 4%;
	}
	#activities .en {
	font-size: 1.5em;
	}
	#activities .grid {
	display: block;
	}
	#activities .grid > div {
	width: 100%;
	padding-bottom: 4%;
	}
	#activities .grid > div:not(:first-child) {
	margin-top: 8%;
	}
	#activities h3 {
	margin-top: 4%;
	font-size: 1.5em;
	}
}

/* access */
#access {
padding: 40px 0;
}
#access .title {
max-width: 1000px;
margin: auto;
padding: 0 4%;
box-sizing: content-box;
}
#access .en {
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
text-align: center;
}
#access h2 {
position: relative;
text-align: center;
}
#access h2:before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 1px;
background: #000;
}
#access h2 span {
position: relative;
padding: 0 0.5em;
background: #FFF;
}
#access .map {
margin-top: 20px;
}
#access .map iframe {
width: 100vw;
height: 500px;
}
@media screen and (max-width: 799px) {
	#access {
	padding: 8% 0 0 0;
	}
	#access .en {
	font-size: 1.5em;
	}
}