@charset "UTF-8";

/* common sp   共通
----------------------------------------------- */
.subpage {
	background-color: #f7f7f7;
}

.r-mark {
	background-image: url(../images/top_bg.svg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	width: 250px;
	height: 205px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 70;
}

.sub_title {
	padding-top: 160px;
}

.l-footer {
	text-align: center;
	margin: 0 auto;
	padding-top: 100px;
	background-image: url('../images/footer_blue_low.svg');
	background-size: cover;
	background-position: bottom center;
}

table td {
	text-decoration: none;
}

table td ul li {
	/* リスト項目内の数字部分 */
	text-decoration: none;
}

/* company sp
----------------------------------------------- */
.com-cont {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	justify-content: center;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
	grid-template-areas:
		"box1 box2"
		"box3 box4"
		"span span";
}

.com-box {
	background-color: #fff;
	padding: 20px 10px;
	text-align: center;
	border-radius: 10px;
	background-image: url(../images/compa_arrow.svg);
	background-repeat: no-repeat;
	background-position: right 15px top 25px;
	background-size: 28px;
}

.com-box:last-child {
	grid-column: 1 / span 2;
	width: 285px;
	margin: auto;
}

.com-box:hover {
	background-color: var(--bg-primary-color);
}

.com-box a:hover .c-title--company,
.com-box a:hover .c-title--company__sub {
	color: var(--white);
}

.c-title--company {
	color: var(--bg-secondary-color);
	font-size: 2.66vw;
	font-family: var(--en-font-set);
	font-weight: var(--font-weight-Regular);
	line-height: 1.5;
	text-align: left;
	position: relative;
	padding-left: 10px;
	z-index: 20;
}

.c-title--company__sub {
	font-weight: var(--font-weight-Regular);
	color: var(--base-font-color);
	font-size: 14px;
	font-family: var(--primary-font-set);
	text-align: left;
	line-height: 1.2;
	font-weight: var(--font-weight-Medium);
}


/* overview sp
----------------------------------------------- */
.com-info {
	font-size: 16px;
	padding: 20px;
	background-color: var(--white);
	border-radius: 10px;
	color: var(--base-font-color);
}

.com-info table td {
	text-decoration: none !important;
	color: var(--base-font-color);
}

table {
	width: 100%;
}

.com-info th {
	display: block;
	color: var(--bg-secondary-color);
	padding-top: 15px;
	text-align: left;
}

.com-info td {
	display: block;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 15px;
	text-align: left;
}

.com-info tr:last-child td {
	border-bottom: none;
}

.com-info ul {
	list-style: none;
	display: block;
	padding-left: 0px;
}


/* message sp
----------------------------------------------- */
.me-line {
	line-height: 27px;
}

.c-title--head__me {
	width: 100%;
}

.top-info {
	text-align: center;
	background-color: var(--white);
	border-radius: 10px;
	padding: 30px 20px 30px;
}

.mes-top {
	margin-bottom: 20px;
}

.mes-top img {
	width: 200px;
}

.mes-top p {
	font-size: 14px;
	font-weight: var(--font-weight-Medium);
	text-align: center;
}

.mes-top span {
	font-size: 18px;
}

.pc_display02 {
	display: block;
}

.mes-con h1 {
	font-family: "BIZ UDMincho", sans-serif;
	font-size: 22px;
	text-align: left;
	color: var(--bg-secondary-color);
	margin-top: 40px;
	line-height: 1.5em;
}

.mes-con p {
	text-align: left;
}

.c-textbox p {
	text-align: justify;
	font-size: 16px;
}

.c-text-m {
	padding-top: 15px;
}

.c-text-m span {
	font-weight: 600;
}

.mes_back {
	display: none;
}


/* philosophy sp
----------------------------------------------- */
.c-philo-en {
	font-weight: var(--font-weight-Medium);
	font-size: 28px;
	font-family: "Roboto", sans-serif;
	text-align: center;
	color: var(--bg-secondary-color);
}

.c-title--middle__text {
	margin: 0 auto;
	font-size: 18px;
	font-family: var(--primary-font-set);
	text-align: center;
	width: 100%;
	color: var(--base-font-color);
}

.semibold {
	font-weight: var(--font-weight-Bold);
}

.c-power {
	background-color: var(--white);
	border-radius: 10px;
	padding-bottom: 30px;
}

.philo-item img {
	margin-bottom: 20px;
}

.c-title--third {
	font-size: 22px;
	font-weight: var(--font-weight-Bold);
	color: var(--bg-secondary-color);
	text-align: center;
	line-height: 20px;
}

.c-title--third_en {
	font-family: var(--en-font-set);
	font-size: 12px;
}

.c-title--third p {
	font-size: 16px;
}

.c-phi-text {
	width: 90%;
	margin: 0 auto 20px;
}

.c-phi-text p {
	font-size: 16px;
}

/* history sp
----------------------------------------------- */
.decade {
	width: 96%;
	color: var(--bg-secondary-color);
	font-size: 18px;
	font-weight: var(--font-weight-Bold);
	margin-bottom: 30px;
}

.timeline {
	list-style: none;
	background-color: var(--white);
	border-radius: 10px;
	padding: 30px 0px;
	text-align: left;
	margin-bottom: 20px;
}

.timeline-list {
	padding-left: 0px;
	position: relative;
}

.timeline>li {
	margin-bottom: 60px;
}

.timeline-list-item {
	list-style: none;
	width: 96%;
	margin: 0 auto;
	display: block;
}

.timeline-list-item .date {
	font-weight: bold;
	color: var(--bg-secondary-color);
}

.timeline-list-item .content {
	margin: 0px 15px 30px;
}

.timeline-list-item .content p {
	padding-top: 15px;
}

.his-illust img {
	padding-bottom: 20px;
}

.sp_display {
	display: none;
}

/* branch sp
----------------------------------------------- */
main {
	background-color: #f7f7f7;
}

.branch-item {
	background-color: var(--white);
	border-radius: 10px;
}

.branch-item img {
	margin-bottom: 40px;
}

.c-title--forth {
	font-size: 18px;
	font-weight: var(--font-weight-Bold);
	text-align: center;
	line-height: 20px;
}

.c-title--forth p {
	font-size: 18px;
}

.c-bran-text {
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
}

.contact-info address {
	text-decoration: none !important;
	line-height: 20px;
	margin-bottom: 20px;
	font-size: 14px;
}

.contact-info .tel {
	text-decoration: none;
}

.c-ad__bran,
.tel-bran {
	font-size: 16px;
}

.g-btn {
	text-align: center;
	font-size: 18px;
}

.map_btn {
	display: inline-block;
	align-items: center;
	width: 240px;
	text-align: left;
	text-decoration: none;
	line-height: 58px;
	outline: none;
	color: var(--bg-secondary-color);
	border: 1px solid #005299;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url('../images/mapicon_n.png');
	background-size: 24px 29px;
	background-position: right 45px center;
	background-repeat: no-repeat;

	margin-bottom: 60px;
	border-radius: 10px;
	padding-left: 40px;
}

.map_btn:hover {
	background-image: url('../images/mapicon_w.png');
	outline: none;
	color: var(--white);
	border: 1px solid #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-bottom: 60px;
	border-radius: 10px;
	background-color: var(--bg-primary-color);
	background-size: 24px 29px;
	background-position: right 45px center;
	background-repeat: no-repeat;
}

/* group sp
----------------------------------------------- */

.c-bran-text a.hp {
	color: var(--bg-primary-color);
	font-size: 14px;
}

.c-bran-text a.hp:hover {
	color: var(--bg-secondary-color);
}

.grid-container {
	display: grid;
	gap: 10px;
	grid-template-columns: 49% 49%;
}

.gp-item {
	background-color: var(--white);
	border-radius: 10px;
}

.ad-gr {
	text-align: center;
	font-size: 14px;
}

.contact-info p {
	text-align: center;
	font-size: 14px;
}

.contact-info address {
	line-height: 30px;
}

.gr-btn {
	text-align: center;
	font-size: 18px;
}

.grmap_btn__br {
	min-width: 160px;
	max-width: 90%;
	display: inline-block;
	align-items: center;
	text-align: left;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	font-size: 14px;
	color: var(--bg-secondary-color);
	border: 1px solid #005299;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(../images/mapicon_n.png);
	background-size: 18px 24px;
	background-position: right 25px center;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	border-radius: 10px;
	padding-left: 20px;
}

.grmap_btn__br:hover {
	background-image: url('../images/mapicon_w.png');
	outline: none;
	color: var(--white);
	border: 1px solid #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-bottom: 60px;
	border-radius: 10px;
	background-color: var(--bg-primary-color);
	background-size: 18px 24px;
	background-position: right 25px center;
	background-repeat: no-repeat;
	text-decoration: none;
}

.sb-item img,
.gp-item img {
	margin-bottom: 40px;
}

.sb-item .c-title--forth::before {
	content: url('../images/sdgs_sp.png');
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -8px;
}

.c-title--forth__gp {
	padding-top: 50px;
	font-size: 16px;
}

.c-text-gr {
	text-align: left;
}

.c-bran-text__la {
	padding-bottom: 20px;
}

.contact-info a.hp {
	color: var(--bg-primary-color);
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
	text-align: center;
}

.contact-info a.hp:hover {
	color: var(--bg-secondary-color);
}


/* license sp
----------------------------------------------- */
.lic-top {
	font-size: 18px;
	font-weight: var(--font-weight-Medium)s;
}

.lic-top p {
	font-size: 18px;
}

.bdl th {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 30px;
}

.pri-con__lice ul li {
	text-decoration: none !important;
	pointer-events: none !important;
	color: var(--base-font-color);
}

/* environ sp
----------------------------------------------- */

.c-text-env {
	padding: 30px 0px;
	font-size: 16px;
}

.c-text-env:last-child {
	border-bottom: none;
	text-align: right;
}

.c-text-env ul {
	display: block;
	padding-top: 15px;
}

/* privacy sp
----------------------------------------------- */

.pri-info {
	width: 100%;
	margin: 0 auto;
	background-color: var(--white);
	border-radius: 10px;
	padding: 30px 20px;
}

.pri-top {
	font-size: 20px;
	color: var(--bg-primary-color);
}

.pri-top span {
	font-size: 16px;
	color: var(--base-font-color);
	display: block;
	line-height: 1.5em;
	padding-top: 15px;
}

.pri-con h1 {
	font-size: 20px;
	font-family: var(--primary-font-set);
	color: var(--base-font-color);
	font-weight: var(--font-weight-Bold);
	text-align: left;
	margin-top: 40px;
	margin-left: 0px;
	line-height: 1.5em;
}

.c-text-poli {
	padding: 20px 0px;
}

.c-text-poli:first-child {
	padding-bottom: 30px;
	font-weight: var(--font-weight-Medium);
}

.c-establish p {
	text-align: right;
	margin-top: 15px;
	font-size: 16px;
}

.c-mane p {
	font-size: 16px;
	font-weight: var(--font-weight-Regular);
	text-align: right;
}

.c-desk {
	margin-top: 30px;
	font-size: 16px;
}

.c-desk p {
	text-decoration: none !important;
	pointer-events: none !important;
	color: var(--base-font-color);
}

.c-textbox .c-text-poli__sub {
	font-weight: var(--font-weight-Regular);
	font-size: 16px;
	border-bottom: none;
}

.c-text-poli__add{
	font-weight: var(--font-weight-Regular);
	font-size: 16px;
	border-bottom: none;
}

.c-text-poli__thid {
	padding: 20px 0px 0px;
	font-weight: var(--font-weight-Medium);
	font-size: 16px;
	border-bottom: none;
}

.poli-pd {
	font-weight: var(--font-weight-Regular);
	padding: 10px 0px;
}

.chart,
.chart th {
	font-weight: var(--font-weight-Regular);
	font-size: 16px;
}

.chart,
.chart th,
.chart td {
	border: 1px solid #1a1a1a;
	border-collapse: collapse;
	padding: 10px;
}

.poli-pd2 {
	font-weight: var(--font-weight-Regular);
	font-size: 16px;
}

/* service sp
----------------------------------------------- */

.busi-conbox {
	background-color: var(--bg-primary-color);
	background-image: url(../images/service_logo.png);
	background-repeat: no-repeat;
	background-size: 330px;
	background-position: 0px 60px;
	margin-right: -20px;
	margin-left: -20px;
	padding: 60px 0px 30px;
}

.busi-detail {
	margin-bottom: 220px;
}

.c-busi-main {
	font-weight: var(--font-weight-Medium);
	font-size: 20px;
	font-family: "BIZ UDMincho", sans-serif;
	text-align: center;
	color: var(--white);
	letter-spacing: 0.1px;
}

.c-title--third {
	font-size: 20px;
	font-weight: var(--font-weight-Bold);
	color: var(--bg-secondary-color);
	text-align: center;
	line-height: 20px;
}

.c-busi-mid {
	color: var(--white);
	text-align: justify;
	width: 85%;
}

.busi-item {
	margin: 230px -20px 0px;
	position: relative;
}

.busi-item:first-child {
	margin-top: 40px;
}

.c-busi-text {
	position: absolute;
	top: 290px;
	left: 5%;
	width: 90%;
	background-color: var(--white);
	border-radius: 10px;
	padding: 30px 40px;
	margin: -70px auto 0px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.c-busi-text p {
	color: var(--bg-secondary-color);
	font-size: 16px;
	margin: 0 auto;
}

.c-title--third_en {
	font-family: var(--en-font-set);
	font-size: 12px;
}

.more_boxtag {
	position: absolute;
	bottom: -148px;
	right: 40px;
	font-family: var(--en-font-set);
}

.more_boxtag__se {
	bottom: -200px;
	right: 40px;
}

.more_boxtag__th {
	bottom: -176px;
	right: 40px;
}

.moredetail {
	color: var(--bg-secondary-color);
	font-size: 14px;
	font-weight: var(--font-weight-Regular);
	text-align: left;
	display: block;
}

.more_boxtag a.moredetail::after {
	content: "→";
	margin-left: 3px;
	vertical-align: sub;
}

/* recruit sp
----------------------------------------------- */
.busi-conbox__rec {
	background-position: 0px 500px;
	background-size: 380px;
	margin: 0 -20px 60px;
	padding: 60px 0px;
}

.c-title--head__re {
	font-size: 26px;
	width: 100%;
	text-align: left;
	line-height: 1.6em;
}

h2 {
	font-family: var(--en-font-set);
	font-weight: var(--font-weight-Medium);
	line-height: 0.7;
	text-align: left;
	position: relative;
	z-index: 20;
	color: var(--white);
	padding-left: 20px;
	font-size: 30px;
}

.c-con p {
	font-size: 18px;
}

.recru_sub {
	font-size: 12px;
	color: var(--white);
}

.recru_main__st,
.recru_main__st {
	color: var(--bg-secondary-color);
	font-weight: var(--font-weight-Medium);
	padding-left: 2px
}

.c-recru-main {
	font-size: 20px;
	font-family: "BIZ UDMincho", sans-serif;
	text-align: left;
	letter-spacing: -0.1px;
	padding-left: 24px;
	color: var(--white);
}

.c-busi-mid__pt {
	padding-top: 20px;
}

.ser__st {
	position: relative;
	top: -23vh;
	left: 1vw;
	color: #0097e8;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 5px;
	width: 100px;
	font-size: 14px;
	text-align: center;
	font-weight: var(--font-weight-Bold);
	padding: 3px;
}

h3 {
	font-weight: var(--font-weight-Medium);
	font-size: 20px;
}

.com-info tr .c-job,
tr .c-job2,
tr .c-job3,
tr .c-job4 {
	border-bottom: none;
}

.no-underline {
	text-decoration: none;
	pointer-events: none;
	color: inherit;
}

.l-rec {
	display: flex;
	flex-direction: column;
	position: relative;
	color: var(--white);
	background-color: var(--bg-secondary-color);
	border-radius: 15px;
	width: 95%;
	margin: 0 auto;
	z-index: 200;
}

.l-rec__ent {
	width: 100%;
}

.c-title--head__entry {
	margin: 5px 0px 20px 20px;
	color: var(--white) !important;
	font-size: 11.2vw;
	font-family: var(--en-font-set);
	font-weight: var(--font-weight-Medium);
	line-height: 0.5em;
	text-align: left;
	position: relative;
	z-index: 20;
}

.c-title--head__sub__entry {
	padding-left: 22px;
	font-size: 20px;
	color: var(--white);
}

.c-rec {
	padding: 0 20px;
}

.c-rec_ent p {
	text-align: left;
	width: 90%;
	line-height: 25px;
	font-size: 16px;
}

.c-rec_ent p span {
	padding-left: 10px;
	font-size: 20px;
	font-weight: var(--font-weight-Bold);
}

.c-text-ent {
	font-size: 16px;
	line-height: 2px;
}

.ent-notes {
	padding-top: 20px;
}

.rec_back__ent {
	width: 380px;
	top: 10px;
	right: 0px;
	z-index: 40;
}

.v-btn02 {
	text-align: left;
	padding-left: 20px;
	z-index: 80;
}

.v-btn02 .logo_btn:hover {
	background-image: url('../images/view_logo_n.svg');
	background-size: 30px 30px;
	background-color: white;
	color: var(--bg-secondary-color);
	font-weight: 600;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	line-height: 58px;
	outline: none;
	border: 1px solid #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-repeat: no-repeat;
	margin-bottom: 60px;
	border-radius: 10px;
	background-position: 45px center;
}

.ent_back {
	position: absolute;
	width: 260px;
	top: 25px;
	right: 0px;
	z-index: 40;
}

.rec_back img {
	display: block;
}

.mnb_text {
	text-align: center;
	padding-bottom: 10px;
}

.mnb_banner {
	width: 50%;
	margin: 0 auto;
}


/* recruit sp    swiper
----------------------------------------------- */
.swiper {
	width: 100%;
	margin-bottom: 60px;
}

.swiper img {
	width: 100%;
}

.slider-caption {
	padding: 2px 0px 2px 100px;
	margin: 0;
	line-height: 1.5em;
	background: #0097e8;
	color: var(--white);
	font-size: 14px;
}

.swiper [class^="swiper-button-"]::after {
	font-size: 30px;
}

.swiper [class^="swiper-button-"] {
	color: #0097e8;
}

.swiper-pagination-bullet {
	background-color: #0097e8 !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: -30px !important;
}

/* access sp
----------------------------------------------- */
.trance {
	margin-bottom: 15px;
}

.train_ac,
.tel {
	font-size: 16px;
	text-decoration: none;
}

address {
	font-size: 16px;
	margin-bottom: 10px;
	text-decoration: none;
}

/* contact sp
----------------------------------------------- */
.formWrap {
	margin: 0 auto;
}

#reserv_form {
	margin: 0 auto;
}

.red {
	color: #d93c0d;
}

.c-sure {
	font-size: 14px;
	font-weight: var(--font-weight-Bold);
	padding-left: 3%;
	margin-bottom: 10px;
}

.personal {
	display: block;
	border-collapse: collapse;
	font-size: 1.4rem;
	line-height: 2rem;
	box-sizing: border-box;
}

.personal tbody,
.personal tr {
	width: 100% !important;
	box-sizing: border-box;
	display: block;
}

.personal th {
	color: var(--bg-secondary-color);
	/* width: 10%; */
	text-align: left;
	font-size: 16px;
	padding: 10px 20px 0px;
	display: block;
	width: 100% !important;
	box-sizing: border-box;
}

.personal td {
	/* width: 30%; */
	text-align: left;
	font-size: 100%;
	padding: 10px 20px 30px;
	display: block;
	width: 100% !important;
	box-sizing: border-box;
}

.comfirm th {}

.comfirm td span {
	display: block;
	background: #fff;
	padding: 15px;
	border: solid #d8d8d8 1px;
	border-radius: 5px;
}

input,
.inqu-box {
	border: solid #d8d8d8 1px;
	border-radius: 5px;
	width: 100%;
	height: 40px;
	padding: 15px;
}

input[type="radio"],
input[type="checkbox"] {
	position: relative;
	top: 15px;
	left: -10px;
	width: 18px;
}

.input::placeholder {
	color: #ccc;
	opacity: 0.8;
}

.sp-input::placeholder {
	color: #ccc;
	opacity: 0.8;
}

.agree,
.annotation {
	font-size: 14px;
	padding-top: 15px 0px;
	text-align: center;
}

.agree a {
	text-decoration: underline;
}

.reser {
	text-align: center;
}

.regist-on,
.regist-off {
	width: 250px;
	font-size: 16px;
	padding: 15px 0px;
	border-radius: 40px;
	margin: 20px 0 60px;
	letter-spacing: 0.5px;
	height: 70px;
	text-align: center;
}

.regist-on {
	background-color: var(--bg-secondary-color);
	color: #fff;
}

.regist-off {
	background: #dbdbdb;
}

.pri-con__priinfo h1 {
	text-align: center;
	font-size: 16px;
}

.c-title--head__main__poli {
	text-align: center;
}

.c-text-poliinfo {
	padding: 20px 0px;
	color: var(--base-font-color);
}

.c-text-poliinfo:first-child {
	padding-bottom: 30px;
	font-weight: var(--font-weight-Medium);
}


/* thanks sp
----------------------------------------------- */
.con-cp{
	font-size: 16px;
	text-align: center;
	width: 90%;
    margin: 0 auto;
}

.cp_m{
	font-size: 18px;
	font-weight: var(--font-weight-Medium);
	padding-bottom: 15px;
	text-align: center;
}

.cp_s{
	text-align: center;
}

/* News sp
----------------------------------------------- */
.c-list-news_info_news_sub {
	text-align: center;
	padding: 0px;
	margin-bottom: 60px;
}

.c-title--head__en_new {
	margin-top: -15px;
}

.c-list-news {
	font-family: "Noto Sans JP", sans-serif;
	text-align: center;
	padding: 0px;
}

.c-list-news__item {
	margin-bottom: 2em;
	list-style: none;
	color: var(--base-font-color);
}

.c-list-news__date {
	display: block;
	font-weight: var(--font-weight-Medium);
}

.c-list-news__category {
	display: block;
	margin: 10px auto;
	color: #ff8017;
	border: 1px solid #ff8017;
	padding: 0 0.4em;
	border-radius: 5px;
	width: 7em;
	text-align: center;
	font-size: 3.2vw;
}

.category-1 {
	color: #00b59b;
	border: 1px solid #00b59b;
}

.c-list-news__category__recruit:last-child {
	display: block;
	margin: 10px auto;
	color: #00b59b;
	border: 1px solid #00b59b;
	padding: 0 0.4em;
	border-radius: 5px;
	width: 7em;
	text-align: center;
	font-size: 3.2vw;
}

.more_box {
	position: relative;
	bottom: 0px;
	right: -25vw;
	font-family: var(--en-font-set);
	margin-bottom: 60px;
}

.more {
	color: var(--bg-secondary-color);
	font-size: 4vw;
	font-weight: var(--font-weight-Regular);
	text-align: center;
	width: 220px;
	height: 50px;
	background: #FFF;
	margin: auto;
	position: relative;
	display: block;
	overflow: hidden;
	transition: 0.5s;
	text-decoration: none;
}

.more:after {
	font-family: "FontAwesome";
	content: "\f061";
	position: absolute;
	right: 40px;
}

.more:hover:after {
	transform: rotate3d(1, 0, 0, 360deg);
	transition: 2s;
}

/* interview sp
----------------------------------------------- */
.c-title--head__inter {
	font-size: 20px;
	text-align: left;
	line-height: 34px;
	font-family: "BIZ UDMincho", sans-serif;
	color: var(--bg-primary-color);
}

.busi-item__inter {
	margin-top: 30px;
}

.inter-top img {
	width: 400px;
}

.inter-top p {
	background-color: #f7f7f7;
	width: 200px;
	padding: 20px;
}

.c-title--inter {
	font-size: 16px;
	font-weight: var(--font-weight-Medium);
	color: var(--bg-secondary-color);
}

.c-title--inter p {
	line-height: 28px;
	text-align: center;
	letter-spacing: 2px;
}

.c-inter-text {
	position: absolute;
	bottom: -40px;
	right: 0;
	width: 50%;
	background-color: #fff;
	border-radius: 10px 0px 0px 10px;
	padding: 10px;
	margin: -20px auto 0px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	letter-spacing: normal;
}

.c-textbook__inter {
	margin-top: 100px;
}

.inter_back {
	position: absolute;
	top: 650px;
	left: 0;
}

.inter_back img {
	width: 450px;
}

.inter-info {
	position: relative;
}

.inter_back02 {
	position: absolute;
	top: 400px;
	left: 0;
}

.inter_back03 {
	position: absolute;
	top: 2500px;
	left: 0;
}

.inter_back02 img {
	width: 450px;
}

.inter_back03 img {
	width: 450px;
}


/*  each service sp
----------------------------------------------- */
.toplist ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, auto);
	list-style: none;
	margin-bottom: 60px;
	padding: 0px;
}

