@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/
/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */ :root {
  --font-main: 'Noto Sans JP', sans-serif;
  /* FONT SITE */
  --txt: #333;
  /* COLOR TEXT */
  --mcolor: #095097;
  /* MAIN COLOR  */
  --scolor: #D5000C;
  /* SUB COLOR */
  /* CUSTOM COLOR */
  --blue: #00B6EF;
  --dark-blue: #0E2984;
  --light-blue: #3A5867;
  --gray: #e9e9e9;
  --red: #D01226;
  --f-en: 'Hind', sans-serif;
  --f-lato: 'Lato', sans-serif;
	--font-en: "Noto Sans", sans-serif;
	--font-cn: "Noto Sans TC", sans-serif;
}
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
  font-size: 1.8rem;
  -webkit-text-size-adjust: none;
  font-weight: 400;
}
a {
  transition: all ease 0.3s;
  text-decoration: none;
  color: var(--txt);
}
img {
  vertical-align: middle;
  max-width: 100%;
  flex-shrink: 0;
  height: auto;
}
*, ::before, ::after {
  box-sizing: border-box;
  outline: none;
}
/* RESET CHECK EMPTY */
/* img:not([alt]),
img[alt=''] {outline: 0 0 5px red;}
a[href=""],
a[href="#"],
a[href^="javascript:"],
a:not([href]) {background: red;} */
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html {
  background: #fff
}
body {
  color: var(--txt);
  -webkit-text-size-adjust: none;
  min-width: 320px;
  font-family: var(--font-main);
}
table {
  width: 100%
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}
p, dd, dt, li, th, td, address {
  line-height: 2em;
  letter-spacing: 0;
}
p {
  margin: 0 0 1.5em;
}
p:last-child {
  margin-bottom: 0
}
#wrapper {
  min-width: 1260px;
  overflow: hidden;
  margin: 0 auto
}
.inner {
  width: 1230px;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
  padding: 0 15px;
}
.en {
	font-family: var(--f-en);
}
/*==========================================================
                      C U S T O M
==========================================================*/
.flex_wrap {
  display: flex;
  flex-wrap: wrap
}
.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_between {
  display: flex;
  justify-content: space-between;
}
.flex_align {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.flex_col {
  display: flex;
  flex-direction: column;
}
.flex_col_center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.fixed {
  position: fixed;
}
.posr {
  position: relative
}
.bold {
  font-weight: bold;
}
.center {
  text-align: center
}
.left {
  text-align: left
}
.right {
  text-align: right
}
.auto {
  margin-left: auto;
  margin-right: auto;
}
.red {
  color: var(--red);
}
.txt_line {
  text-decoration: underline;
}
.m0a {
  display: block;
  margin: 0 auto;
}
.f_big {
  font-size: 150%;
}
.f_sm {
  font-size: 80%;
}
/*==========================================================
                       H E A D E R
==========================================================*/
#index #wrapper {
	position: relative;
	z-index: 2;
}
#index #wrapper:after {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	background: url("../images/idx_main_bg.jpg") no-repeat top center/cover;
}
header {
	position: fixed;
	width: 100%;
	background: #fff;
	left: 0;
	top: 0;
	z-index: 999;
}
header .inner {
    width: 100%;
    padding: 0 0 0 32px;
    display: flex;
	align-items: center;
    justify-content: space-between;
}
.logo {
    margin: -6px 0 0;
}
.gnavi {
    display: flex;
}
.gnavi>li>a {
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 22px 21px;
    transition: all 0.3s;
}
	.gnavi > li{
		position: relative;
	}
.gnavi>li>a .child,.ft_main_link_item li .child{font-size: 90%;opacity: 0.7;}
.gnavi > li > a.no_hv,.ft_main_link_item li.no_hv{pointer-events:none}

.submenu {
    position: absolute;
    z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}
.submenu a {
    display: block;
    white-space: nowrap;
    font-size: 1.4rem;
    background: var(--mcolor);
    color: #fff;
    padding: 11px 20px;
    border-top: 1px solid #fff;
    line-height: 2rem;
}
.gnavi>li.inq>a {
	background: var(--mcolor);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	width: 128px;
}
.gnavi .inq {
    margin-left: 20px;
}
.h_lang {
    position: absolute;
    right: 31px;
    top: 99px;
}
.h_lang a, .bogo-language-name {
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
    position: relative;
	text-decoration: underline;
}
.h_lang ul.bogo-language-switcher li {
	position: relative;
	padding: 0 0 0 23px;
    text-align: right;
    line-height: 1.5em;
	margin: 0 0 8px;
}
.h_lang li:last-child {
	margin: 0;
}
.h_lang li:before {
	content: '';
	position: absolute;
	background: url("../images/icon_lang.svg") no-repeat center center/100% auto;
	width: 20px;
	height: 20px;
	left: 0;
	top: 6px;
	opacity: 0;
}
.h_lang li.current:before {
	opacity: 1;
}
.h_lang li.current a {
	text-decoration: none;
}
.h_lang .bogoflags, .h_lang .bogoflags-before:before {
	display: none;
}
.h_lang ul.bogo-language-switcher {
    display: flex;
    flex-direction: column;
}
.h_lang ul.bogo-language-switcher .ja {
    order: -1;
}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
.mv {
	height: 924px;
	position: relative;
	padding-top: 80px;
	padding-right: 128px;
}
.mv_main {
    height: 775px;
    display: flex;
    align-items: center;
	background: url("../images/idx_main_img01.jpg") no-repeat top center/cover;
	border-bottom-right-radius: 24px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	color: #fff;
}
.mv_main:after {
	content: '';
	position: absolute;
	background: var(--blue);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;opacity: 0.2;
}
.mv_main .inner {
	width: 1445px;
}
.mv h1 {
    font-size: 4.2rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}
