@charset "UTF-8";
/*
Theme Name: mainichi
*/
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust: 100%;
}
body {
	color: #212121;
	line-height: 1;
	font-family: Meiryo,"Hiragino Kaku Gothic ProN",Helvetica,Arial,sans-serif;
	-webkit-overflow-scrolling: touch;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section, img, video {
	display: block;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	display: block;
	color: #212121
}

a:focus {
	outline: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
head {
	display: none;
}
* {
	list-style-type: none;
	text-decoration: none;
}

input[type="button"],input[type="submit"],input[type="text"] {
    -webkit-appearance: none;
       border-radius: 0;

  }
.hidden {
	visibility: hidden;
}
.slick-list {
	width: 90%;
}
.sns_area_sp {
	display: block;
	width: 135px;
	margin: auto;
	padding: 10px 0;
}
.sns_area_sp .sns_links {
	width: 45px;
	float: left;
	border: none;
}
.sns_links img {
	display: block;
	width: 35px;
	margin: auto;
}
#video {
	width: 100%;
	height: auto;
}
a :link, a :visited, a :hover {
	color: #212121;
}
.links {
	width: 90%;
	margin: auto;
	height: 40px;
	margin-top: 24px;
}
.movies {
	width: 42%;
	height: 40px;
	line-height: 40px;
	background-color: #717171;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	float: left;
	margin-left: 0;
	margin-right: 3%;
	font-size: 14px;
}
.news_site {
	display: block;
	width: 42%;
	height: 40px;
	line-height: 40px;
	background-color: #717171;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	float: right;
	margin-right: 0;
	margin-left: 3%;
	font-size: 14px;
}
@media(max-width:500px) {
	.news_site,
	.movies {
		width: 48%;
		margin-right: 0;
		margin-left: 0;
	}
}
.sns_heading {
	color: #212121;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	font-family: Meiryo,"Hiragino Kaku Gothic ProN",Helvetica,Arial,sans-serif;
	margin-top: 3em;
}
.PC,
.language_area,
/*#btn,*/
#overlay,
.header_top_box,
.logo,
.sns_area,
.contact_btn,
.home {
	display: none;
}
img{
	pointer-events: none;
}
#overlay img#close {
	pointer-events: auto;
}

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

ヘッダー