.toplist li {
	padding-bottom: 5px;
	text-align: left;
	list-style: none;
	font-size: 14px;
	border-right: #707173;
	display: block;
}

.toplist li a {
	color: #707173;
}

.busi-conbox {
	position: relative;
}

.each-ser {
	position: absolute;
	top: -25px;
	left: 5%;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 15px;
	background-color: var(--white);
	color: var(--bg-primary-color);
	width: 45%;
	text-align: center;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
}

.each-ser__a {
	width: 58%;
}

.each-ser__c {
	width: 50%;
}

.each-ser__d {
	width: 65%;
}

.each-ser__e {
	width: 65%;
}

.main02 {
	width: 85%;
	text-align: left;
	margin: 0 auto;
	line-height: 32px;
	font-size: 22px;
}

.element {
	color: var(--bg-secondary-color);
	font-weight: var(--font-weight-Bold);
	font-size: 18px;
	margin-bottom: 40px;
	text-align: left;
}

.ele-box {
	padding: 0px !important;
	background-image: url('../images/eachservice.png');
	background-size: cover;
}

.ele-detail img {
	width: 120%;
	height: 120%;
}

.c-se-text {
	font-size: 16px;
	color: var(--base-font-color);
	font-weight: var(--font-weight-Regular);
	padding-top: 15px;
}