.mv_main_en {
    font-size: 2.6rem;
    font-weight: 300;
	font-family: var(--f-en);
}
.idx_topics {
    background: #fff;
    position: absolute;
    right: 128px;
    bottom: 69px;
    z-index: 3;
    border-bottom-right-radius: 24px;
    width: 980px;
    border-top-left-radius: 24px;
    display: flex;
    align-items: flex-end;
    padding: 21px 36px 19px;
}
.idx_topics_ttl {
    font-size: 2rem;
    font-weight: 900;
    margin: 0 20px 0 0;
    color: var(--mcolor);
}
.idx_topics_list {
    width: calc(100% - 94px);
	margin: 0 0 3px;
}
.idx_topics_list li {
    display: flex!important;
    align-items: center;
    font-size: 1.6rem;
}
.idx_topics_list li .date {
    font-family: var(--f-en);
    font-weight: 500;
    flex-shrink: 0;
    width: 70px;
    margin: 4px 20px 0 0;
}
.idx_topics_list li .ttl {
	max-width: calc(100% - 90px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	display: block;
}
.idx_topics_list li .ttl:after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	background: var(--txt);
	transition: all 0.3s;
	left: 0;
	bottom: 0;
}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* use private */
/*==================== SEC01 ===================*/
.sec01 {
	padding: 51px 0 118px;
	position: relative;
}
.sec01:before {
	content: '';
	position: absolute;
	background: url("../images/sec01_icon01.png") no-repeat top right/100% auto;
	width: 515px;
	height: 311px;
	top: 0;
	pointer-events: none;
	right: calc(50% + 513px);
	z-index: 5;
}
.sec01:after {
	content: '';
	position: absolute;
	background: url("../images/sec01_icon02.png") no-repeat top right/100% auto;
	width: 259px;
	height: 145px;
	bottom: 63px;
	pointer-events: none;
	left: calc(50% + 780px);
	z-index: 3;
}
.sec01 .inner {
	z-index: 2;
	width: 1430px;
}
.sec01_main {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1044px;
    margin: 0 auto;
    text-align: center;
	padding: 55px 0 80px;
}
.sec01 .inner:after {
	content: '';
	position: absolute;
	width: 100vw;
	min-width: 1300px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	background: #fff;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.idx_h2 {
    text-align: center;
	margin: 0 0 24px;
}
.idx_h2 .en {
    font-size: 4.8rem;
    font-weight: 700;
    color: var(--mcolor);
    margin:0 0 4px;
    line-height: 1em;
}
.idx_h2 .jp {
    font-weight: 700;
    letter-spacing: 0.1em;
}
.sec01_txt p {
    letter-spacing: 0.05em;
}
.sec01_txt {
    margin-bottom: 75px;
}
.sec01_img {
    margin-bottom: 50px;
}
.sec01_list {
    display: flex;
    justify-content: center;
    max-width: 1034px;
    margin: 0 auto 48px;
}
.sec01_list li {
    width: 236px;
    height: 236px;
    background: #F2F2F2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 30px 0 0;
	padding: 17px;
	font-size: 1.2rem;
	font-weight: 700;
	z-index: 2;
}
.sec01_list li:last-child {
    margin-right: 0;
}
.sec01_list li:not(:last-child):after {
	content: '';
	position: absolute;
	background: url("../images/sec01_path.svg") no-repeat center center/100% auto;
	width: 120px;
	height: 100%;
	top: 0;
	left: calc(100% - 45px);
	z-index: -2;
	pointer-events: none;
}
.sec01_list li .ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--scolor);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: relative;
	z-index: 2;
	padding: 22px 22px 16px;
}
.sec01_list li .ttl:before {
	content: '';
	position: absolute;
	width: calc(100% - 44px);
	height: calc(100% - 44px);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	background: #fff;
	z-index: -2;
	pointer-events: none;
}
.sec01_list li .ttl:after {
    content: '';
    position: absolute;
    background: url(../images/sec01_shadow.svg) no-repeat bottom center/100% auto;
    width: 171px;
    height: 182px;
    z-index: -3;
    left: 9px;
    bottom: -2px;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.sec01_list li:nth-child(2n) .ttl {
    background: var(--dark-blue);
    padding: 22px 22px 27px 16px;
    line-height: 1.7em;
}
.sec01_list li:nth-child(3) .ttl {
    padding: 22px 22px 25px;
}
.sec01_list li:nth-child(4) .ttl {
    padding: 22px 22px 18px 17px;
    line-height: 1.8em;
}
.sec01_list li .fz_18 {
    font-size: 150%;
}
.sec01_list li .fz_38 {
    font-size: 316.67%;
}
.sec01_list li .fz_23 {
    font-size: 191.67%;
    font-weight: 900;
}
.sec01_list li .fz_23 .fz_small {
    font-size: 73.91%;
}
.sec01_list li .fz_16 {
    font-size: 133.33%;
}
.sec01_list li .fz_17 {
    font-size: 141.67%;
}
.sec01_list li .fz_19 {
    font-size: 158.34%;
    font-weight: 900;
}
.idx_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 250px;
    font-size: 1.6rem;
    font-weight: 700;
    border: 1px solid var(--txt);
    padding: 11px;
    position: relative;
	text-decoration: none!important;
}
.idx_btn a:after {
	content: '';
	position: absolute;
	background: url("../images/idx_arr.svg") no-repeat center center/100% auto;
	width: 8px;
	height: 14px;
	right: 12px;
	top: calc(50% - 7px);
	transition: all 0.3s;
}
.sec01_brn a {
    width: 800px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
	color: var(--mcolor);
	font-size: 2.6rem;
	font-weight: 900;
}
.sec01_brn a:before, .sec01_brn a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	transition: all 0.3s;
}
.sec01_brn a:before {
	background: #fff;
	opacity: 0;
}
.sec01_brn .txt {
    display: flex;
    align-items: center;
}
.sec01_brn a:after {
	background: url("../images/sec01_bnr.jpg") no-repeat center center/cover;
	z-index: -3;
}
.sec01_brn .txt img {
    flex-shrink: 0;
    margin: 0 23px 0 3px;
}
.sec01 .idx_btn {
	margin-bottom: 43px;
}
/*==================== SEC02 ===================*/
.sec02 {
	background: url("../images/sec02_bg01.jpg") no-repeat top center/100% auto;
	color: #fff;
	text-align: center;
	padding: 80px 0 120px;
	position: relative;
	z-index: 2;
}
.sec02:after {
	content: '';
	position: absolute;
	background:url("../images/sec02_bg02.jpg") no-repeat center center/cover;
	width: 100%;
	height: calc(100% - 913px);
	top: 913px;
	left: 0;
	z-index: -2;
	pointer-events: none;
}
.sec02 .idx_h2 {
    margin: 0 0 30px;
}
.sec02 .idx_h2 .en{
	color: #fff;
}
.sec02_ttl {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.9em;
	margin: 0 0 60px;
}
.sec02 .inner {
    width: 100%;
    padding: 0;
}
.sec02_list01 {
    display: flex;
	margin-bottom: 120px;
}
.sec02_list01 li {
    width: 25%;
	font-size: 1.6rem;
	line-height: 1.5em;
}
.sec02_list01 a {
    height: 580px;
    display: flex;
    color: #fff;
    position: relative;
    padding: 267px 56px 56px;
    flex-direction: column;
    z-index: 2;
    overflow: hidden;
    align-items: center;
}
.sec02_list01 .txt {
    width: 100%;
    max-width: 300px;
    display: block;
}
.sec02_list01 a:before, .sec02_list01 a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	transition: all 0.3s;
}
.sec02_list01 a:before {
	background: var(--light-blue);
	opacity: 0.54;
}
.sec02_list01 a:after {
	background: url("../images/sec02_img01.jpg") no-repeat center center/cover;
	z-index: -3;
}
.sec02_list01 li:nth-child(2) a:after {
	background-image: url("../images/sec02_img02.jpg");
	background-position: right -30px center;
}
.sec02_list01 li:nth-child(3) a:after {
	background-image: url("../images/sec02_img03.jpg");
}
.sec02_list01 li:nth-child(4) a:after {
	background-image: url("../images/sec02_img04.jpg");
}
.sec02_list01 .btn {
    display: inline-block;
    border: 1px solid #fff;
    min-width: 206px;
    margin: 0 0 89px;
    font-weight: 500;
    padding: 11px 30px;
    text-align: center;
	color: #fff;
}
.sec02_list01 .note {
	text-align: left;
	display: block;
	letter-spacing: 0.05em;
	position: relative;
}
.sec02_list01 .note span {
	transition: all 0.3s;
}
.sec02_list01 .note .hover {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0;
}
.sec02_list02 {
    width: 100%;
    max-width: 1430px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.sec02_list02 li {
    width: 50%;
	font-size: 1.6rem;
	line-height: 1.5em;
}
.sec02_list02 a {
    height:394px;
    display: flex;
    color: #fff;
    position: relative;
    padding: 102px 50px 50px 25px;
    flex-direction: column;
    z-index: 2;
    overflow: hidden;
    align-items: center;
}
.sec02_list02 .txt {
    width: 100%;
    max-width: 300px;
    display: block;
}
.sec02_list02 .note {
    display: block;
    letter-spacing: 0.05em;
    text-align: left;
}
.sec02_list02 li:nth-child(2) a {
    padding-left: 52px;
}
.sec02_list02 li a:not([href]) .note {
	text-align: center;
}
.sec02_list02 a:before, .sec02_list02 a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	transition: all 0.3s;
}
.sec02_list02 a:before {
	background: var(--light-blue);
	opacity: 0.54;
}
.sec02_list02 a:after {
	background: url("../images/sec02_img05.jpg") no-repeat center center/cover;
	z-index: -3;
}
.sec02_list02 li:nth-child(2) a:after {
	background-image: url("../images/sec02_img06.jpg");
}
.sec02_list02 li:nth-child(3) a:after {
	background-image: url("../images/sec02_img07.jpg");
}
.sec02_list02 li:nth-child(4) a:after {
	background-image: url("../images/sec02_img08.jpg");
}
.sec02_list02 li:nth-child(3) a, .sec02_list02 li:nth-child(4) a {
    padding-top: 96px;
    padding-left: 52px;
}
.sec02_list02 .ttl {
    display: block;
    font-size: 112.5%;
    font-weight: 500;
	margin: 0 0 19px;
}
.sec02_list02 .ttl:before {
	content: '';
	position: relative;
	display: block;
	background: url("../images/sec02_icon01.svg") no-repeat top center;
	width: 84px;
	height: 66px;
	margin: 0 auto 10px;
}
.sec02_list02 li:nth-child(2) .ttl:before {
	background-image: url("../images/sec02_icon02.svg");
}
.sec02_list02 li:nth-child(3) .ttl:before {
    background-image: url(../images/sec02_icon03.svg);
    margin-bottom: 16px;
    left: 22px;
}
.sec02_list02 li:nth-child(4) .ttl:before {
    background-image: url(../images/sec02_icon04.svg);
    margin-bottom: 16px;
}
/*==================== SEC03 ===================*/
.sec03 {
	padding: 120px 0;
	position: relative;
	z-index: 2;
}
.sec03 .inner {
	z-index: 2;
	width: 1400px;
}
.sec03 .inner:after {
	content: '';
	position: absolute;
	background: #fff;
	width: 100vw;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -2;
	pointer-events: none;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
	min-width: 1300px;
}
.sec03:before, .sec03:after {
	content: '';
	position: absolute;
	z-index: 3;
	pointer-events: none;
}
.sec03:before {
	background: url("../images/sec03_icon01.png") no-repeat top center/100% auto;
	width: 380px;height: 211px;
	top: 81px;
	right: calc(50% + 671px);
}
.sec03:after {
	background: url("../images/sec03_icon02.png") no-repeat top center/100% auto;
	width: 285px;height: 238px;
	bottom: 24px;
	left: calc(50% + 584px);
}
.sec03_main {
    width: 100%;
    max-width: 1230px;
    padding: 115px 15px 100px;
    margin: 0 auto;
    text-align: center;
}
.sec03_ttl {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
	margin-bottom: 52px;
}
.sec03_list {
    display: flex;
}
.sec03_list li {
    width: 25%;
}
.sec03_list a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	position: relative;
	height: 275px;
	z-index: 2;
	overflow: hidden;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.sec03_list a:before, .sec03_list a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	transition: all 0.3s;
}
.sec03_list a:before {
	background: var(--light-blue);
	opacity: 0.6;
}
.sec03_list a:after {
	background: url("../images/sec03_img01.jpg") no-repeat center center/cover;
	z-index: -3;
}
.sec03_list li:nth-child(2) a:after {
	background-image: url("../images/sec03_img02.jpg");
}
.sec03_list li:nth-child(3) a:after {
	background-image: url("../images/sec03_img03.jpg");
}
.sec03_list li:nth-child(4) a:after {
	background-image: url("../images/sec03_img04.jpg");
}
.sec03 .idx_h2 {
    margin-bottom: 51px;
}
/*==================== SEC04 ===================*/
.sec04 {
	padding: 0 0 100px;
	position: relative;
	z-index: 2;
}
.sec04 .inner {
	z-index: 2;
	width: 1400px;
}
.sec04 .inner:after {
	content: '';
	position: absolute;
	background: #fff;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
	min-width: 1300px;
}
.sec04:before, .sec04:after {
	content: '';
	position: absolute;
	z-index: 3;
	pointer-events: none;
}
.sec04:before {
	background: url("../images/sec04_icon01.png") no-repeat top center/100% auto;
	width: 593px;height: 167px;
	top: -68px;
	right: calc(50% + 566px);
}
.sec04:after {
	background: url("../images/sec04_icon02.png") no-repeat top center/100% auto;
	width: 660px;height: 359px;
	bottom: -38px;
	left: calc(50% + 349px);
}
.sec04_main {
    width: 100%;
    max-width: 1230px;
    padding: 115px 15px 73px;
    margin: 0 auto;
}
.sec04_info {
    max-width: 991px;
    margin: 0 auto 108px;
}
.sec04_list li {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
	line-height: 1.5em;
	margin: 0 0 40px;
}
.sec04_list li:last-child {
	margin-bottom: 0;
}
.sec04_list li .date {
    flex-shrink: 0;
    font-weight: 500;
    margin-right: 13px;
    font-family: var(--f-en);
    width: 75px;
    position: relative;
    top: 2px;
}
.sec04_list li .cate {
    width: 140px;
    flex-shrink: 0;
    text-align: center;
    font-size: 81.25%;
    background: var(--mcolor);
    color: #fff;
    border-radius: 6px;
    font-weight: 500;
	padding: 3px;
	margin-right: 16px;
}
.sec04_list li .ttl {
    max-width: calc(100% - 251px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	position: relative;
}
.sec04_list li .ttl:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: var(--txt);
    transition: all 0.3s;
    left: 0;
    bottom: 0;
}
.sec04 .idx_h2 {
    margin-bottom: 82px;
}
/*==========================================================
                        F O O T E R
==========================================================*/
.ft_top {
    padding: 0 0 125px;
}
.ft_top_btn a {
    width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mcolor);
    color: #fff;
    height: 140px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.04em;
	text-align: center;
	line-height: 1.5em;
	margin: 0 auto;
}
.ft_top_btn .en {
	display: block;
	font-size: 213.34%;
	font-weight: 700;
	letter-spacing: 0;
	margin: 17px 0 8px;
}
.ft_main_link {
    margin: 0 0 82px;
}
.ft_main {
    background: #fff;
    padding: 47px 0 42px;
}
.ft_main_img {
    text-align: center;
    border-bottom: 1px solid rgb(51 51 51 / 20%);
    padding: 0 0 48px;
    margin-bottom: 45px;
    display: flex;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
}
.ft_main_img .txt {
	flex-shrink: 0;
	margin: 4px 23px 0 2px;
}
.ft_main_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
    border-bottom: 1px solid rgb(51 51 51 / 20%);
	padding-bottom: 33px;
	margin-bottom: 37px;
}
.ft_main_logo {
    margin: -14px 0 0;
}
.ft_main_add {
    display: flex;
}
.ft_main_add li {
    font-size: 1.4rem;
    margin-left: 58px;
	line-height: 1.72em;
}
.ft_main_add li .ttl {
    display: block;
    font-weight: 700;
	margin: 0 0 6px;
}
.ft_main_link_menu {
    display: flex;
    align-items: flex-start;
}
.ft_main_link_item li {
	line-height: 1.5em;
}
.ft_main_link_item > li:not(:last-child) {
	margin: 0 0 32px;
}
.ft_main_link_item>li>a {
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
	display: inline-block;
}
.ft_main_link_item>li>a:after, .ft_main_link_sub a:after, .ft_main_link_bottom li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: var(--txt);
    transition: all 0.3s;
    left: 0;
    bottom: 0;
}
.ft_main_link_sub li:not(:last-child) {
	margin: 0 0 13px;
}
.ft_main_link_sub a {
	display: inline-block;
	position: relative;
	font-size: 1.4rem;
}
.ft_main_link_item:nth-child(1) {
	margin-right: 57px;
}
.ft_main_link_item:nth-child(2) {
	margin-right: 76px;
}
.ft_main_link_item:nth-child(3) {
	margin-right: 84px;
}
.ft_main_link_item:nth-child(4) {
	margin-right: 77px;
}
.ft_main_link_sub {
    margin-top: 15px;
}
.ft_main_link_bottom {
    display: flex;
    justify-content: flex-end;
	margin-top: -24px;
}
.ft_main_link_bottom li {
	font-size: 1.2rem;
}
.ft_main_link_bottom li a {
	display: inline-block;
	position: relative;
}
.ft_main_link_bottom li:not(:last-child):after {
	content: '｜';
	position: relative;
	display: inline-block;
	margin: 0 12px;
}
address {
  text-align: center;
  font-size: 1.2rem;
	font-family: var(--f-lato);
	letter-spacing: 0.04em;
}
/* BACK TO TOP */
.to_top {
    position: fixed;
    z-index: 11;
    width: 10px;
    height: 109px;
    bottom: 123px;
    right: 55px;
    cursor: pointer;
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
}
.to_top.show {
  transform: scale(1);
  opacity: 1;
  visibility: visible
}
.to_top a {
	display: block;
}

/*==========================================================
                        C U S T O M
==========================================================*/
.under main input, .under main button, .under main textarea, .under main select, .under main p, .under main blockquote, .under main th, .under main td, .under main pre, .under main address, .under main li, .under main dt, .under main dd {
  font-size: 1.6rem;
}
.under main .image_l{float:left;margin:0 60px 0 0}
.under main .image_r{float:right;margin:0 0 0 60px}

/* MB */
.under main .mb10{margin-bottom:10px}
.under main .mb20{margin-bottom:20px}
.under main .mb30{margin-bottom:30px}
.under main .mb40{margin-bottom:40px}
.under main .mb50{margin-bottom:50px}
.under main .mb60{margin-bottom:60px}

/* MT */
.under main .mt10{margin-top:10px}
.under main .mt20{margin-top:20px}
.under main .mt30{margin-top:30px}
.under main .mt40{margin-top:40px}
.under main .mt50{margin-top:50px}
.under main .mt60{margin-top:60px}

