@charset "utf-8";
/*
Theme Name: higuchidenko
Theme URI: https://higuchidenko.co.jp/
Author: One-X
Author URI: https://one-x.co.jp/
Version: 1.0
*/

/** default setting **********************************************************/
*, *:before, *:after {
	margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #000;
	font-size: 16px;
	line-height: 2.0;
	font-family: 'Noto Sans JP', sans-serif;
	background: #FFF;
	background-size: cover;
	background-attachment: fixed;
	font-weight: 400;
	letter-spacing: -0.001em;
	text-align: left;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
	word-wrap: break-word;
	overflow-x: hidden;
}
a:link { color: #1A0DAB; text-decoration: none; }
a:hover { color: #1A0DAB; text-decoration: underline;  }
a:active { color: #1A0DAB; text-decoration: underline; }
a:visited { color: #660099; }
a:hover img, a:active img { opacity: .7; }
a:hover, a:active, input:hover, input:active, a:hover img, a:active img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
a[href^="tel:"] { color: #000; }

h1,h2,h3,h4,h5,h6 { font-weight: 700; }
p { text-align: left; }
table,th,td,input,select,textarea { font-size: inherit; font-family: inherit; }
table ul, table ol { margin: 0 0 0 1em; }
img { border: none; max-width: 100%; height: auto; }
hr { border: none; border-bottom: dotted 1px #000; padding: 1em 0 0; margin-bottom: 30px; }
blockquote { padding: 10px; margin-bottom: 1.5em; background: #f8f8f8; border: solid 1px #eee; }
iframe { border: none; max-width: 100%; }
b, strong { font-weight: 700; }

.en { font-family: 'Hind Siliguri', sans-serif; }

.regular { font-weight: 400 !important; }
.mediumbold { font-weight: 500 !important; }
.bold { font-weight: 700 !important; }
.small { font-size: .75em !important; }
.medium { font-size: .875em !important; }
.large { font-size: 1.125em !important; }
.x-large { font-size: 1.25em !important; }
.xx-large { font-size: 1.375em !important; }
.xxx-large { font-size: 1.5em !important; }
.lh-12 { line-height: 1.2 !important; }
.lh-15 { line-height: 1.5 !important; }
.lh-18 { line-height: 1.8 !important; }
.lh-20 { line-height: 2.0 !important; }

.color-black { color: #000 !important; }
.color-white { color: #FFF !important; }
.color-red { color: #c40003 !important; }

.bg-black { background: #000; }
.bg-red { background: #c40003 !important; }
.bg-yellow { background: #fed900 !important; }

.mag60 { margin-bottom: 60px!important; }
.mag70 { margin-bottom: 70px!important; }
.mag80 { margin-bottom: 80px!important; }

/* table */
table { width: 100%; border-collapse: collapse; border: solid 1px #000; }
table thead th { font-weight: 700; text-align: center; }
table th { font-weight: 700; text-align: left; vertical-align: top; background: #F8F8F5; border: solid 1px #707070; width: 20%; padding: 10px 15px; }
table td { text-align: left; background: #FFF; border-top: solid 1px #707070; border-right: solid 1px #707070; border-bottom: solid 1px #707070; width: 80%; padding: 10px 15px; }
table.company-tbl { border: none; max-width: 560px; margin: 0 auto; }
table.company-tbl th { background-color: transparent; border: none; width: 30%; }
table.company-tbl td { border-top: none; border-right: none; border-bottom: none; width: 70%; }
@media screen and (max-width: 767px){
	table, table tbody, table tr, table th, table td, table caption { display: block; border: none; width: 100%; }
	table th { border: solid 1px #707070; }
	table td { border-left: solid 1px #707070; border-right: solid 1px #707070; }
	table tr:last-child td { border-bottom: solid 1px #707070; }
	table.company-tbl tr { margin-bottom: 15px; }
	table.company-tbl th { border: none; width: 100%; padding: 0; }
	table.company-tbl td { border-left: none; border-right: none; width: 100%; padding: 0; }
	table.company-tbl tr:last-child td { border-bottom: none; }
}

/* max width */
.mw-100 { max-width: 100px !important; margin-left: auto; margin-right: auto; }
.mw-150 { max-width: 150px !important; margin-left: auto; margin-right: auto; }
.mw-400 { max-width: 400px !important; margin-left: auto; margin-right: auto; }
.mw-740 { max-width: 740px !important; margin-left: auto; margin-right: auto; }
.mw-1000 { max-width: 1000px !important; margin-left: auto; margin-right: auto; }

/* btn */
.btn-white a { display: block; font-size: 16px; font-weight: 500; text-align: center; color: #000; background: #FFF; border-radius: 30px; box-shadow: 0 3px 0 rgb(0 0 0 / 16%); width: 184px; padding: 15px 0; margin: 0 auto; }
.btn-white a:hover, .btn-white a:active { text-decoration: none; }
#index .btn-white a:hover, #index .btn-white a:active { color: #FFF; background: #FF7600; }
#page .btn-white a:hover, #page .btn-white a:active { color: #000; background: #BEE526; }
.btn-white.btn-large a { font-size: 20px; border-radius: 40px; width: 100%; max-width: 352px; padding: 20px 0; }
.btn-white.btn-large a:hover, .btn-white.btn-large a:active { background: #BEE526; }
.btn-green a { display: block; font-size: 20px; font-weight: 500; text-align: center; color: #000; background: #BEE526; border-radius: 40px; box-shadow: 0 3px 0 rgb(0 0 0 / 16%); width: 100%; max-width: 352px; padding: 20px 0; margin: 0 auto; }
.btn-green a:hover, .btn-green a:active { text-decoration: none; color: #000; background: #FF9D00; }

/* breadcrumb */
.breadcrumb { font-size: 12px; text-align: left; list-style: none; background: transparent; padding: 15px 0 0; margin-bottom: 40px; }
.breadcrumb li { display: inline-block; margin-right: 5px; }
.breadcrumb li::after { display: inline-block; content: '>'; padding-left: 5px; }
.breadcrumb li:last-child::after { display: none; }
.breadcrumb li a { text-decoration: none; color: #000; }
.breadcrumb li a:hover, .breadcrumb li a:active { text-decoration: underline; }
.breadcrumb li a:hover i, .breadcrumb li a:active i { text-decoration: none; }

/* html */
@media all and (max-width: 991px) {
	html.fixed, html.fixed body { height: 100%; overflow: hidden; }
	html.fixed header.openmenu { height: 100vh; height: -webkit-fill-available; overflow-y: scroll; }
}

/* header */
header { width: 100%; background: #BEE526; position: fixed; top: 0; left: 0; z-index: 999; }
.careers header { background: #FF9D00; }
header.openmenu {
	background: url(/wp-content/themes/higuchidenko/images/bg-green-deco.png);
	background-color: #BEE526;
	background-size: 683px 483px;
	background-repeat: repeat;
	width: 100vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}
.careers header.openmenu { background-color: #FF9D00; }
header .container { position: relative; }
.header-logo { display: inline-block; background: #FFF; height: 60px; position: relative; top: 0; left: 0; padding: 10px 15px; margin-bottom: 0; z-index: 100; }
.header-logo a { display: block; line-height: 1; }
.header-logo img { width: 275px; }

.header-switch { width: 30px; height: 26px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 200; }
.header-switch span, .header-switch::before, .header-switch::after {
	display: inline-block;
	width: 30px;
	height: 4px;
	background: #000;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header-switch::before, .header-switch::after { content: ''; }
.header-switch span { top: calc(50% - 2px); }
.header-switch::before { top: 0; }
.header-switch::after { top: calc(100% - 4px); }
.header-switch.close span { opacity: 0; }
.header-switch.close::before, .header-switch.close::after { top: 50%; left: 0; }
.header-switch.close::before { transform: rotate(-45deg); }
.header-switch.close::after { transform: rotate(45deg); }

.header-nav { display: none; margin: 14px auto; }
.header-nav.active { display: block; padding: 30px 0; margin: 0 auto; }
.header-nav ul { margin-bottom: 0; }
.header-nav ul li { text-align: center; margin: 0 auto 50px; }
.header-nav ul li a { display: inline-block; font-size: 20px; font-weight: 700; color: #000; }

.header-contact { margin-bottom: 30px; }
.header-contact .title { font-weight: 500; text-align: center; }
.header-contact .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header-contact .header-tel { position: relative; margin-right: 5px; }
.header-contact .header-tel a { font-size: 30px; font-weight: 700; color: #000; margin-left: 40px; }
.header-contact .header-tel::before { display: inline-block; content: ''; background: url(/wp-content/themes/higuchidenko/images/icn-tel.png) no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.header-contact .header-mail { margin-left: 5px; }
.header-mail { width: 42px; height: 42px; }
.header-mail a { display: inline-block; text-align: center; line-height: 42px; color: #000; background: #FFF; border-radius: 50%; width: 42px; height: 42px; position: relative; }
.header-mail a i { font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.header-mail a:hover { color: #FFF; background-color: #FF7600; }
.header-fb { text-align: center; margin-bottom: 30px; }
.header-fb a { display: block; background: #FFF; border-radius: 40px; padding: 10px 0 15px; }
.header-fb img { width: 232px; }
.header-about { text-align: center; }
.header-about .title { font-size: 20px; font-weight: 500; }
.header-about .address { font-size: 14px; }
.header-about .address a { color: #000; }

/* main */
article { margin-top: 60px; overflow: hidden; }
section { margin-bottom: 100px; }
section:last-child { margin-bottom: 0; }
.error section.contents { padding: 80px 0; }
h2.headline-eng { font-size: 20px; font-weight: 500; text-align: left; margin-bottom: 30px; }
.in-boxline h2.headline-eng { display: inline-block; }
h2.headline-eng .en { display: block; font-size: 56px; font-weight: 700; color: #FFF; }
h2.headline-eng.green .en { color: #BEE526; }
h2.headline-eng.orange .en { color: #FF9D00; }
h2.headline-nostyle { text-align: center; margin-bottom: 30px; }
h3.headline-nostyle { font-size: 30px; font-size: 700; text-align: center; }

/* mainvisual */
.mainvisual { position: relative; }
#page .mainvisual { margin-bottom: 0; }
.sp-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 15%); z-index: 1; }
.sp-buttons { display: inline-block; width: auto; position: absolute; left: 10%; bottom: 10px; }
.sp-button { background: #FFF; border: solid 1px #707070; width: 10px; height: 10px; margin: 4px 10px; }
.sp-button.sp-selected-button { background: #707070; }
#mvslider::before { display: inline-block; content: ''; background: url(/wp-content/themes/higuchidenko/images/mainlogo.png) no-repeat; background-size: 164px 238px; width: 164px; height: 238px; position: absolute; top: 60%; left: 5%; pointer-events: none; z-index: 100; }
#mvslider::after { display: inline-block; content: ''; background: url(/wp-content/themes/higuchidenko/images/maincopy.png) no-repeat; background-size: 116px 482px; width: 116px; height: 482px; position: absolute; right: 5%; bottom: 0; pointer-events: none; z-index: 100; }

/* article */
.in-boxline, .in-boxnumber { position: relative; }
.in-boxline .image { position: relative; margin-left: -12px; margin-right: -12px; }
.in-boxline .image img { width: 100%; }
.in-boxline .box-line { margin-top: -20px; }

.box-line { background: #FFF; border: solid 1px #DBDBDB; box-shadow: 0 0 6px rgb(0 0 0 / 16%); position: relative; padding: 60px 30px; }
.box-line::before, .box-white::before { content: ''; width: 76px; height: 10px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
#index .box-line::before, #index .box-white::before { background: #FF7600; }
#page .box-line::before, #page .box-white::before { background: #BEE526; }
.box-line .title { font-size: 20px; font-weight: 700; text-align: center; line-height: 1.5; }

.president-name { text-align: right; }
.president-name img { width: 152px !important; vertical-align: bottom; margin-left: 1em; }

.bg-green {
	background: url(/wp-content/themes/higuchidenko/images/bg-green-deco.png);
	background-color: #BEE526;
	background-size: 683px 483px;
	background-repeat: repeat;
	width: 100%;
	position: relative;
	padding: 80px 0;
}
.bg-orange {
	background: url(/wp-content/themes/higuchidenko/images/bg-green-deco.png);
	background-color: #FF9D00;
	background-size: 683px 483px;
	background-repeat: repeat;
	width: 100%;
	position: relative;
	padding: 80px 0;
}
.bg-green::before { display: inline-block; content: ''; background: url(/wp-content/themes/higuchidenko/images/icn-electro01.png) no-repeat; background-size: 64px 130px; width: 64px; height: 130px; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.bg-orange::before { display: inline-block; content: ''; background: url(/wp-content/themes/higuchidenko/images/icn-electro02.png) no-repeat; background-size: 64px 130px; width: 64px; height: 130px; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.recruit.bg-green::before { display: none; }
.bg-green h2, .bg-orange h2 { text-align: center; margin-bottom: 40px; }
.bg-green h2 .en, .bg-orange h2 .en { font-size: 52px; font-weight: 300; color: #FFF !important; line-height: 1; margin-bottom: 10px; }

.box-white { background: #FFF; height: 100%; position: relative; padding: 30px 25px; }
.box-white .number { font-size: 24px; font-family: 'Hind Siliguri', sans-serif; font-weight: 400; text-align: center; color: #FF7600; margin-bottom: 10px; }
.box-white .title { font-size: 20px; font-weight: 700; text-align: center; line-height: 1.4; margin-bottom: 30px; }
.box-white .text { font-weight: 500; line-height: 2.0; }

.in-boxnumber .image { top: 0; }

.box-number .title { font-size: 20px; font-weight: 700; line-height: 1.4; position: relative; padding-left: 100px; }
.box-number.first .title::before, .box-number.second .title::before { display: inline-block; content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.box-number.first .title::before { background: url(/wp-content/themes/higuchidenko/images/icn-number-first.png) no-repeat; background-size: 69px 58px; width: 69px; height: 58px; }
.box-number.second .title::before { background: url(/wp-content/themes/higuchidenko/images/icn-number-second.png) no-repeat; background-size: 83px 58px; width: 83px; height: 58px; }

.company h2 { text-align: center; margin-bottom: 60px; }

.recruit h2 { text-align: left; }
.recruit .title { font-size: 40px; font-weight: 700; line-height: 1.4; margin-bottom: 15px; }
.recruit .text { margin-bottom: 30px; }

.interview h2 { margin-bottom: 110px; }
.interview .image { border: solid 10px #BEE526; border-radius: 50%; max-width: 420px; position: relative; margin: 0 auto 30px; }
.interview01 { margin-bottom: 110px; }
.interview01 .image::before, .interview02 .image::before { display: inline-block; content: ''; position: absolute; top: -100px; }
.interview01 .image::before { background: url(/wp-content/themes/higuchidenko/images/balloon01.png) no-repeat; background-size: 163px 151px; width: 163px; height: 151px; left: -20px; }
.interview02 .image::before { background: url(/wp-content/themes/higuchidenko/images/balloon02.png) no-repeat; background-size: 166px 154px; width: 166px; height: 154px; right: -20px; }

.interview-copy { margin-bottom: 60px; }
.interview-copy .image img { margin-left: auto; margin-right: auto; }
.interview-copy .text { text-align: center; color: #FFF; background: #FF9D00; width: 100%; position: relative; padding: 30px 0; }
.interview-copy .text .inner { display: inline-block; font-size: 22px; font-weight: 700; text-align: left; line-height: 1.5; }
.interview-copy .text .inner::before { display: inline-block; content: ''; background: url(/wp-content/themes/higuchidenko/images/icn-electro02.png) no-repeat; background-size: 48px 98px; width: 48px; height: 98px; position: absolute; top: -55px; }
.interview-copy.left .text .inner::before, .interview-copy.right .text .inner::before { left: 10px; }
.interview-col { margin-bottom: 60px; }

.schedule-lst { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; }
.schedule-lst li { text-align: center; width: 48%; background: #FFF; padding: 5px 0; margin-bottom: 15px; }
.schedule-lst li .time { font-size: 30px; font-weight: 700; }
.schedule-lst li .text { font-size: 18px; font-weight: 500; line-height: 1.5; margin-bottom: 5px; }
.schedule-lst li .text.one-line { padding: 27px 0; }
.schedule-lst li .text.two-lines { padding: 13.5px 0; }
.schedule-lst li .image { height: 101px; line-height: 101px; }

.merit .image { margin-bottom: 5px; }
.merit .title { font-size: 24px; font-weight: 500; text-align: center; margin-bottom: 5px; }
.merit .text { font-size: 14px; }

#pagetop { position: fixed; right: 10px; bottom: 10px; z-index: 100; }
#pagetop img { width: 64px; height: 100px; }

/* footer */
footer { padding: 10px 0; }
footer .container { position: relative; }
footer .icn-fb { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
footer .icn-fb img { width: 232px; }
footer .title { font-size: 20px; font-weight: 500; text-align: center; }
footer .address { font-size: 12px; text-align: center; margin-bottom: 5px; }
footer .copyright { font-size: 12px; text-align: left; }


/* SMALL SP */
@media screen and (max-width: 320px) {

	/* btn */
	.btn-line, .btns .btn-line { max-width: 100%; }
	.btn-line a { width: 100%; }
	.box-number .title { font-size: 19px; }

	/* header */
	.header-logo { padding: 14px 10px; }
	.header-logo img { width: 230px; }

}
/* LARGE SP */
@media screen and (min-width: 425px) {
}
@media screen and (min-width: 576px){
}
/* TABLET */
@media screen and (min-width: 768px){

	/* btn */
	.btn-black a { width: 116px; height: auto; }

	.btns.three .btn-line { width: 49%; }
	.btns.three .btn-line:nth-child(1) { margin-left: 0; }
	.btns.three .btn-line:nth-child(2n) { margin-right: 0; }
	.btns.three .btn-line:nth-child(3n) { margin-left: auto; margin-right: auto; }

	/* header */
	.header-logo { padding: 8px 15px 12px; }

	/* page */
	#mvslider::before { background: url(/wp-content/themes/higuchidenko/images/mainlogo.png) no-repeat; background-size: 138px 202px; width: 138px; height: 202px; top: 40%; left: 9%; }
	#mvslider::after { background: url(/wp-content/themes/higuchidenko/images/maincopy.png) no-repeat; background-size: 100px 415px; width: 100px; height: 415px; }

	.in-boxline .image { margin: 0 calc(( 100% - 100vw ) / 2); }

	.interview h2 { margin-bottom: 40px; }
	.interview01 { margin-bottom: 0; }
	.interview-copy .image { margin: 0 calc(( 100% - 100vw ) / 2); }
	.interview-copy .text { width: 100vw; margin: 0 calc(( 100% - 100vw ) / 2); }
	.interview-copy .text .inner { font-size: 26px; }

	.in-boxline .image, .in-boxnumber .image { margin: 0 calc(( 100% - 100vw ) / 2); }
	.in-boxline img, .in-boxnumber img { width: 100%; }
	.box-line .title { font-size: 30px; }
	.box-number .title { font-size: 30px; }

	.box-white .number { font-size: 30px; }
	.box-white .title { font-size: 24px; }
	.box-white .text { font-size: 16px; }

	.schedule-lst li { width: 23%; }

	#pagetop { right: 30px; }

	/* footer */
	footer .copyright { text-align: center; }

}
/* PC */
@media screen and (min-width: 992px){
	a[href^="tel:"], a[href^="tel:"]:hover { text-decoration: none; color: #000; cursor: text; }

	/* btn */
	.btns div { display: inline-block; vertical-align: middle; margin-right: 30px; }
	.btns div:nth-child(2), .btns div:last-child { margin-right: 0; }
	.btns.three .btn-line { width: 32.5%; }
	.btns.three .btn-line:nth-child(2n), .btns.three .btn-line:nth-child(2n+1) { margin: 0 auto 15px; }
	.btns.three .btn-line:nth-child(1), .btns.three .btn-line:nth-child(3n+1) { margin-left: 0; }
	.btns.three .btn-line:nth-child(3n) { margin-right: 0; }

	/* header */
	.header-logo { height: 80px; position: absolute; left: 12px; padding: 17px 10px 23px; }
	.header-logo img { width: 260px; }
	.header-switch { display: none; }
	.header-nav { display: block; }
	.header-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; }
	.header-nav ul li { margin: 0 15px; }
	.header-nav ul li a { font-size: 14px; font-weight: 500; }

	/* mainvisual */
	.sp-buttons { left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
	#mvslider::before { background: url(/wp-content/themes/higuchidenko/images/mainlogo.png) no-repeat; background-size: 201px 293px; width: 201px; height: 293px; top: 75%; left: 15%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
	#mvslider::after { background: url(/wp-content/themes/higuchidenko/images/maincopy.png) no-repeat; background-size: 131px 544px; width: 131px; height: 544px; right: 10%; }

	/* page */
	article { margin-top: 80px; }

	.box-line { padding: 75px; }
	.aboutus .box-line, .works .box-line { padding: 100px 65px; }
	.box-white { padding: 30px 60px; }
	.box-white .inner { width: 80%; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
	.box-white .number { font-size: 36px; }

	.message .image img, .aboutus .image img, .works .image img { width: 647px; }
	#interview01 .in-boxnumber img, #interview02 .in-boxnumber img { width: 675px; }

	.in-boxline .image, .in-boxnumber .image { position: absolute; margin: 0 auto; }
	.in-boxline.left .image { left: -142px; }
	.in-boxline.right .image { right: -142px; }
	.in-boxnumber.left .image { left: -220px; }
	.in-boxnumber.right .image { right: -220px; }
	.in-boxline .box-line { margin-top: 0; }

	#interview01 .image::before, #interview02 .image::before { top: -50px; }
	#interview01 .image::before { left: -50px; }
	#interview02 .image::before { right: -50px; }

	.interview-copy { position: relative; margin-bottom: 80px; }
	#interview01 .interview-copy .image { margin: 0 calc(( 150% - 100vw ) / 2) 0 auto; }
	#interview02 .interview-copy .image { margin: 0 auto 0 calc(( 150% - 100vw ) / 2); }
	.interview-copy .text { width: 50%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); padding: 50px 30px; margin: 0 auto; }
	.interview-copy.left .text { text-align: right; left: 0; }
	.interview-copy.right .text { text-align: left; right: 0; }
	.interview-copy .text .inner { font-size: 30px; line-height: 2.0; }
	.interview-copy .text .inner::before { background: url(/wp-content/themes/higuchidenko/images/icn-electro02.png) no-repeat; background-size: 64px 130px; width: 64px; height: 130px; top: -75px; }
	.interview-copy.left .text .inner::before { left: auto; right: 50px; }
	.interview-copy.right .text .inner::before { left: 50px; }
	.interview-col { height: 468px; margin-bottom: 80px; }


	.schedule-lst li { width: 11.5%; margin-bottom: 0; }
	
	/* Instagram */
	.instagram h2 {
		text-align: center;
	}


}
/* PC LARGE-short */
@media screen and (min-width: 1200px){

	/* btn */
	.btns div:nth-child(2) { margin-right: 30px; }

	.in-boxnumber.left .image { left: -130px; }
	.in-boxnumber.right .image { right: -130px; }

	/* header */
	.header-logo { padding: 15px 25px; }
	.header-logo img { width: 340px; }
	.header-nav ul li a { font-size: 16px; }

	/* page */
	.box-white .title { font-size: 30px; }
	.box-white .text { font-size: 18px; }

	#interview01 .interview-copy .image { margin: 0 auto; }
	#interview02 .interview-copy .image { margin: 0 auto; }

}
/* PC LARGE */
@media screen and (min-width: 1400px){

	/* article */
	.in-boxline.left .image { left: -85px; }
	.in-boxline.right .image { right: -85px; }
	.box-line { padding: 100px 75px; }

	.in-boxnumber .image { position: relative; }
	.in-boxnumber.left .image { left: 0; }
	.in-boxnumber.right .image { right: 0; }
	.in-boxnumber .image img { width: 100%; }

}
@media screen and (min-width: 1680px){
}
@media screen and (min-width: 1920px){
}
@media screen and (min-width: 2560px){
}