.l-container__full {
	padding: 0px;
}

.c-item {
	padding: 30px 0px;
}

.c-textitem {
	padding: 30px 40px;
	background-color: var(--white);
	border-radius: 10px;
	width: 88%;
	margin: 0px auto;
}

.c-textitem p {
	margin: 0 auto;
	font-size: 16px;
}

.c-textitem ul {
	margin: 20px 0px;
}

.c-textitem li {
	list-style: none;
	display: block;
	font-size: 14px;
}

.flow-box {
	background-color: var(--bg-secondary-color);
	border-radius: 10px;
}

.m-text {
	padding: 20px 0px 0px 20px;
	font-weight: var(--font-weight-Medium);
	font-size: 20px;
	color: var(--white);
}

.number-circle {
	position: relative;
	width: 60px;
	height: 60px;
	border: 1px solid var(--white);
	border-radius: 50%;
	margin: 0 auto 20px;
}

.number-circle::before {
	content: "01";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: var(--font-weight-Regular);
}

.number-circle02::before {
	content: "02";
}

.number-circle03::before {
	content: "03";
}

.number-circle04::before {
	content: "04";
}

.number-circle05::before {
	content: "05";
}

.number-circle06::before {
	content: "06";
}

.number-circle07::before {
	content: "07";
}