/*==========================================================
                        H E A D I N G
==========================================================*/
#top_info {
	background: url("../images/top_info_bg.jpg") no-repeat center/cover;
	height: 320px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #fff;
}
.under #wrapper {
	padding-top: 80px;
}
#top_info h1 {
    font-size: 4.2rem;
    font-weight: 700;
}
#topic_path {
    padding: 15px 0;
	margin: 0 0 72px;
}
#topic_path .inner {
    width: 1430px;
}
#topic_path li {
    display: inline;
    font-size: 1.4rem;
}
#topic_path li:not(:last-child):after {
	content: '';
	position: relative;
	background: url("../images/idx_arr.svg") no-repeat center center/100% auto;
	width: 5px;
	height: 8px;
	display: inline-block;
	margin: 0 9px;
}
.under main h2:not([class]) {
    font-size: 2.8rem;
    font-weight: 700;
    border-bottom: 5px solid rgba(0,0,0,0.2);
    position: relative;
	padding: 0 0 19px;
	margin-bottom: 29px;
}
.under main h2:not([class]):after {
	content: '';
	position: absolute;
	width: 50px;
	height: 5px;
	background: var(--mcolor);
	left: 0;
	bottom: -5px;
}
.under main h2.style02 {
	color: var(--mcolor);
	font-size: 2.8rem;
	font-weight: 700;
	margin: 0 0 29px;
}
.under main h3:not([class]) {
    background: #F5F5F5;
    font-size: 2.2rem;
    font-weight: 700;
    position: relative;
    padding: 13px 35px 14px;
	margin: 0 0 30px;
}
.under main h3:not([class]):before {
	content: '';
	position: absolute;
	width: 20px;
	height: 10px;
	background: var(--mcolor);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.under main h3.style02 {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--mcolor);
	margin: 0 0 29px;
}
.under main h4 {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 29px;
}
.under main h5 {
	font-size: 2rem;
	margin: 0 0 25px;
}
.under main a:not([class])[target="_blank"]:after{
	content: '';
	position: relative;
	display: inline-block;
	background: url("../images/icon_target.svg") no-repeat center center/100% auto;
	width: 12px;
	height: 12px;
	margin-left: 5px;
}
.under main .list01 li, .under main .list02 li, .under main .list_num li {
	position: relative;
	padding-left: 20px;
}
.under main .list01 li:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 2px solid var(--mcolor);
	border-radius: 50%;
	left: 0;
	top: 12px;
}
.under main .list02 li:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #A8A8A8;
	border-radius: 50%;
	left: 0;
	top: 12px;
}
.under main .list_num {
	counter-reset: list_num;
}
.under main .list_num > li:before {
	counter-increment: list_num;
  content: counter(list_num) ".";
	position: absolute;
	color: var(--mcolor);
	left: 0;
	top: 2px;
	font-family: var(--f-en);
	font-size: 112.5%;
	font-weight: 700;
}
.under main .list01:not(:last-child),.under main .list02:not(:last-child),.under main .list_num:not(:last-child), .under main table:not(:last-child), .tb_scroll:not(:last-child) {
	margin-bottom: 30px;
}
.under main .section:not(:last-child) {
	padding: 0 0 80px;
}
.under main table th, .under main table td {
	border: none;
	padding: 28px 20px;
	background: rgb(246 250 254 / 20%);
}
.under main table tr:nth-child(2n) th, .under main table tr:nth-child(2n) td {
	background: #F6FAFE;
}
.under main table.bg_org tr:nth-child(2n) th, .under main table.bg_org tr:nth-child(2n) td {
	background: #fff7f7;
}
.vtop td {
	vertical-align: top;
}
.tb_fix {
	table-layout: fixed;
}
.under main table th {
	text-align: left;
	font-weight: 700;
	color: #000;
}
.under_frame {
	padding: 50px 0 70px;
	position: relative;
	z-index: 2;
}
.under_frame:after {
	content: '';
	position: absolute;
	width: 100vw;
	min-width: 1400px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
	pointer-events: none;
	background: #F5F5F5;
}
.under main .note {
	font-size: 75%;
}
.material_ttl {
    text-align: center;
    color: var(--mcolor);
    border: 2px solid;
    padding: 26px 30px;
	margin-bottom: 40px;
}
.material_search {
    background: #fff;
    border-radius: 24px;
    display: flex;
    align-items: center;
	padding: 25px 50px;
	margin-bottom: 40px;
}
.under main .material_search dt {
    font-size: 2rem;
    font-weight: 700;
}
.material_search dd {
    display: flex;
    border-left: 2px solid #dedede;
    margin-left: 49px;
    padding-left: 49px;
    position: relative;
    width: calc(100% - 209px);
}
.material_search dd input {
    width: 100%;
    background: #F9F9F9;
    border-radius: 5px;
    border: 1px solid #989898;
    padding: 19px 100px 15px 30px;
    display: block;
    line-height: 1.5em;
}
.material_search dd button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url("../images/icon_search.svg") no-repeat left 15px center var(--mcolor);
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 85px;
    padding: 12px 15px 8px;
    font-weight: 700;
    text-align: right;
	cursor: pointer;

	transition: all 0.3s;
}
.material_form {
    background: #fff;
    padding: 25px 40px 75px;
    border-radius: 24px;
    margin-bottom: 70px;
}
.under main .material_form h3:not([class]) {
    font-size: 2.4rem;
    color: var(--txt);
    padding: 0 0 20px;
    background: none;
    border-bottom: 2px solid #dedede;
    display: block;
    min-width: auto;
	margin-bottom: 23px;
}
.under main .material_form h3:not([class]):before {
	display: none;
}
.clr_txt01 {
	color: var(--mcolor);
}
.under main .material_form h4:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: var(--mcolor);
    left: 8px;
    top: 8px;
}
.under main .material_form h4 {
    color: var(--mcolor);
    position: relative;
    padding-left: 39px;
	margin-bottom: 5px;
}
.material_form_list {
    display: flex;
    flex-wrap: wrap;
}
.material_form_list li {
    width: 270px;
	margin-right: 13px;
	margin-bottom: 10px;
}
.material_form_list li:nth-child(4n) {
	margin-right: 0;
}
.material_form_list li label .txt {
    padding: 9px 8px 9px 52px;
    display: inline-block;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.6em;
    border-radius: 5px;
	transition: all 0.3s;
}
.material_form_list li label .txt:before, .material_form_list li label .txt:after {
	content: '';
	position: absolute;
	transition: all 0.3s;
}
.material_form_list li label .txt:before {
	width: 24px;
	height: 24px;
	border: 1px solid #ACACAC;
	left: 14px;
	top: 9px;
	background: #fff;
	border-radius: 3px;
}
.material_form_list li label .txt:after {
	background: url("../images/icon_check.svg") no-repeat center center/14px auto;
	width: 24px;
	height: 24px;
	left: 14px;
	top: 9px;
	opacity: 0;
}
.material_form_list li input {
	display: none;
}
.material_form_list li input:checked ~ .txt {
	background: rgb(9 80 151 / 11%);
}
.material_form_list li input:checked ~ .txt:after {
	opacity: 1;
}
.material_form_list:not(:last-child) {
    margin-bottom: 43px;
}
.under main p.material_txt {
    text-align: center;
    font-size: 1.8rem;
    margin-top: 66px;
    line-height: 1.89em;
    margin-bottom: 45px;
}
.under main .ft_top_btn {
    margin-bottom: 70px;
}
.under main .material_form h5 {
    font-size: 1.6rem;
    font-weight: 700;
    background: #EFEFEF;
    padding: 2px 15px 4px;
    margin: 16px 0 13px;
}
.material_form_link {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
	margin: 0 0 25px;
}
.material_form_link li {
	width: 260px;
	margin-right: 13px;
	margin-bottom: 8px;
}
.material_form_link li:nth-child(4n) {
	margin-right: 0;
}
.material_form_link li a {
	display: inline-block;
	text-decoration: underline;
	font-size: 93.75%;
	color: #000;
}
.material_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.material_flex p {
	margin: 0;
}
.material_flex .idx_btn {
    flex-shrink: 0;
    margin-left: 31px;
}
.material_form:last-child {
	margin-bottom: 0;
}
.under main .material_btn {
    background: url(../images/icon_search.svg) no-repeat left calc(50% - 32px) center var(--mcolor);
    padding: 15px 0 13px 25px;
    top: 0;
    right: 0;
    position: relative;
    width: 100%;
    max-width: 250px;
    text-align: center;
    margin: 47px auto 0;
    display: block;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
	transition: all 0.3s;
}
.pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 73px;
}
.pagination > span, .pagination a {
	width:30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border: 1px solid #333;
	border-radius: 50%;
	color: #333;
	margin: 5px 8px;
	text-align: center;
	line-height: 1.5em;
	font-size: 93.75%;
	transition: all 0.3s;
}
.pagination > span {
	background: var(--mcolor);
	color: #fff;
}
.pagination a.next, .pagination a.prev {
	text-indent: -500000px;
}
.pagination a.next {
	background: url("../images/idx_arr.svg") no-repeat center center;
}
.pagination a.prev {
	background: url("../images/prev.svg") no-repeat center center;
}
.material_search_results {
    margin-bottom: 40px;
    background: #fff;
    padding: 23px 26px 15px;
    border-radius: 10px;
}
.material_search_results dl {
    display: flex;
}
.material_search_results dt {
    flex-shrink: 0;
    width: 90px;
}
.material_search_results .item {
    background: #E6E6E6;
    font-size: 87.5%;
    display: inline-block;
    padding: 4px 10px;
    line-height: 1.6em;
    border-radius: 5px;
    margin: 0 10px 5px 0;
	text-align: center;
}
.material_search_results dl:not(:last-child) {
    margin: 0 0 13px;
}
.material_search_results_main {
    display: flex;
    justify-content: space-between;
}
.material_search_results_info {
    width: calc(100% - 350px);
    background: #fff;
    border-radius: 24px;
    padding: 30px 20px 100px;
}
.material_search_results_select {
    width: 320px;
	flex-shrink: 0;
	margin-left: 30px;
}
.under_inner_lager {
    width: 1430px;
}
.material_search_results_select .idx_btn a {
    width: 100%;
}
.under main .material_search_results_form dt {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    color: var(--mcolor);
	margin: 0 0 6px;
}
.under main .material_search_results_form dd {
    position: relative;
    width: 100%;
}
.material_search_results_form input {
    width: 100%;
    border: 1px solid #989898;
    border-radius: 5px;
    line-height: 1.8em;
    background: #fff;
    padding: 17px 27px 12px 48px;
}
.material_search_results_form button {
	background: url("../images/icon_search_black.svg") no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 2;
	transition: all 0.3s;
	width: 50px;
	height: 60px;
	border: none;
}
.material_search_results_select .idx_btn {
    margin: 0 0 15px;
}
.material_search_results_form {
    margin-bottom: 30px;
}
.material_search_results_select .material_form {
    padding: 30px 20px 100px;
}
.under main .material_search_results_select .material_form h4 {
    margin-left: 6px;
}
.material_form_btn {
    font-weight: 700;
    background: var(--mcolor);
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    border-radius: 5px;
    border: none;
    margin: 0 auto;
    height: 50px;
    transition: all 0.3s;
	cursor: pointer;
}
.material_form_btn img {
	margin-right: 3px;
}
.under main .material_search_results_info table th {
    border-bottom: 2px solid #dedede;
}
.under main .material_search_results_info table td, .under main .material_search_results_info table th {
	padding: 10px;
	line-height: 1.75em;
	background: #fff!important;
}
.under main .material_search_results_info table tr:nth-child(2n+1) td {
	background: #F6FAFE!important;
}
.under main .material_search_results_info table th:nth-child(2) {
    width: 19%;
}
.under main .material_search_results_info table th:nth-child(3) {
    width: 42%;
}
.under main .material_search_results_info table th:nth-child(4) {
    width: 16%;
    text-align: center;
}
.material_search_results_info_ttl {
    display: flex;
    border-bottom: 2px solid #dedede;
}
.material_search_results_info_ttl li {
	width: 24%;
	padding: 10px;
	line-height: 1.75em;
	font-weight: 700;
	color: #000;
}
.material_search_results_info_ttl li:nth-child(2) {
	width: 20%;
}
.material_search_results_info_ttl li:nth-child(3) {
	width: 41%;
}
.material_search_results_info_ttl li:nth-child(4) {
	width: 16%;
    text-align: center;
}
.material_search_results_info_list li {
    display: flex;
    align-items: center;
    padding: 20px 10px;
}
.material_search_results_info_list li:nth-child(2n) {
	background: #F6FAFE;
}
.material_search_results_info_list .btn {
    text-align: center;
    font-size: 87.5%;
    color: var(--mcolor);
    border: 1px solid var(--mcolor);
    border-radius: 5px;
    display: block;
    font-weight: 700;
    padding: 3px;
	flex-shrink: 0;
	width: 119px;
	cursor: pointer;
	position: relative;
	height: 40px;
}
.material_search_results_info_list .btn > span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s;
	padding-top: 3px;
}
.material_search_results_info_list .btn > span.active {
	display: none;
}
.material_search_results_info_list .btn.choose {
	background:  var(--mcolor);
	color: #fff;
}
.material_search_results_info_list .btn.choose > span.active {
	display: block;
}
.material_search_results_info_list .btn.choose > span.no_active {
	display: none;
}
.material_search_results_info_list li .link {
    width: calc(100% - 119px);
    padding-right: 30px;
	display: flex;
}
.material_search_results_info_list li .item {
	line-height: 1.56em;
}
.material_search_results_info_list li .item:not(:last-child) {
    margin-right: 30px;
}
.material_search_results_info_list li .item:nth-child(1) {
    width: 210px;
	font-size: 112.5%;
}
.material_search_results_info_list li .item:nth-child(2) {
    width: 170px;
}
.material_search_results_info_list li .item:nth-child(3) {
    width: 410px;
}
.under main .material_search_results_info table tr:not(:first-child) td:first-child {
	font-size: 1.8rem;
}
.under main .material_search_results_info table tr:not(:first-child) td:last-child {
	vertical-align: middle;
}
.under main .material_search_results_info table td {
    padding: 20px 10px;
}
.material_search_results_detail {
    background: #fff;
    border-radius: 24px;
    padding: 55px 50px;
    width: 100%;
}
.under main .material_search_results_detail_note {
    font-size: 2rem;
    font-weight: 700;
	margin-bottom: 7px;
}
.under main .material_search_results_detail h2:not([class]) {
    font-size: 4.5rem;
    border: none;
    padding: 0;
    float: left;
	margin-bottom: 30px;
}
.under main .material_search_results_detail h2:not([class]):after {
	display: none;
}
.material_search_results_detail_btn {
    float: right;
	width: 100%;
	max-width: 288px;
}
.under main .material_search_results_detail_txt {
    clear: both;
    background: #F5F5F5;
    display: flex;
    padding: 20px;
    align-items: flex-start;
	margin-bottom: 50px;
}
.material_search_results_detail_btn a {
    display: block;
    border: 1px solid var(--mcolor);
    color: var(--mcolor);
    font-weight: 700;
    border-radius: 5px;
    padding: 5px 30px;
    text-align: center;
	cursor: pointer;
	position: relative;
}
.material_search_results_detail_btn a > span {
	position: relative;
	display: block;
	transition: all 0.3s;
}
.material_search_results_detail_btn a > span.active {
	display: none;
}
.material_search_results_detail_btn a.choose {
	background: var(--mcolor);
	color: #fff;
}
.material_search_results_detail_btn a.choose > span.no_active {
	display: none;
}
.material_search_results_detail_btn a.choose > span.active {
	display: block;
}
.material_search_results_detail_txt .ttl {
    background: #676767;
    color: #fff;
    width: 100px;
    text-align: center;
    flex-shrink: 0;
    font-size: 112.5%;
    font-weight: 600;
    margin-right: 22px;
    padding: 4px;
}
.material_search_results_detail_txt .txt {
	margin-top: 3px;
}
.under main table.tb_material_search_results th,.under main table.tb_material_search_results td {
	border: 1px solid #D9D9D9;
	background: #fff!important;
	padding: 8px 30px;
}
.under main table.tb_material_search_results th {
	background: #F5F5F5!important;
	font-weight: 400;
	padding: 3px 30px 4px;
}
.under main .tb_material_search_results .list02 li {
    line-height: 1.6em;
}
.under main .tb_material_search_results .list02 li:before {
    top: 10px;
}
.under main .tb_material_search_results:not(:last-child) {
	margin-bottom: 50px;
}
.under main .material_search_results_detail h3.style02 {
    margin-bottom: 14px;
}
.material_search_results_detail_download {
    background: #F2F8FF;
    border-radius: 10px;
    padding: 15px 20px 20px;
    margin-bottom: 49px;
}
.material_search_results_detail_download_txt {
    background: #fff;
    padding: 23px 20px;
    border-radius: 10px;
	display: flex;
}
.material_search_results_detail_download_txt .btn {
    width: 160px;
    border: 1px solid #333333;
    font-size: 87.5%;
    flex-shrink: 0;
    text-align: center;
    position: relative;
    margin-left: 40px;
}
.material_search_results_detail_download_txt .btn:after {
	content: '';
	position: absolute;
	background: url("../images/icon_pdf.svg") no-repeat center center/100% auto;
	width: 15px;
	height: 18px;
	right: 23px;
	top: 50%;
	transform: translateY(-50%);
}
.under main .material_search_results_detail_download h3.style02 {
    margin-bottom: 9px;
}
.under main .check {
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 30px;
}
.under main .check li {
    background: url(../images/icon_check.svg) no-repeat left 21px top 16px #F6F6F6;
    padding: 10px 33px 9px 53px;
    margin: 0 30px 20px 0;
    border-radius: 5px;
    line-height: 1.5em;
    font-size: 1.5rem;
}
.material_search_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.material_search_btn li {
	margin: 0 25px;
	width: 100%;
	max-width: 288px;
}
.material_search_btn li a {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 700;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
}
.material_search_btn li:first-child a {
	background-image: url("../images/icon_back.svg");
	background-repeat: no-repeat;
	background-position: left 35px center;
}
.material_search_btn li:nth-child(2) a {
	color: var(--mcolor);
	border-color: var(--mcolor);
	cursor: pointer;
}
.material_search_btn li:nth-child(2) a>span {
	position: relative;
	display: block;
}
.material_search_btn li:nth-child(2) a>span.active {
	display: none;
}
.material_search_btn li:nth-child(2) a.choose {
	background: var(--mcolor);
	color: #fff;
}
.material_search_btn li:nth-child(2) a.choose>span.active {
	display: block;
}
.material_search_btn li:nth-child(2) a.choose>span.no_active {
	display: none;
}
.inq_form {
    background: #fff;
    border-radius: 24px;
    padding: 100px 67px 80px;
}
.inq_form dl {
    display: flex;
    align-items: flex-start;
	margin-bottom: 50px;
}
.inq_form dl:last-child {
	margin-bottom: 0;
	margin-top: 74px;
}
.inq_form dt {
    flex-shrink: 0;
    width: 202px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 60px;
	font-weight: 500;
	padding: 17px 0;
}
.inq_form .must {
    flex-shrink: 0;
    width: 44px;
    background: #D01226;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-size: 75%;
    line-height: 1.5em;
    padding: 3px;
}
.inq_form dd {
    width: 689px;
}
.inq_form_check .txt {
    position: relative;
    display: inline-block;
	padding-left: 29px;
}
.inq_form_check .txt:before, .inq_form_check .txt:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 7px;
}
.inq_form_check .txt:before {
	border: 1px solid #BFBFBF;
	border-radius: 3px;
}
.inq_form_check .txt:after {
	background: url("../images/icon_check_white.svg") no-repeat center center;
	opacity: 0;
}
.inq_form_check input:checked~.txt:after {
	opacity: 1;
}
.inq_form_check input:checked~.txt:before {
	background: #333;
	border-color: #333;
}
.inq_form_check input {
	display: none;
}
.inq_form_check li:not(:last-child) {
    margin: 0 0 16px;
}
.inq_form textarea {
	width: 100%!important;
	height: 139px!important;
	border: 1px solid #989898;
	background: #F9F9F9;
	border-radius: 5px;
    padding: 13px;
}
.inq_form input[type="text"], .inq_form input[type="email"] {
    border: 1px solid #989898;
    background: #F9F9F9;
    border-radius: 5px;
    width: 100%;
    padding: 18px;
}
.inq_form dl:last-child dd {
    width: 100%;
}
.inq_form_check label {
    transition: all 0.3s;
}
.inq_form button {
    margin: 5px 15px;
    display: block;
    width: 160px;
    background: var(--mcolor);
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    transition: all 0.3s;
    cursor: pointer;
    padding: 16px 10px 14px;
    text-align: center;
	border: 1px solid var(--mcolor);
}
.inq #topic_path {
    margin-bottom: 38px;
}
.under.inq main .section:not(:last-child) {
    padding: 0 0 76px;
}
.inq .under_frame {
    padding: 80px 0;
}
.inq_frame {
    background: #F5F5F5;
    text-align: center;
    padding: 31px 60px 56px;
    margin: 45px 0 77px;
}
.under main .inq_frame_ttl {
    font-size: 3.2rem;
    font-weight: 700;
	color: #000;
	margin: 0 0 7px;
text-transform: uppercase;
}
.inq_frame_info {
    display: flex;
    justify-content: center;
	margin: 38px 0 41px;
}
.inq_frame_info dl {
	width: 440px;
}
.inq_frame_info dl:not(:last-child) {
	margin-right: 57px;
}
.under main .inq_frame_info dt {
    font-weight: 700;
    color: var(--mcolor);
    line-height: 1.5em;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 0 21px;
}
.inq_frame_info dl dd:not(:last-child) {
    margin-bottom: 30px;
}
.inq_frame_info_tel li {
	color: #000;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 32px;
}
.inq_frame_info_tel li .ttl {
    width: 70px;
    text-align: right;
}
.inq_frame_info_tel li:last-child {
	margin: 0;
}
.inq_frame_info_tel li .tel {
    font-size: 212.5%;
    font-weight: 700;
    color: var(--mcolor);
    font-family: var(--f-en);
    margin: 0 8px -7px 7px;
    width: 205px;
white-space: nowrap;
}
.inq_frame_info_tel li:first-child .tel {
    letter-spacing: 0.02em;
}
.inq_frame_info_tel li .add {
    width: 134px;
    text-align: center;
    background: var(--mcolor);
    color: #fff;
    border-radius: 200px;
    font-size: 93.75%;
    line-height: 1.5em;
    padding: 2px;
}
.under main .inq_frame .ft_top_btn {
    margin-bottom: 0;
}
.under main .inq_frame .ft_top_btn a {
    width: 100%;
    max-width: 580px;
    height: 80px;
}
.under main .inq_frame .ft_top_btn .en {
    font-size: 173.34%;
    margin: 8px 0 1px;
}
.under main .txt_lager {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    margin: 33px 0 30px;
}
.matsu_img {
    margin-top: 46px;
}
.under main {
	counter-reset: row_itm;
}
.under_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	padding-right: 81px;
	margin-bottom: 64px;
}
.under_row:last-child {
	margin-bottom: 0;
}
.under_row:nth-child(1) {
	padding-right: 56px;
}
.under_row_img {
    flex-shrink: 0;
    margin-left: 47px;
}
.under main .under_row h3.style02:before {
    counter-increment: row_itm;
    content: counter(row_itm, decimal-leading-zero);
    width: 59px;
    height: 59px;
    background: var(--mcolor);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 5px 0 0;
    font-size: 125%;
    font-family: var(--f-en);
    margin: -11px 15px 0 0;
}
.under main .under_row h3.style02 {
    display: flex;
	margin: 0 0 15px;
}
.under_row_img .ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--mcolor);
    font-size: 106.25%;
    margin: 0 0 14px;
	text-align: center;
}
.under_row_img .ttl:before, .under_row_img .ttl:after {
	content: '';
	position: relative;
	display: inline-block;
	background: #707070;
	width: 57px;
	height: 1px;
}
.under_row_img .ttl:before {
	margin-right: 25px;
}
.under_row_img .ttl:after {
	margin-left: 25px;
}
.under_row_main {
    margin-top: 49px;
}
.under_row_main.mt0 {
    margin-top: 0;
}
.under_row_main .idx_btn {
    margin-top: 37px;
}
.under_row_main .idx_btn a {
	margin: 0;
	width: 100%;
	max-width: 330px;
	padding: 13px;
}
.under main .section.sec_pb {
	padding-bottom: 110px;
}
.video_form dt {
    width: 250px;
}
.inq_form input[type="email"]:not(:last-child):first-child {
	margin-bottom: 25px;
}
.under main .video_form .note {
    font-size: 100%;
    display: block;
    color: var(--red);
    margin-top: 4px;
}
.inq_form select {
    border: 1px solid #989898;
    background: #F9F9F9;
    border-radius: 5px;
    width: 100%;
	max-width: 372px;
    padding: 18px;
}
.inq_form select.small {
	max-width: 172px;
}
.inq_form input[type="text"].small {
	max-width: 345px;
}
.inq_form dl.full dd {
	width: 100%;
}
.contact_check {
    border: 1px solid #989898;
    background: #F9F9F9;
    border-radius: 3px;
    padding: 15px 20px;
    color: var(--red);
}
.contact_check .bold {
	color: var(--txt);
	margin: 0 0 9px;
}
.full .inq_form_check li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 46px;
}
.full .inq_form_check li .must {
	margin-right: 20px;
}
.contact_btn {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.contact_btn button[type="reset"] {
	background: #fff;
	color: var(--mcolor);
}
.under_col {
    display: flex;
	flex-wrap: wrap;
}
.under_col_item {
    width: calc(33.33% - 40px);
	margin: 0 60px 40px 0;
}
.under_col_item:nth-child(3n) {
	margin-right: 0;
}
.under_col_item img{
	flex-shrink: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.3s;
}
.under_btn a {
	width: 100%;
	max-width: 330px;
	padding: 13px;
	margin: 0 80px 20px 0;
}
.gray_btn a {
	border-color: var(--mcolor);
	background: var(--mcolor);
	color: #fff;
}
.gray_btn a:after {
	background-image: url("../images/idx_arr_hv.svg");
}
.under_btn {
    display: flex;
    flex-wrap: wrap;
}
.under_btn a:last-child {
	margin-right: 0;
}
.under_cate {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.under_cate li {
    width: 280px;
    margin: 0 8px 10px;
}
.under_cate li a {
    display: flex;
    font-size: 125%;
    color: var(--mcolor);
    font-weight: 700;
    border: 1px solid var(--mcolor);
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    min-height: 72px;
}
.under_cate li.current a {
	background: var(--mcolor);
	color: #fff;
}
.under_full main .inner {
    width: 1430px;
}
.video_col {
    flex-wrap: wrap;
	color: #000;
	justify-content: space-between;
}
.video_col .under_col_item {
	width: calc(50% - 51px);
	margin: 0 0 47px;
	position: relative;
}
.video_col .under_col_item a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.under main .under_col_itm_ttl {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 14px;
}
.under_col_itm_img {
    text-align: center;
    margin: 0 0 16px;
    height: 311px;
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
}
.under_col_itm_img iframe {
    height: 100%;
	object-fit: cover;
	width: 100%;
    background: #151515;
}
.under_col_itm_txt {
    line-height: 1.5em;
	margin: 0 0 8px;
}
.video_bnr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.video_bnr li {
	margin-bottom: 20px;
    width: calc(50% - 30px);
}
.video_bnr li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    text-align: center;
    background: #707070;
    color: #fff;
    font-size: 200%;
	font-weight: 500;
}
.video_bnr li .en {
	display: block;
	font-size: 46.875%;
    font-weight: 700;
	margin: 5px 0 -12px;
	letter-spacing: 0.04em;
}
.video_col:not(:last-child) {
	margin-bottom: 25px;
}
.product_concept_cate {
    display: flex;
    flex-wrap: wrap;
}
.product_concept_cate li {
    width: calc(25% - 45px);
	height:max-content;
    margin: 0 60px 38px 0;
}
.product_concept_cate li:nth-child(4n) {
	margin-right: 0;
}
.product_concept_cate a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 72px;
    height: 100%;
    border: 1px solid var(--mcolor);
    color: var(--mcolor);
    font-weight: 700;
	line-height: 1.5em;
}
.product_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}
.product_item_img {
    flex-shrink: 0;
    margin-left: 50px;
}
.under main h3.style03 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.6rem;
    font-weight: 700;
    overflow: hidden;
	color: var(--mcolor);
	white-space: nowrap;margin: 6px 0 27px;
}
.under main h3.style03:before, .under main h3.style03:after {
	content: '';
	position: relative;
	display: inline-block;
	width: 100%;
	height: 2px;
	background: #dbdbdb;
}
.under main h3.style03:before {
	margin-right: 48px;
}
.under main h3.style03:after {
	margin-left: 48px;
}
.product_bnr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product_bnr li {
    width: 370px;
    margin: 0 0 30px;
}
.product_bnr li a {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 5px solid #fff;
    position: relative;
    z-index: 2;
    font-size: 112.5%;
    font-weight: 700;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
	color: #fff;
	overflow: hidden;
	background: var(--txt);
	text-align: center;
}
.product_bnr li a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("../images/product_bnr01.jpg") no-repeat center center/cover;
	transition: all 0.3s;
	z-index: -2;
	pointer-events: none;
}
.product_bnr li:nth-child(2) a:before {
	background-image: url("../images/product_bnr02.jpg");
}
.product_bnr li:nth-child(3) a:before {
	background-image: url("../images/product_bnr03.jpg");
}
.product_bnr li:nth-child(4) a:before {
	background-image: url("../images/product_bnr04.jpg");
}
.product_bnr li:nth-child(5) a:before {
	background-image: url("../images/product_bnr05.jpg");
}
.product_bnr li:nth-child(6) a:before {
	background-image: url("../images/product_bnr06.jpg");
}
.product_bnr li .txt {
    padding: 8px 20px 10px;
	max-width: calc(100% - 20px);
    background: rgb(9 80 151 / 90%);
}
.product_bnr li:nth-last-child(-n+3) {
    margin-bottom: 0;
}
.concept_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-bottom: 120px;
}
.concept_main_sidebar {
    width: 324px;
    flex-shrink: 0;
    margin-left: 40px;
}
.concept_sidebar_col {
    background: #F5F5F5;
    padding: 24px 15px 30px;
    margin: 0 0 40px;
}
.under main .concept_sidebar_col_ttl {
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
    color: #000;
	margin: 0 0 14px;
}
.concept_sidebar_col_list li a {
    display: inline-block;
    color: #000;
    font-size: 112.5%;
    font-weight: 700;
	line-height: 1.2em;
}
.concept_sidebar_col_list li:not(:last-child) {
    margin: 0 0 17px;
}
.concept_main_info_ttl {
    display: flex;
}
.concept_main_info_ttl li {
    font-weight: 700;
    color: var(--mcolor);
	border-bottom: 1px solid #ACACAC;
}
.concept_main_info_ttl li {
    font-weight: 700;
    color: var(--mcolor);
    padding: 11px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.5em;
}
.concept_main_info_ttl li:nth-child(1),.concept_main_info_ttl li:nth-child(5),.concept_main_info_list li > span:nth-child(1),.concept_main_info_list li > span:nth-child(4),.concept_main_info_list li > span:nth-child(5) {
	width: 12%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.concept_main_info_ttl li:nth-child(4) {
    width: 16%;
}
.concept_main_info_ttl li:nth-child(2), .concept_main_info_list li > span.ttl {
	width: 21%;
}
.concept_main_info_ttl li:nth-child(3), .concept_main_info_list li > span.txt {
	width: 40%;
}
.concept_main_info_list li {
	display: flex;
	border-bottom: 1px solid #ACACAC;
}
.concept_main_info_ttl li:nth-child(-n+3) {
    justify-content: flex-start;
    padding-left: 15px;
}
.concept_main_info_list li > span.date {
	font-weight: 700;
    color: var(--mcolor);
	font-family: var(--f-en);
    justify-content: flex-start;
}
.concept_main_info_list li > span.ttl {
	font-size: 112.5%;
	font-weight: 700;
	line-height: 1.56em;
}
.concept_main_info_list li > span.txt {
	line-height: 1.5em;
}
.concept_main_info_list li > span {
    padding: 15px 15px 15px;
}
.concept_main_info_list li > span.pdf {
    line-height: 0;
	width: 16%;
}
.concept_main_info_list li a {
	display: inline-block;
}
.under main .material_search_results_form .material_btn {
    max-width: 320px;
    margin-top: 20px;
}
.topics_cate {
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 40px;
}
.topics_cate li {
    width: 140px;
    margin: 0 30px 20px 0;
}
.topics_cate li a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--mcolor);
    color: var(--mcolor);
    font-size: 81.25%;
    font-weight: 500;
    line-height: 1.55em;
    border-radius: 6px;
    padding: 4px;
}
.topics_cate li.active a {
	background:  var(--mcolor);
	color: #fff;
}
.topics_list {
    border-top: 1px solid #ACACAC;
}
.topics_list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ACACAC;
    padding: 29px 40px;
}
.topics_list li .date {
	flex-shrink: 0;
	font-family: var(--f-en);
	color: var(--mcolor);
	font-weight: 700;
	width: 80px;
	margin-right: 32px;
}
.topics_list li .cate {
	background:  var(--mcolor);
	color: #fff;
	width: 140px;
	flex-shrink: 0;
    font-size: 81.25%;
    font-weight: 500;
    line-height: 1.55em;
    border-radius: 6px;
    padding: 4px;
	margin-right: 40px;
	text-align: center;
}
.topics_list li .ttl {
	font-size: 112.5%;
	font-weight: 700;
	max-width: calc(100% - 302px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.topics_main .pagination {
    margin-top: 45px;
}
.topics_main {
    padding: 0 0 120px;
}
.topics_main img.aligncenter {
    margin: 0 auto;
    display: block;
}
.topics_main img {
	max-height: 400px;
	width: auto;
	height: auto;
}
.under_btn.center {
    justify-content: center;
    margin-top: 80px;
    clear: both;
}
.video_iframe {
    width: 100%;
    height: 670px;
    margin: 0 0 20px;
}
.concept_main_info_list li > span a:after {
	display: none!important;
}
.concept_main_info {
    width: 100%;
}
.matsu_main .concept_main_info_ttl li {
    width: 12%;
	justify-content: center;
	padding-left: 0;
}
.matsu_main .concept_main_info_ttl li:nth-child(5) {
    width: 16%;
}
.matsu_main .concept_main_info_ttl li:nth-child(2), .matsu_main .concept_main_info_ttl li:nth-child(3) {
    width: 12%;
}
.matsu_main .concept_main_info_ttl li:nth-child(4) {
    width: 35%;
}
.matsu_main .concept_main_info_list li > span {
    padding: 15px 0;
    width: 12%;
    text-align: center;
}
.matsu_main .concept_main_info_list li > span.pdf {
    width: 16%;
}
.matsu_main .concept_main_info_list li > span.ttl {
    width: 35%;
    text-align: left;
	justify-content: flex-start;
}
.matsu_main .concept_main_info_list li {
	align-items: center;
}
.under main .material_search_results_form .material_btn {
    max-width: 320px;
    margin-top: 20px;
}
.topics_cate {
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 40px;
}
.topics_cate li {
    width: 140px;
    margin: 0 30px 20px 0;
}
.topics_cate li a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--mcolor);
    color: var(--mcolor);
    font-size: 81.25%;
    font-weight: 500;
    line-height: 1.55em;
    border-radius: 6px;
    padding: 4px;
}
.topics_cate li.active a {
	background:  var(--mcolor);
	color: #fff;
}
.topics_list {
    border-top: 1px solid #ACACAC;
}
.topics_list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ACACAC;
    padding: 29px 40px;
}
.topics_list li .date {
	flex-shrink: 0;
	font-family: var(--f-en);
	color: var(--mcolor);
	font-weight: 700;
	width: 80px;
	margin-right: 32px;
}
.topics_list li .cate {
	background:  var(--mcolor);
	color: #fff;
	width: 140px;
	flex-shrink: 0;
    font-size: 81.25%;
    font-weight: 500;
    line-height: 1.55em;
    border-radius: 6px;
    padding: 4px;
	margin-right: 40px;
	text-align: center;
}
.topics_list li .ttl {
	font-size: 112.5%;
	font-weight: 700;
	max-width: calc(100% - 302px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.topics_main .pagination {
    margin-top: 45px;
}
.topics_main {
    padding: 0 0 120px;
}
.material_contact_list {
    padding: 0 65px;
}
.material_contact_list li {
	display: flex;
	align-items: center;
	margin: 0 0 22px;
}
.material_contact_list li:last-child {
	margin-bottom: 0;
}
.material_contact_list li .ttl {
    width: 520px;
    margin-right: 40px;
}
.material_contact_list li .delete {
    text-decoration: underline;
    cursor: pointer;
    margin-right: 40px;
}
.material_contact_list li .item .txt {
    position: relative;
    display: inline-block;
	padding-left: 29px;
}
.material_contact_list li .item .txt:before, .material_contact_list li .item .txt:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 7px;
}
.material_contact_list li .item .txt:before {
	border: 1px solid #BFBFBF;
	border-radius: 3px;
}
.material_contact_list li .item .txt:after {
	background: url("../images/icon_check_white.svg") no-repeat center center;
	opacity: 0;
}
.material_contact_list li .item input:checked~.txt:after {
	opacity: 1;
}
.material_contact_list li .item input:checked~.txt:before {
	background: #333;
	border-color: #333;
}
.material_contact_list li .item input {
	display: none;
}
.material_contact_list li .item:not(:last-child) {
	margin-right: 22px;
}
.material_contact_list li .item label {
	transition: all 0.3s;
}
.material_contact_list textarea {
    width: 100%!important;
    height: 240px!important;
    border: 1px solid #989898;
    border-radius: 3px;
    background: #F9F9F9;
    padding: 20px;
}
.food_anc {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    z-index: 2;
    width: 400px;
    margin: 0 auto;
}
.food_anc:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    border: 2px solid #ccc;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    z-index: -2;
    pointer-events: none;
}
.food_anc li {
    width: 200px;
}
.food_anc li:first-child {
    margin: 0 30px 20px;
}
.food_anc li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    background-image: radial-gradient( circle farthest-corner at 22.4% 21.7%, rgba(4,189,228,1) 0%, rgba(2,83,185,1) 100.2% );
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s;
	margin: 0 auto;
}
.food_anc li:nth-child(2) a {
	background-image: radial-gradient( circle farthest-corner at 22.4% 21.7%,  rgba(253,203,50,1) 0%, rgba(244,56,98,1) 100.2% );
}
.food_anc li:nth-child(3) a {
	background-image: radial-gradient( circle farthest-corner at 22.4% 21.7%,  rgba(168,251,60,1) 0%, rgba(34,126,34,1) 100.2% );
}
.food_list {
    display: flex;
    justify-content: space-between;
	margin: 0 0 16px;
}
.food_list li {
    width: 25%;
    text-align: center;
}
.food_list .img {
    display: block;
}
.food_list .img img {
    border-radius: 50%;
}
.food_list .ttl {
    font-weight: bold;
    color: #000;
    display: block;
    margin-top: 16px;
}
.food_list li .info {
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s;
}
.food_main_item {
    display: none;
    background: var(--mcolor);
    color: #fff;
    padding: 36px 30px 24px;
}
.under main .food_main_item p:not([class]) {
    line-height: 1.75em;
	margin: 0 0 6px;
}
.food_main_item_ttl {
    text-align: center;
    font-weight: 700;
    margin: 0 0 15px;
}
.food_main_item_link a {
    display: inline-block;
    color: #fff;
    text-decoration: underline;
}
.food_main:not(:last-child) {
	margin-bottom: 50px;
}
.col2 .under_col_item {
    width: calc(50% - 30px);
}
.col2 .under_col_item:nth-child(2n) {
	margin-right: 0;
}
.under_toggle_ttl {
    text-align: right;
    font-weight: 700;
}
.under_toggle_ttl .txt {
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	padding-right: 30px;
}
.under_toggle_ttl .txt:before, .under_toggle_ttl .txt:after {
	content: '';
	position: absolute;
	background: var(--mcolor);
	transition: all 0.3s;
}
.under_toggle_ttl .txt:before {
	width: 20px;
	height: 2px;
	right: 0;
	top: calc(50% - 1px);
}
.under_toggle_ttl .txt:after {
    height: 20px;
    width: 2px;
    right: 9px;
    top: calc(50% - 10px);
}
.under_toggle_ttl.active .txt:after {
	transform: rotate(90deg);
}
.under_toggle_main {
	display: none;
}
.under_toggle_main a[data-lightbox] {
	display: inline-block;
	transition: all 0.3s;
}
.under main .under_col_item_ttl {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 700;
    background: #F5F5F5;
    line-height: 1.5em;
    padding: 20px 10px;
    margin: 0 0 15px;
}
.product_item_main {
    width: 100%;
}
.under main a.pdf[target="_blank"]:after {
    content: 'PDF';
    background: var(--mcolor);
    width: auto;
    height: auto;
    color: #fff;
    font-size: 80%;
    line-height: 1.5em;
    padding: 0 5px;
}
.under main a.pdf {
	text-decoration: underline;
}
.development_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.development_list li {
    width: 23%;
    text-align: center;
	margin-bottom: 30px;
}
.development_list .img {
	display: inline-block;
}
.development_list .ttl {
	display: block;
	font-weight: 700;
	line-height: 1.75em;
}
.under main a.link {
	text-decoration: underline;
}
.inq_frame.left {
	text-align: left;
}
.under main table.toggle_main_tbl th, .under main table.toggle_main_tbl td {
	padding: 15px 20px;
}
.under main .under_col_item p:not(:last-child) {
	margin-bottom: 15px;
}
.under main .under_col_item_ttl .en {
    color: var(--mcolor);
    display: inline-block;
    margin-left: 10px;
    font-size: 90%;
}
.video_streaming_col .under_col_item a {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	height: 202px;
}
/* ML */
.under main .ml0{margin-left:0}
.under main .ml10{margin-left:10px}
.under main .ml20{margin-left:20px}
.under main .ml30{margin-left:30px}
.under main .ml40{margin-left:40px}
.under main .ml50{margin-left:50px}
.under main .ml60{margin-left:60px}
.history #wrapper {
	position: relative;
}
.history #wrapper:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
	background: url("../images/idx_main_bg.jpg") no-repeat top center/cover;
	background-attachment: fixed;
}
.history_inner {
	width: 1430px;
}
.history_main {
    background: #fff;
    padding: 70px 50px 140px;
}
.history_top {
	position: relative;
	margin: 0 0 49px;
}
.history_top:before {
    content: '';
    position: absolute;
    background: url(../images/sec01_icon02.png) no-repeat top right/100% auto;
    width: 259px;
    height: 145px;
    bottom: -48px;
    pointer-events: none;
    right: -125px;
	z-index: 3;
}
.history_top_txt {
	max-width: 1000px;
	margin: 0 auto;
}
.under .history_top_txt p {
    font-size: 1.8rem;
	margin: 0 0 36px;
}
.history_case {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	position: relative;
	z-index: 2;
}
.history_case:before {
	content: '';
	position: absolute;
	width: 100vw;
	min-width: 1260px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -3;
	pointer-events: none;
	background:url("../images/history_bg01.png") no-repeat top 1227px left calc(50% + 36px), url("../images/history_bg02.png") no-repeat top 7695px left calc(50% + 144px);
}
.history_case:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #000;
	pointer-events: none;
	z-index: -2;
}
.history_case > * {
    width: calc(50% - 82px);
	margin: 0 0 68px;
	padding-left: 49px;
}
.history_case > .itm_full {
    width: 100%;
    background: #fff;
    display: flex;
    align-items: flex-start;
	border-bottom: 1px solid #707070;
	padding: 0 0 86px;
}
.history_case_item .history_case_year {
    margin: 0 0 18px;
    flex-shrink: 0;
	position: relative;
	z-index: 2;
    font-size: 2.2rem;
    color: var(--mcolor);
    font-weight: 700;
}
.itm_full .history_case_year {
    width: 308px;
    margin: 0 40px 0 19px;
    background: rgb(9 80 151 / 9%);
    height: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.history_case_year .lager {
	font-size: 227.27%;
	font-family: var(--f-en);
}
.itm_full .history_case_year .lager {
	font-size: 272.72%;
}
.history_itm01 .history_case_year:after {
    content: '';
    position: absolute;
	background: url("../images/history_img01.svg") no-repeat center center/100% auto;
	width: 219px;
	height: 165px;
	left: -37px;
	bottom: -140px;
	z-index: 2;
	pointer-events: none;
}
.history_itm_right {
    margin: 0 0 0 auto;
}
.history_case_item.history_itm_right {
    padding-left: 68px;
}
.history_case_item .history_case_ttl {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.53em;
    margin: 0 0 4px;
}
.history_itm03 .history_case_ttl {
	letter-spacing: -0.02em;
}
.itm_full .history_case_ttl{
	font-size: 3.2rem;
	margin: 66px 0 14px;
}
.itm_full .history_case_txt {
    max-width: 800px;
}
.history_itm01 .history_case_ttl {
    margin-left: -20px;
}
.history_case_item:not(.itm_full):after {
	content: '';
	position: absolute;
    background: rgb(9 80 151 / 9%);
	width: 200px;
	height: 300px;
	left: 0;
	top: -25px;
	z-index: -2;
	pointer-events: none;
}
.history_itm_right:not(.itm_full)::after {
    left: 19px;
}
.history_case > *.history_case_item_double {
    padding-left: 0;
}
.history_case_item_double .history_case_item {
    padding-left: 49px;
}
.history_case_txt {
    margin: 0 0 12px;
}
.history_case_img {
	position: relative;
	z-index: 3;
}
.history_itm02 .history_case_img {
    text-align: right;
}
.history_itm03 .history_case_txt {
    margin-bottom: 12px;
}
.history_itm03 .history_case_img {
    margin-left: -7px;
}
.history_itm03 {
    margin-top: 50px;
}
.history_itm03:not(.itm_full):after {
    height: 300px;
}
.history_case_item_double .history_case_item:not(:last-child) {
    margin-bottom: 91px;
}
.history_itm04:not(.itm_full):after {
	height: 220px;
}
.history_itm05:not(.itm_full):after {
	height: 190px;
}
.history_case_item .history_case_ttl:last-child {
	margin-bottom: 0;
}
.history_itm04 {
    margin-top: 185px;
}
.history_itm04 .history_case_itm_line {
	width: 63px;
}
.history_itm06 {
    margin-top: 32px;
}
.history_itm07 {
    margin-top: 256px;
}
.history_itm08 {
    margin-top:126px;
}
.history_itm09 .history_case_ttl {
    margin-bottom: 28px;
}
.history_itm08 .history_case_ttl {
    margin-bottom: 17px;
}
.history_itm08 .history_case_img {
    padding-left: 22px;
}
.history_itm09 {
    margin-top: 2px;
}
.history_itm10 {
    margin-top: 311px;
}
.history_itm10 .history_case_ttl {
    margin-bottom: 14px;
}
.history_itm10 .history_case_txt {
    margin-bottom: 36px;
}
.history_case_item {
    position: relative;
}
.history_case_item:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background: var(--mcolor);
    border-radius: 50%;
    right: -91px;
    top: 17px;
}
.history_itm_right::before {
    left: -91px;
    right: auto;
}
.history_case_itm_line {
    width: 129px;
    position: absolute;
    right: -83px;
    top: 25px;
    z-index: -2;
	display: flex;
}
.history_case_itm_line:before, .history_case_itm_line:after {
	content: '';
	position: relative;
	width: 50%;
	top: 0;
	display: inline-block;
}
.history_case_itm_line:before {
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
}
.history_case_itm_line:after {
	border-top: 1px dotted #000;
}
.history_itm02 .history_case_itm_line {
    height: 368px;
}
.history_itm_right .history_case_itm_line {
    right: auto;
    left: -83px;
    flex-direction: row-reverse;
}
.history_itm_right .history_case_itm_line::before {
    border-right: none;
    border-left: 1px dotted #000;
}
.history_itm03 .history_case_itm_line {
    height: 368px;
    top: 24px;
}
.history_itm03::before {
    top: 134px;
}
.history_itm04 .history_case_itm_line, .history_itm05 .history_case_itm_line {
    top: 89px;
}
.history_itm04::before,.history_itm05::before {
    top: 80px;
}
.history_itm05 .history_case_itm_line {
	width: 65px;
}
.history_itm06 .history_case_itm_line {
    top: 81px;
    width: 65px;
}
.history_itm06::before {
    top: 73px;
}
.history_itm07 .history_case_itm_line {
    top: 89px;
    width: 65px;
}
.history_itm07::before {
    top: 81px;
}
.history_itm08 .history_case_itm_line {
    width: 181px;
    height: 368px;
    top: 81px;
}
.history_itm08::before {
    top: 73px;
}
.history_itm08 .history_case_itm_line::after {
    width: 36%;
    flex-shrink: 0;
}
.history_itm08 .history_case_itm_line::before {
    width: 100%;
}
.history_case > .history_itm11 {
    border-top: 1px solid #707070;
    margin-top: 74px;
    padding: 95px 0 72px;
}
.itm_full:before {
	display: none;
}
.history_itm09 .history_case_itm_line {
    height: 255px;
    top: -9px;
}
.history_itm09::before {
    top: -17px;
}
.history_itm10 .history_case_itm_line {
    width: 156px;
    height: 319px;
    top: 81px;
}
.history_itm10::before {
    top: 73px;
}
.history_itm10 .history_case_itm_line::before {
    width: 100%;
}
.history_itm10 .history_case_itm_line::after {
    flex-shrink: 0;
    width: 42%;
}
.history_case > *:nth-child(n+20) .history_case_year {
    color: var(--red);
}
.history_itm11 .history_case_year {
    margin: 0 23px 0 15px;
    background: rgb(208 18 38 / 9%);
	padding: 0 13px 0 0;
}
.history_case > *:nth-child(n+20):not(.itm_full):after, .history_itm13:not(.itm_full):after, .history_itm14:not(.itm_full):after, .history_itm17:not(.itm_full):after, .history_itm18:not(.itm_full):after {
    background: rgb(208 18 38 / 9%);
}
.history_case > *:nth-child(n+20).history_case_item:before {
    background: var(--red);
}
.history_itm11 .history_case_year:after {
    content: '';
	position: absolute;
	background: url("../images/history_icon02.png") no-repeat center center/100% auto;
	width: 197px;
	height: 119px;
	left: -128px;
	bottom: -77px;
}
.history_itm11 .history_case_txt {
    margin-bottom: 45px;
}
.history_itm11 .history_case_img {
    display: flex;
    align-items: flex-start;
}
.history_itm11 .history_case_img .item:not(:last-child) {
    margin-right: 60px;
}
.history_itm11 .history_case_ttl {
    margin-top: 58px;
}
.history_itm11 .history_case_year .lager {
    font-size: 227.27%;
}
.history_itm12 {
    margin-top: 54px;
}
.history_itm12 .history_case_itm_line {
    top: -9px;
    width: 324px;
    height: 368px;
}
.history_itm12::before {
    top: -17px;
}
.history_itm12 .history_case_itm_line::before {
    width: 100%;
}
.history_itm12 .history_case_itm_line::after {
    flex-shrink: 0;
    width: 20%;
}
.history_itm13 {
    margin-top: 381px;
	padding-left: 19px;
}
.history_itm13::before, .history_itm14::before {
    left: -91px;
    right: auto;
    background: var(--red);
	top: 73px;
}
.history_itm13 .history_case_itm_line {
    width: 64px;
    left: -83px;
	top: 81px;
}
.history_itm13:not(.itm_full):after, .history_itm14:not(.itm_full):after {
    left: 19px;
}
.history_case_item_double .history_itm13:not(:last-child) {
    margin-bottom: 117px;
}
.history_case_item_double.history_itm_right .history_case_item {
    padding-left: 69px;
}
.history_itm14 {
	padding-left: 19px;
}
.history_itm14 .history_case_ttl {
    margin-bottom: 17px;
}
.history_itm14 .history_case_img {
    padding-left: 93px;
}
.history_itm14 .history_case_itm_line {
    width: 292px;
    height: 215px;
    left: -83px;
	top: 81px;
}
.history_itm14 .history_case_itm_line::before, .history_itm15 .history_case_itm_line::before, .history_itm18 .history_case_itm_line::before {
    width: 100%;
}
.history_itm14 .history_case_itm_line::after {
    flex-shrink: 0;
    width: 22%;
}
.history_itm12:not(.itm_full):after {
	height: 340px;
}
.history_itm08:not(.itm_full):after {
	height: 350px;
}
.history_itm10:not(.itm_full):after {
	height: 360px;
}
.history_itm13:not(.itm_full):after, .history_itm19:not(.itm_full):after, .history_itm21:not(.itm_full):after, .history_itm06:not(.itm_full):after, .history_itm07:not(.itm_full):after {
	height: 190px;
}
.history_itm14:not(.itm_full):after, .history_itm15:not(.itm_full):after , .history_itm16:not(.itm_full):after, .history_itm17:not(.itm_full):after, .history_itm18:not(.itm_full):after, .history_itm20:not(.itm_full):after {
	height: 280px;
}
.history_itm15 {
    margin-top: -17px;
}
.history_itm15 .history_case_ttl {
    margin-bottom: 29px;
}
.history_itm15 .history_case_img {
    padding-left: 63px;
}
.history_itm15 .history_case_itm_line {
    width: 386px;
    height: 283px;
    top: -9px;
}
.history_itm15::before {
    top: -17px;
}
.history_itm15 .history_case_itm_line::after {
    flex-shrink: 0;
    width: 17%;
}
.history_itm16 {
    margin-top: 262px;
	padding-left: 68px;
}
.history_itm16 .history_case_itm_line {
    height: 282px;
    top: 81px;
}
.history_itm16::before {
    top: 73px;
}
.history_itm16 .history_case_img {
    height: 330px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 20px;
	margin-left: -20px;
}
.history_itm16 .history_case_ttl {
    margin-bottom: 29px;
}
.history_itm17 {
    margin-top: -140px;
}
.history_itm17 .history_case_itm_line {
    width: 65px;
    top: 86px;
}
.history_itm17::before {
    top: 77px;
}
.history_case_item_double .history_itm17:not(:last-child) {
    margin-bottom: 183px;
}
.history_itm17::before, .history_itm18::before {
    background: var(--red);
}
.history_itm18 .history_case_img {
    margin-left: 106px;
}
.history_itm18 .history_case_ttl {
    margin: 0 0 -16px;
}
.history_itm19 {
    margin-top: 720px;
}
.history_itm18 .history_case_itm_line {
    width: 386px;
    height: 283px;
    top: 87px;
}
.history_itm18::before {
    top: 79px;
}
.history_itm18 .history_case_itm_line::after {
    flex-shrink: 0;
    width: 16%;
}
.history_itm19 .history_case_itm_line {
    width: 63px;
    top: 81px;
}
.history_itm19::before {
    top: 73px;
}
.history_itm20 .history_case_itm_line {
    width: 65px;
    top: 86px;
}
.history_itm20::before {
    top: 78px;
}
.history_itm20 {
    margin-top: 23px;
}
.history_itm21 {
    margin-top: 300px;
}
.history_case > .history_itm22 {
    padding: 99px 0 0;
    margin: 78px 0 0;
    border-top: 1px solid #707070;
    flex-wrap: wrap;
}
.history_case > .history_itm22 .history_case_year {
	background: rgb(9,80,151);
background: linear-gradient(125deg, rgba(9,80,151,0.09) 0%, rgba(208,18,38,0.09) 100%);
	margin: 0 23px 0 14px;
	padding: 3px 11px 0 0;
}
.history_itm22 .history_case_year .lager {
    font-size: 227.27%;
}
.history_itm22 .history_case_ttl {
    margin-top: 60px;
}
.under_clr01 {
    color: var(--mcolor);
}
.history_case_list_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 47px;
    padding: 0 30px 0 40px;
}
.history_case_list_img li {
    width: calc(50% - 44px);
    text-align: center;
    margin-bottom: 84px;
}
.history #topic_path {
    margin-bottom: 22px;
}
.under main .history_main h2.style02 {
    margin: 0 0 45px;
}
.history_itm21 .history_case_itm_line {
    width: 65px;
    top: 83px;
}
.history_itm21::before {
    top: 75px;
}
.under #content {
    word-break: break-word;
}
.under main a.pdf::after {
    right: 10px;
}
.under_btn a.pdf {
    max-width: max-content;
    padding-right: 50px;
}
.topics_detail p a{
	text-decoration: underline;
}
.under_map iframe {
	width: 100%;
    max-width: 600px;
    height: 450px;
    margin: 0 auto;
    display: block;
}
.under_map {
margin-bottom: 30px;
}








