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

/* @media only screen and (max-width: 1000px){
body { min-width: 1500px; }
} */

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

div.sp_no, br.sp_no { display: none; }
div.pc_no { display: block; }
br.pc_no { display: inline; }

div.inner { max-width: 100%; min-width: 100%; width: 100%; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }
header div.header-top div.utility { text-align: left; }
header div.header-top div.utility ul { overflow: hidden; clear: both; }
header div.header-top div.utility li { white-space: nowrap; /*display: inline-block;*/ float: left; display: block; }
header div.header-top div.utility li a { padding-right: 0.25em; font-size: 1.3rem; }

/* -------------------------------------------------------- header */
header { width: 100%; min-width: inherit; }
header > div.inner { height: auto; padding: 0; max-height: none; }
header div.top { display: none; }
header div.logo { float: none; padding: 0.5em 0 0.5em 0; box-sizing: border-box; }
header div.logo a img, footer div.logo a img { width: 85%; height: auto; display: block; margin-left: auto; margin-right: auto; }

/* -------------------------------------------------------- header ul.utility */
header div.header-top { padding: 0; height: 50px; /* */ padding-right: 50px; /* */ }
header > div.inner.clearfix > div.fr { float: none; }
header ul.utility { background: #f0f0f0; }
header ul.utility { width: 100%; text-align: center; }
header ul.utility li a { font-size: 1.1rem; white-space: nowrap; padding: 0 0.2em; }
header ul.utility li a::before { border: none; content: ""; height: auto; left: 0; margin: 0; position: relative; top: 0; transform: none; width: auto; }
/* */
header div.function-menu { float: none; padding-left: 0.5em; padding-right: 0.5em; max-height: 0; overflow: hidden; }
header div.search { margin-bottom: 1em; }
header div.font-size { text-align: center; }
header div.function-menu.active { max-height: 1000px; /* transition: all .5s; */ }
/* */
header div.search .form input { width: 100%; }

/* -------------------------------------------------------- header nav */
header nav { top: 0; left: 0; overflow: visible; width: 100%; }
header nav div.inner { width: 100%; padding: 0; }
header div.header-bottom nav ul { display: block; overflow: hidden; width: 100%; max-height: 0; margin: 0 auto; /* transition: all .125s; */ }
header div.header-bottom nav ul.active { max-height: 10000px; }
header div.header-bottom nav ul li { font-size: 1.6rem; display: block; /* border-bottom: 1px solid #e6e6e6; */ height: 100%; position: relative; }
header div.header-bottom nav ul li:first-child { /* border-top: 1px solid #e6e6e6; */ }
header div.header-bottom nav ul li:last-child { border-bottom: none; }
header div.header-bottom nav ul li a { font-weight: bold; position: relative; display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 18px 20px; text-align: left; font-size: 1.6rem; border-bottom: 1px solid #eee; }
header div.header-bottom nav > div.inner > ul > li:hover > a { background: #fff; color: #293842; }
header div.header-bottom nav div.inner > ul > li:first-child > a { border-top: 1px solid #eee; }
header div.header-bottom nav div.inner > ul > li > a:after { /* position: absolute; top: 50%; right: 15px; left: inherit; display: block; width: 10px; height: 10px; content: ''; transition: all .2s ease-in-out; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 1px solid #484949; border-right: 1px solid #484949; background: none; */ }
header div.header-bottom nav div.inner > ul > li.have-sub-menu.sp-active > a:after { -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }
header div.header-bottom nav div.inner > ul > li > a:hover:after { border-top: 1px solid #fff; border-right: 1px solid #fff; }
header div.header-bottom nav ul li:first-child a::before { position: relative; top: auto; left: 0; width: auto; height: auto; margin-top: 0; content: ''; background: none; }
/*header nav ul li a::after { position: relative; z-index: 9999; bottom: 0; left: 0; width: 0; height: auto; content: ''; background: none; }*/
header div.header-bottom nav ul li a:hover::after { /* left: inherit; width: 5px; border-right: 2px solid #f75651; border-top: 2px solid #f75651; */ }
header div.header-bottom nav ul li.current a { color: #333; }
header div.header-bottom nav ul li.current:after { position: relative; content: ""; bottom: 0; width: auto; height: 0; left: 0; background: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
header div.header-bottom nav ul li div.sub-menu { max-height: 0; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ スマホ の とき の サブメニュ�` */

span.responsive-sub-menu-trigger { display: block; position: absolute; right: 0.5em; top: 0.5em; background: #eee; /* border-radius: 1000px; */ width: 40px; height: 40px; /* transform: translateY(-50%); -webkit-transform: translateY(-50%); */ cursor: pointer; z-index: 1000; }
span.responsive-sub-menu-trigger:after { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; content: ''; transition: all .2s ease-in-out; transform: translateX(-50%) translateY(-50%) rotate(135deg); border-top: 2px solid #192329; border-right: 2px solid #192329; }
span.responsive-sub-menu-trigger.active:after { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; content: ''; transition: all .2s ease-in-out; transform: translateX(-50%) translateY(-50%) rotate(-45deg); border-top: 2px solid #192329; border-right: 2px solid #192329; }
/* ホバ�` の とき も 盾茅 */
header div.header-bottom nav ul li:hover div.sub-menu { max-height: 0; box-shadow: none; /* transition: 0.5s all; */ }
header div.header-bottom nav ul li div.sub-menu { /* background: #f8f8f8 none repeat scroll 0 0; */ left: 0; max-height: 0; min-width: 1200px; overflow: hidden; position: relative; z-index: 5000; }
header div.header-bottom nav ul li span.responsive-sub-menu-trigger.active + div.sub-menu { max-height: 100000px; }
header div.header-bottom nav ul li div.sub-menu { min-width: inherit; width: 100%; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul.column3 li, header div.header-bottom nav ul li div.sub-menu div.sub-menu-pick-up ul.column4 li { margin-right: 0; width: 100%; }
header div.header-bottom nav ul li div.sub-menu a { overflow: hidden; border-bottom: 0; }
header div.header-bottom nav ul li div.sub-menu > li:first-child a { border-top: 0; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul li { float: none; margin-right: 0; width: 100%; }
header div.header-bottom nav ul li div.sub-menu div.sub-menu-list ul li a { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* font-size: 1.3rem; */ font-size: 1.5rem; font-weight: normal; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ @end スマホ の とき の サブメニュ�` */

/* -------------------------------------------------------- menu-button */
header div.menu-button { position: absolute; top: 0; right: 0; display: block; width: 50px; height: 50px; z-index: 9999; }
header div.menu-button div.menu-trigger { display: block; cursor: pointer; }
header div.menu-button div.menu-trigger > div { position: relative; display: block; width: 50px; height: 50px; background: #192329; }
header div.menu-button div.menu-trigger > div div.label { font-size: 1.0rem; font-weight: bold; position: absolute; box-sizing: border-box; width: 50px; color: #fff; bottom: 0.5em; text-align: center; }
header div.menu-button div.menu-trigger > div div.label::before { content: 'MENU'; }
header div.menu-button div.menu-trigger > div div.label.open::before { content: 'CLOSE'; }
header div.menu-button div.menu-trigger > div div.hamburger { position: relative; width: 40px; height: 40px; }
header div.menu-button span { position: absolute; left: 0; display: inline-block; box-sizing: border-box; width: 20px; height: 2px; transition: all .4s; background: #fff; }
header div.menu-button span:nth-of-type(1) { top: 13px; left: 15px; }
header div.menu-button span:nth-of-type(2) { top: 19px; left: 15px; }
header div.menu-button span:nth-of-type(3) { bottom: 13px; left: 15px; }
header div.menu-button.active span:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); }
header div.menu-button.active span:nth-of-type(2) { opacity: 0; }
header div.menu-button.active span:nth-of-type(3) { -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); }

/* ie9 */
/*
html.ie9 header div.menu-button { position: relative; display: block; width: 100%; height: 40px; background: #003e6c; }
html.ie9 header div.menu-button div.menu-trigger > div div.hamburger { background: url(/img/menu-button.png) no-repeat; background-position: center; background-size: 20px 20px; }
html.ie9 header div.menu-button.active div.menu-trigger > div div.hamburger { background: url(/img/menu-button_active.png) no-repeat; background-position: center; background-size: 20px 20px; }
html.ie9 header div.menu-button span { display: none; }
*/

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

/* section */
section { padding: 30px 0; position: relative; overflow: hidden; }
section div.titles-wrap {}
section div.title h2 { font-weight: bold; }
section div.title h2 div.en-title { font-family: 'Century Gothic', Futura, 'Oswald', sans-serif; font-size: 3.6rem; line-height: 1.25; margin-bottom: 0; }
section div.title h2 div.ja-title { font-size: 1.8rem; margin-bottom: 20px; }
section div.titles-wrap div.links a { color: #333; }

/* div.section-visual background */
section div.section-visual {}
section div.section-visual img {}

/* */
section .btn {}

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

div.fixed-bnr { /* display: none; top: 50%;*/ position: relative;  transform: translateY(0); z-index: 100; right: 0; left: 0; top: 0; overflow: hidden; }
div.fixed-bnr ul li { margin-bottom: 0; border-bottom: 2px solid #eee; width: 100%; /* width: 250px; */ /* */ height: 50px; /* */ position: relative; transition: 0.5s all; background: #fff; box-shadow: none; }
div.fixed-bnr ul li a { background: #fff; display: block; color: #192329; position: relative; overflow: hidden; vertical-align: middle; }
div.fixed-bnr ul li a img { display: none; }
div.fixed-bnr ul li a:hover div.wrap div.icon-wrap { /* filter: brightness(85%); -moz-filter: brightness(85%); -webkit-filter: brightness(85%); */ /* background: #f0f0f0; */ opacity: 0.75; }
div.fixed-bnr ul li a div.wrap { display: block; position: relative; z-index: 1; }
div.fixed-bnr ul li a div.wrap div.icon-wrap { width: 50px; /* */ height: 50px; /* */ position: relative; background: #192329; float: left; }
div.fixed-bnr ul li a div.wrap div.icon-wrap span { font-size: 2.4rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #eee; }
div.fixed-bnr ul li a div.wrap div.icon-wrap img { color: #eee; display: block; height: 50px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 50px; }
div.fixed-bnr ul li a div.wrap div.label { height: 50px; line-height: 50px; padding-left: 0.5em; padding-right: 0.5em; float: left; }

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

/* div.external-menu {}*/
section.mainVisual { height: auto; }
section.mainVisual div.visual { /* left: 0; position: absolute; top: 0; width: 100%; height: 300px; z-index: 0; */ }
section.mainVisual div.visual img { /* height: auto; left: 50%; max-width: inherit; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: auto; height: 200%; */ width: 200%; max-width: inherit; max-height: inherit; }
section.mainVisual div.visual li.slide-20th img { width: 200%; height: auto; margin-left: -50%; }
section.mainVisual div.visual li.consultation img { width: 200%; height: auto; margin-left: -50%; }
section.mainVisual div.visual li.festival img { width: 100%; height: auto; margin-left: 0; }
section.mainVisual div.wrap div.copy { left: 0.5em; }
section.mainVisual div.wrap div.copy div.main { font-size: 5rem; }
section.mainVisual div.wrap div.copy div.sub { font-size: 1.5rem; }

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

section.emergency div.inner { padding: 0; }
section.emergency div.inner div.links a { padding-right: 2em; }

/* 嶷勣なお岑らせ */
section.emergency.list div.titles-wrap { width: 100%; float: none; /* reset */ padding: 0; padding-top: 20px; }
section.emergency.list div.title h2 div.ja-title { font-size: 1.8rem; margin-bottom: 20px; }
section.emergency.list div.news-list { float: none; width: 100%; /* reset */ padding: 0; padding-bottom: 20px; }
section.emergency.list div.news-list ul li a div.entry div.new { /* reset */ min-width: inherit; margin-right: 0; display: inline; }
section.emergency.list div.news-list ul li a div.entry div.wrap { float: none; margin-right: 0; min-width: 100%; }
section.emergency.list div.news-list ul li a div.entry div.update { display: inline-block; float: none; vertical-align: middle; }
section.emergency.list div.news-list ul li a div.entry div.headline { width: 100%; }
section.emergency.list div.news-list div.links { text-align: center; }

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

section.news {}
section.news div.titles-wrap { width: 100%; float: none; }
section.news div.news-list { float: none; width: 100%; }
section.news div.news-list ul li a div.entry div.new { /* reset */ min-width: inherit; margin-right: 0; display: inline; }
section.news div.news-list ul li a div.entry div.wrap { float: none; margin-right: 0; min-width: 100%; }
section.news div.news-list ul li a div.entry div.update { display: inline-block; float: none; vertical-align: middle; }
section.news div.news-list ul li a div.entry div.headline { width: 100%; }
section.news div.news-list ul li.pin a { padding-left: 3rem; padding-right: 3rem; }
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: 0; left: 0; transform: none; }
section.news div.news-list ul li.pin a div.new { display: none !important; }
section.news div.news-list div.links { text-align: center; }
ul.sort-tab { font-size: 0; }
ul.sort-tab li { font-size: 1.6rem; display: inline-block; min-width: 32%; max-width: 32%; margin-right: 2%; margin-bottom: 2%; border-radius: 5px;  }
ul.sort-tab li.all { min-width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 2%; }
ul.sort-tab li span { border-radius: 5px; }
ul.sort-tab li:nth-child(3n + 1) { margin-right: 0; }

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

section.admissions {}
section.admissions div.titles-wrap { width: 100%; float: none; }
section.admissions div.news-list { float: none; width: 100%; }
section.admissions div.news-list ul li a div.entry div.wrap { float: none; margin-right: 0; min-width: 100%; }
section.admissions div.news-list ul li a div.entry div.update { display: inline-block; float: none; vertical-align: middle; }

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

section.tues-report div.titles-wrap { float: none; width: 100%; }
section.tues-report div.tues-report-list { float: none; width: 100%; }
/* section.tues-report div.tues-report-list ul li { background: #fff; float: none; margin-right: 0; width: 100%; padding-bottom: 0; margin-bottom: 1em; } */

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

section.public-offering {}
section.public-offering div.titles-wrap { float: none; width: 100%; }
section.public-offering div.public-offering-list { float: none; width: 100%; }
section.public-offering div.public-offering-list ul li a div.entry div.wrap { float: none; margin-right: 0; min-width: 100%; }
section.public-offering div.public-offering-list ul li a div.entry div.update { display: inline-block; float: none; vertical-align: middle; }

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

section.feature {}
section.feature div.titles-wrap div.link { position: relative; margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px; }
section.feature div.titles-wrap div.link a.btn { margin-left: auto; margin-right: auto; }
section.feature div.feature-list ul li { float: none; margin-right: 0; width: 100%; padding: 0.5em 1em; margin-bottom: 1em; }
section.feature div.feature-list ul li div.headline { font-size: 2.1rem; margin-bottom: 0.5em; }

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

div.publicity-sections {}

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

div.research-sections { min-width: 100%; padding-bottom: 20px; position: relative; }
div.research-sections div.contents-wrap h2 div.en-title { font-size: 1.8rem; }


section.machinaka div.titles-wrap,
section.machinaka div.section-visual  { width: 100%; }



}

@media only screen and (max-width: 768px) {
div.research-sections div.clearfix { display: block; }
div.research-sections section { box-sizing: border-box; float: none; width: 100%; }
div.research-sections section div.wrap { float: none; width: 100%; margin-bottom: 1em; max-width: 100%; }
}

@media only screen and (max-width: 900px) {
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

section.sdgs { /*background: #fff; border-bottom: 10px solid #f0f0f0;*/ padding: 0; }
section.sdgs:before { background: #eee; }
section.sdgs div.inner { padding: 0; }
section.sdgs div.titles-wrap { position: relative; float: none; width: 100%; text-align: left; /*color: #333;*/ margin-left: 0; padding: 1.5rem }
section.sdgs div.titles-wrap:after {  }
section.sdgs div.title h2 div.ja-title, section.sdgs div.title h2 div.en-title { /*color: #333;*/ }
section.sdgs div.titles-wrap div.description { max-width: 100%; margin-left: 0; }
/* */
section.sdgs div.section-visual { width: 100%; left: 0; }
section.sdgs div.section-visual img { display: none; }
section.sdgs div.section-visual img.responsive { display: block !important; /*position: absolute; top: 50%; right: 0; left: auto; transform: translateX(0) translateY(-50%); z-index: 1000; width: 50%; min-width: inherit; */ position: relative; top:0; left:0; width: 100%; height: auto; transform:translate(0,0); }
section.sdgs::before { display: none; }
section.sdgs div.link { float: left; }

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

/* section.machinaka {}
section.machinaka div.titles-wrap { float: none; max-width: 100%; }
section.machinaka div.titles-wrap div.description { max-width: 100%; } */

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

/* section.coc {}
section.coc div.titles-wrap { float: none; max-width: 100%; text-align: left; }
section.coc div.titles-wrap div.description { margin-left: 0; max-width: 100%; }
section.coc div.link { float: left; }
*/
section.carbon_neutral { /*padding-top: 4rem; padding-bottom: 4rem;*/ }
section.carbon_neutral div.inner { /*padding-right: 1em; display: block; height: auto;*/ }
section.carbon_neutral div.titles-wrap { padding-left: 0; width:100%; position: relative; transform: none; }
section.carbon_neutral div.section-visual { left: 0; width: 100%; }
section.carbon_neutral div.section-visual img { width: 100%; position: relative; transform: none; left: 0; margin-left: auto; margin-right: auto; display: block; }
section.carbon_neutral div.titles-wrap div.ja-title { font-size: 2.4rem; }

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

section.english-village {}
section.english-village div.titles-wrap { float: none; max-width: 100%; }
section.english-village div.titles-wrap div.description { max-width: 100%; }
section.english-village-activity-report {}
section.english-village-activity-report div.titles-wrap { width: 100%; float: none; }
section.english-village-activity-report div.english-village-activity-report-list { float: none; width: 100%; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.new { /* reset */ min-width: inherit; margin-right: 0; display: inline; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.wrap { float: none; margin-right: 0; min-width: 100%; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.update { display: inline-block; float: none; vertical-align: middle; }
section.english-village-activity-report div.english-village-activity-report-list ul li a div.entry div.headline { width: 100%; }
section.english-village-activity-report div.english-village-activity-report-list div.links { text-align: center; }
div.sections.sections-english-village_international-exchange div.clearfix { display: flex; flex-wrap: wrap; }
div.sections.sections-english-village_international-exchange section { width: 50.00%; }
div.sections.sections-english-village_international-exchange section:nth-child(1) { margin-bottom: 2rem; }
div.sections.sections-english-village_international-exchange section { width: 50.00%; position: relative; margin: 0 !important; bottom: 0 !important; top: inherit !important; }
div.sections.sections-english-village_international-exchange div.wrap h2 div.ja-title { font-size: 2rem; }


section.international-exchange-activity-report {}
section.international-exchange-activity-report div.titles-wrap { width: 100%; float: none; }
section.international-exchange-activity-report div.international-exchange-activity-report-list { float: none; width: 100%;}
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.new {min-width: inherit; margin-right: 0; display: inline; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.wrap { float: none; margin-right: 0; min-width: 100%; }
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.update { display: inline-block; float: none; vertical-align: middle;}
section.international-exchange-activity-report div.international-exchange-activity-report-list ul li a div.entry div.headline { width: 100%;}
section.international-exchange-activity-report div.international-exchange-activity-report-list div.links { text-align: center; }

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

div.sections div.section-title h2 div.en-title { font-size: 3.6rem; text-align: left; }
div.sections div.section-title h2 div.ja-title { font-size: 1.8rem; text-align: left; }
div.sections { min-width: 100%; padding-bottom: 20px; position: relative; }
div.sections div.contents-wrap h2 div.en-title { font-size: 1.8rem; }
div.sections section.coc { box-sizing: border-box; float: none; width: 100%; }
div.sections section.coc div.wrap { float: none; width: 100%; margin-bottom: 1em; max-width: 100%; }
div.sections section.machinaka { box-sizing: border-box; float: none; width: 100%; }
div.sections section.machinaka div.wrap { float: none; width: 100%; margin-bottom: 1em; max-width: 100%; }

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

section.bnr ul li { float: left; margin-bottom: 2%; margin-right: 2%; width: 49.0%; }
section.bnr ul li:nth-child(4n) { margin-right: 2%; }
section.bnr ul li:nth-child(2n) { margin-right: 0; }
section.bnr ul li:nth-of-type(n+5) { margin-bottom: 2%; }
section.bnr ul li:nth-last-child(-n+2) { margin-bottom: 0; }

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

footer { min-width: inherit; }
footer div.logo-information-wrap { float: none; width: 100%; margin-bottom: 20px; }
footer div.links-wrap { float: none; width: 100%; }
footer div.links-wrap ul li { width: 100%; float: none; margin-right: 0; }
footer div.links-wrap ul li a {}
footer div.footer-site-map { /* padding-left: 1em; padding-right: 1em; */ display: none; }
footer div.footer-site-map div.footer-site-map-list ul li { display: block; }
footer div.footer-site-map div.footer-site-map-list .column { /* reset */ float: none !important; width: 100% !important; margin: 0 !important; }

/* トップペ�`ジ */
footer div.footer-site-map div.footer-site-map-list.top .column:nth-child(1) div.nest-column ul { float: none; margin-right: 0; width: 100%; }
footer div.footer-site-map div.footer-site-map-list .column div.head a { font-size: 1.6rem; }
footer div.footer-site-map div.footer-site-map-list .column li a { font-size: 1.4rem; }
footer div.sns ul li { width: 30.00%; box-sizing: border-box; }
footer div.sns ul li a { text-align: center; }
footer div.sns ul li:after { position: absolute; bottom: -1.5em; top: inherit; transform: none; width: 100%; text-align: center; left: 0 !important; }
footer div.page-top { bottom: 0; }
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

section.subtop-header { min-height: 300px; }
section.subtop-header div.titles-wrap { float: none; max-width: 100%; }
div.category-header { min-width: inherit; }
div.category-header h1, div.category-header span.title { font-size: 2.4rem; }
div.category-header div.description { margin-bottom: 1em; font-size: 1.4rem; }
div.category-header div.print-btn { text-align: left; }

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

div.contents-wrap { min-width: inherit; }
div.contents-wrap div.page-title { width: 100%; float: none; margin-bottom: 1.25em; }
div.contents-wrap div.page-title h1 { font-size: 2.1rem; }
div.contents-wrap div.main { float: none; width: 100%; }
div.contents-wrap aside { float: none; width: 100%; }

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

/* 屡 贋 の html に �� �� */
section.contents { padding: 0; }
section.contents div.cntsArea { padding: 1.5em 1em; max-width: 100%; min-width: 100%; }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- categoryList */ }

@media only screen and (max-width: 900px) {
div.categoryList > div.inner > ul > li { margin: 0 2% 20px 0; width: 49%; }
div.categoryList > div.inner > ul > li:nth-child(3n) { margin-right: 2%; }
div.categoryList > div.inner > ul > li:nth-child(2n) { margin-right: 0; }
}

@media only screen and (max-width: 480px) {
div.categoryList > div.inner > ul > li { margin: 0 0 20px 0; width: 100%; }
div.categoryList > div.inner > ul > li:nth-child(3n) { margin-right: 0; }
div.categoryList > div.inner > ul > li:nth-child(2n) { margin-right: 0; }
}

@media only screen and (max-width: 900px) {
/*
div.categoryList ul.column { margin: 0 auto; padding: 0; } 
div.categoryList ul.column li { margin-right: 0; width: 100%; }
div.categoryList div.article div.spot { height: 100%; min-height: 100%; overflow: hidden; width: 20%; float: left; border-bottom: none; }
div.categoryList div.article div.spot span { height: auto; width: 100%; display: table-cell; }
div.categoryList div.article div.spot span img { display: inline; height: 100%; max-width: 100%; position: relative; vertical-align: middle; width: 100%; z-index: 50; } 
*/
div.categoryList div.article div.wrap { overflow: hidden; margin-bottom: 0; padding: 1em; }
div.categoryList div.article div.headline { margin-bottom: 5px; }
div.categoryList ul li a div.article div.description { margin-bottom: 0; }
div.categoryList ul li a div.article div.more { display: none; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- categoryUpdate */

/* 
div.categoryUpdate ul li a div.entry div.wrap { overflow: hidden; margin-bottom: 0.5em; }
div.categoryUpdate ul li a div.entry div.headline { overflow: hidden; } 
*/
div.categoryUpdate ul li a div.entry div.wrap { float: none; margin-right: 0; min-width: 100%; }
div.categoryUpdate ul li a div.entry div.update { display: inline-block; float: none; vertical-align: middle; }
}