.number-circle08::before {
	content: "08";
}

.row .col_last {
	margin: 0 auto;
}

.ser-pro {
	position: relative;
	top: 0;
	color: var(--white);
	background-color: var(--bg-secondary-color);
	width: 95%;
	font-size: 14px;
	text-align: center;
	font-weight: var(--font-weight-Medium);
	padding: 3px;
}

.flow-box_pb {
	padding-bottom: 30px;
}

.l-flow {
	color: var(--white);
	padding: 30px 0px 10px 0px;
}

.l-flow__mt {
	margin-top: 30px;
}

.l-flow:last-child {
	padding-bottom: 30px;
}

.l-flow img {
	width: 90%;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
}

.l-flow-pd {
	padding-top: 0px;
}

.c-order {
	font-size: 18px;
	font-weight: var(--font-weight-Medium);
	text-align: center;
}

.c-text-order {
	width: 91%;
	margin: 0 auto;
	font-size: 16px;
}

.line-with-arrow {
	position: relative;
	width: 90%;
	border-bottom: 1.5px solid var(--white);
	margin: 30px auto;
}

.line-with-arrow::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--white);
	margin-top: 6px;
}

.m-ehead {
	color: rgba(255, 255, 255, 0.1);
	font-size: 40px;
	text-align: right;
	font-weight: var(--font-weight-Bold);
	margin-top: -134px;
	letter-spacing: -0.5px;
}