--------------*/
header,
.home_link {
	display: block;
}
.header_top {
	width: 100%;
	border-bottom: 1px solid #212121;
	position: fixed;
	background-color: #fff;
	z-index: 99;
}
.home_link {
	height: 48px;
}
.header_top_main {
	height: 48px;
}
@media (max-width:768px){
	.header_top_main a {
		display: inline-block;
		position: relative;
		left: 5%;
	}
	.header_top_main img.SP {
		width: 160px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

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

Gナビ

-------------------*/
@media (min-width:769px){
	.drawer-nav {
		margin-bottom:10px
	}
	.drawer-dropdown>a {
		width: 50%;
		margin: auto;
		/*border-bottom: 1px solid #212121;*/
	}
	.drawer--top.drawer-open .drawer-nav {
		position: fixed;
	}
	li.drawer-dropdown > a.toggle {
		width: 100%;
		line-height: 33px !important;
	}
}

@media (max-width:768px){
	.drawer-menu-item a:hover,
	.drawer-dropdown > a:hover {
		color:#212121;
		opacity: 0.8;
	}
	.sns_aria_sp {
		width: 90%;
		margin: auto;
		text-align: left !important;
	}
	.sns_heading{
		color: #212121;
		line-height: 14px;
		font-size: 14px;
		font-weight: bold;
		margin: 1.5em auto;
	}
	.sns_inner{
		display: block;
		height: 46px;
	}
	.sns_links {
		width: 35px;
		float: left;
		margin: 5px;
	}
	/*.drawer-menu-item {
		display: inline;
	}*/
	li.drawer-menu-item.SP.cf {
		border: none;
	}
	.b-bottom-none {
		border-bottom: none !important;
	}
}


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

検索

------------*/
.cse-search-box {
	width: 220px;
	margin: auto;
	position: relative;
}
.search {
	height: 60px;
}
.search_text {
	width: 175px;
	height: 38px;
	position: relative;
	left: 6px;
	box-sizing: border-box;
	border: 1px solid #212121;
}
.search_btn {
	width: 40px;
	height: 38px;
	padding: 0px;
	background-color: #666;
	cursor: pointer;
	border: none;
	color: transparent;
	position:relative;
}
.search_img {
	width: 24px;
	height: auto;
	position: absolute;
	right: 0.4em;
	top: 0.5em;
}
@media (max-width:768px){
	.cse-search-box {
		width: 100% !important;
		position:relative;
	}
	.search {
		width:90%;
		margin: 20px auto 0;
	}
	.search_text {
		width: 100%;
		height: 38px;
		position: relative;
		left: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
		background: url(https://www.mainichi.co.jp/wp-content/themes/mainichi-theme/images/search_img_SP.png) no-repeat 6px center;
    	background-size: 20px;
		filter: grayscale(100%);
		font-size: 0.8em;
		color: #212121;
		background-color: #fff;
	}
	.search_img{
		display: none;
	}
	.search_btn{
		display: none;
	}

}
/*----------

mainコンテンツ

--------------*/
.main_img {
	padding-top: 68px;
	padding-right: 1em;
	padding-left: 1em;
}
.main_img img {
	width: 100%;
	height: auto;
}
.top_title {
	font-size: 34px;
	padding: 20px 0px;
	line-height: 120%;
}
.main_text_area {
	width: 100%;
	height: auto;
	padding: 20px 10px 0px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 28px;
}
.slider {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top:none;
	border-bottom: 1px solid;
}
.slider_items {
	font-weight: bold;
	font-size: 22px;
	padding: 10px;
	border-top: 1px dashed #212121;
	border-right: 1px solid #212121;
}
.is-selected {
	border-right: 1px solid #212121;
}
.second_slider_items .is-selected {
	border: none;
}

@media(max-width:500px) {
	.slider {
		padding-bottom: 10px;
	}
	.slider_items {
		font-size: 1.4rem;
		line-height: 1.8rem;
		border-top: none;
		border-right: none;
	}
	
}


/*-------

コンテンツボックス

----------*/
.box_area {
	margin: 0 auto 50px;
	border-bottom: 1px solid #212121;
	padding-top: 20px;
	padding-bottom: 20px;
}
.contents_box {
	width: 70%;
	margin: 0 auto 10px;
}
figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	-webkit-transition: .3s;
	transition: .3s;
	animation-direction: reverse;
	opacity: 0;
}
figure:hover figcaption {
	opacity: 1;
	color: #fff;
	font-size: 20px;
	box-sizing: border-box;
	padding-top: 35%;
	text-align: center;
}
.contents_box img {
	width: 100%;
}
h2 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 2;
}

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

バナー設置

--------------*/
.banner_area {
    width: 100%;
    margin: 0 auto 30px;
}
.banner_area .pc-bnr img {
    margin: auto;
    width: 100%;
}
@media (max-width: 768px){
    .banner_area .pc-bnr img{
        max-width: 90%;
    }
}
@media (max-width: 576px){
    .banner_area {
        display: none;
    }
}

@media (min-width: 577px){
    .banner_sparea {
        display: none;
    }
}
@media (max-width: 576px){
    .banner_sparea {
        margin: 40px auto 0px;
    }
    .banner_sparea .sp-bnr img {
        margin: auto;
        width: 100%;
    }
}
/*----------

バナー設置 ページ下

--------------*/
.banner_area_footer {
    width: 100%;
    margin: 0 auto 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center; 
}
.anner_area_footer .pc-bnr img {
    margin: auto;
    width: 100%;
}
@media (max-width: 768px){
    .anner_area_footer .pc-bnr img{
        max-width: 90%;
    }
}
@media (min-width: 501px){
.banner_area_footer {
	border-bottom: 1px solid #212121;
}
}
@media (max-width: 500px){	
	.banner_area_footer {
		padding-top: 50px;
	}
.banner_area_footer .contents_box {
	margin: 0 auto 20px;
}}
/*----------

ページ下部スライダー

--------------*/
.second_slider {
	counter-increment: gallery-cell;
}
.second_slider_items{
	width:100%;
	border:none;
}
.second_slider_image {
	width: 70%;
	height: auto;
	margin: auto;
}
.second_slider p {
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: normal;
	text-align: center;
}
.second_slider:before {
	text-align: center;
	content: counter(gallery-cell);
	color: white;
}
/*---------

フッター

--------------------*/
#page-top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: #0078c6;
  border-radius: 50%;
	z-index: 2;
}
@media(max-width:768px) {
	#page-top {
		right: 10px;
		bottom: 10px;
	}
}
#page-top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page-top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 30px;
  color: #fff;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


