@charset "UTF-8";
/*
Theme Name: reikin
Theme URI: https://subete-kaiketsu.com/
Version: 1.0
*/

/** default setting **********************************************************/
*, *:before, *:after {
    padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 2.0;
    color: #212121;
    background: #fff;
    letter-spacing: -0.001em;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    position: relative;
    word-wrap: break-word;
    overflow-x: hidden;
}
a, a:link { text-decoration: none; color: #212121;}
a:hover, a:active { text-decoration: underline; color: #333;}
a, a img, a:link img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: 0.3s ease;}
a:hover img, a:active img { opacity: 0.7; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: 0.3s ease;}
img.rounded-image { border-radius: 50%;}

h1, h2, h3, h4, h5, h6 { font-weight: 700;}
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 #212121; 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;}

.serif { font-family: 'Noto Serif JP', serif;}
.en { font-family: 'Lexend', 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;}

.white { color: #fff!important;}
.yellowgreen { color: #fd94bc;}

.mw-900 { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto;}

.mag0 { margin-bottom: 0px!important;}
.mag10 { margin-bottom: 10px!important;}
.mag15 { margin-bottom: 15px!important;}
.mag20 { margin-bottom: 20px!important;}
.mag25 { margin-bottom: 25px!important;}
.mag30 { margin-bottom: 30px!important;}
.mag40 { margin-bottom: 40px!important;}
.mag50 { margin-bottom: 50px!important;}
.mag60 { margin-bottom: 60px!important;}
.mag70 { margin-bottom: 70px!important;}
.mag80 { margin-bottom: 80px!important;}
.mag90 { margin-bottom: 90px!important;}
.mag100 { margin-bottom: 100px!important;}
.mag110 { margin-bottom: 110px!important;}
.mag120 { margin-bottom: 120px!important;}

/* 表 */
table { width: 100%; border-collapse: collapse; caption-side: top;}
table th { font-size: 16px; font-weight: 500; text-align: left; vertical-align: middle; line-height: 1.5; background: #F8F5EF; border-top: solid 1px #191311; border-left: solid 1px #191311; width: 25%; padding: 15px;}
table td { font-size: 16px; font-weight: 400; text-align: left; line-height: 1.5; background: #fff; border-top: solid 1px #191311; border-left: solid 1px #191311; border-right: solid 1px #191311; width: 75%; padding: 15px;}
table tr:last-child th, table tr:last-child td { border-bottom: solid 1px #191311;}
table ul.circle-lst, table ul.square-lst { margin: 0;}
table.no-border th { font-size: 16px; vertical-align: top; background: transparent; border: none!important; width: 15%; padding: 5px 0;}
table.no-border td { font-size: 16px; background: transparent; border: none!important; width: 85%; padding: 5px 0 5px 15px;}
.row table.no-border th { width: 25%;}
.row table.no-border td { width: 75%;}
@media screen and (max-width: 767px){
	table th { vertical-align: top; width: 45%;}
	table td { width: 55%;}

	table.no-border th, .row table.no-border th { width: 40%;}
    table.no-border td, .row table.no-border td { width: 60%;}
    table.no-border tr:last-child th { border-bottom: none;}
    table.no-border tr:last-child td { border-bottom: solid 1px #191311;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    table th { vertical-align: top; width: 30%;}
    table td { width: 70%;}
}

table.company-table th, table.company-table td { border: none;}
table.company-table th { font-size: 16px; font-weight: 500; line-height: 1.5; background: transparent; border-top: dotted 1px #212121; width: 20%; padding: 15px 20px 15px 15px;}
table.company-table td { font-size: 16px; line-height: 1.5; background: transparent; border-top: dotted 1px #212121; width: 80%; padding: 15px 0 15px 20px;}
table.company-table tr:last-child th, table.company-table tr:last-child td { border-bottom: dotted 1px #212121;}
@media screen and (max-width: 767px){
	table.company-table th { width: 30%; padding: 15px;}
	table.company-table td { width: 70%; padding: 15px;}
}
table.results-table th { vertical-align: top; border-right: none;}
table.results-table td.small-td { font-size: 16px;}
@media screen and (max-width: 767px){
    table.results-table, table.results-table tr, table.results-table th, table.results-table td { display: block; width: 100%; border: none;}
    table.results-table th { border-top: solid 1px #191311; border-left: solid 1px #191311; border-right: solid 1px #191311; border-bottom: solid 1px #191311;}
    table.results-table td { border-left: solid 1px #191311; border-right: solid 1px #191311;}
    table.results-table tr:last-child td { border-bottom: solid 1px #191311;}
}

/* 番号なしリスト */
ul.circle-lst, ul.square-lst { list-style: none; padding-left: 0;}
ul.circle-lst.two-rows, ul.square-lst.two-rows { 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;}
ul.circle-lst li, ul.square-lst li { text-indent: -1em; line-height: 1.5; padding-left: 1em;}
ul.circle-lst.two-rows li, ul.square-lst.two-rows li { width: 48%;}
ul.circle-lst li::before { content: '●'; color: #C1D483;}
ul.square-lst li::before { content: '■'; color: #C1D483;}
.square-box ul.square-lst li::before, .square-box ul.circle-lst li::before { color: #212121;}

/* ボタン */
.btn-line { width: 292px;}
.btn-line a { display: block; font-size: 16px; font-weight: 500; text-align: left; line-height: 1.0; color: #212121; background: #fff; border: solid 1px #212121; box-shadow: 0 3px 0 rgba(0, 0, 0, 16%); position: relative; padding: 26px 25px;}
.btn-line a:hover, .btn-line a:active { text-decoration: none; color: #fff; background-color: #212121;}
.btn-line a::after { content: '\f0da'; font-family: 'Font Awesome 6 Free'; font-weight: 700; position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}

.index-recruit-bottom .btn-line a:hover, .index-recruit-bottom .btn-line a:active { color: #fff; background-color: #212121; border-color: #212121;}

.btn-line.no-color a { color: #fff; background: rgba(0, 0, 0, 16%); border: solid 1px #fff;}
.btn-line.no-color a:hover, .btn-line.no-color a:active { color: #212121; background-color: #fd94bc; border-color: #C1D483;}

.btn-line a.icn-balloon::after { content: '\f4ad'; font-size: 19px; font-family: 'Font Awesome 6 Free'; font-weight: 400;}
.btn-line a.icn-mail::after { content: '\f0e0'; font-size: 19px; font-family: 'Font Awesome 6 Free'; font-weight: 400;}

.btn-line.rounded { width: 260px;}
.btn-line.rounded a { text-align: center; border-radius: 35px; box-shadow: none;}
.btn-line.rounded a::after { display: none;}

.btn-color { width: 292px;}
.btn-color a { display: block; font-size: 16px; font-weight: 700; text-align: left; line-height: 1.0; color: #fff; background: #212121; border: solid 1px #212121; box-shadow: 0 3px 0 rgba(0, 0, 0, 16%); position: relative; padding: 26px 25px;}
.btn-color a:hover, .btn-color a:active { text-decoration: none; color: #212121; background-color: #fd94bc; border-color: #C1D483;}
.btn-color a::after { content: '\f0da'; font-family: 'Font Awesome 6 Free'; font-weight: 700; position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}

.btn-color.small-btn { width: 75px;}
.btn-color.small-btn a { font-size: 16px; font-weight: 500; text-align: center; border-radius: 20px; padding: 6px 0;}
.btn-color.small-btn a::after { display: none;}

.btns { display: block; text-align: center;}
.btns div { margin: 0 auto 15px;}
.btns div:last-child { margin-bottom: 0;}

/* ボックス */
.square-box { border: solid 1px #212121; position: relative; padding: 60px 25px 30px;}
.square-box .title { font-size: 24px; font-family: 'Noto Serif JP', serif; font-weight: 600; text-align: center; line-height: 1.2; background: #fd94bc; border-radius: 35px; width: 100%; max-width: 284px; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); padding: 16px 0;}

/* 共通 */
body.no-scroll { overflow: hidden;}

/* ヘッダー */
header { background: #fff; width: 100%; /*position: fixed; top: 0; left: 0;*/ z-index: 999;}

.header-togglebtnbox {
    text-align: right;
    width: 100%;
    position: fixed;
    top: 19px;
    left: auto;
    z-index: 999;
}
#page .header-togglebtnbox { top: 14px;}
.header-togglebtnbox .container { position: relative;}
.header-logo-sp .container { padding-top: 25px; padding-bottom: 15px;}
#index .header-logo-sp { display: none;}
#header-togglebtn {
    background: url(/wp-content/themes/reikin/images/menu.png) no-repeat;
    background-size: 76px 76px;
    width: 76px;
    height: 76px;
    position: absolute;
    top: 0;
    right: 0;
}
#header-togglebtn.close {
    background: url(/wp-content/themes/reikin/images/menu-close.png) no-repeat;
    background-size: 76px 76px;
    width: 76px;
    height: 76px;
}

.header-contents { width: 100%; position: absolute; top: 0; left: auto; z-index: 20;}
#page .header-contents { display: none;}
.header-contents .header-side { display: inline-block; position: absolute; top: 10px;}
.header-contents .header-side .header-logo { margin-bottom: 20px;}
.header-contents .header-side .header-logo a::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/header-logo.png) no-repeat; background-position: 50% 50%; background-size: 75px 96px; width: 75px; height: 96px;}
.header-contents .header-side .header-copy { font-size: 25px; font-family: 'Noto Serif JP', serif; font-weight: 600; text-align: center; letter-spacing: 3px; color: #212121; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin-left: auto; margin-right: auto;}

#gnavi { display: none;}
#gnavi.active {
    display: block;
    background: #212121;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    padding-bottom: 30px;
    overflow-y: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    z-index: 100;
}
#gnavi.active .logo-column { padding-top: 10px;}
#gnavi.active .gnavi-logo { display: inline-block;}
#gnavi.active .gnavi-logo .header-logo a::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/header-logo-white.png) no-repeat; background-position: 50% 50%; background-size: 75px 96px; width: 75px; height: 96px;}
#gnavi.active .gnavi-logo .header-copy { font-size: 25px; font-family: 'Noto Serif JP', serif; font-weight: 600; text-align: center; letter-spacing: 3px; color: #fff; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin-left: auto; margin-right: auto; letter-spacing: 0.3em;}

#gnavi.active .text-column { padding-top: 90px;}
#index #gnavi.active .text-column { padding-top: 115px;}
#gnavi.active .nav-lst { margin-bottom: 50px;}
#gnavi.active .nav-lst .list01, #gnavi.active .nav-lst .list02 { width: 100%; margin-bottom: 45px;}
#gnavi.active .nav-lst .list03 { width: 100%; margin-bottom: 55px;}
#gnavi.active .nav-lst .list01 .inner, #gnavi.active .nav-lst .list02 .inner, #gnavi.active .nav-lst .list03 .inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%;}
#gnavi.active .nav-lst .list01 .inner .content, #gnavi.active .nav-lst .list02 .inner .content, #gnavi.active .nav-lst .list03 .inner .content { width: calc( 100% - 38px );}
#gnavi.active .nav-lst .list01 .inner::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/menu_icon01.png) no-repeat; background-size: 38px 28px; width: 38px; height: 28px; margin-top: 5px; margin-right: 10px;}
#gnavi.active .nav-lst .list02 .inner::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/menu_icon02.png) no-repeat; background-size: 38px 28px; width: 38px; height: 28px; margin-top: 5px; margin-right: 10px;}
#gnavi.active .nav-lst .list03 .inner::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/menu_icon03.png) no-repeat; background-size: 38px 28px; width: 38px; height: 28px; margin-top: 5px; margin-right: 10px;}
#gnavi.active .nav-lst .title { font-size: 18px; font-family: 'Noto Serif JP', serif; font-weight: 700; text-align: left; line-height: 1.0; color: #212121; background: #fff; padding: 10px 15px; margin-bottom: 35px;}
#gnavi.active .nav-lst ul li { text-align: left; line-height: 1.0; padding-left: 15px; margin-bottom: 35px;}
#gnavi.active .nav-lst ul li:last-child { margin-bottom: 0;}
#gnavi.active .nav-lst ul li a { font-size: 18px; font-weight: 500; color: #fff;}

#gnavi.active .btn-line { width: 200px;}
#gnavi.active .btn-line a { padding: 21px 15px;}
#gnavi.active .header-access { text-align: center; line-height: 1.0;}
#gnavi.active .header-access a { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1.5; color: #fff;}
#gnavi.active .header-access a i { font-size: 36px;}
#gnavi.active .header-text .company-name { text-align: center; line-height: 1.0; margin-bottom: 15px;}
#gnavi.active .header-text .company-address, #gnavi.active .header-text .company-address a { font-size: 16px; font-weight: 400; text-align: center; line-height: 1.5; color: #fff; margin-bottom: 15px;}
#gnavi.active .header-text .company-detail { font-size: 14px; font-weight: 400; text-align: center; line-height: 1.5; color: #fff;}

/* メインコンテンツ */
#maincontents { padding-top: 90px;}
#index #maincontents { padding-top: 115px;}
#page #maincontents { padding-top: 0;}
section { margin-bottom: 70px;}

#index h2.headline-serif { font-size: 34px; font-family: 'Noto Serif JP', serif; font-weight: 600; letter-spacing: 2px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin-left: auto; margin-right: auto;}
#index .index-recruit-top h2.headline-eng { font-size: 56px; font-family: 'Lexend', sans-serif; font-weight: 600; letter-spacing: 2px; line-height: 1.0; color: #fff; position: absolute; bottom: -5px; transform: translateY(50%);}
h2.headline-border { font-size: 34px; font-family: 'Noto Serif JP', serif; font-weight: 600; text-align: center; line-height: 1.2; position: relative; padding: 10px; margin-bottom: 10px; letter-spacing: 0.1em;}
h2.headline-border::after { display: inline-block; content: ''; background: #C1D483; width: 75px; height: 4px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
#index h3.headline-serif { font-size: 38px; font-family: 'Noto Serif JP', serif; font-weight: 600; letter-spacing: 5px; line-height: 1.3; color: #fff; margin-bottom: 15px;}
#index h3.headline-serif span { font-size: 24px;}
#index .index-recruit-bottom h3.headline-serif { color: #212121; margin-bottom: 10px;}
h3.headline-icon { font-size: 24px; font-family: 'Noto Serif JP', serif; font-weight: 600; line-height: 1.2; position: relative; padding-left: 40px; margin-bottom: 20px;}
h3.headline-icon::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/headline-icon.png) no-repeat; background-size: 30px 30px; width: 30px; height: 30px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
h3.headline-color { font-size: 24px; font-weight: 600; text-align: center; line-height: 2.0; color: #212121; background: #fd94bc; padding: 7px 5px;}
.en-text { font-size: 16px; font-family: 'Lexend', sans-serif; font-weight: 500; text-align: center; margin-bottom: 25px;}

/* パンくずリスト */
.breadcrumb { padding-top: 15px; margin-bottom: 40px;}
.breadcrumb ul { font-size: 12px; text-align: left; margin-bottom: 0;}
.breadcrumb ul li { display: inline-block; margin-right: 5px;}
.breadcrumb ul li::after { display: inline-block; content: '>'; margin-left: 5px;}
.breadcrumb ul li:last-child { margin-right: 0;}
.breadcrumb ul li:last-child::after { display: none;}
.breadcrumb ul li a { color: #212121;}

/* トップページ */
.mainvisual { position: relative; margin-bottom: 60px;}
.mainvisual::before {
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transform: skewX(-15deg) translateX(-75%);
}
.sp-buttons { position: absolute; bottom: 25px;}
.sp-button { background-color: #D1D1D1; border-color: #D1D1D1; width: 10px; height: 10px;}
.sp-selected-button { background-color: #9B9B9B; border-color: #9B9B9B;}

.mv-recruit a {
    font-size: 34px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    text-align: center;
    line-height: 1.0;
    color: #fff;
    background: rgba(0,0,0,0.68);
    position: absolute;
    right: 0;
    bottom: 75px;
    padding: 10px 20px 20px;
    white-space: nowrap;
}
.mv-recruit a:active { text-decoration: none; opacity: .8;}
.mv-recruit a::before { display: inline-block; content: 'お気軽に'; font-size: 14px; font-weight: 500; color: #212121; background: #fff; padding: 2px 5px; margin-bottom: 10px; white-space: nowrap;}
.mv-recruit span { display: block; font-size: 20px; line-height: 1.0; margin-bottom: 10px; white-space: nowrap;}

.index-news { border-top: solid 1px #212121; border-bottom: solid 1px #212121; margin-bottom: 60px;}
.index-news .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0;}
.index-news .title { font-size: 23px; font-family: 'Noto Serif JP', serif; font-weight: 700; line-height: 1.5; margin-right: 20px;}
.index-news .index-entry .entry-deta { font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom:5px;}
.index-news .index-entry .entry-title { font-size: 16px; font-weight: 500; line-height: 1.5;}

.index-aboutus { margin-bottom: 40px;}

.index-recruit { margin-bottom: 0;}
.index-recruit-top { background: url(/wp-content/themes/reikin/images/bg-index-recruit.jpg) no-repeat; background-size: cover; background-position: 25%, 50%; position: relative; padding-top: 30px; padding-bottom: 80px;}
.index-recruit-bottom { background: #fd94bc; padding-top: 50px;}

.index-result { background: url(/wp-content/themes/reikin/images/bg-index-result.png) no-repeat; background-size: 438px 459px; background-position: 50% 50%; padding: 50px 0; margin-bottom: 0;}
.index-result .result-lst li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px;}
.index-result .result-lst li:nth-child(n+5) { display: none;}
.index-result .result-lst li:last-child { margin-bottom: 0;}
.index-result .result-lst li .entry-date { display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.8; margin-right: 15px;}
.index-result .result-lst li .entry-title { display: inline-block; font-size: 18px; font-weight: 500; line-height: 1.5;}
.index-result h2 { margin-bottom: 20px;}

/* 固定ページ */
.container-inner { width: 100%;}

/* 型枠工事とは */
.mainimage { margin-left: calc( (100% - 100vw) / 2 ); margin-right: calc( (100% - 100vw) / 2 ); margin-bottom: 20px;}
.step-lst .number { font-size: 20px; font-family: 'Lexend', sans-serif; font-weight: 500; text-align: center; color: #212121; background: #fd94bc; border-radius: 20px; width: 100%; max-width: 110px; margin: 0 auto 30px;}
.step-lst .image { text-align: center; margin-bottom: 35px;}
.step-lst .image img { width: 80%;}
.step-lst .text { font-size: 14px; line-height: 1.5;}

/* 仕事の流れ */
.anchor-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.anchor-link ul li a { font-size: 16px; font-weight: 500;}
.anchor-link ul li a::after { display: inline-block; content: ' | '; font-size: 16px; margin-left: 10px; margin-right: 10px;}
.anchor-link ul li:last-child a::after { content: ''; margin-left: 0; margin-right: 0;}

.workflow .step-lst .title { display: block; margin-bottom: 15px;}
.workflow .step-lst .title .number { margin: 0; margin-bottom: 10px;}
.workflow .step-lst .title .text { font-size: 22px; font-weight: 500; line-height: 1.3;}

/* 型枠職人になろう */
.emphasized-text { font-size: 24px; font-weight: 500; text-align: center; line-height: 1.5; margin-bottom: 50px;}
.detail-lst .bg-black { font-size: 18px; font-weight: 500; line-height: 1.5; color: #fff; background: #212121; padding: 6px 0 7px 25px; margin-bottom: 15px;}
.detail-lst .title { font-size: 18px; font-weight: 500; line-height: 1.5; margin-bottom: 10px;}

/* 先輩の声 */
.voice-box { background: #fff; border: solid 3px #fd94bc; position: relative; padding: 15px; margin-left: 10px;}
.voice-box .number { font-size: 25px; font-weight: 500; text-align: center; line-height: 40px; color: #fff; background: #212121; border-radius: 50%; width: 45px; height: 45px; position: absolute; top: 0; left: 10px; transform: translate(-50%, -50%);}
.voice-box .detail { font-size: 14px; font-weight: 500; text-align: left; line-height: 1.5; margin-top: 25px; margin-bottom: 10px;}
.voice-box .name { font-size: 21px; font-family: 'Noto Serif JP', serif; font-weight: 600; line-height: 1.0; margin-bottom: 20px;}
.voice-box .qualification { line-height: 1.8;}

h3.headline-bg { background: url(/wp-content/themes/reikin/images/bg-green-sp.png) no-repeat; background-size: contain; background-position: 50% 50%; margin-bottom: 25px; overflow: hidden;}
h3.headline-bg .container-inner { padding-top: 40px; padding-bottom: 40px;}
h3.headline-bg .container-inner .inner { font-size: 26px; font-family: 'Noto Serif JP', serif; font-weight: 600; line-height: 1.3; color: #212121; position: relative; padding-left: 85px;}
#interview01 h3.headline-bg .container-inner .inner::before { content: '01'; font-size: 56px; font-family: 'Lexend', sans-serif; font-weight: 500; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#interview02 h3.headline-bg .container-inner .inner::before { content: '02'; font-size: 56px; font-family: 'Lexend', sans-serif; font-weight: 500; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

h3.headline-target { font-size: 24px; font-family: 'Noto Serif JP', serif; font-weight: 600; color: #fff; background: #212121; position: relative; padding: 110px 30px 20px 30px; margin-bottom: 25px;}
h3.headline-target::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/target_title.png) no-repeat; background-size: 163px 106px; width: 163px; height: 106px; position: absolute; top: -5px; left: -5px;}

.target-box { border: solid 3px #fd94bc; margin-bottom: 35px;}
.target-box .photo img { width: 100%;}
.target-box .text { padding: 20px;}
.target-box .title { font-size: 26px; font-family: 'Noto Serif JP', serif; font-weight: 600; line-height: 1.5; margin-bottom: 20px;}

/* よくある質問 */
.faq-lst { margin-bottom: 30px;}
.faq-lst .title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px;}
.faq-lst .title .number { font-size: 20px; font-family: 'Lexend', sans-serif; font-weight: 500; text-align: center; color: #212121; background: #fd94bc; border-radius: 20px; width: 100%; max-width: 76px; max-height: 40px; margin-right: 15px;}
.faq-lst .title .text { font-size: 20px; font-weight: 500; line-height: 1.5; margin-top: 5px;}

/* 募集要項 */
.bg-lime { font-size: 20px; text-align: center; line-height: 1.5; background: #EDF5D9; padding: 45px 0;}
.bg-lime.two-lines { padding: 30px 0;}

.flow-lst .inner { text-align: center; background: #fff; border: solid 1px #707070; position: relative; padding: 45px 0 10px;}
.flow-lst .inner .number { font-size: 20px; font-family: 'Lexend', sans-serif; font-weight: 500; text-align: center; color: #212121; background: #fd94bc; border-radius: 20px; width: 144px; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);}
.flow-lst .inner .image { margin-bottom: 20px;}
.flow-lst .inner .image img { width: 180px; height: 108px;}
.flow-lst .inner .text { font-size: 18px; font-weight: 500; line-height: 1.5; padding: 13.5px 0;}
.flow-lst .inner .text.two-lines { padding: 0;}



/* アクセス */
.gmap { margin-left: calc( ( 100% - 100vw ) / 2 ); margin-right: calc( ( 100% - 100vw ) / 2 ); margin-bottom: 10px;}
.gmap iframe { width: 100%; height: 200px;}

/* お知らせ */
.info-lst li { display: block; border-bottom: dotted 1px #707070; padding: 20px 10px; margin-bottom: 20px;}
.info-lst li:last-child { margin-bottom: 0;}
.info-lst li .entry-deta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px;}
.info-lst li .entry-date { font-size: 18px; font-weight: 400; margin-right: 15px;}
.results .info-lst li .entry-date { font-size: 20px;}
.info-lst li .entry-category a { display: inline-block; font-size: 16px; font-weight: 400; text-align: center; color: #212121; background: #fff; border: solid 1px #707070; border-radius: 20px; width: 100%; min-width: 142px; padding: 2px 5px;}
.info-lst li .entry-category a:hover { text-decoration: none; color: #212121; background-color: #fd94bc; border-color: #707070;}
.info-lst li .entry-title { text-align: left; line-height: 1.5; margin-bottom: 5px;}
.info-lst li .entry-title a { font-size: 20px; font-weight: 400;}

.entry .entry-title { font-size: 24px; font-family: 'Noto Sans JP' sans-serif; font-weight: 500; text-align: left; line-height: 1.5; border-bottom: solid 1px #212121; position: relative; padding-left: 40px; padding-bottom: 10px; margin-bottom: 15px;}
.entry .entry-title::before { display: inline-block; content: ''; background: url(/wp-content/themes/reikin/images/headline-icon.png) no-repeat; background-size: 30px 30px; width: 30px; height: 30px; position: absolute; top: 2.5px; left: 0;}
.entry .entry-deta { 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; margin-bottom: 30px;}
.entry .entry-category { font-size: 14px;}
.entry .entry-category a { display: inline-block; font-size: 14px; font-weight: 400;}
.entry .entry-category a::before { content: '\f807'; font-size: 14px; font-family: 'Font Awesome 6 Free'; font-weight: 700; color: #212121; margin-right: 5px;}
.entry .entry-datetime{ font-size: 14px; font-weight: 400;}
.entry .entry-datetime::before { content: '｜';}
.entry .entry-body { font-weight: 400; padding-bottom: 30px; margin-bottom: 20px;}
.entry .entry-body h2 { font-size: 20px; font-family: 'Noto Sans JP' , sans-serif; font-weight: 500; line-height: 1.5; border-bottom: solid 1px #BCBCBC; padding-bottom: 10px; margin-bottom: 1rem;}
.entry .entry-body h2::before { content: '■'; color: #83000A; margin-right: 5px;}
.entry .entry-body p { margin-bottom: 2rem;}
.entry .entry-body a, .entry .entry-body a:link { text-decoration: underline; color: #212121;}
.entry .entry-body a:hover, .entry .entry-body a:active { text-decoration: none; color: #fd94bc;}

/* 施工実績 */
.swiper-container { width: 100%; }
.entry-photo img { width: 100%; height: 240px; object-fit: cover;}
.results.entry .slider-thumbnail .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap;}
.results.entry .slider-thumbnail .swiper-slide { width: 23.8%!important; height: 100%; margin-right: 1.6%; margin-bottom: 1%; opacity: .3; overflow: hidden;}
.results.entry .slider-thumbnail .swiper-slide:not(.swiper-slide-thumb-active) { cursor: pointer;}
.results.entry .slider-thumbnail .swiper-slide:last-child { margin-right: 0;}
.results.entry .slider-thumbnail .swiper-slide-thumb-active { opacity: 1;}
.results.entry .slider-thumbnail .swiper-slide img { width: 100%; height: 56px; object-fit: cover;}
.swiper-button-next:after, .swiper-button-prev:after { color: #212121;}


/* ページネーション */
.pagenation .wp-pagenavi { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-right: 0;}
.pagenation .wp-pagenavi li { display: inline-block; text-align: center; list-style: none; margin-right: 10px;}
.pagenation .wp-pagenavi li:last-child { margin-right: 0;}
.pagenation .wp-pagenavi li.pages { display: none;}
.pagenation .wp-pagenavi span { font-weight: bold;}
.pagenation .wp-pagenavi span.extend, .pagenation .wp-pagenavi li a.prev, .pagenation .wp-pagenavi li a.next { display: none;}
.pagenation .wp-pagenavi span, .pagenation .wp-pagenavi a { display: block; font-size: 16px; font-weight: 400; line-height: 36px; color: #212121; background: #fff; border: solid  1px #212121; width: 40px; height: 40px; padding: 0; margin: 0;}
.pagenation .wp-pagenavi span.current { font-weight: 400; color: #fff; background-color: #212121; border-color: #212121;}
.pagenavigation .prev { font-size: 16px; font-weight: 400; text-align: right; padding-right: 1em;}
.pagenavigation .list { font-size: 16px; font-weight: 400; text-align: center;}
.pagenavigation .next { font-size: 16px; font-weight: 400; text-align: left; padding-left: 1em;}
.pagenavigation a { text-decoration: none; color: #212121;}
.pagenavigation a:hover, .pagenavigation a:active { text-decoration: underline; color: #212121;}

/* サイドナビ */
.sidenav h3.headline-color { font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 10px;}
.sidenav ul { list-style: none; padding-left: 10px;}
.sidenav ul li { text-align: left; line-height: 1.5; margin-bottom: 10px;}
.sidenav ul li a, .sidenav ul li span { display: inline-block; font-size: 16px; font-weight: 400; color: #212121; cursor: pointer; padding: 5px 0;}
.sidenav ul li.inmenu ul { display: none; padding-left: 35px;}
.sidenav ul li span::before { content: '▶'; margin-right: 5px;}
.sidenav ul li.active span::before { content: '▼';}

/* お問い合わせ */
/* 項目 */
.form { text-align: left;}
.form .form-label { position: relative; margin-bottom: 10px;}
.form label { display: inline-block!important; font-size: 16px; font-weight: 500; margin-bottom: 0!important;}
.form .require { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1.0; color: #fff; background: #BA0000; padding: 7px 8px; margin-left: 10px;}

/* 内容 */
.form .form-content { position: relative;}
.form select { width: 100%; height: 50px; border: solid 1px #9D9C9C; padding: 5px; box-sizing: border-box;}
.form span.wpcf7-form-control-wrap { display: block; margin-bottom: 20px;}
.form .multiform span.wpcf7-form-control-wrap { display: inline-block;}
.form span.wpcf7-form-control-wrap:last-child, .form .form-content.intext span.wpcf7-form-control-wrap { margin-bottom: 0;}
.form .contact-type span.wpcf7-form-control-wrap { width: 100%; max-width: 368px; position: relative;}
.form .contact-type span.wpcf7-form-control-wrap::after { display: inline-block; content: '\f107'; font-size: 12px; font-family: 'Font Awesome 6 Free'; font-weight: 700; line-height: 1; width: 50px; height: 50px; color: #FFF; background: #fd94bc; position: absolute; top: 0; right: 0; padding: 20px 19px; z-index: -1;}
.form .contact-type span.wpcf7-form-control-wrap.active::after { background: #212121;}
.form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent;}
.form select::ms-expand { display: none;}
.form input[type=text], .form input[type=url], .form input[type=email], .form input[type=tel] { border: solid 1px #9D9C9C; width: 100%; height: 50px; padding: 5px; margin-bottom: 0!important; box-sizing: border-box;}
.form input#your-name, .form input#your-kana { max-width: 445px;}
.form #your-gender span.wpcf7-list-item { display: inline-block;}
.form #your-gender span.wpcf7-list-item.first { margin-left: 0; margin-right: 30px;}
.form #your-gender span.wpcf7-list-item.last { margin-left: 0;}
.form #your-gender span.wpcf7-list-item-label { display: inline-block; font-size: 16px; font-weight: 400; margin-left: 5px;}
.form #your-gender span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { display: none;}
.form input#zip-code { max-width: 238px;}
.form input[type=tel] { max-width: 352px;}
.form input[type=email] { max-width: 460px;}
.form textarea { width: 100%; height: 450px; border: solid 1px #9D9C9C; padding: 5px; box-sizing: border-box;}

.form .form-content .multiform .first-form { display: block; width: 100%; margin-bottom: 20px;}
.form .form-content .multiform .second-form { display: inline-block; margin-right: .5em; margin-bottom: 20px;}
.form .form-content .multiform .third-form { display: inline-block; margin-right: .5em}
.form .form-content .multiform .fourth-form { display: inline-block;}
.form input#birth-year, .form input#desired-year, .form input#desired-year01, .form input#desired-year02, .form input#desired-year03 { max-width: 168px; margin-right: 1em;}
.form input#birth-month, .form input#desired-month, .form input#birth-day, .form input#desired-day,
.form input#desired-month01, .form input#desired-day01, .form input#desired-month02, .form input#desired-day02,
.form input#desired-month03, .form input#desired-day03 { max-width: 60px; margin-right: .5em;}
.form input#desired-number { display: inline-block; max-width: 80px; margin-right: .5em;}
.form input#your-age { max-width: 60px; margin-left: .5em; margin-right: .5em;}

.apply-form .bg-beige { padding: 45px 0;}

::-webkit-input-placeholder { color:#d8d8d8;}
:-ms-input-placeholder { color:#d8d8d8;}
::placeholder{ color:#d8d8d8;}
.screen-reader-response { margin-bottom: 40px;}
div.wpcf7 .ajax-loader { margin-top: 5px;}
.wpcf7-spinner { display: none!important;}

/* フォームボタン */
.btn-form { text-align: center; width: 260px;}
.btn-form input { display: block; font-size: 16px; font-weight: 500; text-align: center; line-height: 1.0; width: 100%; padding: 30px 0; margin: 0 auto 20px;}
.btn-form input[type="submit"], .btn-form input[type="reset"] { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: 0.3s ease;}
.btn-form input[type="submit"] { color: #212121; background: #fd94bc; border: solid 1px #fd94bc;}
.btn-form input[type="reset"] { color: #212121; background: #fff; border: solid 1px #212121;}
.btn-form input:hover, .btn-form input:active { color: #fff; background-color: #212121; border-color: #212121;}

@media print, screen and (min-width: 768px){
	.form .form-label { margin-bottom: 0;}
	.form .require { position: absolute; right: 12px; margin-left: 0;}

    .form input#birth-month, .form input#desired-month, .form input#birth-day, .form input#desired-day { margin-right: 1em;}
}
@media print, screen and (min-width: 992px){
    .form .form-content .multiform .first-form { display: inline-block; width: auto; margin-right: 1em; margin-bottom: 0;}
    .form .form-content .multiform .second-form { margin-bottom: 0;}
}


/* フッター */
#pagetop { position: fixed; right: 0; bottom: 50px; z-index: 100;}
#pagetop img { width: 60px; height: 60px;}

.grecaptcha-badge { display: none!important;}

footer { background: #212121; padding: 20px 0;}
.footer-logo, .footer-text { display: none;}
footer .privacy-policy a { display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.5; color: #fff; margin-bottom: 10px;}
footer .copyright { font-size: 12px; font-family: 'Lexend', sans-serif; font-weight: 400; line-height: 1.0;  color: #fff;}

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

    /* 共通 */
    .mag-md-0 { margin-bottom: 0px!important;}
    .mag-md-10 { margin-bottom: 10px!important;}
    .mag-md-15 { margin-bottom: 15px!important;}
    .mag-md-20 { margin-bottom: 20px!important;}
    .mag-md-25 { margin-bottom: 25px!important;}
    .mag-md-30 { margin-bottom: 30px!important;}
    .mag-md-40 { margin-bottom: 40px!important;}
    .mag-md-50 { margin-bottom: 50px!important;}
    .mag-md-60 { margin-bottom: 60px!important;}
    .mag-md-70 { margin-bottom: 70px!important;}
    .mag-md-80 { margin-bottom: 80px!important;}
    .mag-md-90 { margin-bottom: 90px!important;}
    .mag-md-100 { margin-bottom: 100px!important;}
    .mag-md-110 { margin-bottom: 110px!important;}
    .mag-md-120 { margin-bottom: 120px!important;}

    /* ボタン */
    .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .btns div:first-child { margin: 0 15px 0 0;}
    .btns div:nth-child(2) { margin: 0 15px;}
    .btns div:last-child { margin: 0 0 0 15px;}

    /* 先輩の声 */
    h3.headline-bg { background: url(/wp-content/themes/reikin/images/bg-green.png) no-repeat; background-size: cover; background-position: 50% 50%; margin-bottom: 30px;}
    h3.headline-bg .container-inner { padding-top: 80px; padding-bottom: 60px;}

    /* 施工実績 */
    .entry-photo img { height: 474px; }
	.results.entry .slider-thumbnail .swiper-slide img { height: 148px;}

    #pagetop { right: 25px; bottom: 25px;}
    #pagetop img { width: 60px; height: 60px;}

}
/* PC */
@media print, screen and (min-width: 992px){

    /* 共通 */
    a[href^="tel:"] { cursor: text;}
    a[href^="tel:"]:hover, a[href^="tel:"]:active { text-decoration: none;}

    .mag-lg-0 { margin-bottom: 0px!important;}
    .mag-lg-10 { margin-bottom: 10px!important;}
    .mag-lg-15 { margin-bottom: 15px!important;}
    .mag-lg-20 { margin-bottom: 20px!important;}
    .mag-lg-25 { margin-bottom: 25px!important;}
    .mag-lg-30 { margin-bottom: 30px!important;}
    .mag-lg-40 { margin-bottom: 40px!important;}
    .mag-lg-50 { margin-bottom: 50px!important;}
    .mag-lg-60 { margin-bottom: 60px!important;}
    .mag-lg-70 { margin-bottom: 70px!important;}
    .mag-lg-80 { margin-bottom: 80px!important;}
    .mag-lg-90 { margin-bottom: 90px!important;}
    .mag-lg-100 { margin-bottom: 100px!important;}
    .mag-lg-110 { margin-bottom: 110px!important;}
    .mag-lg-120 { margin-bottom: 120px!important;}

    /* ボタン */
    .btn-color.small-btn { width: 92px;}

    /* ボックス */
    .square-box { padding: 65px 35px 35px;}
    .row .square-box { height: 100%;}
    .square-box .title { font-size: 28px; max-width: 348px; top: -36px; padding: 18px 0;}

    /* ヘッダー */
    .header-togglebtnbox { top: 9.5px;}
    .header-logo-sp { display: none;}
    #header-togglebtn { cursor: pointer;}
    #header-togglebtn.close { right: 8.5px;}
    #page .header-contents { display: block;}
    .header-contents .header-side { top: 38px;}
    .header-contents .header-side .header-logo { margin-bottom: 30px;}
    .header-contents .header-side .header-logo a::before { background: url(/wp-content/themes/reikin/images/header-logo.png) no-repeat; background-position: 50% 50%; background-size: 130px 166px; width: 130px; height: 166px;}
    .header-contents.active .header-side .header-logo a::before { background: url(/wp-content/themes/reikin/images/header-logo-white.png) no-repeat; background-position: 50% 50%; background-size: 130px 166px; width: 130px; height: 166px;}
    .header-contents .header-side .header-copy { font-size: 30px; letter-spacing: 0.3em;}

    #gnavi.active { padding-bottom: 40px;}
    #gnavi.active .logo-column { padding-top: 38px;}
    #gnavi.active .gnavi-logo .header-logo { margin-bottom: 30px;}
    #gnavi.active .gnavi-logo .header-logo a::before { background: url(/wp-content/themes/reikin/images/header-logo-white.png) no-repeat; background-position: 50% 50%; background-size: 130px 166px; width: 130px; height: 166px;}
    #gnavi.active .gnavi-logo .header-copy { font-size: 30px; letter-spacing: 0.2em;}
    #gnavi.active .text-column { padding-top: 95px;}
    #gnavi.active .nav-lst { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 150px;}
    #gnavi.active .nav-lst .list01, #gnavi.active .nav-lst .list02, #gnavi.active .nav-lst .list03 { max-width: 33.3334%; margin-bottom: 0;}
    #gnavi.active .nav-lst .list01 .inner, #gnavi.active .nav-lst .list02 .inner, #gnavi.active .nav-lst .list03 .inner { display: block; width: 100%; max-width: 200px;}
    #gnavi.active .nav-lst .list01 .inner .content, #gnavi.active .nav-lst .list02 .inner .content, #gnavi.active .nav-lst .list03 .inner .content { width: 100%;}
    #gnavi.active .nav-lst .list01 .inner::before { display: block; content: ''; text-align: center; background: url(/wp-content/themes/reikin/images/menu_icon01.png) no-repeat; background-size: 57px 42px; width: 57px; height: 42px; margin: 0 auto 20px;}
    #gnavi.active .nav-lst .list02 .inner::before { display: block; content: ''; text-align: center; background: url(/wp-content/themes/reikin/images/menu_icon02.png) no-repeat; background-size: 57px 42px; width: 57px; height: 42px; margin: 0 auto 20px;}
    #gnavi.active .nav-lst .list03 .inner::before { display: block; content: ''; text-align: center; background: url(/wp-content/themes/reikin/images/menu_icon03.png) no-repeat; background-size: 57px 42px; width: 57px; height: 42px; margin: 0 auto 20px;}
    #gnavi.active .nav-lst .title { text-align: center; padding: 11px 0; margin-bottom: 40px;}
    #gnavi.active .nav-lst ul li { margin-bottom: 45px;}
    #gnavi.active .nav-lst ul li a { font-size: 16px;}
    #gnavi.active .header-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #gnavi.active .header-bottom .btns div { margin: 0;}
    #gnavi.active .header-bottom .btns div:first-child { margin-right: 15px;}
    #gnavi.active .header-text .company-name, #gnavi.active .header-text .company-address, #gnavi.active .header-text .company-address a, #gnavi.active .header-text .company-detail { text-align: left;}

    /* メインコンテンツ */
    #maincontents { padding-top: 95px;}
    #page #maincontents { padding-top: 95px;}
    #index h2.headline-serif { font-size: 38px; letter-spacing: 0.3em;}
    #index .index-recruit-top h2.headline-eng { font-size: 80px;}
    h2.headline-border { font-size: 38px; padding: 20px; margin-bottom: 20px;}
    #index h3.headline-serif { margin-bottom: 35px;}
    #index .index-recruit-bottom h3.headline-serif { margin-bottom: 30px;}
    h3.headline-icon { font-size: 28px; padding-left: 50px;}
    h3.headline-color { font-size: 28px;}
    .en-text { margin-bottom: 40px;}

    /* トップページ */
    .mainvisual::before { width: 500px; transform: skewX(-15deg) translateX(-184px);}
    .mv-recruit a { font-size: 49px; bottom: 65px; padding: 0 30px 20px;}
    .mv-recruit a:hover { text-decoration: none; opacity: .8;}
    .mv-recruit a::before { content: '未経験でもOK'; font-size: 20px; padding: 2px 15px; margin-bottom: 15px;}
    .mv-recruit span { font-size: 27px;}

    .index-news { margin-bottom: 120px;}
    .index-news .inner { padding: 20px 45px;}
    .index-news .title { font-size: 27px; margin-right: 60px;}
    .index-news .index-entry { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .index-news .index-entry .entry-deta { margin-right: 50px; margin-bottom: 0;}
    .index-news .index-entry .entry-title { font-size: 18px;}

    .index-aboutus { margin-bottom: 120px;}

    .index-recruit-top { padding-top: 70px; padding-bottom: 60px;}
    .index-recruit-bottom { padding-top: 30px;}

    .index-result { padding: 105px 0;}
    .index-result .result-lst li:nth-child(n+5) { display: -webkit-box; display: -ms-flexbox; display: flex;}
    .index-result .result-lst li:nth-child(7) { margin-bottom: 0;}
    .index-result h2 { margin-bottom: 25px;}

    /* 固定ページ */
    .container-inner { max-width: calc(100% - 165px); margin-left: auto; margin-right: 0;}

    /* 型枠工事とは？ */
    .mainimage { margin-left: auto; margin-right: auto; margin-bottom: 30px;}

    /* 仕事の流れ */
    .anchor-link ul li a { font-size: 18px;}
    .anchor-link ul li a::after { font-size: 18px;}

    .workflow .step-lst .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px;}
    .workflow .step-lst .title .number { margin-right: 15px; margin-bottom: 0;}
    .workflow .step-lst .title .text { font-size: 24px; margin-bottom: 0;}

    /* 型枠職人になろう */
    .emphasized-text { margin-bottom: 60px;}

    .detail-lst .bg-black { font-size: 20px; padding: 5px 0 5px 25px;}
    .detail-lst .title { font-size: 20px; margin-bottom: 20px;}

    /* 先輩の声 */
    .voice-box { height: 100%; padding: 20px; margin-left: 20px;}
    .voice-box .number { font-size: 35px; line-height: 54px; width: 60px; height: 60px; right: 15px;}
    .voice-box .detail { font-size: 18px;}
    .voice-box .name { font-size: 30px;}
    .contents-lst:first-child { margin-top: -125px;}

    h3.headline-bg { background: url(/wp-content/themes/reikin/images/bg-green.png) no-repeat; background-size: cover; background-position: 50% 50%; margin-bottom: 30px;}
    h3.headline-bg .container-inner { padding-top: 100px; padding-bottom: 80px;}
    h3.headline-bg .container-inner .inner { font-size: 30px; width: 50%; padding-left: 95px;}
    #interview01 h3.headline-bg .container-inner .inner::before { font-size: 63px;}
    #interview02 h3.headline-bg .container-inner .inner::before { font-size: 63px;}

    h3.headline-target { padding: 20px 0 20px 210px; margin-bottom: 60px;}
    h3.headline-target::before { top: 50%; left: 0; transform: translateY(-50%);}

    .target-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px;}
    .target-box .photo { width: 260px;}
    .target-box .text { width: calc(100% - 260px); padding: 25px;}
    .target-box .title { font-size: 30px;}

    /* 募集要項 */
    .bg-lime { padding: 65px 0;}
    .bg-lime.two-lines { padding: 50px 0;}
    .flow-lst .inner .image img { width: 154px; height: 93px;}

    /* 施工実績 */
    .entry-photo img { height: 526px; }
    .info-lst li .entry-title { margin-bottom: 0;}

    /* よくある質問 */
    .faq-lst .title { margin-bottom: 20px;}
    .faq-lst .title .number { margin-right: 15px;}

    /* アクセス */
    .gmap { margin-left: auto; margin-right: auto; margin-bottom: 20px;}
    .gmap iframe { width: 100%; height: 560px;}

    /* お知らせ */
    .info-lst li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .info-lst li .entry-deta { margin-right: 35px; margin-bottom: 0;}
    .info-lst li .entry-date { margin-right: 30px;}

    /* フッター */
    footer { padding: 40px 0;}
    .footer-logo, .footer-text { display: block;}
    .footer-logo { margin-right: 15px;}
    .footer-text .company-name { text-align: left; line-height: 1.0; margin-bottom: 10px;}
    .footer-text .company-address, .footer-text .company-address a { font-size: 14px; font-weight: 400; text-align: left; line-height: 1.5; color: #fff; margin-bottom: 5px;}
    .footer-text .company-detail { font-size: 12px; font-weight: 400; text-align: left; line-height: 1.5; color: #fff;}
    footer .privacy-policy { text-align: right;}
    footer .copyright { text-align: right;}

}
/* PC LARGE-short */
@media print, screen and (min-width: 1200px){
    .mainvisual::before { width: 500px;}
    h3.headline-bg { background: url(/wp-content/themes/reikin/images/bg-green.png) no-repeat; background-size: 100%; background-position: 50% 50%; margin-bottom: 0;}

    /* 施工実績 */
    .entry-photo img { height: 648px; }

}
/* PC LARGE */
@media print, screen and (min-width: 1400px){
    .mainvisual::before { width: 520px;}

    /* 施工実績 */
    .entry-photo img { height: 770px; }

}
@media print, screen and (min-width: 1580px){
    .mainvisual::before { width: 540px;}
}
@media print, screen and (min-width: 1680px){
    .mainvisual::before { width: 620px;}
    h3.headline-bg .container-inner { padding-top: 115px; padding-bottom: 95px;}
}
@media print, screen and (min-width: 1920px){
    .mainvisual::before { width: 640px;}
    h3.headline-bg .container-inner { padding-top: 160px; padding-bottom: 140px;}
}
@media print, screen and (min-width: 2560px){
    .mainvisual::before { width: 900px;}
}


/* effect */
.effect-mv-fade {
	opacity: 0;
	transition: .5s;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.effect-mv-fadeon {
	opacity: 1.0;
	transition: .5s;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.effect-fade{
	opacity: 0;
	transition: .8s;
}
.effect-fadeon{
	opacity: 1.0;
	transition: .8s;
}