.sm-ehead {
	position: relative;
	z-index: 50;
	margin-left: 15px;
	color: var(--bg-primary-color);
	background-color: #f7f7f7;
	font-weight: var(--font-weight-Medium);
	font-size: 18px;
	width: 170px;
	text-align: center;
}

.media-box {
	position: relative;
	z-index: 20;
	border: 2px solid var(--bg-primary-color);
	margin-top: -15px;
}

.m-detail {
	margin-top: 40px;
}

.m-detail ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 30px auto;
	max-width: 600px;
	list-style: none;
}

.m-detail ul li {
	width: 33.33%;
	box-sizing: border-box;
	padding: 5px;
}

.m-detail ul li img {
	width: 85%;
	display: block;
	margin: 0 auto;
}

.m-detail .media-image01 {
	margin-top: 9px;
}

.m-detail .media-image02 {
	width: 58%;
	margin: 0 auto;
}

.m-detail .media-image03 {
	width: 50%;
	margin: 0 auto;
}

.m-detail-pc {
	display: none;
}

.c-busi-main-left {
	font-size: 24px;
	text-align: left;
	margin: 0 auto;
	width: 85%;
}

.descript {
	padding-top: 15px;
	width: 95%;
}

.point {
	font-weight: 800;
}

.c-busi-midsec {
	margin-top: 15px;
}


/* sitemap sp
----------------------------------------------- */
.pri-con__site ul li {
	text-decoration: none !important;
	pointer-events: all;
	color: var(--base-font-color);
}

