@charset 'UTF-8';
/* CSS Document */

/* -------------------------------------------------------- html & body */
div.sp_no { display: block; }
br.sp_no { display: inline; }
div.pc_no, br.pc_no { display: none; }

html { height: 100%; scroll-behavior: smooth; }
body { /* min-width: 1200px; */ background: #f8f8f8; height: 100%; width: 100%; /* overflow-x: hidden; */ box-sizing: border-box; }
div.wrapper { box-sizing: border-box; /* overflow: hidden; */ }
div.inner { /* width: 1000px; */ width: 100%; max-width: 1200px; /* min-width: 1000px; */ margin-left: auto; margin-right: auto; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- header */

header { width: 100%; position: relative; /* position: fixed; */ z-index: 2000; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); background: #fff; /* min-width: 1000px; */ }
/* header > div.inner { overflow: hidden; max-height: 100px; padding: 1em 0 0; }*/

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.header-top */

header div.header-top { background: #f8f8f8; padding-top: 0.25em; padding-bottom: 0.25em; }
header div.header-top div.utility { text-align: right; font-size: 1.3rem; }
header div.header-top div.utility li { display: inline; }
header div.header-top div.utility li a { font-size: 1.3rem; position: relative; padding: 0 1em 0 .8em; color: #484949; }
header div.header-top div.utility li a:hover { text-decoration: underline; }
header div.header-top div.utility li a:hover { color: #484949; }
header div.header-top div.utility li a::before { position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin: auto; content: ''; 
 transform: translateY(-50%) rotate(45deg); border-top: 1px solid #484949; border-right: 1px solid #484949; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

header div.header-bottom { padding:1rem 1rem 0 1rem; box-sizing: border-box; }
header div.logo { float: left; }
header div.logo a { display: block; padding: 0; color: #003e6c; }
header div.logo a img { display: block; width: 420px; /* */ height: 60px; /* */ transition: all 0.4s ease 0s; max-width: 420px; /* */ }

/* */
header div.function-menu { float: right; /* margin-bottom: 1em; */ }

/* */
header div.font-size { text-align: right; white-space: nowrap; }
header div.font-size { margin-bottom: 1em; }
header div.font-size div.label, header div.font-size ul { display: inline-block; }
header div.font-size li { display: inline-block; }
header div.font-size li a { font-size: 1.3rem; position: relative; width: 3em; text-align: center; padding-top: 0.25em; padding-bottom: 0.25em; color: #484949; display: block; background: #f8f8f8; }
header div.font-size li a:hover, header div.font-size li a.current { background: #eee; }

/* */
header div.search {}
header div.search .form div.input-wrap { position: relative; z-index: 0; }
header div.search .form input { border-radius: 0; height: 40px; /* */ line-height: 40px; /* */ border: none; }
header div.search div.input-wrap {}
header div.search div.input-wrap button { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #eee; display: block; border: none; cursor: pointer; }
header div.search div.input-wrap button span.icon { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- nav */
header div.menu-button { display: none; }
header div.header-bottom nav { /* background: #ffffff; */ position: relative; /*height: 100%;*/  }
header div.header-bottom nav ul { display: table; width: 100%; /*height: 100%;*/ }
header div.header-bottom nav ul li { /* position: relative; */ display: table-cell; /* height: 80px; */ vertical-align: middle; }
header div.header-bottom nav div.inner ul li a::after { /* position: absolute; z-index: 1000; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 3px; content: ''; transition: all .1s ease-in-out; background: #003e6c; */ }
header div.header-bottom nav > div.inner > ul > li > a:hover::after { /* width: 40px; */ }
header div.header-bottom nav ul li a { font-size: 1.7rem; line-height: 1.4; position: relative; display: block; box-sizing: border-box; width: 100%; padding: 1em; text-align: center; color: #484949; /*white-space: nowrap;*/ }
header div.header-bottom nav > div.inner > ul > li:hover > a { background: #293842; color: #fff; }
header div.header-bottom nav ul li.current a { /* 	color: #003e6c; */ }
header div.header-bottom nav ul li.current:after { /* 	position: absolute; content: ""; bottom: 0; width: 25%; height: 3px; left: 50%; background: #003e6c; -webkit-transform: translate(-50%, 0);	transform: translate(-50%, 0); */ }
header div.header-bottom nav ul li a:hover { /* color: #003e6c; *//* color: #848484; *//* color: #fff; background: #ff8cb3; */ }
header div.header-bottom nav ul li a::after { /* position: absolute; top: 1.2em; right: 0; width: 1px; height: 15px; content: ''; background: #e9e9e9; */ }
header div.header-bottom nav ul li:first-child a::before { /* position: absolute; top: 1.2em; left: 0; width: 1px; height: 15px; content: ''; background: #e9e9e9; */ }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ sub-menu */

header div.header-bottom nav ul li div.sub-menu { position: absolute; /* top: 70px; */ /* *//* top: 0; *//* left: 50%; */ left: 0; z-index: 5000; /* filter: drop-shadow(0 0 1px #ccc); */ background: #f8f8f8; /* display: none; */ max-height: 0; /* transition: 0.5s all; */ overflow: hidden; /* min-width: 1200px; */ width: 100%; }
header div.header-bottom nav ul li:hover div.sub-menu { max-height: 1000px; /* */ box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.1); }
span.responsive-sub-menu-trigger { display: none; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul { height: 100%; display: block; padding: 1em; box-sizing: border-box; /* background: #3387ab; *//* background: #f0f0f0; */ background: #293842; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul li { float: left; display: block; position: relative; height: auto; width: 32%; margin-right: 2%; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul li:nth-child(3n) { margin-right: 0; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul li a { /*white-space: nowrap;*/ padding: 0.4em 1em 0.4em 2em; /* */ position: relative; color: #e6e6e6; font-size: 1.6rem; text-align: left; word-break: break-all; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul li a:hover { text-decoration: underline; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul li a:before { width: 0.5em; height: 0.5em; position: absolute; top: 1.1em; left: 0.5rem; content: ""; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translate(0, -50%) rotate(45deg); }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ピ ッ ク ア ッ プ コ ン テ ン ツ */
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up { /* padding-bottom: 1em; *//* margin-bottom: 1em; *//* background: #006a96; */ background: #192329; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li { float: left; display: block; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul.column3 li { width: 33.33%; margin-right: 0; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul.column4 li { width: 25%; margin-right: 0; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li a { color: #fff; padding: 1em 0.5em; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li a:hover { background: #192329; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li:nth-child(3) { margin-right: 0; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li div.thumbnail { width: 37%; margin-left: 2%; float: left; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li div.information-wrap { padding-left: 1.5em; /* padding-right: 1em; */ width: 61%; float: left; white-space: normal; text-align: left; box-sizing: border-box; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li div.headline { margin-bottom: 0.5em; padding-left: 0; position: relative; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li a:hover div.headline { text-decoration: underline; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li div.headline::before { border-right: 1px solid #fff; border-top: 1px solid #fff; content: ""; height: 0.5em; left: -1.125em; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 0.5em; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul li div.description { font-size: 1.3rem; line-height: 1.7; color: #e0e0e0; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section common */

section { padding: 40px 0; position: relative; overflow: hidden; }
section div.titles-wrap { position: relative; z-index: 1; }
section div.title h2 { font-weight: bold; }
section div.title h2 div.en-title { font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; font-weight: bold; font-size: 4.2rem; line-height: 1.25; margin-bottom: 20px; }
section div.title h2 div.ja-title { font-size: 2.1rem; margin-bottom: 20px; }
section div.titles-wrap div.links ul li { margin-bottom: 0.5em; }
section div.titles-wrap div.links a { color: #484949; }
section div.titles-wrap div.links a:hover { text-decoration: underline; }
section div.titles-wrap div.description { margin-bottom: 20px; }

/* div.section-visual background */
section div.section-visual { left: 50%; position: absolute; top: 50%; width: 100%; transform: translateX(-50%) translateY(-50%); z-index: 0; height: 100%; }
section div.section-visual img { height: auto;? width: 100%; left: 50%; max-width: inherit; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: auto; }

/* */
section .btn { display: block; padding: 0.5em 1em; box-sizing: border-box; text-decoration: none; text-align: center; cursor: pointer; border-radius: 0; border: none; /* max-width: 200px; */ }
section.english-village .btn { max-width: 200px; }
section .btn.blue { color: #fff; background: #006a96; }
section .btn.yellow { color: #484949; background: #ffcd00; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ div.fixed-bnr */

div.fixed-bnr { position: fixed; right: 0; /* top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); */ top: 150px; z-index: 2000; transition: 0.125s all; }
div.fixed-bnr ul li { margin-bottom: 10px; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
div.fixed-bnr img { width: 50px; height: 150px; }
div.fixed-bnr a:hover img { opacity: 0.9; }
div.fixed-bnr div.wrap { display: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.mainVisual */

section.mainVisual { padding: 0; }
section.mainVisual div.visual { position: relative; z-index: 0; }
section.mainVisual div.visual img { max-height: 480px; margin-left: auto; margin-right: auto; display: block; width: auto; }

/* flexslider 貧��き */
section.mainVisual div.visual div.flexslider { margin-bottom: 0; border: none; /* position: static !important; */ }
section.mainVisual div.visual div.flexslider ul.slides li { /* position: static !important; */ }
section.mainVisual div.wrap { position: absolute; height: 100%; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; z-index: 1; top: 0; left: 0; right: 0; }
section.mainVisual div.wrap div.main { /* position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);	
	transform: translate(-50%, -50%); */ }
section.mainVisual div.wrap div.copy { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
section.mainVisual div.wrap div.copy div.main { font-size: 10rem; color: #fff; font-weight: bold; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }
section.mainVisual div.wrap div.copy div.sub { font-size: 3.0rem; color: #fff; font-weight: bold; }
section.mainVisual div.wrap div.main div.copy span { /* font-size: 10rem; color: green; */ }
section.mainVisual div.wrap div.main div.copy div.mainTitle { /* font-size: 20rem; text-align: center; 
	font-weight: bold; line-height: 1; */ }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.emergency */

section.emergency { padding: 0; background: #d73c3c; /* background: #ffd632; */ }
section.emergency div.inner { background: #fff; }
section.emergency div.inner div.links a { padding: 1em; display: block; color: #d73c3c; border-top: 5px solid #d73c3c; border-bottom: 5px solid #d73c3c; font-size: 1.8rem; position: relative; font-weight: bold; }
section.emergency div.inner div.links a:hover { text-decoration: underline; }
section.emergency div.inner div.links a:after { border-right: 1px solid #d73c3c; border-top: 1px solid #d73c3c; content: ""; height: 20px; right: 1em; margin: auto; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); 
 width: 20px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.emergency.list 嶷勣なお岑らせ */

section.emergency.list { padding-top: 20px; padding-bottom: 20px; }
section.emergency.list div.inner { box-sizing: border-box; padding-left: 1em; padding-right: 1em; position: relative; z-index: 2; }
section.emergency.list div.titles-wrap { float: left; width: 20%; padding-top: 40px; padding-bottom: 40px; }
section.emergency.list div.titles-wrap h2 { font-weight: bold; color: #d73c3c; }

/* news-list */
section.emergency.list div.news-list { float: left; width: 80%; /* */ padding-top: 40px; padding-bottom: 40px; }
section.emergency.list div.news-list ul li a div.entry { display: block; padding: 0.5em 0; }
section.emergency.list div.news-list ul li a { color: #484949; border-bottom: 2px solid #f0f0f0; display: block; }
section.emergency.list div.news-list ul li:first-child a { border-top: 2px solid #f0f0f0; }
section.emergency.list div.news-list ul li:first-child a div.entry {}
section.emergency.list div.news-list ul li a div.entry div.wrap { float: left; margin-right: 1em; min-width: 130px; }

/* ラ ベ ル が あ る と き */

/* section.emergency.list div.news-list.label ul li a div.entry div.wrap { min-width: 250px; } */
section.emergency.list div.news-list ul li a div.entry div.new { /* float: left; */ display: inline-block; min-width: 40px; margin-right: 1em; }
section.emergency.list div.news-list ul li a div.entry div.new span { background: #d73c3c; color: #fff; padding: 0.25em 0.5em; font-size: 1.1rem; vertical-align: middle; text-align: center; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }
section.emergency.list div.news-list ul li a div.entry div.update { color: #484949; /* float: left; */ display: inline-block; vertical-align: middle; font-size: 1.4rem; padding-right: 0.5em; /* padding-left: 0.5em; */ font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; /* background: #006a96; */ }
section.emergency.list div.news-list ul li a div.entry div.label { /*color: #484949; float: right; */ display: inline-block; vertical-align: middle; /* float: left; *//* font-size: 1.4rem; */ padding-right: 0.25em; padding-left: 0.25em; width: 100px; /* font-family: 'Open Sans','Century Gothic',Futura, 'Oswald', sans-serif; *//* background: #006a96; */ background: #fff; text-align: center; box-sizing: border-box; border: 2px solid #006a96; color: #006a96; font-size: 1.4rem; /* font-weight: bold; */ }
section.emergency.list div.news-list ul li a div.entry div.headline { width: 80%; }
section.emergency.list div.news-list ul li a div.entry div.headline h2 { color: #484949; font-weight: normal; overflow: hidden; }
section.emergency.list div.news-list ul li a div.entry div.headline:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ div.external-menu */

div.external-menu {}
div.external-menu ul { display: table; width: 100%; height: 100%; }
div.external-menu ul li { position: relative; display: table-cell; vertical-align: middle; text-align: center; }
div.external-menu ul li a { font-size: 1.6rem; position: relative; display: block; box-sizing: border-box; width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; color: #484949; white-space: nowrap; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.news */

section.news { /* background: #ffcd00; */ background: #ffcd00; }
section.news:before { background: #ffd632; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(80%) skew(-30deg); }
section.news div.inner { position: relative; z-index: 2; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }

/* titles-wrap */
section.news div.titles-wrap { float: left; width: 20%; /* */ }

/* section.news div.titles-wrap div.links a { color: #484949; } */

/* titles-list */
section.news div.news-list { float: left; width: 80%; /* */ }
section.news div.news-list ul li a div.entry { display: block; padding: 0.5em 0; }
section.news div.news-list ul li a { color: #484949; border-bottom: 2px solid #ffd632; display: block; }
section.news div.news-list ul li:first-child a { border-top: 2px solid #ffd632; }
section.news div.news-list ul li:first-child a div.entry {}
section.news div.news-list ul li a div.entry div.wrap { float: left; margin-right: 1em; min-width: 130px; }

/* ラ ベ ル が あ る と き */

/* section.news div.news-list.label ul li a div.entry div.wrap { min-width: 250px; } */
section.news div.news-list ul li a div.entry div.new { /* float: left; */ display: inline-block; min-width: 40px; margin-right: 1em; }
section.news div.news-list ul li a div.entry div.new span { background: #006a96; color: #fff; padding: 0.25em 0.5em; font-size: 1.1rem; vertical-align: middle; text-align: center; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }
section.news div.news-list ul li a div.entry div.update { color: #484949; /* float: left; */ display: inline-block; vertical-align: middle; font-size: 1.4rem; padding-right: 0.5em; /* padding-left: 0.5em; */ font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; /* background: #006a96; */ }
section.news div.news-list ul li a div.entry div.label { /*color: #484949; float: right; */ display: inline-block; vertical-align: middle; /* float: left; *//* font-size: 1.4rem; */ padding-right: 0.25em; padding-left: 0.25em; width: 100px; /* font-family: 'Open Sans','Century Gothic',Futura, 'Oswald', sans-serif; *//* background: #006a96; */ background: #fff; text-align: center; box-sizing: border-box; border: 2px solid #006a96; color: #006a96; font-size: 1.4rem; /* font-weight: bold; */ }
section.news div.news-list ul li a div.entry div.headline { width: 80%; }
section.news div.news-list ul li a div.entry div.headline h2 { color: #484949; font-weight: normal; overflow: hidden; }
section.news div.news-list ul li a div.entry div.headline:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
section.news div.news-list ul li.pin { margin-top: 0.25rem; margin-bottom: 0.25rem; }
section.news div.news-list ul li.pin a { /* border: none; *//* background: #f8f8f8; */ border-radius: 1rem; /* box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); */ padding: 0.25rem; box-sizing: border-box; position: relative; }
section.news div.news-list ul li.pin:first-child a {}
section.news div.news-list ul li.pin div.new { opacity: 0 !important; }
section.news div.news-list ul li.pin a:before { width: 3rem; height: 3rem; background: url(/img/icon-pin.png); background-size: 3rem 3rem; position: absolute; top: 50%; left: 1.5rem; transform: translateY(-50%); content: ""; }

/* -------------------------------------------------------------------------------- すべて 匯�Eを��る */
section.news div.titles-wrap div.links { /* display: none; */ }
body#top section.news div.titles-wrap div.links { display: none; }
body#top section.news div.titles-wrap div.links.active { display: block; }

/* -------------------------------------------------------------------------------- */
section.news div.news-list div.links { margin-top: 1em; }
section.news div.news-list div.links a { border: none; border-radius: 0; box-sizing: border-box; cursor: pointer; display: inline-block; padding: 0.5em 2em; text-align: center; text-decoration: none; background: #006a96; font-size: 1.3rem; color: #fff; }

/* section.news div.entry-internet { float: left; width: 30%; }
section.news div.entry-internet div.link-wrap {}
section.news div.entry-internet div.link-wrap div.icon { margin-bottom: 1em; }
section.news div.entry-internet div.link-wrap div.icon img { max-width: 160px; display: block; margin-left: auto; margin-right: auto; }
section.news div.entry-internet div.link-wrap div.link { text-align: center; }
section.news div.entry-internet div.link-wrap div.link a { background: #006a96; color: #fff; padding: 0.5em 1.25em; display: inline-block; text-align: center; margin-left: auto; margin-right: auto; }
*/

/* タ ブ の 弖 紗 */
ul.sort-tab li { display: inline-block; position: relative; min-width: 100px; max-width: 100px; text-align: center; margin-right: 5px; background: #fff; border-radius: 5px 5px 0 0; overflow: hidden; }
ul.sort-tab { /* border-bottom: 1px solid #d9d9d9; */  display:flex; flex-flow: row wrap; }
ul.sort-tab li > span { color: #333; font-size: 1.3rem; padding: 0.5em 1em; cursor: pointer; transition: 0.1s all; display:flex; flex-flow: column wrap; align-items: center; justify-content: center; height: 100%; box-sizing: border-box; }
ul.sort-tab li:hover > span { background: #006a96; color: #fff; align-items: center;  }
ul.sort-tab li.active > span { background: #006a96; position: relative; color: #fff; }
div.tab-contents { display: none; /* position: relative; z-index: -9999; */ }
div.tab-contents.active { display: block; }

/* 咫 泡 喘 咫 泡 �r は tab-contents を燕幣 */
@media print {
div.tab-contents { /* display: block; */ /* float: right; */ }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.admissions */

section.admissions { /* background: #ffcd00; */ background: #006a96; }
section.admissions:before { background: #3387ab; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(80%) skew(-30deg); }
section.admissions div.inner { position: relative; z-index: 2; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }

/* titles-wrap */
section.admissions div.titles-wrap { float: left; width: 20%; /* */ }
section.admissions div.titles-wrap div.title h2 div.en-title { color: #fff; font-size: 3.6rem; }
section.admissions div.titles-wrap div.title h2 div.ja-title { color: #fff; }
section.admissions div.titles-wrap div.links a { color: #fff; border-bottom: 1px dotted #484949; }

/* section.admissions div.titles-wrap div.links a { color: #484949; } */

/* titles-list */
section.admissions div.news-list { float: left; width: 80%; /* */ }
section.admissions div.news-list ul li a div.entry { display: block; padding: 0.5em 0; }
section.admissions div.news-list ul li a { color: #fff; border-bottom: 2px solid #3387ab; display: block; }
section.admissions div.news-list ul li:first-child a { border-top: 2px solid #3387ab; }
section.admissions div.news-list ul li:first-child a div.entry {}
section.admissions div.news-list ul li a div.entry div.wrap { float: left; margin-right: 1em; min-width: 160px; }
section.admissions div.news-list ul li a div.entry div.new { /* float: left; */ display: inline-block; background: #ffd632; color: #484949; padding: 0 0.5em; font-size: 1.1rem; vertical-align: middle; margin-right: 1em; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }
section.admissions div.news-list ul li a div.entry div.update { color: #fff; float: right; /* font-size: 1.4rem; */ padding-right: 0.5em; /* padding-left: 0.5em; */ font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; /* background: #006a96; */ }
section.admissions div.news-list ul li a div.entry div.headline {}
section.admissions div.news-list ul li a div.entry div.headline h2 { color: #fff; font-weight: normal; overflow: hidden; }
section.admissions div.news-list ul li a div.entry div.headline:hover { text-decoration: underline; }
section.admissions div.entry-internet { float: left; width: 30%; /* */ }
section.admissions div.entry-internet div.link-wrap {}
section.admissions div.entry-internet div.link-wrap div.icon { margin-bottom: 1em; }
section.admissions div.entry-internet div.link-wrap div.icon img { max-width: 160px; display: block; margin-left: auto; margin-right: auto; }
section.admissions div.entry-internet div.link-wrap div.link { text-align: center; }
section.admissions div.entry-internet div.link-wrap div.link a { /* background: #006a96; color: #fff; padding: 0.5em 1.25em; display: inline-block; text-align: center; */ margin-left: auto; margin-right: auto; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

section.tues-report { background: #eeeeee; }
section.tues-report:before { background: #dedede; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(50%) skew(-30deg); }
section.tues-report div.inner { position: relative; z-index: 2; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }

/* titles-wrap */
section.tues-report div.titles-wrap { float: left; width: 20%; /* */ }
section.tues-report div.tues-report-list { float: left; width: 80%; /* */ }
section.tues-report div.tues-report-list ul li { width: 32%; margin-right: 2%; float: left; background: #fff; /* margin-bottom: 20px; */ position: relative; padding-bottom: 0.75em; }
section.tues-report div.tues-report-list ul li a { color: #484949; position: relative; }
section.tues-report div.tues-report-list ul li.pin div.information-wrap { position: relative; }
section.tues-report div.tues-report-list ul li.pin div.information-wrap:before { width: 3rem; height: 3rem; background: url(/img/icon-pin.png); background-size: 3rem 3rem; position: absolute; top: 0.5rem; right: 0.5rem; content: ""; z-index: 1; }
section.tues-report div.tues-report-list ul li a:hover div.headline { text-decoration: underline; }

/* section.tues-report div.tues-report-list ul li:nth-child(3n) { margin-right: 0; } */

/* サ ム ネ イ ル */
section.tues-report div.tues-report-list ul li div.thumbnail { overflow: hidden; width: 100%; }
section.tues-report div.tues-report-list ul li div.thumbnail span { display: block; width: 100%; padding-top: 75%; /* 4 : 3 */ position: relative; }
section.tues-report div.tues-report-list ul li div.thumbnail span img { max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.2s ease 0s; }

/* @end サムネイル */
section.tues-report div.tues-report-list ul li div.information-wrap { padding: 1em; /* */ }
section.tues-report div.tues-report-list ul li div.information-wrap div.update { font-size: 1.4rem; color: #747678; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- slick の �g 廾 & 貧 �� き */

section.tues-report div.tues-report-list ul li { width: auto; margin-right: 10px; /* float: left;		
	background: #fff; */ /* margin-bottom: 20px; */ /* position: relative; padding-bottom: 0.75em; */ }
section.tues-report div.tues-report-list ul.slick-dots li:hover, section.tues-report div.tues-report-list ul.slick-dots li.slick-active { background: #006a96; }
section.tues-report div.tues-report-list ul.slick-dots li { background: #fff; float: none; padding-bottom: 0; position: relative; width: 15px; height: 15px; border-radius: 1000px; cursor: pointer; display: inline-block; margin-left: 5px; margin-right: 5px; padding: 0; }
.slick-dots li button::before { /* -moz-osx-font-smoothing: grayscale; *//* color: black; */ content: "" !important; font-family: "slick"; font-size: inherit; height: 15px; left: 0; line-height: 20px; opacity: 1; position: absolute; text-align: center; top: 0; width: 15px; }

.slick-track { display: flex !important; }
.slick-slide {height: auto !important;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

section.public-offering { background: #fff; }
section.public-offering:before { background: #f5f9fb; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(80%) skew(-30deg); }
section.public-offering div.inner { position: relative; z-index: 2; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }
section.public-offering div.title h2 div.en-title { color: #006a96; }
section.public-offering div.title h2 div.ja-title { color: #006a96; }
section.public-offering div.inner {}

/* titles-wrap */
section.public-offering div.titles-wrap { float: left; width: 20%; /* */ }
section.public-offering div.titles-wrap div.links a { color: #006a96; }

/* titles-list */
section.public-offering div.public-offering-list { float: left; width: 80%; /* */ }
section.public-offering div.public-offering-list ul li a div.entry { display: block; padding: 0.5em 0; }
section.public-offering div.public-offering-list ul li a { color: #fff; border-bottom: 2px solid #f5f9fb; display: block; }

/* section.public-offering div.public-offering-list ul li a:hover { text-decoration: underline; } */
section.public-offering div.public-offering-list ul li:first-child a { border-top: 2px solid #f5f9fb; }
section.public-offering div.public-offering-list ul li a div.entry div.wrap { float: left; margin-right: 1em; min-width: 160px; }
section.public-offering div.public-offering-list ul li:first-child a div.entry {}
section.public-offering div.public-offering-list ul li a div.entry div.new { /* float: left; */ display: inline-block; background: #006a96; color: #fff; padding: 0 0.5em; font-size: 1.1rem; vertical-align: middle; margin-right: 1em; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }
section.public-offering div.public-offering-list ul li a div.entry div.update { color: #484949; float: right; /* font-size: 1.4rem; */ padding-right: 0.5em; /* padding-left: 0.5em; */ font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; /* background: #006a96; */ }
section.public-offering div.public-offering-list ul li a div.entry div.headline h2 { color: #484949; font-weight: normal; overflow: hidden; }
section.public-offering div.public-offering-list ul li a:hover div.entry div.headline h2 { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

section.feature {}
section.feature div.inner { padding-left: 1em; padding-right: 1em; box-sizing: border-box; }
section.feature div.titles-wrap { position: relative; }
section.feature div.titles-wrap div.title { /* margin-bottom: 20px; */ }
section.feature div.titles-wrap div.title h2 div.en-title { color: #fff; }
section.feature div.titles-wrap div.title h2 div.ja-title { color: #fff; }
section.feature div.titles-wrap div.description { color: #fff; }
section.feature div.titles-wrap div.link { position: absolute; display: inline-block; padding: 0.25em 1em; content: ""; top: 0; right: 0; }
section.feature div.feature-list ul { display: flex; flex-flow: row wrap; }
section.feature div.feature-list ul li { width: 32%; margin-right: 2%; float: left; background: rgba(0, 106, 150, 0.8); /* margin-bottom: 20px; */ position: relative; box-sizing: border-box; padding: 20px 30px; }
section.feature div.feature-list ul li:nth-child(3n) { margin-right: 0; }
section.feature div.feature-list ul li div.headline { font-size: 3.0rem; margin-bottom: 0.5em; }
section.feature div.feature-list ul li div.description { font-size: 1.5rem; }
section.feature div.feature-list ul li a { color: #fff; }
section.feature div.feature-list ul li a:hover { filter: brightness(85%); }

section.feature div.section-visual { background: url(/img/section_visual_feature.webp) center left 35% /cover no-repeat; }
section.feature div.section-visual img { display: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

/* div.publicity-sections { min-width: 1000px; }
div.publicity-sections section.admissions { float: left; width: 25%; padding-left: 1em; padding-right: 1em;	box-sizing: border-box; }
div.publicity-sections section.request { float: left; width: 25%; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }
div.publicity-sections section.instagram { float: left; width: 50%; padding-left: 1em; padding-right: 1em; box-sizing: border-box; } */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

div.research-sections { /* min-width: 1000px; */ background: #dedede; position: relative; padding-bottom: 40px; overflow: hidden; }
div.research-sections div.inner { min-width: inherit; }
div.research-sections:before { background: #eee; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(50%) skew(-30deg); }
div.research-sections div.section-title { padding-top: 40px; padding-bottom: 40px; text-align: center; position: relative; z-index: 1; }
div.research-sections div.section-title h2 div.en-title { font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; font-size: 4.8rem; line-height: 1.25; /* 	margin-bottom: 0.5em; */ }
div.research-sections div.section-title h2 div.ja-title { font-size: 2.1rem; /* margin-bottom: 30px; */ }
div.research-sections div.section-title + div.clearfix { position: relative; z-index: 1; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div.research-sections div.clearfix { display: flex; flex-wrap: nowrap; max-width: 150rem; margin-left: auto; margin-right: auto; }
div.research-sections section { width: 33.33%; padding: 0; /* reset */ box-sizing: border-box; background: #fff; border: 0.25rem solid #fff; border-top: 0.5rem solid #fff; position: relative; }
div.research-sections section:after { background: #f8f8f8; width: 50vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 0; transform: translateX(80%) skew(-30deg);

 pointer-events: none; }
div.research-sections section:nth-child(1) { border-left: 0.5rem solid #fff; }
div.research-sections section:nth-child(3) { border-right: 0.5rem solid #fff; }
div.research-sections section div.wrap { /*height: 100%;*/ position: relative; z-index: 1; }
div.research-sections section div.wrap a { display: block; color: #484949; transition: 0.25s all; /*height: 100%;*/ }
div.research-sections div.wrap h2 div.en-title { font-size: 1.2rem; margin-bottom: 0.25em; /* margin-bottom: 30px; */ color: #bbb; }
div.research-sections div.wrap h2 div.ja-title { font-size: 2rem; /* color: #006a96; */ margin-bottom: 0.5em; /* margin-bottom: 30px; */ }
div.research-sections section div.wrap a:hover { background: #f8f8f8; }
div.research-sections section div.wrap a div.description {}
div.research-sections section div.wrap a:hover div.title { text-decoration: underline; }
div.research-sections div.wrap div.information-wrap { padding: 1em; }


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

section.sdgs { /* min-height: 300px; height: 450px;*/  background: #005e8a; background: #006996; /* background: #eeeeee; padding: 0; position: relative;*/ }
section.sdgs div.inner { box-sizing: border-box; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
section.sdgs:before { background: #3387ab; /* background: #006996; */ width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(80%) skew(-30deg); }
section.sdgs div.section-visual { width: 60%; max-width: 1500px; position:relative; top:0; left:-1rem; transform: translate(0,0); height: auto; }
section.sdgs div.section-visual img { width: 100%; height: auto !important; min-height: inherit; background: none; }
section.sdgs div.section-visual img.responsive { display: none; }
section.sdgs div.titles-wrap { /* float: left; max-width: 50%; margin-left: auto; margin-right: auto; max-width: 1200px; text-align: right;  */ color: #fff; padding: 2rem 0; width: 37%; }
section.sdgs div.titles-wrap div.description { max-width: 100%; margin-left: 0%; /* text-shadow: 0 0 2px rgba(0,0,0,0.75); */ }
section.sdgs div.link { /*float: right;*/ }
section.sdgs div.link a { display: inline-block; width: 200px; margin-bottom: 10px; margin-right: 10px; }
section.sdgs div.link a {}
section.sdgs div.title h2 div.en-title { color: #fff; margin-bottom: 1rem; }
section.sdgs div.title h2 div.ja-title { color: #fff; margin-bottom: 1rem; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

/* section.machinaka { min-height: 300px; }
section.machinaka div.inner { padding-left: 1em; padding-right: 1em; box-sizing: border-box; position: absolute; z-index: 2; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; max-width: 100%; }
section.machinaka:before { background: #fff; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; left: 0; z-index: 1; transform: translateX(-50%) skew(-30deg); }
section.machinaka div.titles-wrap {	float: left; max-width: 50%; color: #fff; max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; }
section.machinaka div.titles-wrap div.description { max-width: 50%; } */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

/* �� �e で 峺 協 */

/* section.coc { min-height: 300px; }
section.coc div.inner {	padding-left: 1em; padding-right: 1em; box-sizing: border-box; position: absolute; z-index: 2; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; max-width: 100%; }
section.coc div.titles-wrap { float: left; max-width: 50%; color: #fff; max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; text-align: right; }
section.coc div.titles-wrap div.description { max-width: 50%; margin-left: 50%; }
section.coc div.link { float: right; }
section.coc div.link a { width: 200px; }
section.coc div.title h2 div.en-title { color: #484949; }
section.coc div.title h2 div.ja-title { color: #484949; } */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

section.english-village { min-height: 300px; }
section.english-village:before { background: #fff; /* background: #006a96; */ width: 100vw; height: 100%; position: absolute; content: ""; top: 0; left: 0; z-index: 1; transform: translateX(-50%) skew(-30deg); }
section.english-village div.inner { padding-left: 1em; padding-right: 1em; box-sizing: border-box; position: absolute; z-index: 2; top: 50%; left: 0; transform: translateY(-50%); width: 100%; max-width: 100%; }
section.english-village div.titles-wrap { /* float: left; *//* 	max-width: 50%; *//* color: #fff; */ max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; }
section.english-village div.title h2 { /* color: #fff; */ }
section.english-village div.titles-wrap div.description { max-width: 50%; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 哂�Z翫試�咼譽櫞`ト */

section.english-village-activity-report { /* background: #ffcd00; */ background: #eeeeee; }
section.english-village-activity-report:before { background: #dedede; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(80%) skew(-30deg); }
section.english-village-activity-report div.inner { position: relative; z-index: 2; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }

/* titles-wrap */
section.english-village-activity-report div.titles-wrap { float: left; width: 20%; /* */ }

/* section.news div.titles-wrap div.links a { color: #484949; } */

/* titles-list */
section.english-village-activity-report div.english-village-activity-report-list { float: left; width: 80%; /* */ }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry { display: block; padding: 0.5em 0; }
section.english-village-activity-report div.english-village-activity-report-list ul li a { color: #484949; border-bottom: 2px solid #dedede; display: block; }
section.english-village-activity-report div.english-village-activity-report-list ul li:first-child a { border-top: 2px solid #dedede; }
section.english-village-activity-report div.english-village-activity-report-list ul li:first-child a div.entry {}
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.wrap { float: left; margin-right: 1em; min-width: 130px; }

/* ラ ベ ル が あ る と き */

/* section.news div.news-list.label ul li a div.entry div.wrap { min-width: 250px; } */
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.new { /* float: left; */ display: inline-block; min-width: 40px; margin-right: 1em; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.new span { background: #006a96; color: #fff; padding: 0.25em 0.5em; font-size: 1.1rem; vertical-align: middle; text-align: center; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.update { color: #484949; /* float: left; */ display: inline-block; vertical-align: middle; font-size: 1.4rem; padding-right: 0.5em; /* padding-left: 0.5em; */ font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; /* background: #006a96; */ }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.label { /*color: #484949; float: right; */ display: inline-block; vertical-align: middle; /* float: left; *//* font-size: 1.4rem; */ padding-right: 0.25em; padding-left: 0.25em; width: 100px; /* font-family: 'Open Sans','Century Gothic',Futura, 'Oswald', sans-serif; *//* background: #006a96; */ background: #fff; text-align: center; box-sizing: border-box; border: 2px solid #006a96; color: #006a96; font-size: 1.4rem; /* font-weight: bold; */ }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.headline { width: 80%; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.headline h2 { color: #484949; font-weight: normal; overflow: hidden; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.headline:hover { text-decoration: underline; }

/* -------------------------------------------------------------------------------- すべて 匯�Eを��る */

/* section.english-village-activity-report div.titles-wrap div.links { display: none; } */

/* section.english-village-activity-report div.titles-wrap div.links.active { display: block; } */

/* -------------------------------------------------------------------------------- */
section.english-village-activity-report div.english-village-activity-report-list div.links { margin-top: 1em; }
section.english-village-activity-report div.english-village-activity-report-list div.links a { border: none; border-radius: 0; box-sizing: border-box; cursor: pointer; display: inline-block; padding: 0.5em 2em; text-align: center; text-decoration: none; background: #006a96; font-size: 1.3rem; color: #fff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */

div.sections.sections-english-village_international-exchange { background: url(/img/section_visual_ccc_ev.webp) center center /cover no-repeat;position: relative; padding: 0; overflow: hidden; min-height: 40rem; }
div.sections.sections-english-village_international-exchange div.sections-english-village_international-exchange-bg { display: none;}
div.sections.sections-english-village_international-exchange div.sections-english-village_international-exchange-bg img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; min-width: 150rem; min-height: 46rem; }
div.sections.sections-english-village_international-exchange div.inner { min-width: inherit; }
div.sections.sections-english-village_international-exchange:before { /* background: #eee; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(50%) skew(-30deg); -webkit-transform: translateX(50%) skew(-30deg); */ display: none; }
div.sections.sections-english-village_international-exchange div.section-title { padding-top: 40px; padding-bottom: 40px; text-align: center; position: relative; z-index: 1; }
div.sections.sections-english-village_international-exchange div.section-title h2 div.en-title { font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; font-size: 4.8rem; line-height: 1.25; /* 	margin-bottom: 0.5em; */ }
div.sections.sections-english-village_international-exchange div.section-title h2 div.ja-title { font-size: 2.1rem; /* margin-bottom: 30px; */ }
div.sections.sections-english-village_international-exchange div.section-title + div.clearfix { position: relative; z-index: 1; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.sections.sections-english-village_international-exchange div.clearfix { max-width: 150rem; margin-left: auto; margin-right: auto; z-index: 10; position: relative; min-height: 40rem; padding-top: 5rem; padding-bottom: 5rem; }
div.sections.sections-english-village_international-exchange section { width: 30.00%; padding: 0; /* reset */ box-sizing: border-box; background: #fff; /* border: 0.25rem solid #fff; border-top: 0.5rem solid #fff; */ position: absolute; }
/* div.sections.sections-english-village_international-exchange section:after { background: #f8f8f8; width: 50vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 0; transform: translateX(80%) skew(-30deg); pointer-events: none; } */
div.sections.sections-english-village_international-exchange section:nth-child(1) { /* border-left: 0.5rem solid #fff; */ position: absolute; bottom: 2rem; left: 0; background: rgba(0, 106, 150, 0.9); }
div.sections.sections-english-village_international-exchange section:nth-child(2) { position: absolute; top: 2rem; right: 0; background: rgba(63, 169, 51, 0.9); }
div.sections.sections-english-village_international-exchange section div.wrap { height: 100%; position: relative; z-index: 1; }
div.sections.sections-english-village_international-exchange section div.wrap a { display: block; color: #484949; transition: 0.25s all; height: 100%; }
div.sections.sections-english-village_international-exchange div.wrap h2 div.en-title { font-size: 1.8rem; margin-bottom: 0.25em; /* margin-bottom: 30px; */ color: #ccc; }
div.sections.sections-english-village_international-exchange div.wrap h2 div.ja-title { font-size: 3rem; color: #fff; }
div.sections.sections-english-village_international-exchange section div.wrap a:hover { /* background: #f8f8f8; */ opacity: 0.6; }
div.sections.sections-english-village_international-exchange section div.wrap a div.description {}
div.sections.sections-english-village_international-exchange section div.wrap a:hover div.title { /* text-decoration: underline; */ text-decoration: none; }
div.sections.sections-english-village_international-exchange section div.wrap div.thumbnail img { width: 100%; }
div.sections.sections-english-village_international-exchange div.wrap div.information-wrap { padding: 1em; color: #fff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 忽�H住送試�咼譽櫞`ト */

section.international-exchange-activity-report { /* background: #ffcd00; */ background: #eeeeee; }
section.international-exchange-activity-report:before { background: #dedede; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(80%) skew(-30deg); }
section.international-exchange-activity-report div.inner { position: relative; z-index: 2; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }

/* titles-wrap */
section.international-exchange-activity-report div.titles-wrap { float: left; width: 20%; /* */ }

/* section.news div.titles-wrap div.links a { color: #484949; } */

/* titles-list */
section.international-exchange-activity-report div.international-exchange-activity-report-list { float: left; width: 80%; /* */ }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry { display: block; padding: 0.5em 0; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a { color: #484949; border-bottom: 2px solid #dedede; display: block; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li:first-child a { border-top: 2px solid #dedede; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li:first-child a div.entry {}
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.wrap { float: left; margin-right: 1em; min-width: 130px; }

/* ラ ベ ル が あ る と き */

/* section.news div.news-list.label ul li a div.entry div.wrap { min-width: 250px; } */
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.new { /* float: left; */ display: inline-block; min-width: 40px; margin-right: 1em; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.new span { background: #006a96; color: #fff; padding: 0.25em 0.5em; font-size: 1.1rem; vertical-align: middle; text-align: center; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.update { color: #484949; /* float: left; */ display: inline-block; vertical-align: middle; font-size: 1.4rem; padding-right: 0.5em; /* padding-left: 0.5em; */ font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; /* background: #006a96; */ }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.label { /*color: #484949; float: right; */ display: inline-block; vertical-align: middle; /* float: left; *//* font-size: 1.4rem; */ padding-right: 0.25em; padding-left: 0.25em; width: 100px; /* font-family: 'Open Sans','Century Gothic',Futura, 'Oswald', sans-serif; *//* background: #006a96; */ background: #fff; text-align: center; box-sizing: border-box; border: 2px solid #006a96; color: #006a96; font-size: 1.4rem; /* font-weight: bold; */ }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.headline { width: 80%; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.headline h2 { color: #484949; font-weight: normal; overflow: hidden; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.headline:hover { text-decoration: underline; }

/* -------------------------------------------------------------------------------- すべて 匯�Eを��る */

/* section.international-exchange-activity-report div.titles-wrap div.links { display: none; } */

/* section.international-exchange-activity-report div.titles-wrap div.links.active { display: block; } */

/* -------------------------------------------------------------------------------- */
section.international-exchange-activity-report div.international-exchange-activity-report-list div.links { margin-top: 1em; }
section.international-exchange-activity-report div.international-exchange-activity-report-list div.links a { border: none; border-radius: 0; box-sizing: border-box; cursor: pointer; display: inline-block; padding: 0.5em 2em; text-align: center; text-decoration: none; background: #006a96; font-size: 1.3rem; color: #fff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section */
div.sections { /* min-width: 1000px; */ background: #dedede; position: relative; padding-top: 40px; padding-bottom: 40px; overflow: hidden; }
div.sections div.inner { min-width: inherit; }
div.sections:before { background: #eee; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 0; transform: translateX(50%) skew(-30deg); }
div.sections div.section-title { padding-top: 40px; padding-bottom: 40px; text-align: center; position: relative; z-index: 1; }
div.sections div.section-title h2 div.en-title { font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; font-size: 4.8rem; line-height: 1.25; /* 	margin-bottom: 0.5em; */ }
div.sections div.section-title h2 div.ja-title { font-size: 2.1rem; }
div.sections div.section-title + div.clearfix { position: relative; z-index: 1; }
div.sections section.coc { float: left; width: 50%; padding: 0; /* reset */ padding-left: 1em; padding-right: 1em; box-sizing: border-box; }
div.sections section.coc div.wrap { background: #fff; float: right; /* width: calc(600px - 1em); */ width: calc(100% - 1em); max-width: 600px; }
div.sections section.machinaka { float: left; width: 50%; padding: 0; /* reset */ padding-left: 1em; padding-right: 1em; box-sizing: border-box; }
div.sections section.machinaka div.wrap { background: #fff; float: left; /* width: calc(600px - 1em); */ width: calc(100% - 1em); max-width: 600px; }

/* */
div.sections section div.wrap a { display: block; color: #484949; }
div.sections section div.wrap a div.description {}
div.sections section div.wrap a:hover div.title { text-decoration: underline; }
div.sections div.wrap div.information-wrap { padding: 1em; }
div.sections div.wrap h2 div.en-title { font-size: 2.8rem; margin-bottom: 0.25rem; }
div.sections div.wrap h2 div.ja-title { font-size: 1.8rem; margin-bottom: 0.5rem; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ bnr */

section.bnr { background: #006a96; }
section.bnr:before { background: #3387ab; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 1; transform: translateX(80%) skew(-30deg); }
section.bnr div.inner { position: relative; z-index: 2; padding-left: 1em; padding-right: 1em; box-sizing: border-box; /* */ }

/* */
footer section.bnr div.inner { padding-top: 0; padding-bottom: 0; }
section.bnr ul li { width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; }
section.bnr ul li:nth-of-type(n+5) { margin-bottom: 0; }
section.bnr ul li img { display: block; width: 100%; }
section.bnr ul li:nth-child(4n) { margin-right: 0; }

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

footer { background: #fff; /* min-width: 1000px; */ }
footer div.page-top { background: #1b242b; /* margin-top: 40px; */ position: fixed; /* bottom: 60px; */ bottom: 12rem; right: 0; z-index: 9999; width: 60px; height: 60px; }
footer div.page-top a { display: block; height: 60px; width: 100%; position: relative; background: #1b242b; /* color: #484949; */ color: #fff; text-align: center; transition: 0.5s all; }
footer div.page-top a:hover { /* background: #ccc; */ opacity: 0.75; }
footer div.page-top a::before { border-right: 1px solid #fff; border-top: 1px solid #fff; content: ""; height: 8px; left: 50%; margin: auto; position: absolute; top: 30%; transform: translateX(-50%) translateY(-50%) rotate(-45deg); width: 8px; }
footer div.page-top a::after { content: "PAGE TOP"; font-family: 'Open Sans', 'Century Gothic', Futura, 'Oswald', sans-serif; font-weight: bold; font-size: 1.2rem; line-height: 1.25; left: 50%; position: absolute; top: 60%; transform: translateX(-50%) translateY(-50%); }
footer div.inner { padding-top: 40px; padding-bottom: 40px; }
footer div.inner > div.clearfix { padding-bottom: 40px; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- footer-site-map */
footer div.footer-site-map { /* background: #f8f8f8; *//* background: #192329; */ background: #283845; }
footer div.footer-site-map div.inner { padding-top: 20px; padding-bottom: 40px; }
footer div.footer-site-map div.current-directory { color: #eee; }

/* 畠 ペ �` ジ 慌 宥 */
footer div.footer-site-map div.footer-site-map-list ul {}
footer div.footer-site-map div.footer-site-map-list ul li a::before { /* border-right: 1px solid #333; border-top: 1px solid #333; content: ""; height: 0.4em; width: 0.4em; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); *//* width: 1px; height: 1em; content: ""; top: 50%; left: 0; position: absolute; background: #333; transform: translateY(-50%); -webkit-transform: translateY(-50%); */ }
footer div.footer-site-map div.footer-site-map-list ul li a:hover { text-decoration: underline; }
footer div.footer-site-map div.footer-site-map-list .column { float: left; width: 23.5%; margin-right: 2%; }
footer div.footer-site-map div.footer-site-map-list .column:nth-child(4n) { margin-right: 0; }
footer div.footer-site-map div.footer-site-map-list .column div.head { margin-top: 1.5em; color: #eee; font-size: 1.4rem; font-weight: bold; }
footer div.footer-site-map div.footer-site-map-list .column div.head a { font-size: 1.4rem; font-weight: bold; color: #eee; }
footer div.footer-site-map div.footer-site-map-list .column li { line-height: 1.35; display: block; }
footer div.footer-site-map div.footer-site-map-list .column li a { font-size: 1.2rem; /* white-space: nowrap; */ color: #e6e6e6; /* padding-left: 1em; */ position: relative; opacity: 0.75;  display: inline-block; padding: 0.4rem 0; }
footer div.footer-site-map div.footer-site-map-list .column li.current a { color: #fff; opacity: 1; }
footer div.footer-site-map div.footer-site-map-list .column li.current a:before { position: absolute; left: -1em; top: 50%; border-right: 1px solid #fff; border-top: 1px solid #fff; content: ""; height: 0.4em; width: 0.4em; transform: translateY(-50%) rotate(45deg); }
/* ト ッ プ ペ �` ジ の �� 栽 */
footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(1) { width: 49%; margin-right: 2%; float: left; }
footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(2), footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(3) { width: 23.5%; margin-right: 2%; float: left; }
footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(3) { margin-right: 0; float: left; }

/* 寄 僥 �B 初 */
footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(1) div.nest-column {}
footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(1) div.nest-column ul { width: 49%; margin-right: 2%; float: left; }
footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(1) div.nest-column ul:nth-child(2) { margin-right: 0; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

footer div.logo { margin-bottom: 20px; }
footer div.logo a img { display: block; width: 420px; /* */ height: 60px; /* */ transition: all 0.4s ease 0s; max-width: 420px; /* */ }
footer div.logo-information-wrap { float: left; width: 45%; }
footer div.links-wrap { float: left; width: 55%; }
footer div.links-wrap ul li { width: 32%; margin-right: 2%; float: left; }
footer div.links-wrap ul li:nth-child(3n) { margin-right: 0; }
footer div.links-wrap ul li a { /* white-space: nowrap; */ font-size: 1.5rem; color: #484949; position: relative; padding-left: 1em; }
footer div.links-wrap ul li a:before { border-right: 1px solid #484949; border-top: 1px solid #484949; content: ""; height: 4px; left: 0; margin: auto; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 4px; }
footer div.links-wrap ul li a:hover { text-decoration: underline; }
footer div.sns ul { text-align: center; }
footer div.sns ul li { display: inline-block; padding-left: 0.5em; padding-right: 0.5em; position: relative; width: 130px; text-align: left; }
footer div.sns ul li a { display: block; }
footer div.sns ul li:after { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; left: 25px; /* */ font-size: 1.4rem; font-weight: bold; pointer-events: none; }
footer div.sns ul li:nth-child(1):after { content: "X"; left: 0; /* */ }
footer div.sns ul li:nth-child(2):after { content: "YouTube"; /* content: "Facebook"; */ left: 15px; /* */ }
footer div.sns ul li:nth-child(3):after { content: "LINE"; left: 0; /* */ }
footer div.sns ul li span { font-size: 4.6rem; color: #006a96; }
footer div.sns ul li img { display: inline-block; width: 40px; height: 40px; }
footer div.sns ul li a:hover span { opacity: 0.7; }
footer div.copyright { background: #f8f8f8; text-align: center; font-size: 1.4rem; padding-top: 0.5em; padding-bottom: 0.5em; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- topicPath */

.topicPath { font-size: 1.2rem; display: block; /* margin: 0 auto 40px; */ /* background: #4568DC; */ /* background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC); */ }
.topicPath ul { padding: 1em 0; list-style: none; }
.topicPath ul li { display: inline-block; }
.topicPath ul li a { font-weight: bold; text-decoration: none; position: relative; padding: 0 1em; color: #003e6c; }
.topicPath ul li span { padding: 0 1em; }
.topicPath ul li a:before { width: 4px; height: 4px; position: absolute; top: 50%; right: 0; content: ""; border-top: 1px solid #003e6c; border-right: 1px solid #003e6c; transform: translate(0, -50%) rotate(45deg); transition: all .2s ease-in; }
.topicPath ul li a:hover { text-decoration: none; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- page-title */

div.category-header { background: #006a96; padding-top: 2em; padding-bottom: 1em; position: relative; /* margin-bottom: 40px; */ overflow: hidden; /* min-width: 1000px; */ }
div.category-header::before { background: #3387ab none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 0; top: 0; transform: translateX(80%) skew(-30deg); width: 100vw; z-index: 1; }
div.category-header div.inner { position: relative; z-index: 2; box-sizing: border-box; padding-left: 1em; padding-right: 1em; }
div.category-header h1, div.category-header span.title { font-size: 3.6rem; font-weight: bold; color: #fff; }
div.category-header div.description { color: #fff; }
div.category-header div.description a { color: #fff; text-decoration: underline; }
div.category-header div.description a:hover { text-decoration: none; }
div.category-header div.print-btn { text-align: right; margin-top: 1em; }
div.category-header div.print-btn a { background: #ffd632; color: #484949; display: inline-block; font-size: 1.4rem; margin-right: 1em; padding: 0.5em 1em; vertical-align: middle; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ subtop-header */

section.subtop-header { min-height: 300px; overflow: hidden; }
section.subtop-header div.inner { padding-left: 1em; padding-right: 1em; box-sizing: border-box; position: absolute; z-index: 2; top: 50%; left: 0; transform: translateY(-50%); width: 100%; max-width: 100%; }
section.subtop-header:before { background: #006a96; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; left: 0; z-index: 1; /* transform: translateX(-50%) skew(-30deg); */ transform: translateX(-40%) skew(-30deg); }
section.subtop-header:after { background: #3387ab; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; left: -50%; z-index: 1; transform: translateX(-50%) skew(-30deg); }
section.subtop-header div.titles-wrap { /* float: left; *//* 	max-width: 50%; */ color: #fff; max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; }
section.subtop-header div.titles-wrap div.title h2 { color: #fff; }
section.subtop-header div.titles-wrap div.description { max-width: 50%; }
section.subtop-header div.print-btn { text-align: left; }
section.subtop-header div.print-btn a { background: #ffd632; color: #484949; display: inline-block; font-size: 1.4rem; margin-right: 1em; padding: 0.5em 1em; vertical-align: middle; white-space: nowrap; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- categories */

/* categoryList */

/* categoryUpdate */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- categoryTitles */

/* -------------------------------------------------------- div.categoryVisual */

/*div.categoryTitles div.categoryVisual { height: 200px; display: block; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 10; }
div.categoryTitles div.categoryVisual img { display: block; width: 100%; }
div.categoryTitles div.title { position: relative; z-index: 100; height: 200px; padding-top: 2.5em; box-sizing: border-box; }
div.categoryTitles div.title h1 { position: relative; }
div.categoryTitles div.title h1 { text-align: center; font-weight: bold; font-size: 3.0rem; margin-bottom: 0.5em; color: #000; -webkit-animation: 0.5s ease 0.4s normal both 1 running transitionTop; animation: 0.5s ease 0.4s normal both 1 running transitionTop; }
div.categoryTitles div.description { position: relative; }
div.categoryTitles div.description:before { background: #4568DC; background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC); content: ""; display: block; height: 3px; margin: 0 auto 20px; width: 40px; -webkit-animation: 0.5s ease 0s normal both 1 running drawLines; animation: 0.5s ease 0s normal both 1 running drawLines; }
div.categoryTitles div.description h2 { font-size: 1.4rem; font-weight: bold; color: #fff; text-align: center; -webkit-animation: 0.5s ease 0.4s normal both 1 running transitionBottom; animation: 0.5s ease 0.4s normal both 1 running transitionBottom; } */

/* -webkit-animation: 1s ease 0.3s normal both 1 running show; */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- categoryList */
div.categoryList { position: relative; z-index: 1000; /* overflow: hidden; */ /* background: #dedede; */ }
div.categoryList::before { /* background: #eee; content: ""; height: 100%; position: absolute; left: -150%; top: 0; transform: translateX(50%) skew(-30deg); width: 100vw; z-index: 0; */ }

/*
div.categoryList:after { -webkit-transform: skewY(-10deg); transform: skewY(-10deg); position: absolute; content: ""; bottom: 0; left: 0; background: #4568DC; background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC); width: 100%; height: 100%; z-index: -1; opacity: 0.1; }
*/

/* ------------------------------------------------------- サブトップ */
section.news + section.contents div.categoryList { margin-top: 30px; /* padding-top: 40px; */ }
section.tues-report + section.contents div.categoryList { margin-top: 20px; }
div.cntsArea + section.contents div.categoryList { margin-top: 20px; }
div.categoryList div.inner { /* width: 1000px; */ width: 100%; max-width: 1200px; min-width: inherit; margin-left: auto; margin-right: auto; }
div.categoryList > div.inner > ul { margin: 0 auto; /* padding: 0 40px; */ }
div.categoryList > div.inner > ul > li::before { /* background: none; border-radius: 0; content: ""; height: 0; left: 0; margin: 0; position: relative; top: 0; transition: none; width: 0; */ }
div.categoryList > div.inner > ul > li { margin: 0; padding: 0; position: relative; float: left; margin-bottom: 2%; transition: all .1s ease-in-out; width: 32%; margin-right: 2%; overflow: hidden; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.05); background: #fff; }
div.categoryList > div.inner > ul > li:nth-child(3n) { margin-right: 0; }

/* div.categoryList > div.inner > ul > li:nth-last-child(-n+3) { margin-bottom: 0; } */

/* div.categoryList > div.inner > ul > li:before { background: none; } */
div.categoryList > div.inner > ul > li a { display: block; width: 100%; height: 100%; position: relative; color: #484949; }
div.categoryList > div.inner > ul > li ul li { line-height: 1.7; }
div.categoryList > div.inner > ul > li ul li a { color: #333; /* font-size: 1.3rem; */ font-size: 1.4rem; padding-left: 1em; padding-right: 1em; position: relative; box-sizing: border-box; }
div.categoryList > div.inner > ul > li ul li a:hover { text-decoration: underline; }
div.categoryList > div.inner > ul > li ul li a::before { border-right: 1px solid #333; border-top: 1px solid #333; content: ""; height: 0.4em; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 0.4em; }

/*
div.categoryList ul li a:after { position: absolute; border: 1px solid #fff; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; box-sizing: border-box; transition: all .1s ease-in-out; }
div.categoryList ul li a:hover:after { width: 96%; height: 97%; top: 50%; left: 50%; border: 1px solid #ba9975; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
*/
div.categoryList div.article { /* padding: 20px; */ position: relative; z-index: 2; }
div.categoryList div.article div.thumbnail { overflow: hidden; width: 100%; background: #f5f5f5; margin-bottom: 1em; }
div.categoryList div.article div.thumbnail span { display: block; width: 100%; padding-top: 75%; /* 4 : 3 */ position: relative; }
div.categoryList div.article div.thumbnail span a { position: static; }
div.categoryList div.article div.thumbnail span img { max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.2s ease 0s; }
div.categoryList div.article div.thumbnail:hover span img { opacity: 0.75; }

/*
div.categoryList div.article div.spot:after { mix-blend-mode: overlay; position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; opacity: 0; transition: all .1s ease-in-out; }
div.categoryList div.article div.spot:hover:after { background: #4568DC; background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC); opacity: 1; }
*/
div.categoryList div.article div.wrap { padding: 1em; position: relative; }
div.categoryList div.article div.headline { margin-bottom: 1em; padding-bottom: 1em; font-weight: bold; position: relative; /* background: #ffd632; */ /* margin-top: -1em; margin-left: -1em; margin-right: -1em; padding-left: 1em; padding-right: 1em; padding-top: 1em; */ }

/* */
div.categoryList div.article div.headline:after { width: 20%; height: 3px; background: #ffd632; position: absolute; content: ""; display: block; left: 0; bottom: 0; }
div.categoryList div.article div.headline:before { width: 100%; height: 3px; background: #eee; position: absolute; content: ""; display: block; left: 0; bottom: 0; }
div.categoryList div.article div.headline h2 { font-size: 1.6rem; line-height: 1.3; color: #484949; }
div.categoryList div.article div.description { font-size: 1.4rem; /* font-weight: bold; */ color: #999; margin-bottom: 1em; }
div.categoryList div.article div.description a { display: inline; }

/*
div.categoryList div.article div.more { background: #000; background: #4568DC; background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC); display: block; padding: 0 1.5em; font-size: 1.4rem; position: relative; width: 60%; box-sizing: border-box; margin: 0 auto; transition: all .1s ease-in-out; font-family: "Century","嗄苧劾悶", "Yu Mincho", YuMincho, "ヒラギノ苧劾 ProN W6", "HiraMinProN-W6", "HG苧劾E", "ＭＳ Ｐ苧劾", "MS PMincho", "MS 苧劾",serif; }
div.categoryList div.article div.more:before { position: absolute; top: 50%; left: .8em; width: 4px; height: 4px; margin-top: -2px; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #f35955; border-right: 1px solid #f35955; transition: all .5s ease-in-out; }
div.categoryList a:hover div.article div.more { background: #b99877; color: #fff; }
div.categoryList a:hover div.article div.more::before{ transform: rotate(405deg); border-top: 1px solid #fff; border-right: 1px solid #fff; }
*/
div.categoryList div.article div.update { font-size: 1.2rem; /* color: #ba9875; */ color: #000; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- categoryUpdate */
div.categoryUpdate { background: #fff; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05); padding: 20px; position: relative; z-index: 1000; width: 100%; max-width: 1000px; margin: 0 auto 40px; box-sizing: border-box; }
div.categoryUpdate ul li a div.entry { border-bottom: 1px solid #e9e9e9; display: block; padding: 0.5em 0; font-family: 'Open Sans', "Century Gothic", Futura, "Oswald", sans-serif; }
div.categoryUpdate ul li a div.entry div.wrap { float: left; margin-right: 1em; min-width: 160px; }
div.categoryUpdate ul li a div.entry div.update { color: #484949; float: right; font-family: 'Open Sans', "Century Gothic", Futura, "Oswald", sans-serif; padding-right: 0.5em; }
div.categoryUpdate ul li a div.entry div.new { background: #006a96; color: #fff; display: inline-block; font-family: 'Open Sans', "Century Gothic", Futura, "Oswald", sans-serif; font-size: 1.1rem; margin-right: 1em; padding: 0 0.5em; vertical-align: middle; }
div.categoryUpdate ul li a div.entry div.headline h2 { color: #484949; font-weight: normal; overflow: hidden; }
div.categoryUpdate ul li a div.entry div.headline:hover { text-decoration: underline; color: #484949; }
div.categoryUpdate ul li a div.entry div.description { color: #6a6a6a; font-size: 1.4rem; }

/* -- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ����ペ�`ジ */

/* -- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.contents-wrap */
div.contents-wrap { padding-top: 40px; padding-bottom: 40px; position: relative; overflow: hidden; /* min-width: 1000px; */ }
div.contents-wrap:before { background: #eee; content: ""; height: 100%; position: absolute; right: 0; bottom: 0; transform: translateX(50%) skew(-30deg); width: 100vw; z-index: -1; }
div.contents-wrap div.page-title { width: 23.5%; margin-bottom: 40px; float: left; overflow: hidden; }
div.contents-wrap div.main { width: 75%; /* background: #fff; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05); */ float: right; }
div.contents-wrap aside { width: 23.5%; clear: left; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ div.page-title */
div.contents-wrap div.page-title { background: #fff; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05); }
div.contents-wrap div.page-title h1 { font-size: 2.4rem; padding: 1em 20px; position: relative; }
div.contents-wrap div.page-title h1::before { background: #3387ab; bottom: 0; content: ""; display: block; height: 5px; left: 0; position: absolute; width: 100%; }
div.contents-wrap div.page-title h1::after { background: #006a96; bottom: 0; content: ""; display: block; height: 5px; left: 0; position: absolute; width: 20%; }
div.contents-wrap div.page-title div.description h2 { padding: 1em 20px; line-height: 1.75; color: #747678; /* */ font-weight: normal; font-size: 1.4rem; }
div.contents-wrap div.page-title div.description h2 a { color: #003e6c; font-weight: bold; text-decoration: underline; }
div.contents-wrap div.page-title div.description h2 a:hover { text-decoration: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ div.contents-wrap aside */

div.contents-wrap aside { width: 23.5%; }
div.contents-wrap aside div.directory-list div.headline { font-size: 1.6rem; font-weight: bold; margin-bottom: 0.5em; }
div.contents-wrap aside div.directory-list { padding: 20px; box-sizing: border-box; background: #f0f0f0; }
div.contents-wrap aside div.directory-list ul li ul li { padding-left: 1em; }
div.contents-wrap aside div.directory-list ul li a { display: block; position: relative; padding-left: 1em; color: #333; font-size: 1.4rem; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #e0e0e0; transition: 0.1s all; }
div.contents-wrap aside div.directory-list > ul > li:first-child > a { border-top: 1px solid #e0e0e0; }
div.contents-wrap aside div.directory-list ul li a:before { width: 0.4em; height: 0.4em; position: absolute; top: 50%; left: 0; content: ""; border-top: 1px solid #333; border-right: 1px solid #333; transform: translate(0, -50%) rotate(45deg); }
div.contents-wrap aside div.directory-list ul li {}
div.contents-wrap aside div.directory-list ul li a:hover { /* text-decoration: underline; *//* background: #f8f8f8; */ background: #fff; }
div.contents-wrap aside div.directory-list ul li.active > a { /* background: #f8f8f8; */ font-weight: bold; background: #fff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.contents */

/* 屡 贋 の html に �� �� */
section.contents { padding: 0; overflow: visible; }
section.contents div.cntsArea { padding: 2em; line-height: 1.7; background: #fff; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05); /* *//* max-width: 1200px; min-width: 1000px; */ margin-left: auto; margin-right: auto; box-sizing: border-box; }
section.contents div.cntsArea + div.cntsArea { border-top: 1px solid #ddd; }
section.contents div.cntsArea + div.categoryList { margin-top: 2%; }

/* */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ print */

/* 咫 泡 喘 咫 泡 �r は tab-contents を燕幣 */
@media print { div.fixed-bnr { display: none; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ print */

/* 秘���v�B秤�� */
section.exam-banner { padding-top: 1rem; padding-bottom: 1rem; background: #56AB5D; }
section.exam-banner a { max-width: 40rem; display: block; /*margin-left: auto; margin-right: auto; cursor: pointer; transition: 0.25s all;*/ margin:0; border:clamp(0.5rem,1vw,1rem) solid #56AB5D; box-sizing: border-box; }
section.exam-banner a:hover { opacity: 0.75; }
section.exam-banner img { }
section.exam-banner .inner { display: flex; flex-flow: row wrap; justify-content: center; }
section.exam-banner a.b_pass { width:42vw; max-width:370px; }
section.exam-banner a.b_pass img { width:100%; max-width:350px; max-height:100px; }
section.exam-banner a.b_exam { width:48vw; max-width:420px; }
section.exam-banner a.b_exam img { width:100%; max-width:400px; max-height:100px; }
section.exam-banner a.b_pamf { width:42vw; max-width:370px; }
section.exam-banner a.b_pamf img { width:100%; max-width:350px; max-height:100px; }

section.exam-banner a.b_exam02 { width:42vw; max-width:370px; }
section.exam-banner a.b_exam02 img  { width:100%; max-width:350px; max-height:100px; }
section.exam-banner a.b_pamf02 { width:48vw; max-width:420px; }
section.exam-banner a.b_pamf02 img  { width:100%; max-width:400px; max-height:100px; }

@media only screen and (max-width: 900px) {
section.exam-banner .inner { padding: 0; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



section.carbon_neutral { /*padding: 0;*/ position: relative; }
section.carbon_neutral:after { z-index: 0; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background: #b1d543; content: ""; transform: translateX(50%) skew(-30deg); }
section.carbon_neutral div.inner { display: flex; flex-flow: row wrap; /*height: 36rem;*/ position: relative; z-index: 1; }
section.carbon_neutral div.titles-wrap { width: 48%; margin-right: 4%; /*position: absolute; top: 50%; left: 0; transform: translateX(0) translateY(-50%);*/ }
section.carbon_neutral div.titles-wrap div.ja-title { font-size: 4.2rem; letter-spacing: 0.25rem; }
section.carbon_neutral div.section-visual { width: 48%; position: relative; top: 0; /*left: 50%; transform: translateX(0) translateY(0); -height: auto; overflow: hidden;*/ left:0; transform: translate(0,0); }
section.carbon_neutral div.section-visual:after { padding-top: 75%; content: ""; position: relative; width: 100% !important; }
section.carbon_neutral div.section-visual img { /*height: auto; left: 50%; min-width: 100%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); max-width: inherit; min-height: inherit;*/ min-height: inherit; width: 100%; aspect-ratio:2/1; position: relative; left:0; top:0; transform: translate(0,0);  }
section.carbon_neutral .btn { max-width: 200px; margin-bottom: 2rem; }



/*まちなかキャンパス*/
section.machinaka { }
section.machinaka:before { background: #eee; width: 100vw; height: 100%; position: absolute; content: ""; top: 0; right: 0; z-index: 0; transform: translateX(50%) skew(-30deg); }
section.machinaka .btn { max-width: 200px; margin-bottom: 2rem; }
section.machinaka div.inner { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
section.machinaka div.titles-wrap { width: 48%; }
section.machinaka div.titles-wrap div.ja-title { margin-bottom: 0; }
section.machinaka div.section-visual { width: 48%; position: relative; left:0; top:0; transform: translate(0,0); }
section.machinaka div.section-visual img { min-height: inherit; width: 100%; aspect-ratio:2/1; position: relative; left:0; top:0; transform: translate(0,0); }






/*縮�T匯�E*/
.staff_box { box-sizing: border-box; gap:4%; }
.staff_box .blue { color:rgba(0,106,150,1); }
.staff_box .w48 { padding: 0 0 clamp(1.5rem,3vw,3rem) 0; box-sizing: border-box; }
.staff_box h4, .staff_box h4 a { margin:0 0 0.8rem 0; padding:0; border-left: 0px; line-height: 1.3; font-size: 2rem; }
.staff_box h4.m { padding:0 3rem 0 0; }
.staff_box h4 .position { display:block; font-size:clamp(1.4rem,1.6vw,1.6rem); line-height:1.5; letter-spacing:0.04rem; }
.staff_box h4 .ruby { display:block; font-size:clamp(1.2rem,1.4vw,1.4rem); letter-spacing:0.04rem; mix-blend-mode:multiply; margin-top:0.25rem; }
.cntsArea .staff_box a[href$=".pdf"]:before { display: none; }
.cntsArea .staff_box a[href*=".pdf"]:after { display: inline-block; padding: 0 0.5em; font-size: 0.8rem; content: "PDF"; background: #fff; border: 1px solid #ec2941; color: #ec2941; font-weight: bold; margin:-0.3rem 0.5em 0 0.5rem; border-radius: 2px; box-sizing: border-box; vertical-align: middle; line-height: 1.5; }
.staff_box a { font-size:clamp(1.3rem,1.4vw,1.4rem); }

.b_msg.i_close { font-weight: bold; }
.msg, .msg_open { display: none; margin-bottom: 1.5rem; background: rgba(0,106,150,0.1); border-radius: 1rem; padding:1.2rem; position: relative; }
.msg::after { content: ""; position: absolute; left:1rem; top:-1rem; border-top:0.5rem solid transparent; border-right:0.5rem solid transparent; border-bottom:0.5rem solid rgba(0,106,150,0.1); border-left:0.5rem solid rgba(0,106,150,0.1); }
.msg_open { display: block; }
.b_msg, .m_open { margin:0; padding:0.5rem 1rem 0.5rem 0; position:relative; cursor: pointer; }
.b_msg::after { content:"��"; position:absolute; top:calc(50% - 1rem); right:-0.25rem; display:flex; align-items: center; justify-content: center; transition:0.1s; font-size:clamp(1.4rem, 1.8vw,1.8rem); line-height:1; color:#fff; z-index: 10; background: #006a96; border-radius: 3rem; padding:0.5rem; }
.b_msg.i_close::after { transform:rotate(45deg); }
.b_msg + .msg { padding:1.2rem; }
.b_msg.no_open { color:rgba(34,34,34,0.5); pointer-events:none; }


.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; }
.flex.rowre { flex-flow: row-reverse wrap; }
.flex.jcfs { justify-content:flex-start; }
.flex.jcfe { justify-content:flex-end; }
.flex.jcc { justify-content:center; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex .fg1 { flex-grow: 1; }


.i_ttcs { max-width:9rem; margin:1rem 0; }
.i_ts { max-width:9rem; margin:1rem 0; }



/*謹冱�Zへの����*/
section .btn.blue { max-width: 24rem; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; vertical-align: middle; margin-top:-0.2rem;  }

.lang-menu, .lang-btn, .lang-list { position: relative; z-index:10000; }
.lang-menu { position: relative; display: inline-block;}
.lang-menu.sp { display: none; }
.lang-btn { background: none; border: 0px solid #ccc; padding: 0 1.2rem 0 0.6rem; cursor: pointer; font-size: 1.3rem; pointer-events: auto; touch-action: manipulation; }
.lang-list { display: none; position: absolute; top:calc(100% + 5px); right:0; background: #fff; border: 1px solid #ccc; list-style: none; margin: 0; padding:0.6rem 0; }
header div.header-top div.utility li .lang-list a,  .lang-list a { display: block; padding:0.6rem 0.6rem 0.6rem 2rem ; text-decoration: none;  color: #333; text-align: left; font-size: 1.5rem; min-width: 11rem; position: relative; }
header div.header-top div.utility li .lang-list a::before, .lang-list li a::before { position: absolute; top: 50%; left:0.8rem; width: 4px; height: 4px; margin: auto; content: ''; 
 transform: translateY(-50%) rotate(45deg); border-top: 1px solid #484949; border-right: 1px solid #484949; }
 .lang-list li a:hover { background: #f6f6f6; }
.lang-menu.is-open .lang-list { display: block; }
.lang-btn .material-symbols-outlined { font-size: 2rem; }

html[lang^="ja"] .ja_box { display: none; }
html:not([lang^="ja"]) .ja_box { display: block; }

@media only screen and (max-width: 900px) {
.lang-menu.sp {display: inline-block; position: absolute; right:50px; top:0; }
.lang-menu.sp .lang-btn { width: 50px; height: 50px; display: flex; flex-flow: column wrap; line-height: 1; font-size: 1rem; padding:1rem 0 0.3rem 0; background: #ddd; }
.lang-menu.sp .lang-btn .material-symbols-outlined { font-size: 2.4rem; }
.lang-list {  top:100%; }
header div.header-top { padding-right: 100px !important; }
header div.header-top div.utility .lang-menu { display: none; }
.header-top .inner { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; height:50px; }
}