.history_itm1795 {
    margin-top: 185px;
}
.history_itm1795 .history_case_itm_line {
    height: 279px;
    top: 139px;
}
.history_itm1795::before {
    top: 131px;
}
.history_itm1795 .history_case_txt {
    margin-bottom: 23px;
}
.history_itm1795:not(.itm_full)::after {
    height: 400px;
}
.history_itm1832 {
    margin-top: -270px;
}
.history_itm1832 .history_case_itm_line {
    height: 368px;
}
.history_itm1884 {
    margin-top: -298px;
}
.history_itm1884 .history_case_itm_line {
    top: 88px;
}
.history_itm1884::before {
    top: 80px;
}
.history_itm1884:not(.itm_full)::after, .history_itm1888:not(.itm_full)::after, .history_itm1900:not(.itm_full)::after {
    height: 220px;
}
.history_itm1888 {
    margin-top: 172px;
}
.history_itm1888 .history_case_itm_line {
    width: 316px;
    height: 203px;
    top: 89px;
}
.history_itm1888::before {
    top: 81px;
}
.history_itm1890 {
    margin-top: 288px;
}
.history_itm1890 .history_case_txt {
    margin-bottom: 31px;
}
.history_itm1890 .history_case_itm_line {
    height: 279px;
    top: 142px;
}
.history_itm1890::before {
    top: 134px;
}
.history_itm1890:not(.itm_full)::after {
    height: 400px;
}
.history_itm1890 .history_case_img {
    margin-left: -18px;
}
.history_itm1900 {
    margin-top: -135px;
}
.history_case_item .history_case_note {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--mcolor);
    display: flex;
    white-space: nowrap;
    align-items: center;
    overflow: hidden;
    margin: 0;
}
.history_case_note:after {
	content: '';
	position: relative;
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #707070;
	margin-left: 20px;
}
.history_itm1900 .history_case_itm_line {
    top: 88px;
	width: 59px;
}
.history_itm1900::before, .history_itm1935_1::before, .history_itm1935_3::before {
    top: 80px;
}
.history_itm1935_1 {
    margin-top: 99px;
}
.history_itm1935_1 .history_case_itm_line {
    height: 102px;
    top: 88px;
}
.history_itm1935_1:not(.itm_full)::after, .history_itm1935_2:not(.itm_full)::after, .history_itm1935_3:not(.itm_full)::after, .history_itm1967:not(.itm_full)::after {
    height: 190px;
}
.history_itm1935_2 {
    margin-top: 424px;
}
.history_itm1935_2 .history_case_itm_line {
    width: 63px;
    top: 81px;
}
.history_itm1935_2::before {
    top: 73px;
}
.history_itm1935_3 {
    margin-top: -199px;
}
.history_itm1935_3 .history_case_itm_line {
    height: 250px;
    top: 88px;
	width: 232px;
}
.history_itm1935_3 .history_case_itm_line::before {
    flex-shrink: 0;
    width: 72%;
}
.history_itm05 {
    margin-top: 208px;
}
.history_itm1967 {
    margin-top: -475px;
}
.history_itm1967 .history_case_itm_line {
    width: 65px;
}
.history_itm1795 .history_case_img, .history_itm1832 .history_case_img {
    display: inline-block;
    text-align: right;
}
.history_itm2023 {
    margin-top: 76px;
    width: calc(50% - 82px);
    padding-left: 49px;
}
.history_itm2023 .history_case_itm_line {
    height: 193px;
    top: 80px;
}
.history_itm2023::before {
    top: 72px;
	background: var(--red);
}
.history_itm2023 .history_case_ttl {
    margin-bottom: 29px;
}
.history_case_item_last >.history_itm2023:not(.itm_full)::after {
	background: rgb(9,80,151);
background: linear-gradient(125deg, rgba(9,80,151,0.09) 0%, rgba(208,18,38,0.09) 100%);
}
.history_case > .history_case_item_last {
    width: 100%;
    margin: 0;
    padding: 0 0 87px;
	position: relative;
	z-index: 2;
	background: url("../images/history_line_last.png") no-repeat top center #fff;
}
.history_case_item_last:before {
	content: '';
	position: absolute;
	background: url("../images/history_bg03.png") no-repeat bottom 6px center;
	width: 1355px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
}
.history_itm2023 .history_case_img {
    margin-left: -20px;
}
.history_case_item_last .history_bottom_txt {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 2.9em;
    margin: 55px 0 0;
    color: #000;
}
.history_itm1687:not(.itm_full)::after {
    height: 220px;
}
.history_itm1687 {
    margin-top: 7px;
}
.history_itm1687 .history_case_itm_line {
    top: 89px;
}
.history_itm1687::before {
    top: 80px;
}
.history_itm1795 .history_case_img {
    padding-left: 17px;
    line-height: 2.6em;
}
.history_itm12 .history_case_img {
    padding-left: 80px;
    margin: 0;
}
.en .topics_cate, .en .topics_list li .cate, .zh .topics_cate, .zh .topics_list li .cate {
display:none;
}
.en .inq_frame_info_tel li .ttl {
    width: 110px;
}
.en .inq_frame_info_tel li .add {
    line-height: 1.2em;
    padding: 5px;
}
.zh .inq_frame_info_tel li .ttl {
    width: 80px;
}
.sec01_list li .fz_14 {
    font-size: 116.67%;
    line-height: 1.3em;
    display: inline-block;
}
/* .en .sec01_brn, .zh .sec01_brn {
    display: none;
} */
.en .sec02_list02, .zh .sec02_list02 {
    max-width: 100%;
    padding: 0;
}
.en .sec02_list02 li:nth-child(2), .en .sec02_list02 li:nth-child(3), .en .sec02_list02 li:nth-child(4), .zh .sec02_list02 li:nth-child(2), .zh .sec02_list02 li:nth-child(3), .zh .sec02_list02 li:nth-child(4) {
    display: none;
}
.en .sec02_list02 li, .zh .sec02_list02 li {
    width: 100%;
}
.en .sec02_list01, .zh .sec02_list01 {
    margin: 0;
}
.en .sec02_list02 .ttl, .zh .sec02_list02 .ttl {
    margin: 0;
}
.en .sec02_list02 a, .zh .sec02_list02 a {
    justify-content: center;
    padding-top: 50px;
}
.en .inq_frame_info_tel li .tel {
    font-size: 180%;
margin-bottom: 0;
}
.en .idx_h2 .en {
    display: none;
}
.en .idx_h2 .jp {
    font-size: 4.8rem;
    font-weight: 700;
    color: var(--mcolor);
    margin: 0 0 4px;
    line-height: 1em;
    letter-spacing: 0;
}
.en .sec02 .idx_h2 .jp {
    color: #fff;
}
.en .sec02_list01 .btn {
    max-width: 300px;
    padding: 10px 40px;
    width: 90%;
}
.en .sec02_ttl, .en .sec01_txt p, .en .sec03_ttl, .zh .sec02_ttl, .zh .sec01_txt p, .zh .sec03_ttl {
    letter-spacing: 0;
}
.en .sec02_ttl, .en .sec03_ttl, .zh .sec02_ttl, .zh .sec03_ttl {
    text-align: left;
}
.en .logo img, .en .ft_main_logo img, .zh .logo img, .zh .ft_main_logo img  {
opacity: 0;
}
.en .logo a, .en .ft_main_logo a {
background: url(../images/logo_en.svg) no-repeat left center;
}
.zh .logo a, .zh .ft_main_logo a {
background: url(../images/logo_cn.svg) no-repeat left center;
}
body.zh {
  font-family: var(--font-cn);
}