footer {
	height: 105px;
	font-size: 16px;
}
.footer_list_area {
	margin-top:40px;
}
.footer_list li {
	 box-sizing: border-box;
	text-align: center;
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #969696;
}
.copylight {
	text-align: center;
	font-size: 9px;
	height: 100px;
	line-height: 100px;
}
@media(max-width:500px) {
	footer {
		padding-top: 20px;
    	font-size: 0.8rem;
	}
	.footer_inner {
		background-color: #F5F3F3;
		border-top: 1px solid #bdbdbd;
		margin-top: 50px;
	}
	.footer_list_area {
    	margin-top: 15px;
		margin-bottom: 5px;
	}
	.footer_list {
		width: 90%;
		margin: auto;
	}
	.footer_list li {
		width: 100%;
		text-align: left;
		border-bottom: none;
		line-height: 2.0rem;
		height: inherit;
	}
	.copylight {
		text-align: left;
    	width: 90%;
		font-size: 0.7rem;
		padding: 10px 0 30px;
		line-height: 1.5rem;
		margin: auto;
		height: inherit;
	}
	#page_top {
		bottom: 5px;
		right: 5px;
		width: 40px;
		height: 40px;
	}
}

@media only screen and (min-width: 501px){
	/*-------

	ヘッダー

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

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

	Gナビ

	------------*/
	.cse-search-box {
		width: 220px;
		margin: auto;
		position: relative;
	}
	.search_img {
		top: 0.5em;
	}


	/*---------

	mainコンテンツ

	------------*/
	.main_img img {
		padding-top: 20px;
	}
	.links {
		 width: 90%;
		max-width: 420px;
		margin: auto;
		margin-top: 24px;
	}
	.movies,
	.news_site {
		font-size: 16px;
	}
	.eyecatch {
		margin-bottom: 1em;
	}

	.main_text_area {
		width: 90%;
		height: auto;
		margin: auto;
		box-sizing: border-box;
	}
	.sentence_text {
		padding: 0 0 10px 0;
	}
	.slider{
		border-top:1px solid;
	}
	.slide_area {
		width: 90%;
		margin: 0 auto;
	}
	.slider_items {
		width: 50%;
		padding:0;
		font-size: 22px;
		text-align: center;
		border-top:none;
		line-height: 1.2;
	}
	.box_area {
		margin: 0 auto 30px;
	}
	.contents_box {
		width: 40%;
		float: left;
		margin: 5%;
	}
	.slide_area_second {
		width: 90%;
		margin: auto;
		/*height: 196px;*/
		padding-bottom: 80px;
		border-bottom: 1px solid #212121;
	}
	.second_slider_items {
		width: 50%;
	}
	.second_slider_items {
		border: none;
	}
	/*-----------

	フッター

	---------------*/
	.copylight {
		font-size: 11px;
		line-height:11px;
	}
	.footer_list_area {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.footer_list li {
		width: 33%;
		float: left;
		height: 11px;
		margin-bottom: 11px;
		line-height: 11px;
		border-bottom: none;
		border-right: 1px solid #212121;
	}
	.footer_list li a {
		font-size: 11px;

	}
	.footer_list a:hover{
		color:#0078c6;
	}
	.footer_list_area > ul > li:nth-child(3n){
		border:none;
	}
}
@media only screen and (min-width: 769px) {
	.SP {
		display: none!important;
	}
	.PC,
	header,
	.header_top,
	.header_top_main,
	.header_top_main h1,
	.header_top_main img,
	.header_top_box,
	.contact_btn,
	/*#btn,*/
	.contact_btn,
	.sns_area,
	.language_area,
	#overlay,
	.logo,
	.logo img{
		display:block;
	}

	/*-----+

	ヘッダー

	----------*/
	.header_top {
		max-width: 1280px;
		box-sizing: border-box;
		padding:0 20px;
		position: fixed;
		height: 54px;
		border:none;
		}
	.header_top_box{
		position:absolute;
		/*right:0;*/
		right: 13px;
		bottom: 5px;
	}
	.home_link{
		height:initial;
	}
	.header_top_main {
			height: 20px;
		padding-top: 25px;
		padding-bottom: 8px;
		background-color: #fff;
		border-bottom: 1px solid #212121;
	}
	.header_top_main img{
		float:none;
		width:180px;
		margin:auto;
		position:static;
		transform:none;
	}

	#overlay {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		left:0;
		z-index: 100;
		background: rgba(0, 0, 0, 0.7);
	}
	#text {
		padding-top: 400px;
	}
	#close {
		background-color:transparent;
		margin:2.5em;
		width: 70px;
		float: right;
		cursor: pointer;
	}
	.cse-search-box {
		width: 100%;
	}
	.search {
		width: 80%;
		max-width: 960px;
		margin: auto;
	}
	.search_text {
			font-size: 3vh;
		color: #fff;
		padding-left: 2.5em;
		padding-right: 0em;
		width: 90%;
		height: 75px;
		position: relative;
		left: 6px;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #fff;
		background-color: transparent;
	}
	input[type="text"] {
		outline: none;
	}
	.search_img {
		width: 48px;
		padding: 0px;
		border: none;
		color: #fff;
		background-color: transparent;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 1em;
	}
	#overlay > div > form > input[type="submit"]:nth-child(5) {
		cursor: pointer;
		background-color: transparent;
		color: #fff;
		font-size: 24px;
		border: none;
		position: absolute;
		right: 4em;
		bottom: 0.5em;
	}
	.contact_btn a {
		color: #fff;
	}
	.contact_btn {
		width: 160px;
		font-size: 12px;
		float: right;
		color: #fff;
		background-color: #717171;
		text-align: center;
		border-radius: 3px;
		z-index: 100;
		margin-top: 20px;
		margin-right: 16px;
		height: 22px;
		line-height: 22px;
	}
	.header_right {
		width: 200px;
		position: relative;
		float: right;
		z-index: 2;
		padding-top: 64px;
	}

	.header_right{}

	.logo {
		width: 200px;
		margin-bottom: 20px;
	}
	.logo img {
		width: 168px;
		margin: 0 auto;
	}
	.date_area {
		width: 200px;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0 30px;
		top: 310px;
		margin-bottom: 15px;
	}
	.date {
		font-size: 21px;
		letter-spacing: -0.2px;
		text-align: center;
		font-weight: bold;
		font-family: "Sawarabi Mincho";
		margin-bottom: 15px;
	}
	.year {
		text-align: center;
		border-bottom: 1px solid #212121;
		padding-bottom: 10px;
		font-size: 10px;
		font-family: "Sawarabi Mincho";
	}
	/*---------

	ナビ

	-----------*/
	.menu_box {
		width: 200px;
		font-weight: bold;
		display: inline-block;
		text-align: center;
	}
		.drawer-menu li a {
			height: 33px !important;
			line-height: 33px !important;
			width: 100%;
			border-bottom: none;
		}
		.drawer-dropdown-menu {
			height: 100vh;
			width: inherit !important;
		}
		.drawer-dropdown-menu > li {
			display: table;
			text-align: left;
			/*width: 80% !important;*/
			width: 86% !important;/*20220720**MISSION ＆ VISION*/
			height: 44px !important;
			margin-right: auto;
			margin-left: auto;
		}
		.drawer-dropdown-menu-sub > li.drawer-menu-item.gmenu_child >a,
		.drawer-dropdown-menu > li>a {
			padding-left: 0.2em;
		}
		.drawer-dropdown-menu-sub > li.drawer-menu-item.gmenu_child >a:hover,
		.drawer-dropdown-menu > li>a:hover {
			width: 100%;
			height: auto;
			background-color: #fff;
			color: #0078c6;
		}
		.drawer-dropdown-menu-sub {
			display: block !important;
			margin-left: 1em !important;
			margin-bottom: 1rem !important;
		}

	.gmenu_child a {
		font-size: 15px;
	}
	.sns_area a img:hover {
		opacity: 0.8;
	}
	.open a {
		color: #fff;
		background-color: #0c4c7f;
	}
	.language_area {
		position: fixed;
		top: 26px;
		text-align: center;
		height: 1.2em;
	}
	.en_btn:hover {
		background: #717171;
		color: #fff;
	}
	.sns_heading {
		margin: 0.5em 0;
	}
	.sns_area {
		width: 150px;
		margin-left: 30px;
		border-top: 1px solid #212121;
		padding-top: 10px;
	}
	.sns_area .sns_inner {
		text-align: center !important;
	}
	.sns_area .sns_inner a {
		width: 35px;
		display: inline-block;
	}
	.sns_area img {
		width: inherit;
        pointer-events: auto !important;
	}
	/*---------

	mainコンテンツ

	-----------*/
	#main {
		padding-right: 200px;
		padding-top:64px;
	}
	.main_innner {

		border-right: 1px solid #212121;
		padding-right: 20px;
		padding-left: 20px;
		z-index: 1;
	}
	.eyecatch {
		border-bottom: 1px solid #212121;
	}
	.main_img {
		padding:0;
	}
	.main_text_area{
		width:100%;
	}

	.links a:hover{
		color:#fff;
	}
	.slider{
		border:none;
		padding:0;
	}
	.slide_area {
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
		overflow: hidden;
	}
	.box_area{
		border-top: 1px solid #212121;
	}
	.box_area h2:hover {
		color: #fff;
	}
	.slide_area_second {
		width: 100%;
		}
	
	
	footer{
		padding-right:200px;
	}

	.footer_inner {
		padding:0 20px;
	}
	.footer_list_area {
		width: 100%;
		margin: 20px auto;
	}
	.copylight{
		height:initial;
	}
	.footer_list li {
		width: 33%;
	}

	.footer_list li a:hover{
		color:inherit;
	}
}