.sitemap-table {
	border-collapse: collapse;
	width: 60%;
	margin: 0 auto;
}

.bdl a,
.site a {
	color: var(--base-font-color);
	text-decoration: underline;
}

.bdl a:visited,
.site a {
	color: var(--bg-secondary-color);
	text-decoration: underline;
}

.bdl a:hover,
.site a:hover {
	color: var(--bg-primary-color);
	text-decoration: underline;
}


@media only screen and (min-width: 768px) and (max-width:1024px) {

	/* common ip
	----------------------------------------------- */
	.sub_title {
		padding-top: 200px
	}

	.l-footer {
		text-align: center;
		margin: 0 auto;
		padding-top: 100px;
		background-image: url('../images/footer_blue_ip_low.svg');
		background-size: cover;
		background-position: bottom center;
	}


	/* company ip
	----------------------------------------------- */
	.c-title--company {
		font-size: 14px;
	}

	.c-title--company__sub {
		font-size: 18px;
	}

	.com-box {
		background-position: right 20px top 25px;
		background-size: 40px;
	}

	/* message ip
	----------------------------------------------- */
	.c-textbox p {
		font-size: 18px;
	}

	/* philo ip
	----------------------------------------------- */
	.c-phi-text p {
		font-size: 16px;
	}

	/* history ip
	----------------------------------------------- */
	.timeline-list-item {
		font-size: 16px;
	}

	/* branch ip
----------------------------------------------- */
	.c-bran-text p {
		font-size: 16px;
	}

	/* group ip
	----------------------------------------------- */
	.pc_display02 {
		display: none;
	}

	/* license ip
	----------------------------------------------- */


	/* environ ip
	----------------------------------------------- */
	.c-text-env {
		font-size: 16px;
	}

	/* privacy ip
	----------------------------------------------- */
	.c-desk p {
		font-size: 16px;
	}

	/* service ip
	----------------------------------------------- */
	.c-busi-text {
		top: 480px;
	}

	.more_boxtag {
		bottom: -120px;
	}

	/* recruit ip
	----------------------------------------------- */
	.c-recru-main {
		padding-left: 75px;
	}

	.ser__st {
		top: -36vh;
		width: 120px;
	}

	.ip_display {
		display: none;
	}

	.ent_back {
		top: 6px;
		width: 500px;
	}

	.descript {
		font-size: 16px;
	}

	.mnb_text {
		font-size: 18px;
		color: var(--base-font-color);
	}

	.mnb_banner {
		width: 28%;
	}

	/*  contact jp
----------------------------------------------- */
	.personal {
		width: 50%;
		margin: 0 auto;
	}

	.pri-info {
		width: 90%;
	}

	.pri-con__priinfo h1 {
		font-size: 18px;
	}

	/*  interview jp
----------------------------------------------- */
	.c-inter-text {
		right: 110px;
		width: 300px;
	}

	.inter_back {
		top: 950px;
	}

	.inter_back02 {
		top: 560px;
	}

	.inter_back03 {
		position: absolute;
		top: 3400px;
		left: 0;
	}

	/*  each service jp
----------------------------------------------- */
	.c-textitem p,
	.c-textitem li {
		font-size: 16px;
	}

	.l-flow {
		margin: 0 5%;
	}

	.c-order {
		font-size: 20px;
		margin: 0 auto;
		width: 80%;
	}

	.c-text-order {
		font-size: 16px;
		width: 80%;
	}

	.line-with-arrow {
		margin: 40px auto;
	}

	.each-ser {
		width: 220px;
	}

	.each-ser__d,
	.each-ser__e {
		width: 240px;
	}

	.m-detail ul li img {
		width: 70%;
	}

	.m-detail .media-image02 {
		width: 45%;
	}

	.m-detail .media-image03 {
		width: 40%;
	}
}