.en .idx_btn a {
    width: 100%;
    max-width: 300px;
}
.en .idx_btn_sm a{max-width: 350px;}

.en .h_lang li:before {
    top: 3px;
}
.en .product_bnr li .txt {
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}
.en .inq_form .must {
    padding-top: 10px;
    line-height: 1em;
}
.zh .inq_form .must {
    padding-top: 8px;
    line-height: 1em;
}
.recruit_video {
position: relative;
	width: 720px;
	height: 480px;
	margin: 0 auto;
}
.recruit_itm_video {
position: relative;
	width: 460px;
	height: 307px;
}

.recruit_frame_video {
    position: relative;
    width: 460px;
    height: 307px;
    flex-shrink: 0;
    margin-right: 50px;
}
.recruit_frame_video2{height: auto !important;}
.recruit_col_left_video {
    position: relative;
    height: 307px;
}
.product_item_img.recruit_itm_video {
    position: relative;
    width: 460px;
    height: 307px;
}
.frame_blue {
    position: relative;
    z-index: 3;
	color: #fff;
	padding: 50px 0;
}
.frame_blue:before {
	content: '';
	position: absolute;
	width: 100vw;
	min-width: 1400px;
	height: 100%;
	background: var(--mcolor);
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
	pointer-events: none;
}
.under main .frame_blue h2.style02 {
	color: #fff;
}
.recruit .product_list {
    padding: 0 40px;
	color: #000;
}
.frame_gray {
    background: #F5F5F5;
    padding: 20px;
}
.recruit .product_item:not(:last-child) {
	margin-bottom: 60px;
}
.recruit_col {
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #000;
}
.recruit_col_left {
    width: 460px;
    background: #F5F5F5;
	flex-shrink: 0;
}
.recruit_col_left_txt {
    padding: 20px;
}
.recruit_col_info {
    width: 100%;
    margin-left: 80px;
}
.recruit_col_info_list li {
    display: flex;
}
.recruit_col_info_list li .time {
    font-size: 112.5%;
    font-weight: 700;
    flex-shrink: 0;
    position: relative;
    width: 82px;
	margin-right: 31px;
}
.recruit_col_info_list li:not(:last-child) .time:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: #C4C8CA;
	right: 0;
	top: 15px;
}
.recruit_col_info_list li .time:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background: #095097;
	right: -5px;
	top: 10px;
	border-radius: 50%;
	z-index: 2;
}
.recruit_col_info_list li:not(:last-child) .txt {
    display: inline-block;
    padding: 0 0 19px;
}
.recruit_img {
    padding: 0 40px;

	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap: 20px
}
.recruit_img li {
	width: 100%;
}

