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

html {
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: auto;
	font-size: 62.5%;
}
* {
	box-sizing: border-box;
}
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 700;
	*font-size:small;
	*font:x-small;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background: #fff;

	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	color: #000;
	font-weight: 100;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	font-size:15px;
}



body{
}
/*IE7*/
*+html body  {
font-size:15px;
}
select,input,button,textarea{
	font: 99% Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

img{
	border: none;
	max-width: 100%;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
}

table{
	font-size: inherit;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

label{
	cursor: pointer;
}

input,
select,
textarea{
	padding: 5px;
}

ol,ul,li{
	list-style: none;
}

a,
input{
	outline: none;
}

/*	Basic Text Link	*/
a {
	color: #1e488d;
	text-decoration: underline;
	transition-property: all;
	transition: 0.2s linear;
	word-break: break-word;
}

a:hover {
	color: #00aca0;
}

em {
	font-style:normal;
}


img {
	max-width: 100%;
	vertical-align: middle;
}

.image {
	overflow: hidden;
	margin-bottom: 1em;
}
.image a img {
	width: 100%;
	height: auto;
	display: block;
	transition-duration: .3s;
    margin-left: auto;
    margin-right: auto;
}
.image a img:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
}
.image a img.auto {
	width: auto;
}


/* common */

.obj_fit {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.inner {
	max-width: 1200px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.inline {
	display: flex;
	flex-wrap: wrap;
}
.inline .col {
	flex: 1;
}
.basic .inline.auto .col,
.inline.auto .col {
	flex: none;
	margin-right: 2%;
}
.basic .inline .col.margin {
	margin: 1%;
}


section {
	margin: 6% auto;
}
section:first-of-type {
	margin-top: 0;
}
section:last-of-type {
	margin-bottom: 0;
}

section > section {
	margin: 5% auto;
}

.pcnone {
	display: none !important;
}

h3, h4 {
    margin-bottom: 10px;
}


.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}


/* header */
.home_main_image {
	width: 100%;
	height: 85vh;
	/* z-index: -1; */
}
.home_main_image li.slick-slide .slide_cont {
	display: flex;
}
.home_main_image li {
	position: relative;
}
.home_main_image .text {
	flex: 1;
	padding: 10% 8% 0;
}
.home_main_image .image {
	flex: 2;
	position: relative;
	margin-bottom: 0;
}
.home_main_image .image img {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.home_main_image img {
	width: 100%;
	height: 85vh;
}
.home_main_image .over_image.sp {
	display: none;
}
.home_main_image .over_image {
	position: absolute;
	top: 50%;
	left: 10%;
	max-width: 60vw;
	width: 40%;
	transform: translate(5%, -50%);
    -webkit-transform: translate(5%, -50%);
    -ms-transform: translate(5%, -50%);
}
.home_main_image .over_image svg {
	display: inline-block;
	width: 500px;
	height: 400px;
	fill: #fff;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,.2));
}
.home_main_image .over_image img {
	width: 75%;
	height: auto;
	object-fit: contain;
}
@media all and (-ms-high-contrast: none) {
	.home_main_image .over_image {
		width: 100%;
		max-width: none;
	}
	.home_main_image .over_image img {
		width: 800px;
		padding: 0 10%;
	}
}
.home_main_image .over_image img.shadow {
	filter: drop-shadow(0 10px 10px rgba(0,0,0,0.3));
}
.home_main_image .text .read_title {
	font-weight: 600;
	margin-bottom: 8%;
	font-size: 24px;
}
.home_main_image .text .read {
	text-align: left;
	font-size: 16px;
	margin-bottom: 10%;
}
.home_main_image .text a {
	display: block;
	text-decoration: none;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border-radius: 10px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	position: relative;
}
.home_main_image .text a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 5%;
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.home_main_image .img_full .text {
	position: absolute;
	top: 0;
	background: none;
}
.home_main_image .img_full .text .read_title {
	font-size: 4.5vw;
}
.home_main_image .img_full .text.right {
	right: 8%;
	flex: none;
	width: 30%;
	padding: 10% 0 0;
}

.home_main_image li .left {
	order: 1;
}
.home_main_image li .right {
	order: 2;
}

.home_main_image .text.dark {
	background: -moz-linear-gradient(top left, #7d9a97, #040505);
	background: -webkit-linear-gradient(top left, #7d9a97, #040505);
	background: linear-gradient(to bottom right, #7d9a97, #040505);
}
.home_main_image .text.dark .read_title {
	color: #ffdb4f;
}
.home_main_image .text.dark .read,
.home_main_image .text.dark a {
	color: #fff;
}
.home_main_image .text a.gold_btn {
	background: linear-gradient(180deg, #b09d58 0%, #b09d58 50%, #a5924d 50%, #a5924d 100%);
}
.home_main_image .text a.gold_btn:hover {
	background: linear-gradient(180deg, #a5924d 0%, #a5924d 50%, #b09d58 50%, #b09d58 100%);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.home_main_image .text a.pink_btn {
	background: linear-gradient(180deg, #c4636c 0%, #c4636c 50%, #ba5962 50%, #ba5962 100%);
}
.home_main_image .text a.pink_btn:hover {
	background: linear-gradient(180deg, #ba5962 0%, #ba5962 50%, #c4636c 50%, #c4636c 100%);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.home_main_image .text a.green_btn {
	background: linear-gradient(180deg, #59b0a8 0%, #59b0a8 50%, #4ea59d 50%, #4ea59d 100%);
}
.home_main_image .text a.green_btn:hover {
	background: linear-gradient(180deg, #4ea59d 0%, #4ea59d 50%, #59b0a8 50%, #59b0a8 100%);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.home_main_image .text.bright {
	background: -moz-linear-gradient(top left, #fff, #bdc2c2);
	background: -webkit-linear-gradient(top left, #fff, #bdc2c2);
	background: linear-gradient(to bottom right, #fff, #bdc2c2);
}
.home_main_image .text.bright .read_title {
	color: #00aca0;
}


.contents {
	background-color: #fff;
	position: relative;
	z-index: 2;
}

header.site_head {
	z-index: 1000;
}
header.site_head .g_nav {
	background-color: #fff;
	height: 15vh;
	transition: 0.2s linear;
	position: relative;
	z-index: 2;
}
header.site_head .g_nav:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: -moz-linear-gradient(left, #e1d6b3, #c9ba82);
	background: -webkit-linear-gradient(left, #e1d6b3, #c9ba82);
	background: linear-gradient(to right, #e1d6b3 , #c9ba82);
}
.fixed .g_nav_main,
.fixed header.site_head .g_nav,
.lower .g_nav_main,
.lower header.site_head .g_nav {
	height: 85px;
}
.fixed .g_nav_main .logo img,
.lower .g_nav_main .logo img {
	margin-bottom: 5px;
}
.fixed header.site_head .g_nav:after,
.lower header.site_head .g_nav:after {
	height: 5px;
}
.fixed .g_nav_main li.menu_item.current a:after,
.lower .g_nav_main li.menu_item.current a:after {
	height: 30px;
}

.g_nav .inner {
	max-width: none;
	width: 94%;
}
.g_nav_main {
	display: flex;
	align-items: center;
}
.g_nav_main {
	height: 15vh;
}
.g_nav_main li {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 12px;
	margin-bottom: 10px;
}
.g_nav_main li:first-child {
	padding: 0;
}
.g_nav_main li:last-child {
	padding-right: 0;
}
.g_nav_main li.menu_item a {
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
	color: #000;
}
.g_nav_main li.menu_item a:hover {
	color: #00aca0;
	text-decoration: underline;
}
.g_nav_main li.menu_item.current a:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 4vh;
	background-color: #ab9a5d;
}
.g_nav_main li.menu_item.current .sub_menu li a:after {
	content: none;
}

.g_nav_main .logo {
	margin-right: auto;
}
.g_nav_main .logo img {
	width: 110px;
	margin-bottom: 10px;
}
.g_nav_main svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: #000;
}
.g_nav_main .global svg {
	width: 28px;
	height: 28px;
	margin-top: 8px;
}
.g_nav_main li.inquiry_btn a {
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}
.g_nav_main li.inquiry_btn a .icon {
	display: none;
}
.g_nav_main li.inquiry_btn a span.text {
	padding: 5px 12px;
	border-radius: 20px;
	border: 1px solid #505050;
	display: inline-block;
	transition: 0.2s linear;
	color: #000;
}
.g_nav_main li.inquiry_btn a span.text:hover {
	color: #00aca0;
	border-color: #00aca0;
}
.g_nav_main li.search svg {
	width: 23px;
	height: 23px;
}
.g_nav_main .global,
.g_nav_main .search{
	padding: 0 7px;
}
.g_nav_main li.search {
	cursor: pointer;
}
.g_nav_main li.search .fa-search {
	font-size: 20px;
	padding-right: 5px;
}
.g_nav_main li.icon_btn {
	padding: 0;
	width: 30px;
	height: 30px;
	margin-left: 5px;
}
.g_nav_main li.icon_btn a {
	color: #fff;
	background: #707070;
	padding: 2px 7px;
	display: inline-block;
}
.g_nav_main li.icon_btn svg {
	fill: #fff;
	margin-top: 5px;
	width: 15px;
	height: 15px;
}
@media screen and ( max-width:1030px ) {
	.g_nav_main li {
		padding: 0 8px;
	}
	.g_nav_main li.search .fa-search {
		font-size: 16px;
	}
	.g_nav_main .global svg {
		width: 22px;
	}
	.g_nav_main li.icon_btn {
		width: 25px;
		height: 25px;
	}
	.g_nav_main li.icon_btn svg {
		width: 12px;
		height: 12px;
	}
}

.fixed header.site_head,
.lower header.site_head {
	position: fixed;
	top: 0;
	width: 100%;
}

header.site_head .g_nav .sub_menu {
	position: absolute;
	left: 0;
	bottom: 100%;
	margin-top: -15px;
	z-index: 1000;
	width: 100%;
	background-color: #fff;
	display: none;
}
.fixed header.site_head .g_nav .sub_menu,
.lower header.site_head .g_nav .sub_menu {
	top: -900px;
}
.menu_btm header.site_head .g_nav .sub_menu,
.lower header.site_head .g_nav .sub_menu {
	bottom: auto;
	top: 100%;
}
header.site_head .g_nav .sub_menu:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: -moz-linear-gradient(left, #e1d6b3, #c9ba82);
	background: -webkit-linear-gradient(left, #e1d6b3, #c9ba82);
	background: linear-gradient(to right, #e1d6b3 , #c9ba82);
}
.fixed header.site_head .g_nav .sub_menu:before,
.lower header.site_head .g_nav .sub_menu:before {
	height: 5px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}
header.site_head .g_nav .sub_menu:after {
  content: "";
  display: block;
  clear: both;
	width: 100%;
	height: 1px;
	background-color: #c9ba82;
}

header.site_head .g_nav .sub_menu .subnav_side {
	width: 20%;
	float: left;
	height: 80vh;
	padding: 4% 3%;
	background-color: #f3efe1;
}
.menu_btm header.site_head .g_nav .sub_menu .subnav_side,
.lower header.site_head .g_nav .sub_menu .subnav_side {
	height: 100vh;
}
header.site_head .g_nav .sub_menu .subnav_side h3 {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 10px;
	color: #238966;
	border-bottom: 2px solid;
	margin-bottom: 20px;
}
header.site_head .g_nav .sub_menu .menu_area {
	width: 80%;
	float: right;
	padding: 4% 3% 1%;
	overflow: auto;
}
header.site_head .g_nav .sub_menu .menu_area ul.menu_wrap {
	height: 70vh;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 33%;
}
.menu_btm header.site_head .g_nav .sub_menu .menu_area ul.menu_wrap,
.lower header.site_head .g_nav .sub_menu .menu_area ul.menu_wrap {
	height: 80vh;
}
header.site_head .g_nav .sub_menu li {
	height: auto;
	margin-left: 0;
	margin-right: 20px;
	border-bottom: 1px solid #ccc;
	padding: 8px 5px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 600;
	display: block;
	margin-bottom: 0;
}
header.site_head .g_nav .sub_menu li .block {
	margin: 0;
}
header.site_head .sp_inq_nav {
	display: none;
}
header.site_head .g_nav .sub_menu li a {
	position: relative;
	padding: 0 0 0 15px;
	height: 100%;
}
header.site_head .g_nav .sub_menu li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 5px solid #f6aa00;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
header.site_head .g_nav .sub_menu li .in_sub {
	padding: 0;
}
header.site_head .g_nav .sub_menu li .in_sub li {
	border-bottom: none;
	padding: 4px 0 4px 15px;
}
header.site_head .g_nav .sub_menu li .in_sub li:last-child {
	padding-bottom: 0;
}
header.site_head .g_nav .sub_menu li .in_sub a {
	font-weight: normal;
	display: inline;
}
header.site_head .g_nav .sub_menu li .in_sub a span {
	font-size: 80%;
}
header.site_head .g_nav .sub_menu li .in_sub a span.block {
	display: block;
}

header.site_head .g_nav .sub_menu .close {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 35px 15px 3px 15px;
	cursor: pointer;
	transition-property: all;
	transition: 0.2s linear;
}
header.site_head .g_nav .sub_menu .close:hover {
	background: #eee;
}
header.site_head .g_nav .sub_menu .close:before,
header.site_head .g_nav .sub_menu .close:after {
	display: block;
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 25px;
	height: 2px;
	background: #000;
	transition-property: all;
	transition: 0.2s linear;
}
header.site_head .g_nav .sub_menu .close:before {
	transform: rotate(45deg);
}
header.site_head .g_nav .sub_menu .close:after {
	transform: rotate(-45deg);
}


header.site_head .g_nav .icon_nav li.search {
	position: relative;
}
header.site_head .g_nav .icon_nav li.search .SearchOpen {
	cursor: pointer;
}
.SearchArea {
	position: absolute;
	bottom: 100%;
	right: 0;
	padding: 20px;
	background-color: rgba(0, 0, 0, .8);
	z-index: 1;
	min-width: 400px;
	display: none;
}
.menu_btm .SearchArea,
.lower .SearchArea {
	bottom: auto;
	top: 100%;
}
.SearchArea form {
	width: 85%;
	display: flex;
}
.SearchArea input.iSearchAssist {
	width: 85%;
	margin-right: 5px;
}
.SearchArea button {
	background: none;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	border: 1px solid #fff;
	outline: none;
	box-shadow: none;
	padding: 5px 7px;
	line-height: 1;
	cursor: pointer;
	transition-property: all;
	transition: 0.2s linear;
}
.SearchArea button:hover {
	background: #fff;
	color: #000;
}
.SearchArea .SearchClose {
	cursor: pointer;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.SearchArea .SearchClose:before,
.SearchArea .SearchClose:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 6%;
	margin: -3% 0 0 -42%;
	background: #fff;
}
.SearchArea .SearchClose:before {
	transform: rotate(-45deg);
}
.SearchArea .SearchClose:after {
	transform: rotate(45deg);
}




.fixed .content_wrap,
.lower .content_wrap {
	padding-top: 80px;
}


.topinfo {
	padding: 2%;
	margin: 4% auto;
	border: 1px solid #ccc;
	text-align: center;
}


section.cross {
	margin: 30px auto;
}
section.cross + section.cross {
	margin-top: 70px;
}
.page_title + section.cross {
}

.cross_title {
	padding: 20px 20px 30px;
	position: relative;
	margin-bottom: 0;
	text-align: center;
	font-size: 28px;
	border-bottom: 1px solid #ece5cf;
}
.cross_title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 8%;
	height: 4px;
	background-color: #006948;
}
.cross_title:before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 15vw solid #f3efe1;
	border-bottom: 3vw solid #f3efe1;
	border-right: 15vw solid transparent;
	border-top: 3vw solid transparent;
	z-index: 0;
}
.cross_col {
	position: relative;
	padding: 30px 3% 0;
}
.cross_col:before {
	content: '';
	position: absolute;
	top: 10px;
	right: 0;
	width: 0;
	height: 0;
	border-right: 34.5vw solid #f3efe1;
	border-top: 10vw solid #f3efe1;
	border-left: 34.5vw solid transparent;
	border-bottom: 10vw solid transparent;
	z-index: 0;
}
.crossin_col {
	position: relative;
	z-index: 1;
	margin-top: 50px;
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.crossin_col p {
	margin-bottom: 1em;
}


section.cross.pickup {
	padding-top: 30px;
	margin-top: 0;
	margin-bottom: 60px;
}

.pickup .col {
	flex: 1;
	margin-right: 2%;
	position: relative;
	padding-bottom: 30px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	transition-property: all;
	transition: 0.2s linear;
}
.pickup .col:hover {
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
}
.pickup .col:last-of-type {
	margin-right: 0;
}
.pickup .col:after {
	content: '';
	position: absolute;
	background-color: #006948;
	display: block;
	z-index: 10;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.pickup .col:after {
	width: 0px;
	height: 30px;
	left: -1px;
	bottom: 0;
}
.pickup .col:hover:after {
  width: 100%;
  width: calc(100% + 1px);
}

.pickup .col a {
	color: #000;
	text-decoration: none;
}
.pickup .col a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.pickup .col .image img {
	height: auto;
	/* object-fit: cover;
	font-family: 'object-fit: cover;'; */
}
.pickup .col .text .meta {
	position: relative;
	padding: 0 0 15px 20px;
	line-height: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pickup .col .text .meta .date {
	padding-top: 12px;
}
.pickup .col .text .meta .cat {
	min-width: 60px;
}

.pickup .col .text h3 {
	padding: 0 20px;
	font-size: 14px;
}
.pickup .col span.arrow {
	position: absolute;
	bottom: 0;
	display: block;
	background-color: #d2d2d2;
	height: 30px;
	width: 100%;
}
.pickup .col span.arrow:before,
.pickup .col span.arrow:after {
	content: '';
	position: absolute;
	right: 10px;
	height: 1px;
	background-color: #464646;
	z-index: 11;
}
.pickup .col:hover span.arrow:before,
.pickup .col:hover span.arrow:after {
	background-color: #fff;
}
.pickup .col span.arrow:before {
	width: 40px;
	top: 18px;
}
.pickup .col span.arrow:after {
	width: 8px;
	top: 15px;
	transform: rotate(45deg);
}


.pickup .rss_pickup {
	display: flex;
	flex: 2.0845;
}
.pickup .rss_pickup .col {
	margin-right: 4%;
}
.pickup .image {
	aspect-ratio: 4/3;
}
.pickup .image img {
	height: 100%;
	object-fit: cover;
}
@media screen and ( max-width: 896px ) {
	.pickup .rss_pickup {
		width: 100%;
		flex: none;
		flex-wrap: wrap;
	}
	.pickup .rss_pickup .col {
		margin-right: 2%;
	}
}
@media screen and ( max-width: 680px ) {
	.pickup .rss_pickup .col {
		margin-right: 0;
	}
	.pickup .rss_pickup .col:last-of-type {
		margin: 0;
	}
}


.meta span {
	font-size: 12px;
	line-height: 1;
}
.meta .cat {
	color: #006948;
	background-color: #f2f2f2;
	border: 1px solid #d2d2d2;
	padding: 5px 10px;
	text-align: center;
}
.meta .cat.product {
	color: #fff;
	background-color: #000;
}
.meta .cat.ir {
	color: #fff;
	background-color: #ab9a5d;
}
.meta .cat.business {
	color: #fff;
	background-color: #557ec0;
}
.meta .cat.info {
	color: #006948;
	background-color: #f2f2f2;
	border: 1px solid #d2d2d2;
}
.meta .cat.csr {
	color: #fff;
	background-color: #9cca54;
}



.news_wrap .col {
	margin-right: 3%;
	background-color: #fff;
}
.news_wrap .col:last-of-type {
	margin-right: 0;
}
.news_wrap h3 {
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin-bottom: 25px;
}
.news_wrap .wn h3 {
	background: #006948;
}
.news_wrap .ir h3 {
	background: #ab9a5d;
}
.news_col {
	margin: 0 auto;
	margin-bottom: 3%;
}
.news_col:last-of-type {
	margin-bottom: 0;
}
.news_col h4 {
	font-size: 14px;
	padding: 3px 30px;
	border: 1px solid #000;
	display: inline-block;
}


.news_wrap dl {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	display: flex;
	position: relative;
}
.news_wrap dt {
	color: #666;
	font-size: 12px;
	padding: 10px 15px 10px 25px;
	width: 25%;
}
.news_wrap dt:before {
	content: '';
	position: absolute;
	left: 0;
	width: 15px;
	height: 15px;
	top: 22px;
}
.news_wrap .wn dt:before {
	background-color: #006948;
}
.news_wrap .ir dt:before {
	background-color: #ab9a5d;
}
.news_wrap dd {
	width: 80%;
	font-size: 14px;
	padding: 10px 10px 10px 0;
	width: 100%;
}
.news_wrap dd a {
	color: #000;
	text-decoration: none;
}
.news_wrap dd a:hover {
	color: #00aca0;
	text-decoration: underline;
}
.news_wrap dd li {
	border-bottom: 1px solid #ccc;
	padding: 10px 15px 10px 0;
}
.news_wrap dd li:first-child {
	padding-top: 0;
}
.news_wrap dd li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}


.news_col.home_nr_list .col {
	margin-right: 0;
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.news_col.home_nr_list .col:before {
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	width: 15px;
	height: 15px;
	background-color: #006948;
}
.news_col.home_nr_list .image {
	display: none;
}
.news_col.home_nr_list .text {
	display: flex;
}
.news_wrap .wn .news_col.home_nr_list h3 {
	background: none;
	color: #000;
	text-align: left;
	font-size: 14px;
	padding: 10px;
	margin-bottom: 0;
}
.news_wrap .wn .news_col.home_nr_list a {
	color: #000;
	text-decoration: none;
}
.news_wrap .wn .news_col.home_nr_list a:hover {
	color: #00aca0;
	text-decoration: underline;
}
.news_col.home_nr_list .meta {
	padding: 5px 0;
}
.news_col.home_nr_list .date {
	color: #666;
	padding: 10px 15px 10px 25px;
}
.news_col.home_nr_list .cat {
	display: none;
}




.txt_arrow {
	text-align: right;
	padding-top: 20px;
	position: relative;
}
.txt_arrow:before,
.txt_arrow:after {
	content: '';
	position: absolute;
	right: 0;
	height: 1px;
	background-color: #707070;
	z-index: 1;
	transition-property: all;
	transition: 0.2s linear;
}
.txt_arrow:before {
	width: 60px;
	bottom: 10px;
}
.txt_arrow:after {
	width: 8px;
	bottom: 13px;
	transform: rotate(45deg);
}
.txt_arrow a {
	color: #000;
	font-size: 13px;
	text-decoration: none;
	padding-right: 70px;
	position: relative;
	padding-bottom: 5px;
}
.txt_arrow a:hover {
	color: #00aca0;
	text-decoration: underline;
}
.txt_arrow:hover:before,
.txt_arrow:hover:after {
	background-color: #00aca0;
}

p + .scroll {
	/* margin-top: 1em; */
}

.products_info {
	max-width: 1000px;
	border: 4px solid #d2d2d2;
	padding: 3% 5%;
}
.products_info h2 {
	text-align: center;
	font-size: 28px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 3%;
}
.products_info h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 10%;
	height: 4px;
	background-color: #006948;
}
.products_info h2 svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: #f4a452;
	margin-right: .5em;
}
.products_info .read {
	text-align: center;
	margin-bottom: 3%;
}
.products_info li {
	display: flex;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
li .label {
	width: 10%;
	padding-right: 15px;
}
li .label span {
	font-size: 12px;
	color: #fff;
	background-color: #ec6d6d;
	line-height: 1;
	padding: 3px 10px;
	display: inline-block;
	white-space: nowrap;
}
.products_info .col {
	width: 90%;
}

.info_box {
	max-width: 1000px;
	border: 4px solid #d2d2d2;
	padding: 3% 5%;
	margin: 0 auto;
	background-color: #fff;
}

.products_info .info_box {
	padding: 0;
	border: none;
}
.products_info .info_box img {
	width: 100%;
}


.topmessage .inline.more_l .col:first-of-type {
	flex: 3;
}

.block.brand_logo:last-of-type {
	margin: 7% auto;
}
.brand_logo img {
	max-width: 430px;
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.history .basic ul {
	padding-left: 0;
	width: 95%;
	margin: auto;
}
.history .basic ul li {
	list-style: none;
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}
.history .basic ul li span {
	margin-right: 1em;
	font-weight: 600;
}
.history .basic ul li p {
	margin-bottom: 0;
}

.history .basic ul li span {
	color: #006948;
}
.history .block_wrap.now h3 {
	text-align: center;
	padding: 20px 5px;
	font-size: 18px;
	font-weight: 600;
	color: #006948;
}
.history .block_wrap.now ul {
	width: 70%;
	margin: auto;
}

.organization img {
	width: 100%;
}

.brand .block_col {
	background-color: #f5f5f5;
	padding: 10px 10px 15px;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, .2);
	border: 1px solid #f5f5f5;
}
.brand .block_col p {
	padding: 0 10px;
}
.brand .block_col p + a {
	padding: 0 0 0 35px;
	margin-top: 5px;
	margin-right: 0
}
.brand .block_col p + a:before,
.brand .block_col p + a.link_outside:before,
.brand .block_col p + a.link_pdf:before,
.brand .block_col p + a.link_blank:before {
	left: 10px;
}

.brand .block_col p + a.link_outside:after,
.brand .block_col p + a.link_blank:after {
	left: 7px;
}
.brand .block_col p.year {
	display: inline-block;
	color: #999;
	border-bottom: 1px solid;
}
.brand .block_col .image {
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.brand .block_col .image img {
	max-height: 150px;
	height: 100%;
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.governance .block_col.dl_wrap dt {
	width: 45%;
}
.governance .block_col.dl_wrap dd {
	width: 55%;
}

.company.profile figure img {
	max-width: 400px;
}


.profile_boxlist {
	display: flex;
	flex-wrap: wrap;
}
.profile_boxlist .prof_box {
	width: 48%;
	margin-right: 3%;
	margin-bottom: 3%;
	padding: 20px;
	border: 1px solid #666;
	display: flex;
}
.profile_boxlist .prof_box:nth-child(even) {
	margin-right: 0;
}
.profile_boxlist .prof_box .text {
	width: 65%;
	padding-right: 3%;
}
.profile_boxlist .prof_box .image {
	width: 35%;
	aspect-ratio: 1 / 1;
	margin-bottom: 0;
}
.profile_boxlist .prof_box .image img {
	width: 100%;
}
.profile_boxlist .prof_box figure {
	margin: 0;
}
.profile_boxlist .prof_box p {
	margin-bottom: 0;
}
.profile_boxlist .prof_box .exe_name {
	font-size: 18px;
}
.js-modal-open {
	cursor: pointer;
}
figure.js-modal-open img {
	transition: 0.2s linear;
}
figure.js-modal-open img:hover {
	opacity: .8;
}
.profile_boxlist .prof_box button {
	margin-top: 30px;
	border: none;
	outline: none;
	display: inline-block;
	padding: 3px 70px 3px 5px;
	background-color: #eee;
	position: relative;
	cursor: pointer;
	transition: 0.2s linear;
}
.profile_boxlist .prof_box button:hover {
	background-color: #ccc;
}
.profile_boxlist .prof_box button:after {
	content: '';
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border: 1px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
}
.profile_boxlist .prof_box .modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
}
.modal__bg {
	display: none;
	background: rgba(255, 255, 255, .9);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	z-index: 9;
	transition: all 0.5s ease;
}
.modal_open .modal__bg {
	display: block;
}
.profile_boxlist .prof_box .modal__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	height: 65vh;
	background-color: rgba(255, 255, 255, .9);
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, .3));
	padding: 40px 60px;
	z-index: 10;
	max-width: 760px;
}
.profile_boxlist .prof_box .modal__content .in_col {
	height: 100%;
	overflow-y: auto;
	padding: 0 20px;
}
.profile_boxlist .prof_box .modal__content .in_col::-webkit-scrollbar{
	width: 5px;
}
.profile_boxlist .prof_box .modal__content .in_col::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.profile_boxlist .prof_box .modal__content .in_col::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

.profile_boxlist .prof_box .modal__content .inline {
	flex-wrap: nowrap;
	margin-bottom: 30px;
}
.profile_boxlist .prof_box .modal__content .text {
	width: 70%;
}
.profile_boxlist .prof_box .modal__content .image {
	width: 30%;
}
.profile_boxlist .prof_box .modal__content .corporate_name {
	display: inline-block;
	font-weight: 600;
	border-bottom: 2px solid #006948;
	margin-bottom: 40px;
}
.profile_boxlist .prof_box .modal__content .career dl {
	display: flex;
	margin-bottom: 5px;
}
.profile_boxlist .prof_box .modal__content .career dl:last-of-type {
	margin-bottom: 0;
}
.profile_boxlist .prof_box .modal__content .career dt {
	width: 20%;
	padding-right: 20px;
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
}
.profile_boxlist .prof_box .modal__content .career dd {
	width: 80%;
}

.profile_boxlist .prof_box .modal__content .arrow {
	content: '';
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	cursor: pointer;
}
.profile_boxlist .prof_box .modal__content .arrow:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	border: 1px solid;
	transform: rotate(45deg);
}
.profile_boxlist .prof_box .modal__content .arrow.prev {
	left: -10%;
}
.profile_boxlist .prof_box .modal__content .arrow.next {
	right: -10%;
}
.profile_boxlist .prof_box .modal__content .arrow.prev:before {
	border-color: transparent transparent #000 #000;
	right: 0;
}
.profile_boxlist .prof_box .modal__content .arrow.next:before {
	border-color: #000 #000 transparent transparent;
	left: 0;
}
.profile_boxlist .prof_box .modal__content .js-modal-close {
	content: '';
	position: absolute;
	top: 5%;
	right: 3%;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.profile_boxlist .prof_box .modal__content .js-modal-close:before,
.profile_boxlist .prof_box .modal__content .js-modal-close:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	background-color: #999;
}
.profile_boxlist .prof_box .modal__content .js-modal-close:before {
	transform: rotate(45deg);
}
.profile_boxlist .prof_box .modal__content .js-modal-close:after {
	transform: rotate(-45deg);
}

.profile_list {
	display: flex;
	flex-wrap: wrap;
}
.profile_list dl {
	width: 50%;
	display: flex;
	border-bottom: 1px solid #ccc;
}
.profile_list dl dt {
	width: 45%;
	padding: 15px;
	padding-right: 20px;
	background-color: #f3efe1;
}
.profile_list dl dd {
	width: 55%;
	padding: 15px;
}
@media screen and ( max-width: 896px ) {
	.profile_boxlist .prof_box {
		padding: 15px;
	}
	.profile_boxlist .prof_box p {
		font-size: 90%;
	}
	.profile_boxlist .prof_box .exe_name {
		font-size: 16px;
	}
	.profile_boxlist .prof_box button {
		font-size: 12px;
		margin-top: 5px;
	}
	.profile_boxlist .prof_box .text {
		width: 75%;
	}
	.profile_boxlist .prof_box .image {
		width: 25%;
	}
	.profile_boxlist .prof_box .modal__content {
		padding: 20px;
	}
	.profile_boxlist .prof_box .modal__content .text {
		width: 80%;
		order: 2;
		padding-right: 0;
		padding-left: 15px;
	}
	.profile_boxlist .prof_box .modal__content .image {
		width: 20%;
		order: 1;
	}
	.profile_boxlist .prof_box .modal__content .arrow:before {
		width: 25px;
		height: 25px;
	}
	.profile_boxlist .prof_box .modal__content .arrow.prev {
		left: -5%;
	}
	.profile_boxlist .prof_box .modal__content .arrow.next {
		right: -5%;
	}
	.profile_list dl dt {
		font-size: 12px;
	}
}
@media screen and ( max-width: 680px ) {
	.profile_boxlist {
		flex-direction: column;
	}
	.profile_boxlist .prof_box {
		width: 100%;
		margin-right: 0;
	}
	.profile_boxlist .prof_box .modal__content .corporate_name {
		margin-bottom: 20px;
	}
	.profile_boxlist .prof_box .modal__content .inline {
		display: flex;
		flex-direction: row;
		margin-bottom: 20px;
	}
	.profile_boxlist .prof_box .modal__content .text {
		width: 75%;
	}
	.profile_boxlist .prof_box .modal__content .image {
		width: 25%;
	}
	.profile_boxlist .prof_box .modal__content .career dl {
		flex-direction: column;
		margin-bottom: 0;
		padding: 5px 0;
		border-bottom: 1px dotted #ccc;
	}
	.profile_boxlist .prof_box .modal__content .career dt {
		width: 100%;
		padding-right: 0;
		font-size: 12px;
		color: #666;
		display: block;
	}
	.profile_boxlist .prof_box .modal__content .career dd {
		width: 100%;
		padding-left: 15px;
	}
	.profile_boxlist .prof_box .modal__content .js-modal-close {
		right: 35px;
	}
	.profile_list {
		flex-direction: column;
	}
	.profile_list dl {
		width: 100%;
		flex-direction: column;
		border-bottom: none;
		margin-bottom: 10px;
	}
	.profile_list dl dt,
	.profile_list dl dd {
		width: 100%;
	}
	.profile_list dl dt {
		padding: 10px 15px;
	}
}
@media screen and ( max-width: 480px ) {
	.profile_boxlist .prof_box .modal__content .in_col {
		padding: 0;
	}
}


.faq_wrap dl {
	margin: auto;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}
.faq_wrap dl:first-of-type {
	padding-top: 0;
}
.faq_wrap dt,
.faq_wrap dd {
	position: relative;
	padding-left: 50px;
}
.faq_wrap dt {
	font-size: 18px;
	color: #006948;
	font-weight: 600;
}
.faq_wrap dd {
	padding: 20px 20px 20px 60px;
}
.faq_wrap dt span,
.faq_wrap dd span {
	width: 40px;
	font-size: 20px;
	position: absolute;
}
.faq_wrap dt span {
	top: -2px;
	left: 0;
}
.faq_wrap dd span {
	top: 15px;
	left: 20px;
}

.news_wrap .sidebar h3 {
	background: none;
	color: #000;
	padding: 0 0 5px;
	border-bottom: 1px solid #666;
}
.news_wrap dd a:before {
}
.inline .info_box {
	max-width: none;
	width: 75%;
	margin-right: 5%;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.inline .sidebar {
	width: 20%;
}
.inline .sidebar li {
	margin-bottom: 5px;
}
.inline .sidebar li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	position: relative;
	color: #000;
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
.inline .sidebar li a:before {
	content: '';
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border: 1px solid;
	border-color: #565656 #565656 transparent transparent;
	transform: rotate(45deg);
}
.inline .sidebar li a:hover {
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, .1);
	transform: scale(1.05);
	z-index: 1;
	color: #00aca0;
}


.materiality .basic .block.dl_wrap {
	max-width: 960px;
}
.materiality .basic .block.dl_wrap h4 {
	margin-bottom: 1em;
}

.materiality .dl_wrap.simple dt,
.materiality .dl_wrap.simple dd {
	width: inherit;
}

.presentation .inline.flex_wrap.harf .col h3 {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 16px;
	margin-right: 20px;
}
.presentation .inline.flex_wrap.harf .col.inline {
	align-items: flex-start;
}
.presentation .inline.flex_wrap.harf .col a:hover {
	background: none;
	text-decoration: underline;
}
.presentation .inline.flex_wrap.harf .col {
	margin: 0 0 2%;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.working_env .spot_wrap .spot_title {
	/* color: #ec6d6d; */
	color: #fff;
	background-color: #006948;
	font-weight: 600;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
	padding: 5px
}
.working_env .spot_wrap .spot_detail {
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
	padding: 20px;
	text-align: center;
	color: #006948;
	font-size: 18px;
}
.working_env .basic .spot_wrap ul.spot_detail {
	margin: 0;
}
.working_env .spot_wrap .spot_detail li {
	text-align: left;
	font-size: 18px;
	display: flex;
	align-items: center;
}
.enclosure {
	border: 1px solid #ccc;
	padding: 5px 10px;
	font-size: 90%;
	margin-right: 1em;
	font-size: 1.2vw;
	white-space: nowrap;
}
@media screen and ( max-width: 1000px ) {
	.spnone {
		display: none;
	}
	.working_env .spot_wrap .spot_detail {
		padding: 20px 10px;
	}
	.working_env .spot_wrap .spot_detail,
	.working_env .spot_wrap .spot_detail li {
		font-size: 1.8vw;
	}
}
@media screen and ( max-width: 680px ) {
	.working_env .spot_wrap .spot_title {
		font-size: 16px;
	}
	.working_env .spot_wrap .spot_detail,
	.working_env .spot_wrap .spot_detail li {
		font-size: 14px;
	}
	.working_env .spot_wrap .spot_detail {
		text-align: left;
	}
	.working_env .spot_wrap .spot_detail li {
		display: flex;
		align-items: flex-start;
	}
	.enclosure {
		font-size: 12px;
		padding: 3px 5px;
		white-space: nowrap;
	}
}

.view .link_pdf.btn {
	margin-top: 0;
}
.basic .view ul {
	margin-right: 2%;
	flex: 1;
}
.basic .view ul:last-of-type {
	margin-right: 0;
}
.view li a {
	font-size: 14px;
}

.establishment .block > .block {
	margin: 30px auto 40px;
}
.establishment .block > ul.block {
	margin: 1%;
}
.establishment .address {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.establishment .address p {
	margin-bottom: 0;
}
.map {
	display: inline-block;
	background-color: #006948;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 5px 5px;
	margin-left: 20px;
	text-decoration: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.map:before {
  font-family: "Font Awesome 5 Free";
  content: '\f3c5';
  font-weight: 900;
	margin-right: 8px;
}
.map:hover {
	background-color: #00aca0;
	box-shadow: 0 5px 2px rgba(0, 0, 0, .2);
	color: #fff;
}
.establishment a.web {
	color: #61500f;
	position: relative;
}
.establishment a.web:hover {
	color: #00aca0;
}
.establishment a.web:after {
	content: '';
	position: absolute;
	right: -35px;
	bottom: -5px;
	margin: auto;
	width: 25px;
	height: 25px;
	background: url('/jp/common/images/icon_outside.svg') no-repeat left top / 20px;
}
.establishment .address .tel {
	font-size: 110%;
}
.establishment .address .telnum {
	font-size: 150%;
}

.establishment .project_list {
	padding-left: 0;
}
.establishment .project_list li {
	display: flex;
	margin-bottom: 7px;
}
.establishment .project_list li p {
	margin-bottom: 0;
}
.establishment .project_list li .tel {
	margin-right: 2em;
	white-space: nowrap;
}
.establishment .project_list li .tel .telnum {
	margin-left: 5px;
}
.establishment .project span {
	font-size: 85%;
	color: #006948;
	font-weight: 600;
}

.establishment .fax {
	margin-left: 2em;
}
#overseas .col_title {
	background-color: #f5f5f5;
	padding: 10px 20px;
	font-size: 18px;
	margin: 20px 0 30px;
	border-top: 5px solid #ddd;
}
.establishment .address_line {
	width: 98%;
	margin: auto;
}
.establishment .address_line p {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin-bottom: 0;
}
.establishment .address_line p:first-of-type {
	padding-top: 0;
}
.establishment .address_line p:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}
.establishment .country {
	background-color: #006948;
	color: #fff;
	padding: 5px 5px;
	line-height: 1;
	display: inline-block;
	margin-bottom: 20px!important;
}


.stock_data .cleanup .dl_wrap.simple dl {
	padding: 0;
}

.list_col .inline.flex_wrap.harf .col {
	margin: 2% 12% 2% 0;
	width: 44%;
}
.list_col .inline.flex_wrap.harf .col:nth-child(even) {
	margin: 2% 0;
}
.list_col .inline.flex_wrap.harf .col li {
	margin-bottom: 10px;
}
.list_col p + .block:first-of-type {
	margin-top: 2% !important;
}
.list_col.link_txt {
	margin-top: 0;
	margin-top: 0;
}


.basic .block.link_list {
	margin: 3% auto;
}
.basic .link_list ul {
	margin: 0;
	width: 100%;
}

.philosophy .main {
	position: relative;
	background: url('/jp/images/company/philosophy_01.jpg') no-repeat right top / cover;
	padding-bottom: 2%;
}
.philosophy .main:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: -moz-linear-gradient(left, #FFF, #FFF 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(left,#FFF, #FFF 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0));
	background: linear-gradient(to right,#FFF, #FFF 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0));
}
.philosophy .main h3 {
	font-size: 28px;
	display: inline-block;
	border-bottom: 2px solid #bebdb3;
	position: relative;
	z-index: 1;
	margin: 2% 0;
}
.philosophy .main p {
	font-size: 22px;
	color: #0e7752;
	position: relative;
	z-index: 1;
	padding: 2% 0;
	line-height: 2;
}

.env_burdens td img {
	max-height: 70px;
	width: auto;
}
.env_burdens td.inline a {
	margin: 0;
}
.env_burdens td .image {
	margin-bottom: 0;
}

.info .info_box li {
	padding: 15px 0;
	display: flex;
	border-bottom: 1px solid #ccc;
}
.info .info_box li time {
	font-size: 12px;
	color: #666;
}
.info .info_box li h3 {
	position: relative;
	padding-left: 20px;
}
.info .info_box li h3:before {
	content: '';
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #000;
	margin-top: 8px;
}
.info .info_box li h3 a {
	text-decoration: none;
}
.info .info_box li h3 a:hover {
	text-decoration: underline;
}
.info .info_box li .image {
	width: 25%;
	text-align: right;
	margin-left: 5%;
}

.info_post .pege_title {
	font-size: 22px;
	margin-top: 20px;
}
.info_post section.basic {
	margin-top: 20px;
	max-width: 960px;
}
.info_post .Entry,
.info_post .ArticleFoot {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.info_post .ArticleFoot {
	margin-top: 5%;
}

.text_list {
	padding-left: 1em;
}
.text_list .decimal li li li {
	display: list-item;
}
.info_post .dl_wrap dl {
	border-bottom: none;
	padding: 10px 0;
}
.info_post .dl_wrap.tight dl {
	padding: 0;
}
.info_post .dl_wrap dt {
	width: auto;
	padding: 0;
	margin-right: 1em;
	border-bottom: none;
}
.info_post .dl_wrap dd {
	padding: 0;
	border-bottom: none;
}
.info_post .dl_wrap dd p {
	margin: 0 0 10px;
}
.info_post .basic .col p + ul,
.info_post .basic .col p + ol {
	margin-top: -.7em;
}



.news_post h2 {
	font-size: 22px;
	padding: 12px 10px 12px 25px;
	background-color: #f5f5f5;
	border-left: 3px solid #006948;
	margin-bottom: 30px;
	white-space: normal;
}
.news_post p + h2 {
	margin-top: 4%;
}
.news_post table {
	width: 100%;
}
.news_post table th {
	background-color: #eee;
}
.news_post table th,
.news_post table td {
	border: 1px solid #ccc;
}
.news_post table td {
	text-align: left;
	white-space: normal;
}



.post_head {
	max-width: 960px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.post_head .date {
	text-align: right;
	white-space: nowrap;
	margin-bottom: 5px;
}
.post_head h1 {
	font-size: 24px;
}
.post_head .line {
	border-bottom: 1px solid #ccc;
}
.post_head .from {
	text-align: right;
	margin-top: 15px;
	font-size: 16px;
}
.info_post ol.text_list li p, .info_post ul.text_list li p {
	width: 100%;
}
ul.pause_list:after {
  content: "";
  display: block;
  clear: both;
}
ul.pause_list li {
	width: 31%;
	float: left;
	margin: 0 1%;
}


.report_head {
	background-color: #f5f5f5;
	border-left: 3px solid #006948;
	padding: 15px 30px 15px 30px;
	margin-bottom: 5%;
}
.report_head h2 {
	font-size: 24px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.technical_report .basic .report_head .block {
	margin: 0 0 10px;
}
.technical_report .basic .report_head .block:last-of-type {
	margin: 0;
}
.basic .report_head p {
	margin-bottom: 0;
}
.technical_report .box_block {
	padding: 20px;
}
.technology .num {
	margin-bottom: 0;
}
.inline a.icon {
	display: block;
	padding: 5px;
	margin-right: 5%;
	font-size: 12px;
	color: #666;
	text-align: center;
}
.inline a.icon:hover {
	background-color: #eee;
}
.inline a.icon img {
	width: 30px;
	margin: 0 auto 5px;
	display: block;
}

.technical_report .block.inline {
	align-items: flex-start;
	border-bottom: 2px dotted #ddd;
	margin-bottom: 2%;
}
.technical_report .basic p {
	margin-bottom: .5em;
}
.technical_report .basic p:last-of-type {
	margin-bottom: 0;
}
.technical_report .basic p.sub,
.technical_report .float li {
	font-size: 90%;
	color: #666;
}
.technical_report .float li {
	float: left;
}
.technical_report .float:after {
  content: "";
  display: block;
  clear: both;
}
.technical_report .basic .sub {
	padding-left: 35px;
}
.technical_report .block ul {
	padding-left: 0;
}
.technical_report .block .float li:after {
	content: '／';
}
.technical_report .block .float li:last-child:after {
	content: '';
}
.technical_report .block a ul {
	margin: 0;
	padding-left: 0;
}
.technical_report .block a {
	padding-left: 40px;
}
.technical_report .block a.ul_wrap {
	padding-left: 50px;
}
.technical_report .basic .block a.ul_wrap li .sub {
	padding-left: 0;
}
.technical_report .block a ul li,
.technical_report .basic .block a.ul_wrap li .sub {
	color: #1e488d;
}
.technical_report .block a ul li:hover,
.technical_report .basic .block a.ul_wrap li .sub:hover {
	color: #00aca0;
}


.sitemap .block .col {
	margin: 0 2% 3%;
	width: 46%;
	padding-right: 4%;
	float: left;
}
.sitemap .block .col ul {
	padding-left: 1em;
}
.sitemap .block .col li {
	margin-bottom: 10px;
}
.sitemap .block .col li.has_sub {
	margin: 20px 0;
	color: #006948;
	font-weight: 600;
}
.sitemap .block li a {
	color: #000;
	position: relative;
	padding-left: 15px;
	display: flex;
}
.sitemap .block li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 0;
	height: 0;
	border-left: 5px solid #f6aa00;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}



#bnr {
	position: fixed;
	bottom: 5%;
	right: 5%;
	margin-left: 5%;
	background-color: rgba(229, 224, 212, .95);
	max-width: 500px;
	border: 1px solid #a2a09a;
	padding: 3% 4%;
	z-index: 10000;
}
#bnr p {
	margin-bottom: 1.5em;
}
#bnr button {
	display: block;
	width: 40%;
	max-width: 165px;
	padding: 5px 30px;
	background-color: #fff;
	text-align: center;
	margin-bottom: 1.5em;
	border: none;
}
#bnr a {
	font-size: 12px;
}



.basic_title span,
.basic_col_title span {
	display: block;
	font-size: 70%;
}

.basic .use_example ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
}
.use_example li {
	width: 31%;
	margin: 1%;
}
.inline.flex_wrap.harf .use_example li.image,
.inline.flex_wrap.harf .use_example li.image:last-of-type {
	margin-right: 1%;
}
.basic .col .use_example li p {
	text-align: center;
	margin-bottom: 0;
	margin-top: 5px;
	font-size: 12px;
}

.ir .transition_list {
	background-color: #fff;
	display: flex;
	padding: 15px 5px;
	border: 3px solid #ccc;
	margin-bottom: 5%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.ir .transition_list li {
	flex: 1;
	border-right: 1px solid #ccc;
	text-align: center;
	padding: 15px 15px;
}
.ir .transition_list li:last-child {
	border-right: none;
}
.ir .transition_list li h3 {
	font-size: 15px;
	font-weight: 600;
	color: #006948;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.ir .transition_list li p {
	margin-bottom: 0;
}
.ir .transition_list li a {
	font-size: 14px;
	padding-bottom: 0;
}
.ir_topwrap.inner {
	max-width: 1300px;
	width: 98%;
}
.ir_topwrap .inline.more_l .col:first-of-type {
	margin-right: 2%;
	flex: none;
	width: 70%;
}

.ir_topwrap .real_time {
	background-color: #fff;
	padding: 8px;
	border: 1px solid #ccc;
}
.ir_topwrap .real_time {
	transition-property: all;
	transition: 0.2s linear;
}
.ir_topwrap .real_time:hover {
	background-color: #eee;
}
.ir_topwrap .real_time.image a img {
	transition-duration: 0s;
}
.ir_topwrap .real_time.image a img:hover {
	transform: none;
}
.ir_topwrap .link_btn {
	display: block;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.ir_topwrap svg {
	width: 25px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
}
.ir_topwrap svg.icon-download {
	fill: #000;
}
.ir_topwrap .news_wrap {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.ir_topwrap h2 svg {
	fill: #fff;
}
.ir_topwrap .news_wrap h2 {
	background-color: #ab9a5d;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ir_topwrap .news_wrap h2 svg {
	width: 25px;
	height: 18px;
}
.ir_topwrap .news_wrap .news_col {
	margin: 0 15px 20px;
}
.ir_topwrap .news_wrap dl {
	padding: 20px;
}
.ir_topwrap .news_wrap dt {
	padding: 0 10px;
}
.ir_topwrap .news_wrap dd {
	padding: 0 10px;
}
.ir_topwrap .ranking {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ir_topwrap .ranking h2 {
	text-align: center;
	padding: 15px;
	font-size: 16px;
	color: #fff;
	background-color: #006948;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ir_topwrap .ranking h2 svg {
	height: 20px;
}
.ir_topwrap .ranking h2 span {
	display: block;
	font-size: 14px;
}
.ir_topwrap .ranking p {
	margin-bottom: 0;
	font-size: 12px;
}
.ir_topwrap .ranking .ranling_wrap {
	padding: 20px 15px;
}
.ir_topwrap .ranking ul {
	margin-bottom: 20px;
}
.ir_topwrap .ranking li {
	border-bottom: 1px solid #ccc;
	position: relative;
}
.ir_topwrap .ranking li,
.ir_topwrap .ranking li a,
.ir_topwrap .ranking li span {
	line-height: 1.4;
}
.ir_topwrap .ranking li span {
	background-color: #f5f5f5;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 20px;
	margin: auto;
}
.ir_topwrap .ranking li span.num_1,
.ir_topwrap .ranking li span.num_2 {
	color: #fff;
}
.ir_topwrap .ranking li span.num_1 {
	background-color: #a17d0d;
}
.ir_topwrap .ranking li span.num_2 {
	background-color: #848484;
}

.ir_topwrap .ranking li a {
	text-decoration: none;
	display: block;
	padding: 20px 0 20px 40px;
	font-size: 14px;
}
.ir_topwrap .ranking li a:hover {
	text-decoration: underline;
}

.ir_topwrap .search_form {
	display: flex;
}
.ir_topwrap .search_form .iSearchAssist {
	margin-right: 10px;
	width: 80%;
}


.ir.event .dl_wrap dl:first-of-type dt,
.ir.event .dl_wrap dl:first-of-type dd {
	padding-top: 0;
}

.graph_title {
	height: auto !important;
}

.products .dl_wrap.dtwide dt {
	width: 35%;
	padding: 15px 15px;
	padding-right: 5%;
}
.products .dl_wrap.dtwide dd {
	width: 65%;
	padding: 15px 15px;
}



#jqir {
	margin: auto;
}
#jqir table.jqtable td {
	font-size: 11px;
}
.highlights_mobile #jqir {
	max-width: 100%;
}


.making_history .dl_wrap.simple dt {
	font-size: 100%;
	color: #000;
	width: 10%;
	white-space: nowrap;
}
.making_history .dl_wrap.simple dd {
	width: 90%;
}
.making_history .link_list .inline .date {
	width: 20%;
	margin-right: 3%;
}
.making_history .link_list .inline .cont {
	width: 77%;
}

.nr2003 .inline .info_box {
	background: none;
	border: none;
	box-shadow: none;
}

.catalog_list .col {
	padding: 2%;
	border: 1px solid #ccc;
}
.catalog_list .col .series_title {
	font-size: 18px;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
.catalog_list .col ul.list {
	padding: 10px;
}
.catalog_list .col ul.list a {
	position: relative;
	font-size: 14px;
}
.catalog_list .col ul.list a:before {
	content: '';
	position: absolute;
	left: -12px;
	top: 3px;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 4px solid #f4a452;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}


.special_box {
	background-color: #f5f5f5;
	text-align: center;
	margin: 40px 0 !important;
	width: 100% !important;
}
.special_box .special_title {
	padding: 15px 10px;
	font-weight: 600;
	font-size: 18px;
	background-color: #dfd7be;
	margin-bottom: 0;
}
.special_box p {
	color: #006948;
	font-weight: 600;
	font-size: 20px;
	padding: 30px 4%;
}
.special_box ul.center_l {
	padding: 30px 4%;
	margin-left: 4%;
}
.special_box ul.center_l li {
	text-align: left;
}
.basic .special_box ul.disc.center_l li {
}
.special_box p + ul.center_l {
	padding-top: 0;
}


.products_side_menu {
	position: fixed;
	right: -370px;
	top: 85px;
	background-color: #fff;
	border-left: 5px solid #238966;
	width: 370px;
	height: 100%;
	padding: 30px;
	z-index: 100;
	box-shadow: -3px 3px 4px rgba(0, 0, 0, .2);
	-webkit-transition: all .5s ease;
  transition: all .5s ease;
	transform: translate(0);
}
.products_side_open .products_side_menu {
	transform: translate(-370px);
}
.products_side_menu .menu_scroll {
	overflow-y: auto;
	white-space: nowrap;
	padding-bottom: 100px;
	height: 100%;
}
.products_side_menu .menu_scroll::-webkit-scrollbar {
  width: 5px;
}
.products_side_menu .menu_scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}
.products_side_menu .menu_scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.products_side_menu .menu_title {
	color: #006948;
	font-weight: 600;
}
.products_side_menu li {
	border-bottom: 1px solid #ccc;
	padding: 15px 0 10px;
	font-weight: 600;
}
.products_side_menu li ul {
	margin-top: 5px;
}
.products_side_menu li li {
	border-bottom: none;
	padding: 0;
}
.products_side_menu a {
	font-weight: 600;
	color: #000;
	padding: 5px 10px 5px 15px;
	text-decoration: none;
	display: block;
	line-height: 1.5;
	position: relative;
}
.products_side_menu a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 5px solid #f6aa00;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
.products_side_menu li li a {
	font-weight: normal;
	padding: 5px 10px 5px 25px;
}
.products_side_menu li li a:before {
	left: 10px;
}
.products_side_menu li a:hover {
	background: #eee;
}

.products_side_btn {
	position: absolute;
	top: 18%;
	right: 100%;
	background-color: #238966;
	color: #fff;
	font-size: 17px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1;
	letter-spacing: .1em;
	cursor: pointer;
	padding: 50px 25px 20px;
	border-radius: 5px 0 0 5px;
	box-shadow: -3px 3px 4px rgba(0, 0, 0, .2);
}
.products_side_btn:before,
.products_side_btn:after {
	content: '';
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	margin: auto;
	width: 15px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.products_side_btn:after {
	transform: rotate(90deg);
}
.products_side_open .products_side_btn:before,
.products_side_btn.active:before {
	transform: rotate(-360deg);
}
.products_side_open .products_side_btn:after,
.products_side_btn.active:after {
	transform: rotate(180deg);
}


.csr.policy ol.text_list li p,
.csr.policy ul.text_list li p {
	padding-left: 10px;
}

.csr .global_compact dt {
	padding: 15px 0;
	padding-right: 2%;
}
.csr .global_compact dt,
.csr .global_compact li {
	font-size: 14px;
}
.csr .global_compact li {
	display: flex;
}
.csr .global_compact li span {
	margin-right: 20px;
	white-space: nowrap;
}
.csr .global_compact .order_1 {
	order: 1;
}
.csr .global_compact .order_2 {
	order: 3;
}
.csr .global_compact .order_3 {
	order: 2;
}
.csr .global_compact .order_4 {
	order: 4;
}



@keyframes overlayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.side_overlay {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 3;
}
.products_side_open .side_overlay {
	display: block;
  cursor: pointer;
  background: rgba(0,0,0,.7);
	animation: overlayShow 0.3s linear 0s;
}


@media all and (-ms-high-contrast: none) {
	.products_side_btn:after {
		left: -25px;
	}
	.products_side_open .products_side_btn:after {
		opacity: 0;
		top: 25px;
	}
}

.download dl p a:before,
.download dl p a.link_outside:before,
.download dl p a.link_blank:before,
.download dl p a.link_pdf:before {
	left: 0;
}
.download dl .link_pdf,
.download dl .link_movie,
.download dl .link_sound,
.download dl .link_outside,
.download dl .link_blank,
.download dl .link_zip {
	padding: 2px 5px 2px 25px
}

.download .link_list li {
	border-bottom: none;
	padding: 10px;
}




.btm_cta_wrap {
	margin: 40px auto;
}
.btm_cta_wrap a {
	width: 33%;
	white-space: nowrap;
	font-size: 1.7vw;
	padding: 20px 3%;
}

.cta_area {
	background-color: #f3efe1;
	padding: 4% 0;
}
.cta_area .inner {
	max-width: 850px;
}
.cta_area h2 {
	text-align: center;
	font-size: 28px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 3%;
}
.cta_area h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 10%;
	height: 4px;
	background-color: #006948;
}
.cta_area .inline {
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	align-items: center;
	justify-content: space-between;
}
.free_tel img {
	width: 50px;
	margin-right: 20px;
}
.free_tel {
	font-size: 24px;
	font-weight: 600;
	color: #006948;
	line-height: 1.2;
}
.cta_area .col.mail a {
	display: block;
	text-align: center;
	padding: 15px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	border-radius: 50px;
	background-color: #006948;
	max-width: 350px;
	margin-left: auto;
}
.cta_area .col.mail a:hover {
	box-shadow: 0 5px 7px rgba(0, 0, 0, .4);
	background-color: #00aca0;
}
.cta_area p {
	font-size: 14px;
}
.cta_area p.note {
	font-size: 12px;
}

.box_block.adobe_info {
	padding: 10px 20px;
	max-width: 800px;
}
.box_block.adobe_info p,
.box_block.adobe_info a {
	font-size: 13px;
}

.basic .box_block ol,
.basic .box_block ul,
.basic .box_block li:last-child {
	margin-bottom: 0 !important;
}



footer {
	margin-top: 5%;
	position: relative;
	background-color: #fff;
	padding: 4% 0;
	border-top: 1px solid #ccc;
	z-index: 1;
}
footer .logo {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
footer img.logo_mark {
	width: 120px;
	margin-right: 30px;
}
footer .logo p {
	padding-top: 8px;
}
footer .logo p img {
	width: 165px;
}
footer .copy {
	font-size: 10px;
}
footer nav ul {
	justify-content: flex-end;
}
footer nav li {
	margin-right: 2em;
	text-align: right;
}
footer nav li:last-child {
	margin-right: 0;
}
footer nav a {
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
footer nav a:hover {
	text-decoration: underline;
}



.slick-arrow {
	content: '';
	background-color: rgba(150, 150, 150, .9);
	width: 40px;
	height: 140px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	cursor: pointer;
	transition: 0.2s;
}
.slick-arrow:hover {
	background-color: rgba(150, 150, 150, 1);
}
.slick-arrow.prev {
	left: 1%;
}
.slick-arrow.next {
	right: 1%;
}
.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.slick-arrow.prev:before {
	left: 35%;
	width: 20px;
	height: 20px;
	border: 1px solid;
	border-color: transparent transparent #fff #fff;
	transform: rotate(45deg);
}
.slick-arrow.next:before {
	right: 35%;
	width: 20px;
	height: 20px;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.slick-slide:focus {
	outline: none;
}

.slide_wrap .slick-dots li {
	background: none;
	box-shadow: none;
}

.main_slider .slick-dots {
	bottom: 30px;
}


.slide_wrap {
	position: relative;
}
.slide_wrap:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20%;
	height: 100%;
	z-index: 1;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0));
	background: linear-gradient(to right, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0));
}
.slide_wrap:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 100%;
	z-index: 0;
	background: -moz-linear-gradient(right, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(right, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0));
	background: linear-gradient(to left, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0));
}

.slide_wrap li {
	margin: 0 .1%;
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
	position: relative;
}
.slide_wrap li .image {
}
.slide_wrap li img {
	width: 100%;
	vertical-align: bottom;
}
.slide_wrap li img {
}

.slide_wrap li .text p {
	padding: 10px 20px;
}
.slide_wrap li h3 {
	font-size: 16px;
	line-height: 1.2;
	padding: 15px 10px 15px 20px;
	border-left: 5px solid #238966;
}
.slide_wrap li a {
	text-decoration: none;
	color: #000;
}
.slide_wrap li a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.slide_wrap .slick-slide {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  transform: scale( .9 );
	height: auto;
}
.slide_wrap .slick-slide.slick-active:hover {
	transform: scale( .97 );
}



/**************装飾***************/

.bold {
	font-weight: 600;
}

.txt,
.basic p.txt {
	text-indent: 1em;
	line-height: 1.8;
	margin-bottom: 1em;
}
.fos {
	font-size: 90% !important;
}
.fol {
	font-size: 120% !important;
}
.green {
	color: #238966;
}
.yellow {
	color: #f4a452;
}
.blue {
	color: #557ec0;
}
.red {
	color: #ec6d6d;
}
.gray {
	color: #878c8c;
}

.txt_bg_g {
	display: inline-block;
	background-color: #eee;
	padding: 3px 10px;
}

.underline {
	text-decoration: underline;
}

.caption {
	font-size: 12px!important;
	margin: 5px 0;
}
.inmark {
	display: flex;
}
.inmark span {
	margin-right: 10px;
	white-space: nowrap;
}

.center {
	text-align: center;
}
.al_r {
	text-align: right;
}

.basic .col p.note,
.note {
	font-size: 80%;
	margin: 10px 0;
}
.basic .col p.note.tight,
.note.tight {
	margin: 0;
}
.note.mark {
	position: relative;
	display: flex;
}
.note.mark:before {
	content: '※';
	color: #f00;
}
.note .num {
	color: #f00;
	margin-right: 5px;
}
sup.note {
	color: #f00;
}
.note .note {
	color: #000;
}
.note.mark.al_r {
	justify-content: flex-end;
}

.parenthesis:before {
	content: '【';
}
.parenthesis:after {
	content: '】';
}



/******************/



/*************レイアウト************/

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.breadcrumbs {
margin: 15px auto 0;
}
.breadcrumbs ul {
	display: table;
	font-size: 13px;
}
.breadcrumbs ul li {
	margin: 0 20px 0 0;
	font-size: 13px;
	float: left;
	position: relative;
	color: #666;
}
.breadcrumbs ul li:before {
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: 3px;
	border: 1px solid;
	border-color: #666 #666 transparent transparent;
	transform: rotate(45deg);
}
.breadcrumbs ul li:last-child:before {
	content: none;
}
.breadcrumbs ul li a {
	color: #666;
}

.page_title {
	padding: 20px 5px;
	/* height: 110px; */
	min-height: 110px;
	position: relative;
	border-bottom: 1px solid #eee;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	margin-bottom: 50px;
}
.page_title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: -moz-linear-gradient(left, #FFF, #FFF 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(left,#FFF, #FFF 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0));
	background: linear-gradient(to right,#FFF, #FFF 45%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0));
}
.page_title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
	height: 4px;
	background-color: #006948;
}
.page_title .inner {
	position: relative;
	z-index: 0;
}
.page_title h1 {
	font-size: 28px;
}
.page_title p {
	line-height: 1.2;
	margin-bottom: 5px;
}

p + h3 {
	margin-top: 5%;
}

.basic .pmb_0 p,
.basic .col.pmb_0 p {
	margin-bottom: 0;
}

.read,
.crossin_col p.read {
	font-size: 18px;
	text-align: center;
	margin-bottom: 6%;
}

.inline .read {
	font-size: 16px;
	text-align: left;
}

.topread p {
	font-size: 22px;
}

.basic .topics_title,
.basic p.topics_title:last-of-type,
.topics_title {
	background-color: #557ec0;
	display: inline-block;
	line-height: 1;
	padding: 3px 15px 6px 15px;
	color: #fff;
	margin-bottom: 20px;
}
.topics_title svg {
	display: inline-block;
	width: 15px;
	height: 15px;
	fill: #fff;
	margin-right: .5em;
	margin-top: 3px;
}

p.topics_title + h3,
p.topics_title + .basic_col_title {
	margin-top: 0;
}



.link_box {
	width: 30.5%;
	margin: 2% 4% 2% 0;
	background-color: #f5f5f5;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.link_box:nth-child(3n) {
	margin-right: 0;
}
.link_box .text {
}
.link_box .box_title {
	padding: 18px 5px 18px 15px;
	border-left: 5px solid #238966;
	background-color: #fff;
	line-height: 1.5;
	width: 95%;
	font-size: 16px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
	margin-bottom: 0;
}
.link_box .image + .text .box_title {
	margin-top: -30px;
	position: relative;

}
.link_box .box_title span {
	font-size: 80%;
}
.link_box a {
	display: block;
	color: #000;
	text-decoration: none;
	height: 100%;
}
.link_box a:hover {
	box-shadow: 8px 8px 12px rgba(0, 0, 0, .2);
}
.link_box .text p {
	padding: 15px 20px 20px;
	margin-bottom: 0;
	font-size: 14px;
}

.series_list {
	flex-wrap: wrap;
}
.basic .inline.series_list .col,
.series_list .col {
	background-color: #fff;
	width: 32%;
	flex: none;
	margin: 2% 2% 2% 0;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
}
.series_list .col:nth-child(3n) {
	margin-right: 0;
}
.series_list .col .block {
	width: 100%;
	margin: 15px 0;
}
.series_list .col .label,
.label.catalogs {
	display: inline-block;
	padding: 2px 10px;
	color: #fff;
	font-size: 14px;
	margin: 0 15px;
}
.link_box .text p.label.no_oversea,
.series_list .col .label.no_oversea,
.label.no_oversea {
	display: inline-block;
	padding: 2px 10px;
	color: #fff;
	font-size: 14px;
	margin: 0 15px 15px;
	background-color: #ec6c6d;
}
.link_box .text p.label.no_oversea {
	margin-top: 15px;
}
.series_list .col .label.catalogs,
.label.catalogs {
	background-color: #006948;
}
.label.catalogs {
	margin-bottom: 1.2em !important;
}
.series_list .col .toggle_btn {
	padding: 10px 15px;
}

.series_list .col.has_list {
	background-color: #f5f5f5;
}
.series_list .series_data {
	background-color: #fff;
}
.series_list .col .image {
	padding: 15px 0;
	height: 230px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.series_list .col .image img {
	width: 100%;
}
.series_list .series_title {
	padding: 10px 15px 10px 40px;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 0;
	position: relative;
}
.series_list .series_title a,
.series_list .series_title a.link_txt {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	font-size: 15px;
	font-weight: normal;
	padding-left: 0;
}

.series_list .series_title a.link_txt:before {
	content: none;
}
.series_list .series_title a.link_txt:after {
	left: -22px;
}
.series_list .series_title:before {
	content: '';
	position: absolute;
	margin: auto;
	left: 15px;
	top: 15px;
	width: 16px;
	height: 16px;
	background-color: #f4a452;
}

.series_list .series_title span {
	display: block;
	font-size: 80%;
}
.series_list p {
	padding: 0 15px 15px;
	margin-bottom: 0;
	background-color: #fff;
}
.series_list ul {
	padding: 15px;
}
.series_list li {
	margin: .5em 0;
}
.series_list li:first-child {
	margin-top: 0;
}
.series_list li:last-child {
	margin-bottom: 0;
}
.series_list li a {
	color: #000;
	text-decoration: none;
	position: relative;
	padding-left: 15px;
	display: flex;
}
.series_list li a:hover {
	color: #00aca0;
	text-decoration: underline;
}
.series_list li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 4px solid #f4a452;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.block > .block.sign:first-of-type {
	margin-top: 4%;
}
.csr.policy .basic li ol,
.csr.policy .basic li ul {
	margin-left: 0;
}

.csr.policy ol.text_list li h3,
.csr.policy ul.text_list li h3 {
	font-size: 20px;
}
.csr.policy ol.text_list li h4,
.csr.policy ul.text_list li h4 {
	font-size: 18px;
}


.inline.nowrap {
	flex-wrap: nowrap;
	width: 100%;
}
.basic .inline.auto.nowrap .col,
.inline.auto.nowrap .col,
.inline.nowrap div,
.inline.nowrap .col {
	flex: 1;
	margin-right: 2%;
}
.inline.nowrap div:last-of-type,
.inline.nowrap .col:last-of-type {
	margin-right: 0;
}



.btm_link_line {
		margin: 5% auto;
}

.link_btn {
	display: inline-block;
	line-height: 1.3;
	padding: 15px 35px 15px 17px;
	color: #000;
	text-decoration: none;
	border: 1px solid #666;
	position: relative;
	background-color: #fff;
}
.link_btn:before,
.link_btn:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.link_btn:before {
	right: 12px;
	width: 16px;
	height: 16px;
	background-color: #f4a452;
}
.link_btn:after {
	right: 18px;
	width: 4px;
	height: 4px;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.link_btn:hover {
	color: #00aca0;
}
.link_btn.single {
	min-width: 30%;
}
.link_btn.margin {
	margin: 30px 0;
}

.link_txt.btn,
.link_pdf.btn,
.link_outside.btn,
.link_blank.btn {
	background-color: #f5f5f5;
	display: block;
	padding: 12px 10px 12px 40px;
	border: 1px solid #666;
	margin: 1em 0;
	text-decoration: underline;
	color: #1e488d;
}
.link_txt.btn:before,
.link_pdf.btn:before,
.link_outside.btn:before,
.link_blank.btn:before {
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.link_txt.btn:after {
	left: 18px;
	top: 0;
	bottom: 0;
}
p a:before,
p a.link_outside:before,
p a.link_blank:before,
p a.link_pdf:before {
	left: 8px;
}


.nowrap .link_btn {
	display: flex;
	align-items: center;
	margin-right: 3%;
	flex: 1;
}
.nowrap .link_btn:last-of-type {
	margin-right: 0;
}
.wrap .link_btn {
	display: block;
	margin: 1%;
	width: 23%;
}

.link_txt {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-right: 5em;
	color: #1e488d;
	text-decoration: underline;
}
.link_txt:before,
.link_txt:after {
	content: '';
	position: absolute;
	margin: auto;
}
.link_txt:before {
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
	background-color: #f4a452;
}
.link_txt:after {
	left: 3px;
	top: 10px;
	width: 4px;
	height: 4px;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.link_txt:hover,
.link_outside:hover,
.link_blank:hover {
	color: #00aca0;
	text-decoration: underline;
}
.link_list .link_txt:after {
	left: 13px;
}

.inline.center {
	justify-content: center;
}

.inline.center a {
	margin: 2%;
}
.link_btn_round {
	line-height: 1;
	padding: 20px 40px;
	text-align: center;
	font-weight: 600;
	color: #fff;
	font-size: 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	text-decoration: none;
	border-radius: 50px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}
.link_btn_round.orange {
	background-color: #f4a452;
}
.link_btn_round.green {
	background-color: #00aca0;
}
.link_btn_round.blue {
	background-color: #557ec0;
}
.link_btn_round.white {
	background-color: #fff;
	color: #006948;
	border: 1px solid #000;
	text-shadow: none;
}
.link_btn_round:hover {
	color: #fff;
	box-shadow: 0 8px 8px rgba(0, 0, 0, .2);
}
.link_btn_round.white:hover {
	color: #006948;
}

.link_outside,
.link_blank {
	display: inline-block;
}

.link_pdf,
.link_movie,
.link_sound,
.link_outside,
.link_blank,
.link_zip {
	position: relative;
	padding: 5px 5px 5px 30px;
	color: #1e488d;
	display: inline-block;
}
p + .link_txt,
p + .link_pdf,
p + .link_movie,
p + .link_sound,
p + .link_outside,
p + .link_blank,
p + .link_zip {
	margin-top: 10px;
	display: inline-block;
}
div + .link_txt,
div + .link_pdf,
div + .link_movie,
div + .link_sound,
div + .link_outside,
div + .link_blank,
div + .link_zip {
	margin-top: 20px;
	display: inline-block;
}
.link_pdf:before,
.link_movie:before,
.link_sound:before,
.link_outside:before,
.link_blank:before,
.link_zip:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	margin: auto;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 18px;
}
.link_pdf:hover {
	text-decoration: underline;
	color: #00aca0;
}
.link_pdf:before {
	background-image: url('/jp/common/images/icon_pdf.svg');
}
.link_movie:before {
	background-image: url('/jp/common/images/icon_film.svg');
	width: 23px;
	background-size: 23px;
}
.link_sound:before {
	background-image: url('/jp/common/images/icon_sound.svg');
}
.link_outside:before {
	background-image: url('/jp/common/images/icon_outside.svg');
}
.link_blank:before {
	background-image: url('/jp/common/images/icon_blank.svg');
}
.link_zip:before {
	background-image: url('/jp/common/images/icon_zip.svg');
}
.link_zip:before {
	background-size: 22px;
}

.link_btn_dark {
	padding: 10px 20px;
	background-color: #666;
	color: #000;
	text-decoration: none;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
}
.link_btn_dark:hover {
	color: #fff;
	background-color: #00aca0;
}

.link_btn_big {
	display: inline-block;
	padding: 25px 20px 25px 70px;
	background-color: #fff;
	border-left: 7px solid #0b6949;
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	min-width: 300px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin: 0 0 20px;
	position: relative;
}
.link_btn_big:hover {
	background-color: #eee;
}
.link_btn_big svg {
	display: inline-block;
	width: 2em;
	height: 2em;
	margin-right: 15px;
	vertical-align: middle;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.link_btn_big.pdf {
	padding: 25px 20px 25px 55px;
}
.link_btn_big svg.icon-file-pdf {
	width: 20px;
	height: 20px;
}
svg.icon-file-pdf {
	fill: #f00;
}
svg.icon-book {
	fill: #9cca54;
}
svg.icon-download {
	fill: #9cca54;
}

.btm_cta_wrap a.products_warning_link,
.products_warning_link {
	text-align: center;
	padding: 30px 30px 30px 72px;
	color: #006948;
	font-size: 22px;
	background-color: #f5f5f5;
	text-decoration: none;
	background: #f5f5f5 url('/jp/images/info/icon_products_warning.svg') no-repeat 30px center / 26px;
	width: auto;
}
.btm_cta_wrap a.products_warning_link:hover,
.products_warning_link:hover {
	background-color: #dbe4e1;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}


.grid {
	display: grid;
	display: -ms-grid;
	grid-template-columns: 2fr repeat(2, 1fr);
	grid-template-rows: repeat(2, 250px);
	-ms-grid-columns: 50% 25% 25%;
	-ms-grid-rows: 250px auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	-ms-grid-column-gap: 0px;
	-ms-grid-row-gap: 0px;
}
.grid .box .image {
	height: 100%;
}
.grid .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.grid .main {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;

	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	padding: 5% 0;
	position: relative;
}
.grid .main .inner {
	max-width: 500px;
	height: 100%;
	position: relative;
}
.grid .sub {
	border: 1px solid #fff;
}
.grid .sub.lt {
	grid-column: 2 / 3;
	grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}
.grid .sub.rt {
	grid-column: 3 / 4;
	grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-row: 1;
}
.grid .sub.lb {
	grid-column: 2 / 3;
	grid-row: 2;
	-ms-grid-column: 2;
	-ms-grid-row: 2;
}
.grid .sub.rb {
	grid-column: 3 / 4;
	grid-row: 2;
	-ms-grid-column: 3;
	-ms-grid-row: 2;
}
.grid .main .sec_title {
	font-size: 28px;
	color: #fff;
	margin-bottom: 5%;
}
.grid .main .content * {
	color: #fff;
}
.grid .main .arrow_link {
	position: absolute;
	bottom: 10%;
	width: 100%;
}
.grid .main .arrow_link a {
	display: block;
	padding: 15px;
	background-color: #fff;
	text-align: center;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	position: relative;
}
.grid .main .arrow_link a:before,
.grid .main .arrow_link a:after {
	content: '';
	position: absolute;
	height: 1px;
	background-color: #000;
	right: 5%;
	transition: 0.2s linear;
}
.grid .main .arrow_link a:before {
	width: 45px;
	top: 33px;
}
.grid .main .arrow_link a:after {
	width: 8px;
	transform: rotate(45deg);
	top: 30px;
}
.grid .main .arrow_link a:hover,
.top_nav a:hover {
	box-shadow: 0 0 30px rgba(255, 255, 255, .9);
}
.grid .main .arrow_link a:hover:before,
.grid .main .arrow_link a:hover:after {
	right: 3%;
}



.list_aco {
	flex-wrap: wrap;
}
.list_aco .col {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 20px;
	flex: none;
	width: 31%;
	margin: 1%;
	position: relative;
}
.list_aco .col h3 {
	cursor: pointer;
}
.list_aco .col ul {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 20px 10px 20px;
	z-index: 100;
}
.list_aco .col ul li {
	list-style: none;
}

.anchor {
	display: block;
	padding-top: 10%!important;
	margin-top: -10%!important;
}
section.anchor:first-of-type {
	padding-top: 50px!important;
	margin-top: 0!important;
}

section.basic {
	margin: 50px auto 50px;
	max-width: 1100px;
	width: 90%;
}

.basic_title {
	font-size: 22px;
	padding: 12px 10px 12px 25px;
	background-color: #f5f5f5;
	border-left: 3px solid #006948;
	margin-bottom: 30px;
	line-height: 1.4;
}
.basic_col_title {
	font-size: 19px;
	padding-bottom: 3px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 15px;
	color: #61500f;
}
.basic_sub_title {
	font-size: 16px;
	color: #006948;
	font-weight: 600;
	margin-bottom: 5px;
}
.basic .block h5 {
	margin-bottom: 10px;
}
.basic p {
	margin-bottom: 1em;
	letter-spacing: .005em;
}
.basic p:last-of-type {
	margin-bottom: 0;
}
.col_title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: .8em;
}
.basic .col p {
	margin-bottom: 1.2em;
}

.simple_title {
	font-size: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.simple_col_title {
	font-size: 16px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
}
.simple_col_title:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	background-color: #000;
}


.new_col_title {
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	font-size: 20px;
	margin-bottom: 5%;
}
.new_col_title span {
	background-color: #006948;
	color: #fff;
	padding: 3px 25px;
	margin-right: 10px;
	font-size: 80%;
	white-space: nowrap;
}

.basic .block_wrap {
	margin-bottom: 5%;
}
.basic .block_wrap:last-of-type {
	margin-bottom: 0;
}


.block {
	margin: 30px auto 40px;
	max-width: 1050px;
	width: 90%;
}
section .block {
	margin: 30px auto 40px;
	max-width: 1050px;
	width: 98%;
}
.block .block {
	width: 100%;
}
.block:first-of-type {
}
.block:last-of-type {
	margin-bottom: 0;
}
.block > .block {
	margin: 40px auto;
}
.block > .block:first-of-type {
	margin-top: 0;
}
p + .block:first-of-type,
dl + .block:first-of-type {
	margin-top: 20px !important;
}
.block > .block:last-of-type {
	margin-bottom: 0;
}
.block_mini {
	margin: 20px auto;
	max-width: 1050px;
}
.block.line {
	margin: 0;
	padding: 50px 5%;
	border-bottom: 1px solid #ccc;
}
.block.line:first-of-type {
	padding-top: 0;
}
.block.line:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.basic .block.image_block.center {
	text-align: center;
}
.basic .block.image_block.center img {
	max-width: 90%;
	margin: auto;
}
.image.full img {
	width: 100%;
}
p + .image {
	margin-top: 1em;
}
.inline.flex_wrap.harf .image.wid_20,
.image.wid_20 {
	width: 20%;
	margin: 0;
}
.inline.flex_wrap.harf .image.wid_30,
.image.wid_30 {
	width: 30%;
	margin: 0;
}
.inline.flex_wrap.harf .image.wid_40,
.image.wid_40 {
	width: 40%;
	margin: 0;
}
.inline.flex_wrap.harf .image.wid_50,
.image.wid_50 {
	width: 50%;
	margin: 0;
}
.inline.flex_wrap.harf .image.wid_60,
.image.wid_60 {
	width: 60%;
	margin: 0;
}
.inline.flex_wrap.harf .image.wid_70,
.image.wid_70 {
	width: 70%;
	margin: 0;
}

.inline.flex_wrap.harf .image.wid_20.center,
.image.wid_20.center {
	width: 20%;
	margin: 0 auto;
}
.inline.flex_wrap.harf .image.wid_30.center,
.image.wid_30.center {
	width: 30%;
	margin: 0 auto;
}
.inline.flex_wrap.harf .image.wid_40.center,
.image.wid_40.center {
	width: 40%;
	margin: 0 auto;
}
.inline.flex_wrap.harf .image.wid_50.center,
.image.wid_50.center {
	width: 50%;
	margin: 0 auto;
}
.inline.flex_wrap.harf .image.wid_60.center,
.image.wid_60.center {
	width: 60%;
	margin: 0 auto;
}
.inline.flex_wrap.harf .image.wid_70.center,
.image.wid_70.center {
	width: 70%;
	margin: 0 auto;
}


.block.wid_20 {
	width: 20%;
	margin: 0;
}
.block.wid_30 {
	width: 30%;
	margin: 0;
}
.block.wid_40 {
	width: 40%;
	margin: 0;
}
.block.wid_50 {
	width: 50%;
	margin: 0;
}
.block.wid_60 {
	width: 60%;
	margin: 0;
}
.block.wid_70 {
	width: 70%;
	margin: 0;
}
.block.wid_80 {
	width: 80%;
	margin: 0;
}

.flexnone {
	flex: none!important;
}

.banner_box {
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
	position: relative;
}
.banner_box .bn_title {
	font-size: 16px;
	line-height: 1.2;
	padding: 15px 10px 15px 20px;
	border-left: 5px solid #238966;
}
.banner_box a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}



.basic .inline .col {
	margin: 0;
}
.basic .inline.fifty .col:first-of-type {
	margin-right: 4%;
}
.inline.more_l .image:last-of-type,
.inline.more_r .image:last-of-type {
	text-align: right;
}
.inline.more_l .image:last-of-type.al_l,
.inline.more_r .image:last-of-type.al_l {
	text-align: left;
}
.inline.more_l .image:last-of-type p,
.inline.more_r .image:last-of-type p {
	text-align: left;
}

.inline_line .col:first-of-type,
.inline.more_l .col:first-of-type,
.inline.more_r .col:first-of-type {
	margin-right: 4%;
}
.inline.more_l .col:first-of-type {
	flex: 2;
}
.inline.more_l .col:last-of-type {
	flex: 1;
}
.inline.more_r .col:first-of-type {
	flex: 1;
}
.inline.more_r .col:last-of-type {
	flex: 2;
}

.inline .col_2 {
	flex: 2;
}
.inline .col_3,
.basic .inline.auto .col, .inline.auto .col.col_3,
.inline.more_l .col.col_3:first-of-type {
	flex: 3;
}
.inline .col_4,
.basic .inline.auto .col, .inline.auto .col.col_4,
.inline.more_l .col.col_4:first-of-type {
	flex: 4;
}
.inline .col_5,
.basic .inline.auto .col, .inline.auto .col.col_5,
.inline.more_l .col.col_5:first-of-type {
	flex: 5;
}
.inline .col_6,
.basic .inline.auto .col, .inline.auto .col.col_6,
.inline.more_l .col.col_6:first-of-type {
	flex: 6;
}
.inline .col_7,
.basic .inline.auto .col, .inline.auto .col.col_7,
.inline.more_l .col.col_7:first-of-type {
	flex: 7;
}
.inline .col_8,
.basic .inline.auto .col, .inline.auto .col.col_8,
.inline.more_l .col.col_8:first-of-type {
	flex: 8;
}
.inline .col_9,
.basic .inline.auto .col, .inline.auto .col.col_9,
.inline.more_l .col.col_9:first-of-type {
	flex: 9;
}

.inline.more_l .col:last-of-type {
	flex: 1;
}
.inline.more_r .col:first-of-type {
	flex: 1;
}

.inline.more_r .col:last-of-type {
	flex: 2;
}
.inline.more_r .col.col_3:last-of-type {
	flex: 3;
}
.inline.more_r .col.col_4:last-of-type {
	flex: 4;
}
.inline.more_r .col.col_5:last-of-type {
	flex: 5;
}
.inline.more_r .col.col_6:last-of-type {
	flex: 6;
}
.inline.more_r .col.col_7:last-of-type {
	flex: 7;
}
.inline.more_r .col.col_8:last-of-type {
	flex: 8;
}
.inline.more_r .col.col_9:last-of-type {
	flex: 9;
}


.block_line .block_col {
	flex: 1;
	margin-right: 3%;
}
.block_line .block_col:last-of-type {
	margin-right: 0;
}
.block_line .block_col .image {
	margin-bottom: 10px;
}
.block_line .block_col .basic_col_title {
	margin-bottom: 15px;
}
.block_line .block_col .basic_sub_title {
	margin-bottom: 10px;
}
.block_line .block_col p,
.block_line .block_col a {
	font-size: 14px;
}

.block_line.wrap.num2 .block_col {
	flex: none;
	width: 48%;
	margin: 1%;
}
.block_line.wrap.num3 .block_col {
	flex: none;
	width: 31%;
	margin: 1%;
}
.block_line.wrap.num4 .block_col {
	flex: none;
	width: 23%;
	margin: 1%;
}

.box_block {
	border: 3px solid #ccc;
	padding: 2.5% 3%;
	background-color: #fff;
}
.box_block.bg_y {
	background-color: #fffef3;
}
.box_block.bg_g {
	background-color: #f5f5f5;
	border-color: #f5f5f5;
}

.left_border {
	padding-left: 30px;
	border-left: 7px solid #c9ba83;
}

.inline.flex_wrap.harf {
	flex-wrap: wrap;
}
.inline.flex_wrap.harf .col {
	flex: none;
	width: 47%;
	margin: 0 4% 2% 0;
}
.inline.flex_wrap.harf .col:nth-of-type(even) {
	margin: 0 0 2% 0;
}
.inline.flex_wrap.harf .image {
	margin-right: 2%;
}
.inline.flex_wrap.harf .image:last-of-type {
	margin-right: 0;
}

.inline.flex_wrap.wrap_2 .col {
	flex: none;
	width: 46%;
	margin: 0 2% 2%;
}
.inline.flex_wrap.wrap_3 .col {
	flex: none;
	width: 31%;
	margin: 0 1% 2%;
}
.inline.flex_wrap.wrap_4 .col {
	flex: none;
	width: 23%;
	margin: 0 1% 2%;
}

.flex_wrap .link_btn {
	display: block;
}


.basic ol,
.basic ul {
	margin: .5em 0;
}
.txt + ol,
.txt + ul {
	margin: 1em 0;
}
.basic li {
	list-style-position: outside;
}
.basic li {
	margin-bottom: .5em;
}
.basic li li {
	margin-bottom: .2em;
}
.basic li ol,
.basic li ul {
	margin: .5em 0 1em;
}

.basic ol.decimal,
.basic ul.disc,
ol.decimal,
ul.disc {
	padding-left: 1.5em;
}
.basic li ol.decimal,
.basic li ul.disc,
li ol.decimal,
li ul.disc {
	padding-left: .5em;
}

.basic ol.decimal li,
ol.decimal li {
	list-style: decimal;
}
.basic ul.disc li,
ul.disc li {
	list-style: disc;
}
.decimal li,
.disc li  {
	display: list-item !important;
}
.basic ol.tight li,
.basic ul.tight li {
	margin-bottom: 3px;
}
.float:after {
	content: "";
  display: block;
  clear: both;
}
.float li.
.float .col {
	float: left;
	margin-bottom: 5px;
}
.float.harf li.
.float.harf .col {
	width: 50%;
}

ol.par_decimal {
}
ol.par_decimal li {
	padding-left: 1.8em;
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

ol.par_decimal li::before {
	content: "(" counter(cnt) ") ";
	position: absolute;
	left: 0;
}



.dl_wrap dl {
	display: flex;
}
.dl_wrap dt {
	width: 25%;
	padding: 15px 15px;
	padding-right: 5%;
	border-bottom: 1px solid #ccc;
}
.dl_wrap dd {
	width: 75%;
	padding: 15px 15px;
	border-bottom: 1px solid #ccc;
}
.dl_wrap.dtwide dt {
	width: 40%;
	padding: 15px 15px;
	padding-right: 5%;
}
.dl_wrap.dtwide dd {
	width: 60%;
	padding: 15px 15px;
}

.dl_wrap.half dt,
.dl_wrap.simple.half dt {
	width: 50%;
}
.dl_wrap.half dd,
.dl_wrap.simple.half dd {
	width: 50%;
}

.dl_wrap.alternate dl:first-of-type,
.dl_wrap.dtbg_y dl:first-of-type,
.dl_wrap.dtbg_g dl:first-of-type {
	border-top: 1px solid #ccc;
}
.dl_wrap.alternate dl:nth-of-type(even) {
	background-color: #f5f5f5;
}
.dl_wrap.dtbg_y dt {
	background-color: #f3efe1;
}
.dl_wrap.dtbg_g dt {
	background-color: #f5f5f5;
}

.dl_wrap.alternate dd dt {
	background: none;
	padding: 0;
}
.dl_wrap.dtbg_y dd dt {
	background: none;
	padding: 0;
}
.dl_wrap.dtbg_g dd dt {
	background: none;
	padding: 0;
}

.dl_wrap.al_item_c dt,
.dl_wrap.al_item_c dd {
	display: flex;
	align-items: center;
}

.dl_wrap.simple dl:first-of-type {
	padding-top: 0;
}
.dl_wrap.simple dt,
.dl_wrap.simple dd {
}
.dl_wrap.simple dt {
	padding-right: 15px;
	color: #888;
	font-size: 90%;
	width: 15%;
}
.dl_wrap.simple dd {
	width: 85%;
}

.dl_wrap dd dl:first-of-type,
.dl_wrap.alternate dd dl:first-of-type,
.dl_wrap.dtbg_y dd dl:first-of-type,
.dl_wrap.dtbg_g dd dl:first-of-type {
	border-top: none;
}
.dl_wrap dd dl {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.dl_wrap dd dl:first-of-type {
	padding-top: 0;
}
.dl_wrap dd dl:last-of-type {
	border-bottom: none;
}
.dl_wrap dd dt {
	margin-right: 20px;
}
.dl_wrap dd dd {
	padding: 0;
}
.dl_wrap dd dt,
.dl_wrap dd dd {
	width: auto;
}

.dl_wrap.simple.link_list dl {
	padding: 0 10px;
}
.dl_wrap.simple.link_list a {
	padding: 0 0 0 30px;
	display: block;
}
.dl_wrap.simple.link_list a:before {
	left: 0;
}
.dl_wrap.simple.link_list a:hover {
	font-weight: normal;
	color: #00aca0;
}
.dl_wrap.simple.link_list dd {
	width: 100%;
}

.dl_wrap.double dt {
	background-color: #eee;
	width: 30%;
}
.dl_wrap.double dd {
	width: 70%;
}
.dl_wrap.double dd dt {
	background: none;
}
.dl_wrap.double dd dt,
.dl_wrap.double dd dd {
	border-bottom: none;
	padding: 0;
}
.dl_wrap.double dd dt {
	width: 45%;
	padding-right: 5%;
}
.dl_wrap.double dd dd {
	width: 55%;
}
.dl_wrap.double dd dl {
	padding-left: 20px;
	padding-right: 20px;
}
.dl_wrap.double dd dl:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.dl_wrap.double dd dl:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}
.dl_wrap.double dd dt ul,
.dl_wrap.double dd dt li,
.dl_wrap.double dd dd p {
	margin: 0;
	padding: 0;
}
.dl_wrap.double dd dt li {
	display: inline-block;
	font-weight: 600;
}
.dl_wrap.double dd dt li:after {
	content: '／';
}
.dl_wrap.double dd dt li:last-child:after {
	content: none;
}

.dl_wrap dl.ali_c {
	align-items: center;
}

.dl_wrap.dl_line dl {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.dl_wrap.dl_line dl:first-of-type {
	padding-top: 0;
}
.dl_wrap.dl_line dt,
.dl_wrap.dl_line dd {
	padding: 0;
	border-bottom: none;
}

.dl_wrap.box_block {
	padding:
}

dl.dl_table {
	display: flex;
}
dl.dl_table dt {
	padding: 10px 40px;
	background-color: #238966;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
dl.dl_table dd {
	padding: 20px 30px;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media all and (-ms-high-contrast: none) {
	dl.dl_table dt,
	dl.dl_table dd {
		display: block;
	}
}


.link_list a {
	display: inline-block;
}
.link_list a:hover {
}


.link_list li {
	padding: 15px 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
}
.link_list li:first-child {
	padding-top: 0;
}
.link_list li a {
	padding: 0 0 0 40px;
}
.link_list li a:before {
	left: 10px;
	top: 0;
}
.link_list li a.link_txt {
	padding: 0 20px 0 40px;
}
.link_list li a.link_txt:after {
	top: 5px;
}
.link_list .linking {
	display: block;
	padding-left: 2.5em;
	position: relative;
}
.link_list .linking a,
.dl_wrap.simple.link_list .linking a {
	padding: 5px 0 5px 25px;
}
.link_list li .linking a {
	margin-bottom: 0;
}
.link_list li .linking a:before,
.dl_wrap.simple.link_list .linking a:before {
	left: 0px;
	top: 7px;
}
.link_list .linking:before,
.link_list .linking:after {
	content: '';
	position: absolute;
	left: 10px;
	background-color: #000;
}
.link_list .linking:before {
	width: 1px;
	height: 15px;
	top: 0;
}
.link_list .linking:after {
	width: 15px;
	height: 1px;
	top: 15px;
}

.link_list dd li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.link_list .inline .date {
	margin-right: 2em;
	font-size: 90%;
	color: #888;
}

.dl_wrap dl + p {
	margin-top: 5px;
}

.basic_title.toggle_btn {
	padding-right: 50px;
}
.toggle_btn {
	position: relative;
	padding-right: 50px;
}
.toggle_btn:before {
	content: '';
	position: absolute;
	top: 2px;
	bottom: 0;
	margin: auto;
	right: 25px;
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
	transition-property: all;
	transition: 0.2s linear;
}
.toggle_btn.active:before {
	transform: rotate(135deg);
}
.toggle_target {
	display: none;
}
.toggle_target .block,
.block.link_list.toggle_target {
	margin: 0 auto;
}


.float_block:after {
  content: "";
  display: block;
  clear: both;
}
.float_r {
	float: right;
	max-width: 20%;
	margin-left: 20px;
	margin-bottom: 20px;
}
.float_l {
	float: left;
	max-width: 20%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.float_r.lateral {
	max-width: 35%;
}
.float_l.lateral {
	max-width: 35%;
}

.float_r.image,
.float_l.image {
	min-width: 120px;
}

.message p {
	line-height: 2;
}
.sign {
	text-align: right;
}
.sign .inline {
	justify-content: flex-end;
	align-items: center;
}
.basic .col .sign p,
.sign p {
	margin-bottom: 0;
	line-height: 1.5;
}
.sign .position {
	font-size: 13px;
	margin-right: 20px;
}
.sign .name {
	font-size: 22px;
}
.sign img {
	width: 140px;
}
.sign p + .inline {
	margin-top: 10px;
}

.movie_wrap {
	width: 60%;
}
.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.warning {
	font-size: 20px;
}
.warning svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: #f4a452;
	fill: #f4a452;
	margin-right: .5em;
}

.page_nav,
.page_nav.block:last-of-type {
	max-width: 1000px;
	width: 90% !important;
	margin: 0 auto 2%;
	margin-bottom: 2%;
}


table.full {
	width: 100%;
}
table.fixed {
	table-layout: fixed;
}
th,td {
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}
.auto th,.auto td {
	padding: 10px 30px;
}
table.green thead th,
table.blue thead th {
	color: #fff;
	font-weight: 600;
	border: 1px solid #fff;
}
table.green tbody th,
table.green tbody td,
table.blue tbody th,
table.blue tbody td {
	border: 1px solid #a0a0a0;
}
table.green thead tr:first-child {
	background-color: #238966;
}
table.green thead tr:nth-child(2) {
	background-color: #238966;
}
table.green tbody th:first-child {
	color: #fff;
	font-weight: 600;
	border: 1px solid #fff;
	background-color: #ab9a5d;
}
table.green tbody th:nth-child(2) {
	font-weight: 600;
	background-color: #f3efe1;
	border-left-color: #fff;
}
table.blue thead tr:first-child {
	background-color: #557ec0;
}
table.blue thead tr:nth-child(2) {
	background-color: #557ec0;
}
table.blue tbody th:first-child {
	color: #fff;
	font-weight: 600;
	border: 1px solid #fff;
	background-color: #878c8c;
}
table.blue tbody th:nth-child(2) {
	font-weight: 600;
	background-color: #d8d8d8;
	border-left-color: #fff;
}

table.simple thead th {
	background-color: #eee;
}
table.simple th,
table.simple td {
	border: 1px solid #ccc;
}
table.simple td {
	text-align: left;
}
table.simple tbody th {
	text-align: left;
}
.cel_center td,
table.cel_center td,
table td.center {
	text-align: center;
}
.cel_center td.al_l,
table.cel_center td.al_l {
	text-align: left;
}

td.cel_right,
table.simple.cel_right td,
table.cel_right td,
table td.right {
	text-align: right;
}
table td.t_right {
	text-align: right;
}
table .bg_g {
	background-color: #eee;
}
table .nowrap {
	white-space: nowrap;
}

table .t_wid_25 {
	width: 25%;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.content-wrap {
  height: 250px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.close-btn, .more-btn {
  display: block;
  width: 100%;
  padding: 80px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.close-btn {
  background: none;
}
.slide-up {
  height: 250px;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 50px;
}
.more-btn p {
  display: inline-block;
  cursor: pointer;
	border: 1px solid #000;
  padding: 10px 20px 30px 20px;
  width: 60%;
	position: relative;
	transition-property: all;
	transition: 0.2s linear;
}
.more-btn p:before {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	width: 15px;
  height: 15px;
  border: 2px solid;
  border-color:  transparent transparent #000 #000;
  transform: rotate(-45deg);
	transition-property: all;
	transition: 0.2s linear;
}
.more-btn p:hover {
	color: #00aca0;
	border-color: #00aca0;
}
.more-btn p:hover:before {
	border-color: transparent transparent #00aca0 #00aca0;
}

.close-btn {
  padding:0;
	bottom: -30px;
}
.close-btn p {
	padding: 30px 20px 5px 20px;
}
.close-btn p:before {
	transform: rotate(-225deg);
	bottom: auto;
	top: 15px;
}


ol.text_list,
ul.text_list {
}
ol.text_list ol,
ul.text_list ul {
	margin-top: .5em;
}
ol.text_list li,
ul.text_list li {
	margin: 2% 2% 3%;
	font-size: 16px;
}
ol.text_list li{
	list-style: decimal;
}
ul.text_list li {
	list-style: disc;
}
ol.text_list li:last-child,
ul.text_list li:last-child {
	margin-bottom: 0;
}
ol.text_list li h3,
ul.text_list li h3 {
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
ol.text_list li h4,
ul.text_list li h4 {
	font-size: 15px;
	margin-bottom: 5px;
}
ol.text_list li p,
ul.text_list li p {
	margin: 5px auto;
	font-size: 15px;
}

ol.text_list li li,
ul.text_list li li {
	font-size: 14px;
	list-style: none;
	margin: 10px 0 20px;
}
ol.text_list li li li,
ul.text_list li li li {
	display: flex;
	margin-bottom: 5px;
}
ol.text_list li li li span,
ul.text_list li li li span {
	margin-right: 5px;
}
ul.text_list li p + ol,
ul.text_list li p + ul {
	margin-top: 1em;
}
ol.text_list .tight li,
ul.text_list .tight li {
	margin: 5px 0;
}

li.li_parenthesis {
	list-style: none;
	counter-increment: cnt;
}
.li_parenthesis:before {
	content: "(" counter(cnt) ") ";
}

.tight p,
.basic .col p.tight,
.basic p.tight,
.tight {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.fig_ttl,
.basic p.fig_ttl:last-of-type {
	font-weight: bold;
	margin-bottom: 5px !important;
	color: #000;
	position: relative;
	padding-left: 20px;
	line-height: 1.5;
}
.fig_ttl:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 10px;
	height: 10px;
	background-color: #006948;
}
.fig_ttl.in_block,
.basic p.fig_ttl:last-of-type.in_block {
	display: inline-block;
}

.fig_ttl.inline span {
	margin-left: auto;
	margin-right: 0;
}

h3 + .fig_ttl {
	margin-top: 4%;
}

.scroll.scroll-hint p.pcnone.note {
	margin-top: 0;
}

.mt0 {
	margin-top: 0!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mb5 {
	margin-bottom: 5px!important;
}



.basic ul.tab_group,
.tab_group {
	display: flex;
	justify-content: center;
	margin-bottom: 5%;
	padding-left: 0;
}
.tab{
	flex: 1;
	padding:20px 10px;
	border:solid 1px #CCC;
	text-align:center;
	cursor:pointer;
	background-color: #fff;
	color: #666;
	transition-property: all;
	transition: 0.2s linear;
}
.tab:hover{
	background-color: #dbe4e1;
}
.panel{
	display:none;
	margin-bottom: 5%;
}
.tab.is_active{
	background: #006948;
	color:#FFF;
	transition: all 0.2s ease-out;
	position: relative;
}
.tab.is_active:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 13px solid #006948;
}
.panel.is_show{
	display:block;
}

figure,
.inline.flex_wrap.harf figure.image:last-of-type {
	margin: 1%;
}
figure + p {
	margin-top: 15px;
}

.change_img {
	height: 350px;
	text-align: center;
}
.change_img img {
	height: auto;
}
.basic ul.change_thumbnail,
.change_thumbnail {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
}
.change_thumbnail li {
	margin-right: 2%;
	max-width: 31%;
}
.change_thumbnail li:last-child {
	margin-right: 0;
}




/******************/



/* TOPへボタン */
#page-top{
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 5%;
	right: 3%;
	background: rgba(0, 0, 0,.3);
	height: 50px;
	width: 50px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	font-size: 150%;
}
#page-top:hover{
	background: rgba(0, 0, 0, .6);
}

#page-top:after {
	content: '';
	position: absolute;
	top: 40%;
	right: 26%;
	width: 20px;
	height: 20px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}




.form .step {
	display: flex;
	justify-content: space-between;
	margin: 50px auto;
}
.form .basic .step li {
	flex: 1;
	padding: 5px;
	height: 44px;
	border-bottom: none;
	background-color: #dedede;
	text-align: center;
	margin-right: 8%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}
.form .step li:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	height: 0;
	border-left: 22px solid #dedede;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}
.form .step li.current {
	background-color: #006949;
	color: #fff;
}
.form .step li.current:after {
	border-left-color: #006949;
}
.form .step li:last-child {
	margin-right: 0;
}
.form .step li:last-child:after {
	content: none;
}


.form section ul li {
    list-style: none;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
.form .heading {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}
.form ul.dl_area li {
    border-bottom: none;
}

.form .imp {
    background: #f00;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 3px 5px;
    line-height: 1;
}
.form .head_box {
	margin-bottom: 50px;
}
.form form dl {
	display: flex;
	align-items: center;
	border-bottom: 1px dotted #ccc;
	padding: 20px 0;
}
.form form dl:first-of-type {
	padding-top: 0;
}
.form form dl dl:last-of-type {
	border-bottom: none;
}
.form form dt,
.form form dd {
    font-size: 16px;
}
.form form dl:first-of-type dt,
.form form dl:first-of-type dd {
	padding-top: 0;
}
.form form dl dl:last-of-type dt,
.form form dl dl:last-of-type dd {
	padding-bottom: 0;
}

.form form dt {
	width: 28%;
	margin-right: 2%;
	position: relative;
	padding-left: 10px;
	padding-right: 40px;
	line-height: 1.4;
	font-size: 15px;
}
.form form dt span {
	display: block;
	font-size: 85%;
}
.form form dt .imp {
    position: absolute;
    right: 2%;
    top: 0;
}
.form form dd {
	width: 70%;
	font-size: 18px;
}
.form form dl dd input[type="text"],
.form form dl dd input[type="email"],
.form form dl dd input[type="tel"],
.form form dl dd textarea {
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
}
.form form dl dd input[type="text"].mini,
.form form dl dd input[type="email"].mini,
.form form dl dd input[type="tel"].mini {
    width: 50%;
}
.form form dl dd input[type="text"].minmini,
.form form dl dd input[type="email"].minmini,
.form form dl dd input[type="tel"].minmini {
    width: 30%;
}
.form form dl dd input[type="text"]:focus,
.form form dl dd input[type="email"]:focus,
.form form dl dd input[type="tel"]:focus,
.form form dl dd textarea:focus {
    outline: none;
    background: #fff3f8;
}
.form form dl dd select {
    font-size: 16px;
}
.form form .custom_select {
    overflow: hidden;
    width: 50%;
    text-align: center;
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.form form .custom_select select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.form form .custom_select select:-ms-expand {
    display: none;
}
.form form .custom_select:before {
	position: absolute;
	top: 1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.form form .custom_select select {
	padding: 10px 38px 10px 8px;
}


.form form dl.que_line {
    flex-direction: column;
    padding: 3% 0;
}
.form form dl.que_line dt,
.form form dl.que_line dd {
    width: 100%;
    padding: 0
}
.form form dl.que_line dt {
    margin-right: 0;
}
.form form dl.que_line dd {
    margin: 2% 0;
}
.form form dl.que_line dd .in_box {
    margin: 4% 0;
}
.form form dl.que_line dd .in_box:first-of-type {
    margin-top: 0;
}
.form form dl.que_line dd .in_box:last-of-type {
    margin-bottom: 0;
}

.form form dl.que_line dt {
    background: none;
    font-weight: 600;
    color: #444;
}
.form form dl.que_line p.q_txt {
    background: #fff6eb;
    padding: 5px 10px;
    margin-bottom: 2%;
}

.submit_area {
	text-align: center;
	margin: 5% 0;
}
.submit_area p,
.submit_area li {
	margin-bottom: 1em;
}
.submit_area ol {
	padding-left: 1.5em;
}
.submit_area ol li {
	list-style: decimal outside;
}

.submit_area .btm_txt {
	text-align: left;
	margin-bottom: 50px;
}
.submit_area .submit {
	padding: 14px 50px;
	border-radius: 0;
	background: #666;
	box-shadow: none;
	border: none;
	outline: none;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	cursor: pointer;
	transition-property: all;
	transition: 0.1s linear;
}
.submit_area .submit:hover {
	background: #888;
}
.back_area .back{
	margin: 5% auto;
	background: #fff;
	padding: 5px 20px;
	border: 1px solid #ccc;
	color: #666;
	border-radius: 0;
	display: block;
}
.back_area .back:hover{
	background: #eee;
}
@media screen and ( max-width:896px ) {
	.form .step {
		margin: 30px auto;
	}
	.form .heading {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.form form dt {
		font-size: 14px;
	}
	.form form dd {
		font-size: 16px;
	}
	.form form dd dl {
		display: block;
	}
	.form form dd dt,
	.form form dd dd {
		width: 100%;
	}
	.form form dd dt {
		margin-bottom: 10px !important;
	}
}
@media screen and ( max-width:760px ) {
	.form .basic .step li {
		font-size: 12px;
		height: 36px;
	}
	.form .step li:after {
		border-left: 15px solid #dedede;
		border-top: 18px solid transparent;
		border-bottom: 18px solid transparent;
	}
	.form form dl {
		display: block;
	}
	.form form dt,
	.form form dd {
		width: 100%;
	}
	.form form dt {
		margin-bottom: 10px !important;
		padding-left: 0;
		padding-right: 0;
		font-size: 13px;
		color: #666;
	}
	.form form dt span {
		display: inline-block;
	}
	.form form dt .imp {
		position: relative;
		left: auto;
		right: auto;
	}
}




@media screen and ( min-width: 1201px ) {
	.btm_cta_wrap a {
		font-size: 24px;
	}
	.enclosure {
		font-size: 16px;
	}
}

@media screen and ( max-width: 1200px ) {
	header.site_head .g_nav .inner {
		width: 98%;
	}
	.g_nav_main li.menu_item a {
		font-size: 1.2vw;
	}

	.g_nav_main li.inquiry_btn a {
		font-size: 1vw;
	}

}


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

	.topinfo {
		text-align: left;
	}

}



@media screen and ( max-width: 1040px ) {
	header.site_head .g_nav li a,
	header.site_head .g_nav li .has_sub {
	}
}


/* タブレット 縦から */
@media screen and ( max-width: 1024px ) {
	.making_history .dl_wrap.simple dl {
		display: block;
		padding:10px 0 0;
	}
	.making_history .dl_wrap.simple dt,
	.making_history .dl_wrap.simple dd {
		width: 100%;
	}
	.making_history .dl_wrap.simple dt {
		padding: 0 0 5px;
		border-bottom: none;
	}
	.making_history .dl_wrap.simple dd {
		padding: 0;
	}
	.making_history .dl_wrap.simple dd li {
		padding-bottom: 10px;
	}
}


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

/* スマホ 横から */
@media screen and ( max-width: 896px ) {

	header.site_head {
		position: fixed;
		top: 0;
		width: 100%;
	}
	header.site_head .g_nav,
	header.site_head .g_nav_main,
	.lower header.site_head .g_nav,
	.fixed header.site_head .g_nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		transition: none;
	}
	header.site_head .g_nav .logo img,
	.fixed header.site_head .g_nav .logo img,
	.lower header.site_head .g_nav .logo img {
		width: 80px;
		margin-bottom: 0;
		margin-left: 10px;
	}
	header.site_head .g_nav,
	header.site_head .g_nav_main,
	.fixed header.site_head .g_nav,
	.lower header.site_head .g_nav {
		height: 55px;
		padding-bottom: 5px;
	}
	header.site_head .g_nav_main {
		padding-right: 40px;
	}
	header.site_head .g_nav .inner {
		position: absolute;
		top: 0;
	}

	.fixed header.site_head .g_nav .inner,
	.lower header.site_head .g_nav .inner {
		align-items: center;
		padding-top: 0;
	}
	.g_nav_main li {
		margin-bottom: 0;
	}
	header.site_head .g_nav:after {
		height: 5px;
	}
	.g_nav_main li.inquiry_btn a span.text {
		display: none;
	}
	.g_nav_main li.inquiry_btn a .icon {
		display: none;
		display: inline-block;
		width: 20px;
		height: 20px;
	}
	.g_nav_main li.search .fa-search {
		padding-right: 0;
	}
	.g_nav_main li.icon_btn a {
		padding: 0;
		background: none;
		color: #000;
	}
	.g_nav_main li.icon_btn svg {
		fill: #000;
		width: 20px;
		height: 20px;
	}

	.g_nav_main .global,
	.g_nav_main .search {
		padding: 0;
	}

	.g_nav_main .global,
	.g_nav_main .search,
	.g_nav_main li.icon_btn {
		margin: 0 8px;
	}
	.g_nav_main li.icon_btn span,
	.g_nav_main li.search span {
		font-size: 18px;
	}
	.g_nav_main .global img {
		width: 20px;
	}

	header.site_head ul.g_nav_main .menu_item {
		display: none;
	}

	.SearchArea {
		bottom: auto;
		top: 100%;
	}

	footer .inner.inline {
		display: block;
	}
	footer nav {
		margin-top: 5%;
	}
	footer nav ul {
		justify-content: flex-start;
	}
	footer nav li {
		text-align: left;
	}

	.content_wrap,
	.fixed .content_wrap {
		padding-top: 0;
	}
	.lower .content_wrap {
		padding-top: 55px;
	}

	.page_title h1 {
		font-size: 24px;
	}

	.basic_title {
		font-size: 20px;
		padding: 8px 10px 8px 25px;
	}
	.basic_col_title {
		font-size: 16px;
	}
	.link_btn{
		padding: 10px 35px 10px 17px;
	}

	.slick-arrow {
		width: 30px;
		height: 80px;
	}
	.home_main_image {
		height: auto;
		margin-top: 55px;
	}
	.home_main_image.sticky {
		position: relative;
	}
	.main_slider {
	}
	.home_main_image li.slick-slide .slide_cont {
		display: block;
		position: relative;
	}
	.home_main_image .over_image.pc {
		display: none;
	}
	.home_main_image .over_image.sp {
		display: inherit;
	}
	.home_main_image .over_image {
		position: relative;
		max-width: none;
		top: auto;
		left: auto;
		width: 100%;
		transform: none;
		-webkit-transform: none;
		padding: 10% 5%;
		text-align: center;
	}
	.home_main_image .over_image img {
		max-width: 260px;
		margin: auto;
	}
	.home_main_image .over_image img.shadow {
		filter: none;
	}

	.home_main_image .image,
	.home_main_image .image img {
		height: auto;
	}
	.home_main_image li .right,
	.home_main_image li .left {
		order: inherit;
	}
	.home_main_image li .right.image,
	.home_main_image li .left.image,
	.home_main_image li .right.image img,
	.home_main_image li .left.image img {
		height: auto;
		margin-bottom: 0;
	}
	.home_main_image li .right.text,
	.home_main_image li .left.text {
		height: auto;
		width: 100%;
	}
	.home_main_image .text {
		padding: 20px 8%;
	}
	.home_main_image .text .read_title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.home_main_image .text .read {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.home_main_image .text a {
		padding: 10px;
		font-size: 14px;
	}
	.home_main_image .img_full .text,
	.home_main_image .img_full .text.left,
	.home_main_image .img_full .text.right {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		padding: 20px 8%;
	}

	.pickup .col,
	.pickup .col:last-of-type {
		flex: none;
		width: 46%;
		margin: 2% 2% 6%;
	}

	.products_info li {
		flex-direction: column;
	}
	.products_info li .label,
	.products_info .col {
		width: 100%;
		padding-right: 0;
	}

	.news_col h4 {
		font-size: 13px;
	}
	.news_wrap dl,
	.news_col.home_nr_list .text {
		flex-direction: column;
	}
	.news_wrap dt {
		margin-right: 0;
		margin-bottom: 5px;
		padding-left: 15px;
	}
	.news_wrap dt:before {
		width: 10px;
		height: 10px;
		margin-top: 3px;
		top: auto;
	}
	.news_col.home_nr_list .col:before {
		width: 10px;
		height: 10px;
		margin-top: 0;
		top: 17px;
	}

	.news_wrap dt,
	.news_col.home_nr_list .date {
		padding: 0 0 0 15px;
	}
	.news_col.home_nr_list .meta {
		padding: 0;
	}
	.news_wrap dd,
	.news_wrap .wn .news_col.home_nr_list h3 {
		padding: 0;
	}

	.news_wrap dt,
	.news_wrap dd {
		width: 100%;
	}


	.ir_topwrap .news_wrap dl {
		padding: 20px 20px 20px 8px;
	}
	.ir_topwrap .ranking li a {
		padding: 20px 0 20px 25px;
	}

	.slide_wrap li img {
		height: 150px;
	}

	.grid {
		grid-template-rows: repeat(2, 200px);
		-ms-grid-rows: 200px auto;
	}

	.crossin_col {
		width: 100%;
	}

	.catalog_list .col .series_title {
		font-size: 16px;
	}

	.more_l .image {
		order: 1;
	}
	.more_l .text {
		order: 2;
	}
	.more_r .image {
		order: 1;
	}
	.more_r .text {
		order: 2;
	}


	.governance .block_col.dl_wrap dt,
	.governance .block_col.dl_wrap dd {
		width: 50%;
		padding: 10px;
	}
	.governance .block_col.dl_wrap dt {
		font-size: 13px;
	}

	.inline.flex_wrap.harf .col.dl_wrap {
		width: 100%;
		margin: 0 0 6%;
	}
	.inline.flex_wrap.harf .col.dl_wrap:last-of-type {
		margin-bottom: 0;
	}

	.products_side_menu,
	.products_side_btn {
		position: static;
	}
	.products_side_menu {
		width: 90%;
		margin: auto;
		padding: 0;
		border-left: none;
		box-shadow: none;
	}
	.products_side_btn {
		position: relative;
		right: auto;
		top: auto;
		writing-mode: lr-tb;
		padding: 0;
		text-align: right;
		border-radius: 0;
		font-size: 16px;
		background: none;
		box-shadow: none;
	}
	.products_side_btn span {
		background-color: #238966;
		padding: 10px 50px 10px 30px;
		display: inline-block;
	}
	.products_side_btn:before,
	.products_side_btn:after {
		right: 20px;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		left: auto;
	}

	.products_side_menu .menu_scroll {
		padding: 3%;
		border: 1px solid #ccc;
	}

	.ir_topwrap.inline {
		flex-direction: column;
	}
	.ir_topwrap .inline.more_l {
		margin-bottom: 6%;
	}
	.ir_topwrap .news_wrap,
	.ir_topwrap .inline.more_l .news_wrap.col:first-of-type {
		margin-right: 4%;
	}
	.image.real_time {
		width: 90%;
		max-width: 400px;
		margin: 0 auto 5%;
	}

	.making_history .link_list .inline {
		display: block;
	}
	.making_history .link_list .inline .date {
		width: 100%;
		margin-right: 0;
		display: block;
		margin-bottom: 10px;
	}
	.making_history .link_list .inline .cont {
		width: 100%;
	}


	.dl_wrap.double dd dl {
		display: block;
	}
	.dl_wrap.double dd dt,
	.dl_wrap.double dd dd {
		width: 100%;
		padding-right: 0;
	}
	.dl_wrap.double dd dt ul {
		margin-bottom: 15px;
	}

	dl.dl_table dt {
		padding: 10px;
	}
}



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

	.pickup .inline {
		flex-direction: row;
	}

	.news_wrap .inline {
		flex-direction: column;
	}
	.news_wrap .col {
		margin-right: 0;
		margin-bottom: 8%;
		flex: none;
		width: 100%;
	}
	.news_wrap .col:last-of-type {
		margin-bottom: 0;
	}
	.news_wrap h3 {
		padding: 10px;
		font-size: 16px;
	}
	.news_wrap .home_nr_list .col {
		margin-bottom: 0;
	}

	.btm_cta_wrap a {
		max-width: 50%;
	}

	.block.brand_logo:last-of-type {
		margin: 10% auto;
	}



	.read,
	.products_info .read,
	.crossin_col p.read {
		text-align: left;
		font-size: 16px;
	}
	.free_tel {
		font-size: 20px;
	}
	.free_tel img {
		width: 40px;
	}
	.cta_area .col.mail {
		margin: 20px 0 0;
	}
	.cta_area .col.mail a {
		padding: 10px 15px;
		font-size: 16px;
	}

	.csr .global_compact .inline.more_l {
		display: block;
	}
	.csr .global_compact .inline.more_l .image {
		width: 50%;
	}
	.csr .global_compact dl {
		display: block;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
	}
	.csr .global_compact dt,
	.csr .global_compact dd {
		width: 100%;
		border-bottom: none;
		padding: 0;
	}

	.governance .inline.block_line {
		flex-direction: column;
	}
	.governance .block_line .block_col {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.governance .block_col.dl_wrap dl {
		flex-direction: column;
	}
	.governance .block_col.dl_wrap dt,
	.governance .block_col.dl_wrap dd {
		width: 100%;
		padding: 10px;
	}
	.governance .block_col.dl_wrap dt {
		padding: 5px 10px;
		font-size: 12px;
		color: #666;
	}

	.philosophy .main {
		background-position: bottom right;
		background-size: 160%;
		padding-bottom: 35%;
	}
	.philosophy .main:before {
		content: none;
	}
	.philosophy .main h3 {
		font-size: 24px;
	}
	.philosophy .main p {
		font-size: 20px;
		line-height: 1.7;
	}

	.btm_cta_wrap a.products_warning_link,
	.products_warning_link {
		display: block;
		padding: 20px 20px 20px 60px;
		width: 80%;
		font-size: 16px;
		background-size: 20px;
		max-width: none;
	}

	.inline .info_box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8%;
	}
	.inline .sidebar {
		width: 100%;
	}


	footer nav ul {
		flex-wrap: wrap;
	}
	footer nav li {
		width: 50%;
		padding: 5px;
		margin-right: 0;
	}

	#page-top {
		width: 40px;
		height: 40px;
		bottom: 9%;
	}
	#page-top:after {
		width: 15px;
		height: 15px;
	}



	.breadcrumbs ul li,
	.breadcrumbs ul li a {
		font-size: 12px;
	}
	.page_title {
		padding-bottom: 10px;
	}


	.grad-trigger {
		font-size: 14px;
	}
	.grad-trigger:before {
		width: 20px;
		height: 20px;
		border-width: 1px;
	}


	.grid {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 350px 150px;
		-ms-grid-columns: 25% 25%;
		-ms-grid-rows: 350px auto;
	}
	.grid .main {
		grid-column: 1 / 5;
		grid-row: 1 / 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
	.grid .sub.lt {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.grid .sub.rt {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.grid .sub.lb {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
		-ms-grid-column: 3;
		-ms-grid-row: 2;
	}
	.grid .sub.rb {
		grid-column: 4 / 5;
		grid-row: 2 / 3;
		-ms-grid-column: 4;
		-ms-grid-row: 2;
	}
	.grid .sub:first-of-type {
		border-left: none;
	}
	.grid .sub:last-of-type {
		border-right: none;
	}

	section.cross + section.cross {
		margin-top: 30px;
	}
	.page_title + section.cross {
	}

	.cross_col:before {
		top: 5px;
	}
	.cross_title:before {
		bottom: -5px;
	}
	.cross_title {
		padding: 0 10px 20px;
	}
	.products_info h2,
	.cta_area h2,
	.cross_title,
	.grid .main .sec_title,
	.page_title h1 {
		font-size: 20px;
	}

	.grid .main .arrow_link a {
		font-size: 16px;
		padding: 10px;
	}

	.slide_wrap .slick-slide,
	.slide_wrap .slick-slide.slick-active,
	.slide_wrap .slick-slide.slick-active:hover {
		transform: scale( .97 );
	}
	.slide_wrap li img {
		height: 200px;
	}
	.slide_wrap:before,
	.slide_wrap:after {
		content: none;
	}

	.btm_cta_wrap a {
		font-size: 14px;
	}


	.link_box .text p {
		padding: 10px;
	}
	.link_box .box_title {
		padding: 15px 5px 15px 15px;
	}
	.link_box .image + .text .box_title {
		margin-top: -15px;
	}


	.series_list .col,
	.series_list .col:nth-child(3n) {
		width: 46%;
		margin: 2%;
	}

	.wrap .link_btn {
		width: 31%;
	}

	.link_btn_round {
		font-size: 16px;
		padding: 15px 40px;
	}

	.block_line.wrap.num4 .block_col {
		width: 31%;
	}

	ul.pause_list li {
		width: 48%;
	}

	.sitemap .block .col {
		float: none;
		width: 100%;
		margin: 0;
	}
	.sitemap .block .col h3 {
		margin-top: 20px;
	}
	.sitemap .block .col:first-of-type h3 {
		margin-top: 0;
	}

	.ir_topwrap .inline.more_l .col:first-of-type,
	.ir_topwrap .inline.more_l .news_wrap.col:first-of-type {
		width: 100%;
		margin-right: 0;
	}
	.ir_topwrap .inline.more_l .news_wrap.col:first-of-type {
		margin-bottom: 5%;
	}
	.ir_linkblock {
		display: flex;
	}
	.ir_linkblock a {
		margin-right: 2%;
		display: block;
		flex: 1;
	}
	.ir_linkblock a:last-of-type {
		margin-right: 0;
	}

}




/* 基本これでスマホまで */
@media screen and ( max-width:680px ) {

	.pcnone {
		display: inherit !important;
	}
	.spnone {
		display: none;
	}

	.g_nav_main .global img {
		width: 20px;
	}

	dd.al_r {
		text-align: left;
	}

	.scroll{
		overflow: auto;
		white-space: normal;
	}
	.scroll table {
		min-width: 200%;
	}
	.scroll::-webkit-scrollbar{
		 height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		 background: #BCBCBC;
	}
	.news_post .scroll table {
		min-width: inherit;
	}
	.scroll table .nowrap {
		white-space: normal;
	}

	section.cross.pickup {
		padding-top: 20px;
	}
	.home_main_image .img_full .text .read_title {
		font-size: 22px;
	}
	.slick-arrow {
		top: 20%;
		bottom: auto;
	}

	.home_main_image .text a {
		padding: 15px;
	}
	.g_nav_main li {
		height: auto;
	}
	.g_nav_main li.icon_btn svg {
		margin-top: 0;
	}

	.pickup .col{
		padding-bottom: 20px;
	}
	.pickup .col,
	.pickup .col:last-of-type {
		width: 100%;
		margin: 4% 0;
		display: flex;
		background-color: #fff;
	}
	.pickup .col:first-of-type {
		margin-top: 0;
	}
	.pickup .col:last-of-type {
		margin-bottom: 0;
	}
	.pickup .col .image {
		width: 20%;
		margin-bottom: 0;
	}
	.pickup .col .text {
		width: 80%;
	}
	.pickup .col .image img {
		/* height: 100px; */
	}
	.pickup .col span.arrow,
	.pickup .col:after {
		height: 20px;
	}
	.pickup .col span.arrow:before {
		top: 12px;
	}
	.pickup .col span.arrow:after {
		top: 9px;
	}
	.meta .cat {
		font-size: 10px;
		padding: 5px 10px;
	}

	.txt_none {
		display: none;
	}

	.establishment .address_line p .tel,
	.establishment .address_line p .fax {
		display: block;
	}

	.page_nav li {
		width: 100% !important;
	}

	.page_title {
		margin-bottom: 5%;
	}
	.post_head .from {
		font-size: 12px;
	}

	p + .block:first-of-type {
		margin-top: 8% !important;
	}

	.establishment .project_list li {
		flex-direction: column;
		border-bottom: 2px dotted #ccc;
		margin-bottom: 0;
		padding: 10px 0;
	}
	.establishment .project_list li p {
		font-size: 14px;
	}
	.establishment .project span {
		display: block;
	}
	.establishment .project_list li .tel {
		font-size: 16px;
		margin-right: 0;
		margin-bottom: 5px;
		position: relative;
		padding-left: 20px;
	}
	.establishment .project_list li .tel:before {
		content: '';
		position: absolute;
		top: 8px;
		left: 0;
		width: 10px;
		height: 10px;
		background-color: #006948;
	}
	.basic .block > .block.address,
	.basic .block > .block.project_list {
		margin: 10px auto;
	}
	.basic .block > .block.project_list {
		width: 90%;
		margin: auto;
	}

	.establishment .fax {
		margin-left: 0;
	}
	.establishment .dl_wrap.min dt {
		color: #006948;
	}

	.history .block_wrap.now h3 {
		text-align: left;
	}
	.history .block_wrap.now ul {
		width: 100%;
	}

	.products .dl_wrap.dtwide dt,
	.products .dl_wrap.dtwide dd {
		width: 100%;
	}
	.products .dl_wrap.dtwide dl {
		margin-bottom: 20px;
	}
	.products .dl_wrap.dtwide dt {
		padding: 10px 15px;
	}
	.products .dl_wrap.dtwide dd {
		padding: 5px 15px;
	}

	.special_box .special_title {
		padding: 10px;
		font-weight: normal;
	}
	.special_box p {
		padding: 20px;
		font-weight: normal;
		font-size: 16px;
		text-align: left;
	}

	.topread p {
		font-size: 18px;
	}
	.read, .products_info .read, .crossin_col p.read {
		font-size: 15px;
	}

	.crossin_col {
		margin-top: 8%;
	}


	.list_col .inline.flex_wrap.harf .col {
		width: 100%;
		margin: 4% 0;
	}


	.tab {
		padding: 10px 5px;
	}
	.tab.is_active:after {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 8px solid #006948;
	}


	.inline.flex_wrap.wrap_3.catalog_list .col {
		width: 100%;
		margin: 0 0 20px;
	}
	.catalog_list .col {
		padding: 5px 20px;
	}
	.basic .catalog_list .col li:last-child {
		margin-bottom: 0;
	}

	.ir .transition_list {
		flex-direction: column;
	}
	.ir .transition_list li {
		border-right: none;
		border-bottom: 2px solid #ccc;
	}
	.ir .transition_list li:first-child {
		padding-top: 0;
	}
	.ir .transition_list li:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.ir .transition_list li h3 {
		font-size: 16px;
	}
	.ir .crossin_col .transition_list p {
		margin-bottom: 5px;
	}

	.ir .transition_list {
		margin-bottom: 8%;
	}
	.ir_topwrap .news_wrap,
	.ir_topwrap .inline.more_l .news_wrap.col:first-of-type {
		margin-right: 0;
		margin-bottom: 8%;
	}
	.ir_topwrap .news_wrap h2,
	.ir_topwrap .ranking h2 {
		padding: 10px;
		font-size: 16px;
	}
	.ir_linkblock.block {
		margin-bottom: 4%;
		display: block;
	}
	.ir_linkblock a {
		margin-right: 0;
	}

	.halfway_wrap.inline.wrap {
		flex-direction: row;
	}




	.basic .view ul {
		margin-right: 0;
		margin-bottom: 0;
	}


	.faq_wrap dt, .faq_wrap dd {
		padding-left: 40px;
	}
	.faq_wrap dt {
		font-size: 16px;
	}
	.faq_wrap dd {
		padding: 15px 20px 0 50px;
	}
	.faq_wrap dt span, .faq_wrap dd span {
		font-size: 16px;
	}
	.faq_wrap dt span {
		top: -3px;
	}
	.faq_wrap dd span {
		top: 10px;
		left: 15px;
	}

	.presentation th,
	.presentation td,
	.library th,
	.library td,
	.presentation_archive th,
	.presentation_archive td,
	.library_archive th,
	.library_archive td {
		padding: 5px;
		white-space: normal;
		font-size: 12px;
		line-height: 1.5;
	}
	.presentation td a,
	.library td a,
	.presentation_archive td a,
	.library_archive td a  {
		padding-top: 25px;
		padding-left: 0;
	}
	.presentation td .link_pdf:before,
	.presentation td .link_movie:before,
	.presentation td .link_sound:before,
	.presentation td .link_outside:before,
	.presentation td .link_blank:before,
	.presentation td .link_zip:before,
	.library td .link_pdf:before,
	.library td .link_movie:before,
	.library td .link_sound:before,
	.library td .link_outside:before,
	.library td .link_blank:before,
	.library td .link_zip:before,
	.presentation_archive td .link_pdf:before,
	.presentation_archive td .link_movie:before,
	.presentation_archive td .link_sound:before,
	.presentation_archive td .link_outside:before,
	.presentation_archive td .link_blank:before,
	.presentation_archive td .link_zip:before,
	.library_archive td .link_pdf:before,
	.library_archive td .link_movie:before,
	.library_archive td .link_sound:before,
	.library_archive td .link_outside:before,
	.library_archive td .link_blank:before,
	.library_archive td .link_zip:before {
		top: 5px;
		left: 0;
		right: 0;
		width: 15px;
		height: 15px;
	}


	.dl_wrap.simple.link_list dl {
		padding: 10px 0;
	}

	.btm_cta_wrap a {
		padding: 15px 3%;
	}

	.sign img {
		width: 110px;
	}

	section.basic {
		margin: 10% auto;
	}

	.block {
		margin: 6% auto 10%;
		width: 90%;
	}
	section .block {
		margin: 6% auto 10%;
		width: 98%;
	}

	.link_btn_big {
		padding: 15px 14px 15px 70px;
	}

	.simple_title,
	.new_col_title {
		font-size: 18px;
	}

	.cta_area .inline {
		flex-direction: column;
	}

	.float_r {
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.float_l {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.link_box_wrap {
		flex-direction: column;
	}
	.link_box_wrap .link_box,
	.basic .inline.fifty .col:first-of-type {
		width: 100%;
		margin: 0 0 30px;
	}
	.link_box_wrap .link_box a {
		display: flex;
	}
	.link_box .image {
		width: 30%;
		margin-bottom: 0;
	}
	.link_box .image img {
		object-fit: cover;
		font-family: 'object-fit: cover;';
		height: 100%;
		width: 100%;
	}
	.link_box .text {
		width: 100%;
	}
	.link_box .image + .text {
		width: 70%;
	}
	.link_box .box_title,
	.link_box .image + .text .box_title {
		margin: 10px 15px 0;
		margin-bottom: 0;
		background: none;
		border-left: none;
		box-shadow: none;
		border-bottom: 1px solid #ccc;
		padding: 0 0 5px 0;
		width: auto;
	}
	.link_box .text p {
		font-size: 13px;
		padding: 10px 15px;
	}

	section.basic .sign .inline {
		flex-direction: row;
	}

	.breadcrumbs ul li, .breadcrumbs ul li a {
		font-size: 10px;
	}

	.series_list {
		flex-direction: column;
	}
	.series_list .col,
	.series_list .col:nth-child(3n) {
		width: 100%;
		margin: 0 0 20px;
	}
	.series_list .series_data {
		display: flex;
		padding-bottom: 10px;
	}
	.series_list .col .image {
		padding: 0;
		height: auto;
		width: 30%;
		margin-bottom: 0;
	}
	.series_list .col .text {
		width: 70%;
	}
	.series_list p {
		font-size: 14px;
		padding: 0 15px;
	}

	.wrap .link_btn {
		width: 48%;
	}

	.inline.btm_cta_wrap {
		flex-direction: row;
	}


	.grad-trigger {
		padding: 5px;
	}
	.grad-item.is-hide,
	.basic .block > .block.grad-item.is-hide:last-of-type {
		margin-bottom: 35%;
	}

	.inline_line .col:first-of-type,
	.inline.more_l .col:first-of-type,
	.inline.more_r .col:first-of-type {
		margin-right: 0;
		margin-bottom: 6%;
	}

	.inline.more_l .image:last-of-type,
	.inline.more_r .image:last-of-type {
		text-align: center;
	}

	.inline,
	section.basic .inline {
		flex-direction: column;
		display: block;
	}
	.fig_ttl.inline,
	section.basic .fig_ttl.inline {
		display: flex;
		flex-direction: row;
	}
	.basic_title {
		font-size: 18px;
		padding: 10px 10px 10px 20px;
		margin-bottom: 20px;
	}
	.basic_col_title {
		font-size: 17px;
		margin-bottom: 15px;
	}
	.block_line .block_col .basic_col_title {
		font-size: 16px;
	}
	.basic_sub_title {
		font-size: 14px;
	}

	.block_line .block_col {
		width: 100%;
		margin: 0 0 20px;
	}
	.block_line .block_col:last-of-type {
		margin-bottom: 0;
	}
	.inline_line .col:first-of-type {
		margin-right: 0;
	}
	.basic .block > .block {
		margin: 8% auto;
	}
	.basic .block > .block:last-of-type {
		margin-bottom: 0;
	}

	.block.line {
		padding: 30px 2%;
	}
	.basic .block > .block.line {
		margin: 0;
	}


	.dl_wrap dl {
		flex-direction: column;
		border-bottom: 1px solid #ccc;
	}
	.dl_wrap dt,
	.dl_wrap dd,
	.dl_wrap.simple dt,
	.dl_wrap.simple dd,
	.dl_wrap.dtwide dt,
	.dl_wrap.dtwide dd {
		width: 100%;
	}
	.dl_wrap dt {
		padding: 10px 20px 0;
	}
	.dl_wrap dd {
		padding: 5px 20px 10px;
	}
	.dl_wrap dt,
	.dl_wrap dd {
		border-bottom: none;
		padding: 0;
	}
	.dl_wrap.simple dt {
		padding-right: 0;
	}

	.dl_wrap.alternate dl,
	.dl_wrap.dtbg_y dl,
	.dl_wrap.dtbg_g dl {
		border-bottom: none;
		margin-bottom: 10px;
	}
	.dl_wrap.alternate dl:first-of-type,
	.dl_wrap.dtbg_y dl:first-of-type,
	.dl_wrap.dtbg_g dl:first-of-type {
		border-top: none;
	}
	.dl_wrap.alternate dt,
	.dl_wrap.dtbg_y dt,
	.dl_wrap.dtbg_g dt {
		padding: 5px 15px 5px;
	}
	.dl_wrap.alternate dd,
	.dl_wrap.dtbg_y dd,
	.dl_wrap.dtbg_g dd {
		padding: 5px 15px 5px;
	}

	.dl_wrap.simple dl {
		padding: 10px 0;
	}
	.dl_wrap.simple dt {
		margin-bottom: 5px;
	}

	.dl_wrap.min {
		width: 90%;
		margin: auto;
	}
	.dl_wrap.min dt,
	.dl_wrap.min dd {
		padding-left: 5px;
		padding-right: 5px;
	}

	.dl_wrap.double dl {
		border: 1px solid #ccc;
		margin-bottom: 20px;
	}
	.dl_wrap.double dt,
	.dl_wrap.double dd {
		width: 100%;
		padding: 15px;
	}
	.dl_wrap.double dd dl {
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 10px 0;
		margin-bottom: 0;
	}
	.dl_wrap.double dd dl:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	.dl_wrap.double dd dl ul {
		margin-bottom: 5px;
	}

	.nowrap .link_btn,
	.inline.nowrap div {
		margin: 0 0 10px;
	}

	.dl_wrap.half dt, .dl_wrap.simple.half dt,
	.dl_wrap.half dd, .dl_wrap.simple.half dd {
		width: 100%;
	}

	.link_btn.single {
		min-width: none;
		width: 100%;
	}

	.link_pdf,
	.link_movie,
	.link_sound,
	.link_outside,
	.link_blank,
	.link_zip {
		padding: 0 0 0 25px;
	}
	.link_pdf:before,
	.link_movie:before,
	.link_sound:before,
	.link_outside:before,
	.link_blank:before,
	.link_zip:before,
	.link_list li a:before {
		background-size: 15px;
		top: 4px;
	}


	.link_txt {
		margin-right: 0;
		display: block;
	}
	.link_txt:before {
		top: 2px;
	}
	.link_txt:after {
		top: 7px;
	}

	.link_list .linking {
		padding-left: 35px;
	}
	.link_list .linking a,
	.dl_wrap.simple.link_list .linking a {
		padding: 5px 5px 5px 20px;
	}
	.link_list .linking:before,
	.link_list .linking:after {
		left: 15px;
	}
	.link_list li .linking a:before,
	.dl_wrap.simple.link_list .linking a:before {
		left: 0;
	}
	.link_list li a.link_txt:after {
		top: 9px;
	}

	.series_list .series_title a.link_txt:after {
		top: 10px;
	}

	.btm_link_line.center a {
		text-align: left;
	}

	.inline.flex_wrap.harf .col,
	.inline.flex_wrap.harf .col:nth-of-type(even) {
		width: 100%;
		margin: 0 0 5%;
	}
	.inline.flex_wrap.harf .col:last-of-type {
		margin-bottom: 0;
	}

	.link_list li {
		padding: 10px 5px;
	}

	.basic .inline.auto.nowrap .col,
	.inline.auto.nowrap .col,
	.inline.nowrap div,
	.inline.nowrap .col {
		margin-right: 0;
	}


	.inline.gallery,
	section.basic .inline.gallery {
		display: flex;
		flex-direction: row;
	}
	.block_line.wrap.num4.gallery .block_col {
		width: 48%;
	}

	.sidebar h3 {
		position: relative;
	}
	.sidebar h3:after {
		content: '';
		position: absolute;
		right: 10px;
		top: 5px;
		width: 5px;
	  height: 5px;
	  border: 1px solid;
	  border-color:  transparent transparent #565656 #565656;
	  transform: rotate(-45deg);
		transition: 0.2s linear;
		cursor: pointer;
	}
	.sidebar h3.active:after {
		transform: rotate(135deg);
	}

	.box_block .block:first-of-type {
		margin-top: 0;
	}
	.box_block .text_list {
		padding-left: 1.5em;
	}

	.csr.policy ol.text_list li h3, .csr.policy ul.text_list li h3 {
		font-size: 18px;
	}
	ol.text_list li, ul.text_list li {
		margin: 20px 0;
	}
	.csr.policy ol.text_list li h3,
	.csr.policy ul.text_list li h3 {
		font-size: 16px;
	}
	.csr.policy ol.text_list li h4,
	.csr.policy ul.text_list li h4 {
		font-size: 15px;
	}
	.csr.policy ol.text_list li p,
	.csr.policy ul.text_list li p {
		padding-left: 0;
		font-size: 14px;
	}


	.basic .inline.auto .col, .inline.auto .col {
		margin-right: 0;
	}
	.basic li ol, .basic li ul {
		margin-left: 0;
	}

	.info_post .pege_title {
		font-size: 16px;
		margin-top: 0;
	}
	.post_head h1 {
		font-size: 20px;
	}

	.sign .name {
		font-size: 18px;
	}
	.sign .inline {
		align-items: flex-end;
	}


	.block_line.wrap.num2 .block_col,
	.block_line.wrap.num3 .block_col,
	.block_line.wrap.num4 .block_col {
		width: 100%;
	}


	.inline.flex_wrap.harf .image.wid_20,
	.image.wid_20 {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_30,
	.image.wid_30 {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_40,
	.image.wid_40 {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_50,
	.image.wid_50 {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_60,
	.image.wid_60 {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_70,
	.image.wid_70 {
		width: 100%;
	}

	.inline.flex_wrap.harf .image.wid_20.center,
	.image.wid_20.center {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_30.center,
	.image.wid_30.center {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_40.center,
	.image.wid_40.center {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_50.center,
	.image.wid_50.center {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_60.center,
	.image.wid_60.center {
		width: 100%;
	}
	.inline.flex_wrap.harf .image.wid_70.center,
	.image.wid_70.center {
		width: 100%;
	}


	.block.wid_20 {
		width: 100%;
	}
	.block.wid_30 {
		width: 100%;
	}
	.block.wid_40 {
		width: 100%;
	}
	.block.wid_50 {
		width: 100%;
	}
	.block.wid_60 {
		width: 100%;
	}
	.block.wid_70 {
		width: 100%;
	}
	.block.wid_80 {
		width: 100%;
	}


}

/* スマホ 縦から */
@media screen and ( max-width: 480px ) {

	html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
		font-size: 13px;
	}

	header.site_head .g_nav .icon_nav li.search {
		position: inherit;
	}

	.g_nav_main .global, .g_nav_main .search, .g_nav_main li.icon_btn {
		margin: 0 5px;
	}

	.SearchArea {
		min-width: 100%;
	}
	.breadcrumbs {
		margin: 10px auto 5px;
	}
	.breadcrumbs.inner {
		width: 96%;
	}
	.breadcrumbs ul li {
		margin-right: 15px;
	}
	.breadcrumbs ul li:before {
		right: -8px;
	}

	.page_title {
		padding: 0;
		height: auto;
		padding-bottom: 120px;
		background-position: 85% bottom;
		background-size: auto;
	}
	.page_title:before {
		content: none;
	}
	.page_title .inner {
		width: 100%;
		background-color: #fff;
		padding: 10px 15px 0px 15px;
	}

	.link_box .box_title {
		font-size: 14px;
	}
	.link_box .text p {
		font-size: 12px;
	}

	.home_main_image .img_full .text.left,
	.home_main_image .img_full .text.right {
		width: 100%;
	}
	.home_main_image .text .read_title {
		font-size: 16px;
	}
	.home_main_image .text .read {
		font-size: 14px;
	}
	.home_main_image .text a {
		padding: 10px;
		margin: auto;
		font-size: 14px;
	}
	.slick-arrow {
		width: 35px;
		height: 60px;
	}
	.slick-arrow.next:before,
	.slick-arrow.prev:before {
		width: 8px;
		height: 8px;
	}
	.slick-arrow.prev {
		left: 0;
	}
	.slick-arrow.next {
		right: 0;
	}

	.main_slider .slick-dots {
		bottom: -30px;
	}

	.pickup .col .image {
		width: 150px;
		display: flex;
		align-items: center;
	}
	.pickup .col .text .meta {
		padding: 0 0 5px 20px
	}
	.meta .cat {
		padding: 5px;
	}
	.meta span,
	.news_wrap dt {
		font-size: 10px;
	}
	.pickup .col .text h3 {
		font-size: 12px;
	}

	.philosophy .main h3 {
		font-size: 20px;
	}
	.philosophy .main p {
		font-size: 15px;
		line-height: 1.7;
	}

	.ir_linkblock {
		flex-direction: column;
	}
	.ir_linkblock a {
		margin-right: 0;
	}

	.halfway_wrap.inline.wrap {
		flex-direction: column;
	}
	.wrap .link_btn,
	.halfway_wrap.inline.wrap .link_btn {
		width: 100%;
	}

	.cta_area p {
		font-size: 12px;
	}


	.inner,
	section.basic {
		width: 92%;
	}
	.crossin_col {
		width: 100%;
	}

	.grid {
		grid-template-rows: 350px 100px;
	}

	.basic_title {
		font-size: 16px;
		padding: 10px 10px 10px 11px;
	}
	.basic_col_title,
	.new_col_title {
		font-size: 15px;
	}

	.page_title:after {
		content: none;
	}

	.toggle_btn:before {
		width: 6px;
		height: 6px;
	}

	.products_info h2,
	.cta_area h2,
	.cross_title,
	.grid .main .sec_title,
	.page_title h1 {
		font-size: 18px;
	}


	.cross_title {
		font-size: 17px;
	}


	.link_btn {
		padding: 15px 35px 15px 17px;
	}
	.link_btn_big {
		padding: 15px 20px 15px 70px;
	}

	.inline.btm_cta_wrap {
		display: block;
	}
	.inline.center.btm_cta_wrap a {
		max-width: none;
		width: 80%;
		margin: 3% auto;
		display: block;
	}
	.btm_cta_wrap a.products_warning_link,
	.products_warning_link {
		width: 100% !important;
	}


	.products_side_btn span {
		font-size: 14px;
	}
	.products_side_btn:before,
	.products_side_btn:after {
		width: 13px;
	}
	.change_img {
		height: 200px;
	}

	.auto th, .auto td {
		padding: 10px;
	}

	.anchor {
		padding-top: 14.5%!important;
		margin-top: -10%!important;
	}



	.form .basic .step li {
		font-size: 10px;
	}
	.form .head_box .imp {
		margin-right: 3px;
	}
	.form .heading {
		font-size: 16px;
	}
	.form form dd {
		font-size: 14px;
	}
	.form form .custom_select {
		width: 100%;
	}
	.submit_area .btm_txt {
		margin-bottom: 30px;
	}
	.submit_area .fol {
		font-size: 100%!important;
	}

	.text_list {
		padding-left: 10px;
	}

	.info .info_box li .image {
		display: none;
	}

}




/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

/* サイドメニュー */
.side-menu {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 80%;
	height: 100%;
	padding: 3%;
	text-align: left;
	font-size: 13px;
	z-index: 4;
	background: rgba(255, 255, 255, .97);
	overflow-y: scroll;
}
.side-open .side-menu {
	display: inherit;
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
.side-open .home .main_logo {
	display: none;
}


.side-menu .inner {
	width: 100%;
}
.side-menu .sub_menu {
	width: 100%;
}
.side-menu h3 {
	padding: 10px 0;
	margin-bottom: 0;
	font-weight: 600;
	display: block;
	position: relative;
}
.side-menu h3:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
	width: 5px;
	height: 5px;
	border: 1px solid;
	border-color:  transparent transparent #565656 #565656;
	transform: rotate(-45deg);
	transition: 0.2s linear;
}
.side-menu h3.active:after {
	transform: rotate(135deg);
}
.side-menu .g_nav_main {
	display: block;
}
.side-menu .g_nav_main li {
	align-items: flex-start;
	height: auto;
	padding: 5px 0;
	border-bottom: 1px solid #666;
}
.side-menu .g_nav_main li.logo {
	padding-bottom: 10px;
}
.side-menu .g_nav_main li.logo img {
	width: 100px;
}
.side-menu .close {
	display: none;
}
.side-menu li.sp_inq_nav {
	padding: 15px 0;
}
.side-menu li.sp_inq_nav a {
	text-decoration: none;
	color: #000;
	font-weight: 600;
	display: block;
	width: 100%;
	padding-left: 30px;
	position: relative;
}
.side-menu .sp_inq_nav svg {
	display: inline-block;
	width: 18px;
	height: 20px;
	fill: #000;
	margin-right: .5em;
	position: absolute;
	left: 0;
	top: 1px;
}
.side-menu .subnav_side .image {
	display: none;
}
.side-menu .g_nav_main li.menu_item a {
	color: #000;
	font-size: 14px;
	position: relative;
	padding-left: 10px;
	white-space: inherit;
	line-height: 1.5;
	display: block;
}
.side-menu .g_nav_main li.menu_item a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 0;
	height: 0;
	border-left: 5px solid #f4a452;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.side-menu .menu_wrap {
	padding-left: 15px;
}
.side-menu .menu_wrap li {
	border-bottom: none;
}
.side-menu .g_nav_main li.menu_item a.has_sub,
.side-menu li.inquiry_btn,
.side-menu li.global,
.side-menu li.search,
.side-menu li.icon_btn {
	display: none;
}
.side-menu .in_sub {
	padding-left: 15px;
}
.side-menu .g_nav_main li.menu_item a.nothas_sub {
	padding: 10px 0;
	font-weight: 600;
	display: block;
}
.side-menu .g_nav_main li.menu_item a.nothas_sub:hover {
	text-decoration: none;
}
.side-menu .g_nav_main li.menu_item a.nothas_sub:before {
	content: none;
}

@media screen and ( max-width:680px ) {
	.side-menu {
		width: 90%;
	}
	.g_nav_main li {
		flex-direction: column;
	}
}


/* 開閉用ボタン */
.side-menu-btn {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 50px;
	height: 45px;
	cursor: pointer;
	z-index: 4;
}
@media screen and ( max-width:896px ) {
	.side-menu-btn {
		display: inherit;
	}
}
 /*ボタンのスタイル */
.side-menu-btn,
.side-menu-btn span {
	transition: all .4s;
}
.side-menu-btn span {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	width: 45%;
	height: 2px;
	background-color: #000;
	border-radius: 5px;
}
.side-menu-btn span:nth-of-type(1) {
	top: 12px;
}
.side-menu-btn span:nth-of-type(2) {
	top: 22px;
}
.side-menu-btn span:nth-of-type(3) {
	bottom: 11px;
}

.side-open .side-menu-btn {
	top: 10px;
	right: 20px;
}
.side-open .side-menu-btn span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.side-open .side-menu-btn span:nth-of-type(2) {
  opacity: 0;
}
.side-open .side-menu-btn span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}


/* メインコンテンツ */
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
}

.side-menu li.menu-item a {
	color: #133c86;
	font-weight: 600;
}
.side-menu .sub-menu {
	padding-left: 5%;
}
.side-menu .sub-menu li {
	border-bottom: none;
	position: relative;
	padding: 1% 0;
}
.side-menu .sub-menu li:before {
	position: absolute;
	top: 35%;
	left: -10px;
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 5px solid #133c86;
	border-bottom: 4px solid transparent;
}
.side-menu .sub-menu li a {
	font-size: 14px;
	color: #333;
	font-weight: normal;
}




/*** LP社長インタビュー ***/
.lower .content_wrap.lp_interview {
	padding-top: 0;
}

.lp_interview .main_head {
	width: 100%;
	background: url('/jp/images/company/interview/main.jpg') no-repeat center top / cover;
	margin: 0;
}
.lp_interview .head_logo {
	padding: 20px 0 0;
}
.lp_interview .head_logo img {
	display: inline-block;
}
.lp_interview .head_logo img.logo {
	width: 92px;
	margin-right: 20px;
}
.lp_interview .head_logo img.anniversary {
	width: 65px;
}
.lp_interview h1 {
	text-align: center;
	font-size: 32px;
	line-height: 46px;
	max-width: 710px;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 20px;
	margin-bottom:15px;
}
.lp_interview .head_box {
	max-width: 710px;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 20px;
}
.lp_interview .head_box .box_heading,
.lp_interview .head_box .box_title,
.lp_interview .head_box .box_name {
	text-align: center;
	margin-bottom: 10px;
}
.lp_interview .head_box .box_text {
	margin-top: 18px;
	letter-spacing: 0.04em;
	font-size: 12px;
	line-height: 18px;
}
.lp_interview section {
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
	overflow: hidden;
}
.lp_interview section:nth-of-type(even) {
	background-color: #f2fbfe;
}
.lp_interview h2 {
	color: #007851;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.5;
}
.lp_interview .block {
	width: 100%;
	max-width: none;
	clear: both;
	overflow: hidden;
	margin: 4% auto;
}
.lp_interview .block:last-of-type {
	margin-bottom: 0;
}
.lp_interview .txt:last-of-type {
	margin-bottom: 0;
}
.lp_interview .block p.heading {
	font-size: 24px;
	position: relative;
	padding-left: 25px;
	margin-bottom: 20px;
}
.lp_interview .block p.heading:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 1px;
	background-color: #000;
}
.lp_interview .float_r.image,
.lp_interview .float_l.image {
	max-width: none;
}
.lp_interview .float_r {
	margin-left: 35px;
	margin-bottom: 0;
}
.lp_interview .float_l {
	margin-right: 35px;
	margin-bottom: 0;
}
.lp_interview p.caption {
	font-size: 12px;
	position: relative;
	padding-left: 18px;
}
.lp_interview p.caption:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid black;
}
.lp_interview .profile .heading {
	display: inline-block;
	padding: 5px;
	border: 1px solid #000;
	margin-bottom: 30px;
}
.lp_interview .profile p {
	margin: 8px 0 10px;
}
.lp_interview .column {
	background-color: #ffffe6;
}
.lp_interview .column .title,
.lp_interview .column h2 {
	text-align: center;
}
.lp_interview .column h2 {
	color: #f08420;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 45px;
}
.lp_interview .btm_link {
	padding: 50px 0;
	text-align: center;
}
.lp_interview .btm_link a {
	padding: 20px 50px 20px 50px;
	background-color: #007851;
	color: #fff;
	text-decoration: none;
	border-radius: 40px;
}
.lp_interview .btm_link a svg {
	display: inline-block;
	width: 15px;
	height: 15px;
	fill: #fff;
	margin-left: 10px;
	margin-top: 8px;
}
.lp_interview .sp {
	display: none;
}
@media screen and ( max-width:680px ) {
	.lp_interview .pc {
		display: none;
	}
	.lp_interview .sp {
		display: inherit;
	}
	.lp_interview .main_head {
		background: url('/jp/images/company/interview/main_sp.jpg') no-repeat center top / 100%;
	}
	.lp_interview .head_logo img.logo {
		width: 60px;
	}
	.lp_interview .head_logo img.anniversary {
		width: 42px;
	}
	.lp_interview h1 {
		background: none;
		color: #fff;
		font-size: 18px;
		line-height: 1.3;
		padding: 42% 0 0;
	}
	.lp_interview .head_box {
		background: none;
		padding: 0 0 30px;
	}
	.lp_interview .head_box .box_heading,
	.lp_interview .head_box .box_title {
		color: #fff;
		margin-bottom: 0;
	}
	.lp_interview .head_box .box_heading {
		width: 37.972%;
		margin: 4% auto 0;
	}
	.lp_interview .head_box .box_name {
		width: 21.081%;
		margin: 0 auto;
	}
	.lp_interview .box_text.sp {
		background-color: #f2fbfe;
		padding: 20px 5%;
	}
	.lp_interview section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.lp_interview .block {
		margin: 6% auto 8%;
	}
	.lp_interview h2 {
		font-size: 20px;
		text-align: center;
	}
	.lp_interview .block p.heading {
		font-size: 17px;
	}
	.lp_interview .block p.heading:before {
		top: 12px;
		bottom: auto;
	}
	.lp_interview .float_r.image,
	.lp_interview .float_l.image {
		float: none;
		margin: 0 0 20px;
	}
	.lp_interview .float_r.image img,
	.lp_interview .float_l.image img {
		width: 100%;
	}
	.lp_interview .profile .float_l.image {
		float: left;
		width: 45%;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.lp_interview .profile p {
		margin: 0 0 5px;
	}
	.lp_interview .profile .heading {
		font-size: 12px;
		margin: 5px 0;
		padding: 1px 5px 0;
	}
	.lp_interview .profile .title {
		font-size: 12px;
	}
	.lp_interview .profile .name img {
		width: 90px;
	}
	.lp_interview .profile .prof_text {
		font-size: 12px;
	}
	.lp_interview .column .title img {
		width: 80px;
	}
	.lp_interview .column h2 {
		font-size: 18px;
		margin-bottom: 25px;
	}
}






/* 印刷時の余白幅指定 */
@page {
	margin: 12.7mm 9.7mm;
}
/* IE6で印刷時の倍率を指定 */
@media print {
	body {
		overflow: visible !important;
		_zoom: 0.75;
		width: 1020px;
		margin: 0 auto;
	}
	.fixed header.site_head, .lower header.site_head {
		position: inherit;
	}
}