@media only screen and (min-width: 1024px) {

	/* common pc
--------------------------------------------------------- */
	.pc_display02 {
		display: none !important;
	}

	.sub_title {
		padding-top: 275px
	}

	.r-mark {
		width: 600px;
		height: 505px;
		top: -3px
	}

	.l-footer {
		padding-top: 200px;
		background-image: url('../images/footer_blue_la_low.svg');
		background-size: cover;
		background-repeat: no-repeat;
	}


	/* company pc
    --------------------------------------------------------- */
	.c-title--company {
		font-size: 16px;
	}

	.c-title--company__sub {
		font-size: 20px;
	}

	.com-box {
		background-position: right 20px top 28px;
		background-size: 40px;
	}

	.com-box:last-child {
		grid-column: 1 / 2;
		width: 390px;
	}


	/* overview pc
	----------------------------------------------- */
	.com-info {
		color: var(--base-font-color);
		width: 80%;
		margin: 0 auto;
		padding: 30px 0px;
	}

	table {
		border-collapse: collapse;
		width: 80%;
		margin: 0 auto;
	}

	.com-info th {
		display: table-cell;
		color: var(--bg-secondary-color);
		padding: 20px 0px;
		text-align: right;
	}


	.com-info td {
		display: table-cell;
		padding: 20px 0px 20px 60px;
	}

	.com-info tr {
		border-bottom: 1px solid #dbdbdb;
	}

	.com-info tr:last-child {
		border-bottom: none;
	}

	.com-info td:last-child {
		border-bottom: none;
	}

	.com-info ul {
		padding-left: 0px;
	}

	.com-info ul li {
		list-style: none;
	}


	/* message pc
    --------------------------------------------------------- */
	.me-line {
		line-height: 50px;
	}

	.top-info {
		padding: 80px 0px;
		position: relative;
	}

	.mes-top {
		display: flex;
		align-items: center;
		margin: 0 auto;
		justify-content: center;
	}

	.mes-top img {
		margin-right: 20px;
	}

	.mes-top span {
		font-size: 20px;
		padding-left: 15px;
	}

	.c-textbox {
		padding-top: 0px;
	}

	.mes_back {
		display: block;
		position: absolute;
		bottom: 20px;
		left: 0px;
		width: 850px;
	}

	.mes-con {
		margin: 0 10%;
	}

	.mes-con h1 {
		font-size: 28px;
	}

	/* philosophy pc
	----------------------------------------------- */
	.c-philo-en {
		font-size: 46px;
	}

	.c-power {
		padding-bottom: 0px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(1170px, 1fr));

		.philo-item {
			display: flex;
			flex-direction: row;
			align-items: center;

			img {
				max-width: 685px;
				height: auto;
			}
		}

		.philo-item:nth-child(even) {
			flex-direction: row-reverse;
		}
	}

	.philo-item img {
		margin-bottom: 0px;
	}

	.c-phi-text p {
		width: 80%;
		margin: 0 auto;
	}


	/* history pc
    --------------------------------------------------------- */
	.decade {
		max-width: 940px;
		margin: 28px auto;
		font-size: 24px;
	}

	.timeline {
		width: 96%;
		max-width: 940px;
		margin: 28px auto;
		background-color: var(--white);
		border-radius: 10px;
	}

	.timeline-list {
		padding: 40px 0;
	}

	.timeline-list-item {
		display: flex;
		line-height: 1.5;
		font-size: 16px;
	}

	.timeline-list-item .date {
		width: 20%;
		padding: 0 0 0 40px;
		color: var(--base-font-color);
		font-weight: bold;
	}

	.timeline-list-item .content {
		position: relative;
		width: 80%;
		padding: 0px 20px 60px 30px;
		border-left: 1px solid #aaaaaa;
		margin-bottom: 0px;
	}

	.timeline-list-item .content::before {
		content: '';
		width: 12px;
		height: 12px;
		background-color: var(--bg-secondary-color);
		position: absolute;
		left: -6px;
		top: 5px;
		border-radius: 100%;
	}

	.timeline-list-item.last .content {
		padding-bottom: 0;
	}

	.his-illust {
		position: absolute;
		width: 350px;
		top: 450px;
		right: 40px;
	}

	.his-illust-sec {
		position: absolute;
		width: 300px;
		top: 65px;
		right: 170px;
	}

	.his-illust-third {
		position: absolute;
		width: 250px;
		top: 1830px;
		right: 30px;
	}

	.his-illust-forth {
		position: absolute;
		width: 245px;
		top: 1115px;
		right: 30px;
	}

	.his-illust-fifth {
		position: absolute;
		width: 300px;
		top: 2080px;
		right: 30px;
	}

	.sp_display {
		display: block;
	}

	/* branch pc
----------------------------------------------- */
	.branch-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.branch-item {
		width: 30%;
	}

	.br-zama {
		margin-bottom: 22px;
	}

	/* group pc
----------------------------------------------- */
	.grid-container {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: min-content;
	}

	.smgrid-container {
		display: grid;
		gap: 20px;

		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, min-content);
	}

	.branch-item__other {
		width: 100%;
	}

	.grand-box {
		display: flex;
		justify-content: space-between;
	}

	.gran-text {
		flex: 1;
	}

	.c-ad__group {
		font-size: 16px;
	}

	.contact-info p {
		font-size: 16px;
	}

	.gran-text__sec address {
		margin-left: 10px;
	}

	.gran-text__sec .info {
		margin-left: 64px;
	}

	.c-bran-text__la {
		padding-top: 30px;
	}

	.c-title--forth__gp:last-child {
		font-size: 22px !important;
	}

	.ad-gr {
		font-size: 16px;
	}

	.c-text-gr {
		text-align: center;
	}

	.c-text-gr__differ {
		text-align: left;
	}

	.branch-item__other:last-child {
		height: 200px !important;
	}

	/* license pc
----------------------------------------------- */
	.pri-con__lice h1 {
		margin-left: 90px;
	}

	.com-info__lice th {
		width: 210px;
	}

	.two-columns ul {
		display: flex;
		flex-wrap: wrap;
	}

	.two-columns li {
		width: 50%;
		box-sizing: border-box;
		padding-right: 10px;
		margin-bottom: 5px;
	}

	/* privacy pc
----------------------------------------------- */
	.pri-info {
		width: 90%;
		padding: 30px 40px;
	}

	.c-text-poli {
		padding: 10px 0px 20px;
		border-bottom: none;
	}

	.pri-top {
		width: 90%;
		margin: 0 auto;
	}

	/* service pc
----------------------------------------------- */
	.busi-conbox {
		background-color: var(--bg-primary-color);
		background-image: url(../images/service_logo.png);
		background-repeat: no-repeat;
		background-size: 300px;
		background-position: 0px 32px;
	}

	.c-con {
		width: 85%;
		margin: 0 auto;
		padding: 140px 0px;
	}

	.c-busi-main {
		font-size: 26px;
		color: var(--white);
		letter-spacing: 1px;
	}

	.c-title--third {
		font-size: 30px;
		text-align: center;
		line-height: 20px;
	}

	.busi-item {
		margin: 100px -20px 0px;
		position: relative;
	}

	.busi-detail {
		padding-bottom: 0px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(1170px, 1fr));

		.busi-item {
			display: flex;
			flex-direction: row;
			align-items: center;

			img {
				max-width: 730px;
				height: auto;
			}
		}

		.busi-item:nth-child(even) {
			flex-direction: row-reverse;
		}
	}

	.busi-item img {
		margin-bottom: 0px;
	}

	.c-busi-text {
		background-color: var(--white);
		width: 750px;
		padding: 100px 50px;
		top: 100px;
		left: 660px;
	}

	.c-busi-text-right {
		padding: 100px 50px;
		left: 0px;
	}

	.c-busi-text p {
		width: 85%;
		margin: 0 auto;
		color: var(--bg-secondary-color);
		font-size: 18px;
	}


	.more_boxtag {
		position: absolute;
		bottom: 150px;
		right: 75px;
	}

	.moredetail {
		font-size: 16px;
	}

	.more_boxtag__left {
		bottom: 150px;
		left: 565px;
	}


	/* recruit pc
    --------------------------------------------------------- */
	.c-title--head__re {
		font-size: 36px;
	}

	.busi-conbox__rec {
		background-size: 550px;
		background-position: 0px 165px;
	}

	.c-con {
		padding: 0px;
	}

	.c-recru-main {
		padding-left: 50px;
		font-size: 28px;
	}

	.c-busi-mid {
		width: 90%;
	}

	.ser__st {
		top: -38vh;
		width: 160px;
		font-size: 16px;
	}

	.slider-caption {
		font-size: 16px;
		padding: 10px 0px 10px 100px;
	}


	/* guideline pc */
	h3 {
		font-size: 26px;
		padding-left: 100px;
		margin-bottom: 30px;
	}

	/* recruit pc */
	.c-title--head__entry {
		font-size: 130px;
		margin: 10px 0px 30px 40px;
	}

	.c-title--head__sub__entry {
		padding-left: 46px;
		font-size: 30px;
	}

	.c-title--head__text {
		font-weight: var(--font-weight-Bold);
	}

	.c-rec_ent p {
		width: 100%;
		line-height: 35px;
		font-size: 20px;
		padding-left: 230px;
	}

	.c-rec_ent p span {
		padding-left: 80px;
		font-size: 28px;
	}

	.ent_back {
		width: 400px;
		top: 5px;
	}

	.mnb_text {
		color: var(--base-font-color);
	}

	.mnb_banner {
		width: 220px;
	}

	/* access pc
----------------------------------------------- */
	.train_ac,
	.tel {
		font-size: 18px;
	}

	address {
		font-size: 18px;
	}

	/* contact pc
    --------------------------------------------------------- */
	.formWrap {
		margin: 0 auto;
		width: 50%;
	}

	.personal input[type="text"] {
		width: 100%;
	}

	.input,
	.inqu-box {
		height: 60px;
	}

	input::placeholder {
		color: #ccc;
	}

	.pri-con__priinfo h1 {
		font-size: 22px;
	}

	.pri-info__detail {
		width: 80%;
	}

	.personal td {
		width: 520px;
	}

	/* news pc
----------------------------------------------- */

	.c-title--head__en_new {
		margin-top: -85px;
	}

	.c-list-news {
		text-align: left;
		padding: 0 20px;
	}

	.c-list-news_info_news_sub {
		text-align: left;
		padding: 0px 20px;
	}

	.c-list-news__item {
		margin-bottom: 1em;
	}

	.c-list-news__date {
		display: inline;
	}

	.c-list-news__category {
		display: inline-block;
		margin: 0 20px 40px 20px;
		font-size: 14px;
		width: 105px;
	}

	.c-list-news__category__recruit:last-child {
		display: inline-block;
		margin: 0 20px 40px 20px;
		font-size: 14px;
		width: 105px;
	}

	.more_box {
		position: relative;
		bottom: 0px;
		right: 0;
		font-family: var(--en-font-set);
		margin-bottom: 60px;
		text-align: right;
	}

	.more {
		color: var(--bg-secondary-color);
		font-size: 22px;
		font-weight: var(--font-weight-Regular);
		width: 200px;
		height: 50px;
		background: #FFF;
		position: relative;
		display: inline-block;
		overflow: hidden;
		transition: 0.5s;
		text-decoration: none;
	}

	.more:after {
		right: 10px;
	}

	/* interview pc
----------------------------------------------- */
	.c-title--head__inter {
		font-size: 30px;
		text-align: center;
	}

	.busi-item__inter {
		margin-top: 80px;
	}

	.busi-item__inter img {
		width: 97%;
	}

	.c-inter-text {
		right: 150px;
		width: 300px;
		border-radius: 10px;
	}

	.c-title--inter p span {
		padding: 0px 5px 0px 15px;
	}

	.inter_back,
	.inter_back02,
	.inter_back03 {
		display: none;
	}

	/*  each service pc
----------------------------------------------- */
	.toplist ul {
		display: flex;
		justify-content: space-between;
	}

	.busi-conbox {
		padding-bottom: 60px;
	}

	.each-ser {
		width: 330px;
		font-size: 24px;
		font-weight: 700;
	}

	.c-item {
		padding: 60px 0px;
	}

	.c-textitem {
		width: 750px;
	}

	.c-title--third__each {
		font-size: 20px;
	}

	.flow-box {
		width: 85%;
		margin: 0 auto;
	}

	.l-flow {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
	}

	.l-flow img {
		width: 250px;
	}

	.number-circle {
		width: 50px;
		height: 50px;
		border: 1px solid var(--white);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.text-container {
		margin-right: 20px;
		width: 70%;
	}

	.c-order {
		font-size: 1.2em;
		text-align: left;
		width: 90%;
		padding: 0px 0px 20px 34px;
	}

	.line-with-arrow {
		flex-grow: 1;
		width: 81%;
	}

	.line-with-arrow {
		width: 91%;
	}

	.main02 {
		font-size: 28px;
		margin: 0 auto;
		letter-spacing: 0.2px;
		width: 90%;
		padding-top: 20px;
	}

	.main-left {
		font-size: 24px;
		margin: 0px;
		letter-spacing: 0.2px;
	}

	.m-text {
		padding: 30px 0px 0px 60px;
		font-size: 24px;
		margin-top: 30px;
	}

	.l-flow__mt {
		margin-top: 0px;
	}

	.m-detail-pc {
		display: block;
	}

	.media-pcbox {
		position: relative;
		z-index: 20;
		border: 2px solid var(--bg-primary-color);
		margin-top: -100px;
		padding: 50px 0px 30px;
	}

	.m-ehead {
		margin-right: 100px;
	}

	.sm-ehead {
		font-size: 24px;
		width: 235px;
	}

	.m-detail-pc .media-pcbox ul {
		display: flex;
		justify-content: space-between;
		list-style: none;
		padding: 0;
		margin: 0 160px;
	}

	.m-detail-pc .media-pcbox ul li {
		margin-right: 20px;
		text-align: center;
	}

	.m-detail-pc .media-pcbox ul li img {
		max-width: 120px;
		height: auto;
	}

	.m-detail-pc .media-image02 {
		width: 63px;
		margin: 0 auto;
	}

	.m-detail-pc .media-image03 {
		width: 63px;
		margin: 0 auto;
	}

	.row .col:nth-child(3) {
		margin: 0;
	}

	.row_sub {
		width: 85%;
		margin: 0 auto;
	}

	.m-detail .media-box {
		display: none;
	}

	.c-busi-midsec {
		margin-top: 10px;
	}
}

@media only screen and (min-width: 1670px) {

	.l-footer {
		background-image: none;
		background-color: var(--bg-primary-color);
	}
}