.recruit_list {
    display: flex;
    justify-content: center;
    padding: 0 40px;
    flex-wrap: wrap;
}
.recruit_list li {
    width: 270px;
/*     height: 260px; */
    height: auto;
    margin: 0 20px 40px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.16);
    padding: 31px 10px 20px;
    color: #000;
}
.recruit_list li .ttl {
    font-weight: 700;
    text-align: center;
    color: var(--mcolor);
    font-size: 125%;
    display: block;
    margin: 0 0 17px;
}
.recruit_list li .img {
    max-width: 122px;
    display: block;
    margin: 0 0 23px;
}
.recruit_list li .txt {
    display: block;
    line-height: 1.5em;
}
.recruit_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recruit_item dl {
    width: calc(50% - 20px);
    background: rgb(9 80 151 / 6%);
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 20px;
	color: #000;
}
.recruit_frame {
    background: var(--mcolor);
    color: #fff;
    padding: 47px 50px 44px 45px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recruit_step {
    width: 380px;
    margin: 0 auto 100px;
	position: relative;
	z-index: 2;
}
.recruit_step:after {
	content: '';
	position: absolute;
	width: 2px;
	height: calc(100% - 35px);
	background: #89a8cc;
	top: 0;
	left: 29px;
	z-index: -2;
}
.recruit_step dl {
    display: flex;
	color: #000;
	margin: 0 0 21px;
}
.recruit_step dd {
    padding-top: 14px;
}
.recruit_step dt {
    width: 60px;
    flex-shrink: 0;
    margin-right: 18px;
    position: relative;
}
.recruit_step dt .num {
    font-size: 3.2rem;
    text-align: center;
    display: flex;
    height: 60px;
    border: 1px solid var(--mcolor);
    background: #fff;
    justify-content: center;
    align-items: center;
    font-family: var(--f-en);
    font-weight: 700;
    color: var(--mcolor);
    border-radius: 50%;
    padding: 6px 0 0;
}
.recruit_step .ttl {
    display: block;
    font-size: 125%;
    font-weight: 700;
    margin: 0 0 14px;
}
.recruit_step .txt {
    display: block;
    margin-left: 40px;
}
.recruit_note {
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
	color: #000;
}
.under main .recruit_note p {
	font-size: 1.8rem;
	font-weight: 500;
}
.recruit_add {
    max-width: 880px;
    background: #F5F5F5;
    margin: 0 auto 78px;
    border-radius: 10px;
    padding: 40px;
	color: #000;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.under main .recruit_add h4 {
    width: 100%;
    margin: 0 0 15px;
}
.recruit_add p {
	width: 50%;
}
.recruit_text li {
	position: relative;
	padding-left: 10px;
}
.recruit_text li:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	left: 0;
	top: 15px;
	background: #000;
}
.under main .recruit_item dt {
    font-weight: 700;
    font-size: 1.8rem;
    margin: 0 0 5px;
}