@media screen and (min-width:961px){
/*-------

ヘッダー

----------*/
.header_top {
	max-width: 1280px;
	height:50px;
	border:none;
}
.header_top_main img {
	width: 215px;
}
.box_inner_wrap {
  display: table;
  width: 100%;
  margin-top: 10px;
}
.box_child {
  display: table-cell;
	padding: 0 3px;
}
/*.box_child span,*/
.box_child a {
	padding: 8px 10px;
	color: #fff;
	background-color: #717171;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
                                display: inherit;
}
.box_child span {
	padding: 8px 10px;
	color: #717171;
	background-color: #fff;
	font-size: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
                                display: inherit;
}
.box_child a:hover {
	opacity: 0.7;
}
.box_child span:hover {
	cursor: pointer;
	opacity: 0.7;
}

.contact_btn {
	width: 200px;
	height: 26px;
	line-height: 26px;
	font-size: 15px;
	margin-top: 15px;
}
.en_btn {
	width: 200px;
	height: 1.4em;
	line-height: 1.4em;
}
/*-------

mainコンテンツ

----------*/
.main_img {
	min-width: 54vw;
	width:70%;
    float: left;
    border-right: 1px solid #212121;
    box-sizing: border-box;
    padding-right: 1em;
}
	
@media(max-width:768px) {
.main_img {
    float:none;
    padding-right: 1em;
    padding-leftt: 1em;
}
	}
	
.main_text_area{
	width:30%;
}

.title {
	margin-left: 0.5em;
	}
.sentence_text {
	padding: 0px;
	height: 100%;
}
.slider_items {
	width: 33%;
}
.is-selected +.slider_items {
	border-right: 1px solid #212121;
}
.second_slider .is-selected {
	border: none;
}
.main_text_area {
	min-width: 19vw;
	width:25%;
	height: 36.5vw;
	display: inline-block;
	line-height: normal;
	box-sizing: border-box;
	float: right;
	padding-right: 0;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
}
.title {
	font-weight: bold;
	font-family: Meiryo,"Hiragino Kaku Gothic ProN",Helvetica,Arial,sans-serif;
}

.top_title {
	height: 100%;
	position: relative;
	display:inline-block;
	-webkit-text-orientation: upright;
	-ms-text-combine-horizontal: all;
	-ms-text-combine-horizontal: digits 2;
	padding: 0;
	position: relative;
	display:inline-block;
	}
.sentence {
	position: relative;animation:
	box-sizing: border-box;
	width: 75%;
	display: block;
	font-size: 1.9vw;
	line-height: 1.5em;
	-ms-text-combine-horizontal: digits 2;
	-webkit-text-orientation: upright;
}
.num1, .num2, .num3, .num4 {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright:all;
	letter-spacing: normal;
}
/*-------------------
アルファベット
	以下、ie,edgeにおけるアルファベット表示の調整
	上下の調整はtop:~~;にて行います。マイナス値も指定可能です。
	左右の位置調整はleft:~~;にて行ってください。
	こちらもマイナス値の指定が可能です。
--------------------*/
.alpha {
	position: relative;
	display: inline-block;
}
.ua-ie .alpha {
	display: inline-block;
	transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	width: 1em;
	height: 1em;
	}
.ua-ie .alpha-a {
}
.ua-ie .alpha-b {
	top: 0.1em;
}
.ua-ie .alpha-c {
}
.ua-ie .alpha-d {
}
.ua-ie .alpha-e {
}
.ua-ie .alpha-f {
	top: 0.1em;
}
.ua-ie .alpha-g {
	top: -0.1em;
}
.ua-ie .alpha-h {
	top: 0.1em;
}
.ua-ie .alpha-i {
	left: 0.12em;
}
.ua-ie .alpha-j {
	top: -0.1em;
	left: 0.12em;
}
.ua-ie .alpha-k {
}
.ua-ie .alpha-l {
	left: 0.1em;
}
.ua-ie .alpha-m {
	left: -0.13em;
}
.ua-ie .alpha-n {
}
.ua-ie .alpha-o {
}
.ua-ie .alpha-p {
}
.ua-ie .alpha-q {
}
.ua-ie .alpha-r {
	top: 0.1em;
	left: 0.1em;
}
.ua-ie .alpha-s {
}
.ua-ie .alpha-t {
	left: 0.1em;
	}
.ua-ie .alpha-u {
}
.ua-ie .alpha-v {
}
.ua-ie .alpha-w {
	left: -0.1em;
}
.ua-ie .alpha-x {
}
.ua-ie .alpha-y {
}
.ua-ie .alpha-z {
	top: 0.1em;
}
.ua-edge .alpha {
	transform: rotate(-90deg);
}
.ua-edge .alpha-a {
}
.ua-edge .alpha-b {
	top: 0.1em;
}
.ua-edge .alpha-c {
}
.ua-edge .alpha-d {
}
.ua-edge .alpha-e {
}
.ua-edge .alpha-f {
	top: 0.1em;
}
.ua-edge .alpha-g {
	top: -0.1em;
}
.ua-edge .alpha-h {
	top: 0.1em;
}
.ua-edge .alpha-i {
	left: 0.12em;
}
.ua-edge .alpha-j {
	top: -0.1em;
	left: 0.12em;
}
.ua-edge .alpha-k {
}
.ua-edge .alpha-l {
	left: 0.1em;
}
.ua-edge .alpha-m {
	left: -0.13em;
}
.ua-edge .alpha-n {
}
.ua-edge .alpha-o {
}
.ua-edge .alpha-p {
}
.ua-edge .alpha-q {
}
.ua-edge .alpha-r {
	top: 0.1em;
	left: 0.1em;
}
.ua-edge .alpha-s {
}
.ua-edge .alpha-t {
	left: 0.1em;
}
.ua-edge .alpha-u {
}
.ua-edge .alpha-v {
}
.ua-edge .alpha-w {
	left: -0.1em;
}
.ua-edge .alpha-x {
}
.ua-edge .alpha-y {
}
.ua-edge .alpha-z {
	top: 0.1em;
}
/*----------------
chrome
以下、chromeに対してのフォント表示位置の調整上下位置はtop:~~;にて行ってください。
	マイナス値の指定も可能です。
	左右位置はleft:~~;
	もしくはright:~~;
	にて行ってください。
----------------*/
/*------------
縦書き部のタイトルにあたる箇所に対し、文字詰めを行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が大きいほど文字間が広がります。
	また、この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
------------------*/
/*.ua-chrome .top_title {
	letter-spacing: -16px;
}*/
/*------------
縦書き部、本文にあたる箇所に対し、文字詰め指定の継承を予防しています。
	------------------
.ua-chrome .sentence {
	letter-spacing:-0.2em;
}*/
/*-----------
数値の横書き対応。
	4桁までの数字が対応可能です。
-----------------------*/
.ua-chrome .num1 {
	display: inline-block;
	font-size: 100%;
	position: relative;
	height: 1em;
	width: 1em;
	}
.ua-chrome .num2 {
	display: inline-block;
	font-size: 100%;
	position: relative;
	height: 1em;
	width: 1em;
}
.ua-chrome .num3 {
	display: inline-block;
    font-size: 100%;
    position: relative;
    left: 0.6em;
    transform: scaleY(1.3) scaleX(1.5);
    height: 1em;
    width: 1em;
}
.ua-chrome .num4 {
	display: inline-block;
    font-size: 100%;
    position: relative;
    left: 0.6em;
    transform: scaleY(1.3) scaleX(1.8);
    height: 1em;
    width: .05em;
}

/*----------------
	fire fox
	以下、firefoxでの縦書きエリアの調整を行います。
	--------------*/
/*------------
	縦書き部、タイトルにあたる箇所に対し、文字間設定を行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が多いほど文字間が広がります。
	また、この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
	------------------*/
/*.ua-gecko .top_title {
	letter-spacing: -.5px;
}
.ua-gecko .sentence {
	letter-spacing: normal;
	line-height: 1.5em;
}*/
/*---------------------
	縦書き部本文の
	〜
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/

.ua-gecko .sentence .tilde {
	display: inline-block;
	transform: rotate(-90deg) scaleY(-1);
	position: relative;
	left: -0.05em;
}

/*-----------
	数値の表示位置を調整します。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;
	にて調整して下さい。
	-----------------------*/
.ua-gecko .num1, .ua-gecko .num2, .ua-gecko .num3, .ua-gecko .num4 {
	/*position: relative;
	top: -0.1em;*/
}
/*----------------
	edge
	以下、縦書きエリアにおけるEDGEでの調整を行います。
	--------------*/
/*------------
	縦書き部、タイトルにあたる箇所に対し、文字間設定を行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が多いほど文字間が広がります。
	現在は初期化の値として　normal　が設定されています。
	変更を加える際には、px em % などの単位が使用可能です。
	この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
	------------------*/

.ua-edge .top_title {
	letter-spacing: normal;
}
.ua-edge .sentence {
	letter-spacing: normal;
}

.ua-edge .alpha {
	display: inline-block;
	transform: rotateZ(-90deg);
	width: 1em;
	height: 1em;
}
/*---------
	IE全般
	以下、縦書きエリアにおけるIE全体への設定を行います。
-------------*/
/*------------
	縦書き部、タイトルにあたる箇所に対し、文字間設定を行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が多いほど文字間が広がります。
	単位はpx % em 等が使用可能です。
	また、この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
	------------------*/
/*------------------
	本文に対しての文字間調整です
--------------------------*/
.ua-ie .sentence {
	letter-spacing: normal;
}

.ua-ie .sentence_text{
	display:inline;
	font-size:23px;
	text-align: justify;
}
/*------------------
	タイトルに対しての文字間調整です
--------------------------*/
.ua-ie .top_title {
	letter-spacing: -2px;
}

/*------------------
	一桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie .num1 {
	display: inline-block;
	transform: rotateZ(-90deg);
	width: 1.5em;
	height: 1.5em;
	position: relative;
	left: 0.5em;
}
/*--------------------
	IE9
	以下、IE9に呈しての設定
----------------------*/
/*------------------
	タイトル部、
	一桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num1 {
	position: relative;
	font-size: 100%;
	top: -0.5em;
	left: 0.6em;
	display: inline-block;
	-ms-transform: rotate(-90deg);
	width: 2em;
	height: 1.2em;
}
/*------------------
	タイトル部、
	二桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num2 {
	position: relative;
	font-size: 100%;
	top: -12px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	タイトル部、
	三桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num3 {
	position: relative;
	font-size: 90%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	タイトル部、
	四桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num4 {
	font-size: 70%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}

/*------------------
	本文中での
	一桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/

.ua-ie-9 .sentence .num1 {
	position: relative;
	font-size: 115%;
	top: 0em;
	left: 0.6em;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	本文中での
	二桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .sentence .num2 {
	position: relative;
	font-size: 100%;
	top: -12px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
本文中での
	三桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .sentence .num3 {
	position: relative;
	font-size: 90%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
本文中での
	四桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-----------------*/
.ua-ie-9 .sentence .num4 {
	font-size: 70%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*---------------------
	縦書き部　本文の
	〜
	の調整を行います。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie-9 .sentence .tilde {
	display: inline-block;
	-ms-transform: rotate(90deg) scaleY(-1);
	position: relative;
	left: 0.1em;
	top: 0em;
}

/*----------------
	IE10
	以下、IE10の表示設定
-------------------*/

/*------------------
	一桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-10 .num1 {
	position: relative;
	font-size: 115%;
	top: 0em;
	left: 0.6em;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	二桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
-------------------*/
.ua-ie-10 .num2 {
	position: relative;
	font-size: 100%;
	top: -0.5em;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	三桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-10 .num3 {
	position: relative;
	font-size: 90%;
	top: -2px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	四桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-10 .num4 {
	position: relative;
	font-size: 70%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
.eyecatch {
	/*padding-bottom: 24px;*/
	padding-bottom: 15px;
	overflow: hidden;
}
.box_area{
	width:100%;
}
.contents_box {
	width: 22%;
	margin: 1%;
}
	
.banner_area_footer .contents_box {
	width: 23%;
	margin: 1%;
}
/*------

フッターのデザイン変更
縦組みから横組みへ

--------*/
footer {
	height: initial;
    width: 100%;
    box-sizing: border-box;
    padding-right: 200px;
    padding-left: 20px;
}
.copylight {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	text-align: center;
}

.footer_list{
	position: relative;
	right: 0%;
}
  .footer_list li {
	width: 16%;
	float: left;
  }
.footer_list_area > ul > li:nth-child(3) {
    border-right: 1px solid #212121;
}
.footer_list li:nth-child(4){
	width:18%;
}


.footer_list a:hover {
	width:90%;
	margin:auto;
	border-bottom: 1px solid #212121;
}
}
@media screen and (min-width:1152px) {
.top_title {
	font-size: 42px;
	letter-spacing: -1px;
}
}
@media screen and (min-width:1080px) {
	.sentence_text {
		font-size:2vw;
		line-height: 1.5em;
	}

	/*---------

	下部スライダーサイズ調整
	2個から4個へ
	-----------*/
	.second_slider_items {
		width: 25%;
	}
	.second_slider_image {
		width: 180px;
		height: auto;
		margin: auto;
	}
	.slide_area_second a {
		color: #212121;
	}
	.second_slider p {
		padding-top: 20px;
		padding-bottom: 20px;
		font-weight: normal;
		text-align: center;
	}

}

@media only screen and (min-width:1280px) {
    body{
        max-width:1280px;
        margin:auto;
        }
    .main_img{
        min-width: initial;
        min-width:auto;
        width:740px;
    }
    .main_text_area{
        min-width: initial;
        min-width:auto;
        width:245px;
        height:495px;
    }
    .sentence_text {
        font-size:24px;
        line-height: 36px;
    }
}

/*mainet*/
.red{
	color: #FF6600;
}
.green{
	color: #45960F;
}
.center{
	text-align: center;
	margin: 20px auto;
}
article a, div.main_innner .center a {
    border-bottom: none;
}
@media(min-width:769px) {
	.second_nav {
    	max-height: inherit;
	}
}

.contents-hr{
	border-top: 10px solid #ccc;
	margin: 50px auto 20px;
}
.inquiry{
	background: #DFE7F1;
	padding: 10px 20px 5px;
	margin-bottom: 20px;
}

figure.Right{
	float: right;
	margin: 0 0 20px 20px;
}
@media(max-width:414px) {
	figure.Right {
		float: none;
		margin: 0 auto 20px;
	}
}

.contentsNav ul{
	display: block;
}
.contentsNav li{
	display: inline-block;
	padding: 5px;
}

table.igo-card,
table.igo-table {
    border-bottom: none;
}
table.igo-card tr,
table.igo-table tr {
    border-top: none;
}
table.igo-card td,
table.igo-table td{
	text-align: center;
}
table.igo-table td img{
	margin: auto;
}
table.igo-card {
    margin: 0 0 2em;
}

.link-list2 ul{
	position: relative;
	width: 90%;
    margin: 50px auto;
}
.link-list2 li{
	width: 45%;
	background-color: #0078c6;
	display: table-cell;
	border: 2px solid #FFF;
}
.link-list2 li a{
	color: #FFF;
	padding: 12px 30px;
	font-size: 22px;
	display: block;
}
@media(max-width:768px) {
	.link-list2 li{
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	.link-list2 li a{
		font-size: 20px;
	}
	.drawer-dropdown-menu {
		padding-bottom: 0 !important;
	}
	.drawer-menu-item a {
		height: 38px !important;
		line-height: 38px !important;
	}
	.drawer-dropdown-menu-sub  {
		text-align: left;
		margin-bottom: 0 !important;
	}
	.drawer-dropdown-menu-sub > li.drawer-menu-item.gmenu_child  {
		display: inline-block;
	}
	.drawer-menu-item.gmenu_child a {
		height: 34px !important;
		line-height: 34px !important;
	}
}


/*--------------------------------------------------------------
# Footer - New (2022)
--------------------------------------------------------------*/
.footer-list-area {
  margin: 20px auto;
}
.footer-list-group {
  flex-direction: row;
  display: flex;
  padding-left: 0;
  justify-content: center;
 font-feature-settings: "palt";
}
.footer-list-group li {
  position: relative;
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
  font-size: 12px;
  border-right: 1px solid #212121;
}
.footer-list-group li a {
  padding-right: 1rem;
  padding-left: 1rem;
}
.footer-list-group li:last-child {
  border-right: none;
}
@media screen and (max-width: 768px) {
   .footer-list-group {
     display: block;
   }
   .footer-list-group li {
     display: inline-block;
   }
}

/*20220531 top NAV　2行項目*/
.fukidashi{
	font-size: 12px;
	font-weight: 300;
}
@media(min-width:769px) {
.drawer-menu li.campaign a{
	line-height: 17px!important;
}
.drawer-menu-item.campaign span.fukidashi.PC{
	display: inline-block;
	color: #ff0;
	}
	
	.drawer-dropdown-menu > li > a:hover span.fukidashi.PC{
	color: #0078c6 !important;
	}
	
	.drawer-menu-item.campaign span.fukidashi.SP{
	display: none;
	}
}

.drawer-menu li.campaign a {
	height: 40px !important;}

@media(max-width:768px) {
			.drawer-menu-item.campaign span.fukidashi.PC{
	display: none;
	}
		.drawer-menu-item.campaign span.fukidashi.SP{
	display: inline-block;
	}
}