.list01_key{display:inline-block;min-width:200px}
.list01_key1{display:inline-block;min-width:100px}

.recuit_video_head{max-width:770px;margin-left:auto;margin-right:auto}
/* .history_case_item .history_case_ttl .sm{font-size:65%} */

.sec02_list02 li.deactive{pointer-events:none;}

/* SEMINAR */
.page_28thpresentation main #content{background-color: #F5F5F5;padding-bottom: 80px;}
.under main .seminar_box{background-color: #FFF;padding: 40px;border-radius: 24px;}
.under main .seminar_tt{font-size: 2.4rem;font-weight: bold;padding-bottom: 21px;margin-bottom: 23px;border-bottom: 1px solid #ACACAC;}
.under main .seminar_tt span{ color: #095097;}

.under main .seminar_warning{padding: 25px;border: 2px solid #095097;text-align: center;margin-bottom: 50px;color: #095097;}
.under main .seminar_warning p span{display: block;}
.under main .seminar_request_file{display: flex;}
.under main .seminar_request_file .name{text-decoration: underline;text-underline-offset: 2px;line-height: 1.5;display: block;}
.under main .seminar_request_file img{display: block;margin-bottom: 15px;outline: 1px solid #E2E2E2;}

.under main .seminar_request_cta li p{line-height: 1.4;}
.under main .seminar_request_cta .cta{margin-bottom: 16px;}
.under main .seminar_request_cta .cta a{width: 100%;height: 80px;background-color: #095097;display: flex;align-items: center;justify-content: center;color: #FFF;position: relative;padding-left: 3px;font-size: 1.8rem;font-weight: 600;}
.under main .seminar_request_cta .cta a::before{content: "";display: inline-block;margin-right: 20px;}
.under main .seminar_request_cta .cta a:hover{background-color: var(--scolor);}
.under main .seminar_request_cta .cta01 a::before{background: url('../images/seminar_ic_cta01.svg') no-repeat center /contain;width:45px;height: 31px;}
.under main .seminar_request_cta .cta02 a::before{background: url('../images/seminar_ic_cta02.svg') no-repeat center /contain;width: 28px;height: 38px;margin-top: -4px;}

.under main .seminar_video_list li a{position: relative;display: block;}
.under main .seminar_video_list li a .tt{line-height: 1.4;font-weight: 600;}
.under main .seminar_detail_ite_view .des{font-size: 1.5rem;line-height: 1.65;margin-bottom: 1.85em;}
.under main .seminar_detail_ite_view .idx_btn a:after{right: 26px;background: url(../images/idx_arr.svg) no-repeat center center / 100% auto; width: 8px; height: 14px;position: absolute;}

.frame_gray:not(:last-child){margin-bottom: 30px;}

@media screen and (min-width:751px){
    .under main .seminar_request{display: flex;justify-content: space-between;align-items: center;padding: 50px;}
    .under main .seminar_request_file > li{width: 250px;}
    .under main .seminar_request_file li:not(:last-child){margin-right: 50px;}
    .under main .seminar_request_cta{width: 450px;padding-bottom: 21px;}
    .under main .seminar_request_cta li:not(:last-child){margin-bottom: 42px;}
    .under main .seminar_video_list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 35px;}
    .under main .seminar_video_list li a:hover,.under main .seminar_request_file > li a:hover{opacity: 0.7;}
    .under main .seminar_detail_ite_view{display: flex;}
    .under main .seminar_detail_ite_view dt{width: 520px;flex-shrink: 0;margin-right: 50px;}
    .under main .seminar_detail_ite_view .idx_btn a{margin-left: 0;width: 330px;height: 60px;padding-left: 5px;}
    .under main .seminar_detail_ite_view .idx_btn a:hover::after{background: url(../images/idx_arr_hv.svg) no-repeat center center / 100% auto;}
    .under main .seminar_detail_ite:not(:last-child){margin-bottom: 80px;}
    .under main .seminar_video_list li a::after{content: "";position: absolute;width: 100%;height: 100px;background: linear-gradient(to top, rgba(0,0,0,1) 0%, transparent 100%);bottom: 0;left: 0;}
    .under main .seminar_video_list li a .tt{position: absolute;bottom: 20px;left: 20px;width: calc(100% - 45px);color: #FFF;z-index: 2;}
    .under main .seminar_box:not(:last-child){margin-bottom: 70px;}

    .idx_btn.left a{margin-left: 0;}
    .product_item_img.recruit_itm_pick{width: 370px;height: auto;}
}

/* EGDE */
@supports (-ms-ime-align: auto) {
}

/* FIREFOX */
@-moz-document url-prefix() {
}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {
}