@charset "UTF-8";
/* ---------------------------------------------------------------------------
★共通
--------------------------------------------------------------------------- */
:root{
scroll-padding-top: 60px;
}
html {font-size: 62.5%;scroll-behavior: smooth;}
body {
font-size: 1.3rem;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.8;
font-weight: normal;
max-width: 100%;
}
object {pointer-events: none;}
.pc {display: none !important;}
a {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
section{
padding: 50px 0
}
section p:not(:last-child){
margin-bottom: 15px;
}
p,li,dt,dd,th,td,input{
font-size: 1.3rem;
}
h1,h2,h3,h4,h5,h6 {
font-size: 1.3rem;
}
.inner900,
.inner1000,
.inner1100,
.inner1200,
.inner1300,
.inner1400{
width: 88%;
margin-right: auto;
margin-left: auto;
}
.txtImgBox .txts + figure,
.txtImgBox figure + .txts{
margin-top: 30px;
}
.pcFlex.half > * + *{
margin-top:30px;
}
/* =======================================
margin / padding
========================================== */
.mA0 { margin: 0% !important; }
.mA5 { margin: 2.5% !important; }
.mA10 { margin: 2.5% !important; }
.mA15 { margin: 2.5% !important; }
.mA20 { margin: 5% !important; }
.mA25 { margin: 5% !important; }
.mA30 { margin: 5% !important; }
.mA35 { margin: 7.5% !important; }
.mA40 { margin: 7.5% !important; }
.mA45 { margin: 7.5% !important; }
.mA50 { margin: 10% !important; }
.mA55 { margin: 10% !important; }
.mA60 { margin: 10% !important; }
.mA65 { margin: 12.5% !important; }
.mA70 { margin: 12.5% !important; }
.mA75 { margin: 12.5% !important; }
.mA80 { margin: 15% !important; }
.mA85 { margin: 15% !important; }
.mA90 { margin: 15% !important; }
.mA95 { margin: 17.5% !important; }
.mA100 { margin: 17.5% !important; }
.mA105 { margin: 17.5% !important; }
.mA110 { margin: 20% !important; }
.mA115 { margin: 20% !important; }
.mA120 { margin: 20% !important; }
.mA125 { margin: 22.5% !important; }
.mA130 { margin: 22.5% !important; }
.mA135 { margin: 22.5% !important; }
.mA140 { margin: 25% !important; }
.mA145 { margin: 25% !important; }
.mA150 { margin: 25% !important; }
.mT10 { margin-top: 2.5% !important; }
.mT15 { margin-top: 2.5% !important; }
.mT20 { margin-top: 5% !important; }
.mT25 { margin-top: 5% !important; }
.mT30 { margin-top: 5% !important; }
.mT35 { margin-top: 7.5% !important; }
.mT40 { margin-top: 7.5% !important; }
.mT45 { margin-top: 7.5% !important; }
.mT50 { margin-top: 12% !important; }
.mT55 { margin-top: 10% !important; }
.mT60 { margin-top: 10% !important; }
.mT65 { margin-top: 12.5% !important; }
.mT70 { margin-top: 12.5% !important; }
.mT75 { margin-top: 12.5% !important; }
.mT80 { margin-top: 15% !important; }
.mT85 { margin-top: 15% !important; }
.mT90 { margin-top: 15% !important; }
.mT95 { margin-top: 17.5% !important; }
.mT100 { margin-top: 17.5% !important; }
.mT105 { margin-top: 17.5% !important; }
.mT110 { margin-top: 20% !important; }
.mT115 { margin-top: 20% !important; }
.mT120 { margin-top: 20% !important; }
.mT125 { margin-top: 22.5% !important; }
.mT130 { margin-top: 22.5% !important; }
.mT135 { margin-top: 22.5% !important; }
.mT140 { margin-top: 25% !important; }
.mT145 { margin-top: 25% !important; }
.mT150 { margin-top: 25% !important; }
.mB0 { margin-bottom: 0% !important; }
.mB5 { margin-bottom: 2.5% !important; }
.mB10 { margin-bottom: 2.5% !important; }
.mB15 { margin-bottom: 2.5% !important; }
.mB20 { margin-bottom: 5% !important; }
.mB25 { margin-bottom: 5% !important; }
.mB30 { margin-bottom: 5% !important; }
.mB35 { margin-bottom: 7.5% !important; }
.mB40 { margin-bottom: 7.5% !important; }
.mB45 { margin-bottom: 7.5% !important; }
.mB50 { margin-bottom: 10% !important; }
.mB55 { margin-bottom: 10% !important; }
.mB60 { margin-bottom: 10% !important; }
.mB65 { margin-bottom: 12.5% !important; }
.mB70 { margin-bottom: 12.5% !important; }
.mB75 { margin-bottom: 12.5% !important; }
.mB80 { margin-bottom: 15% !important; }
.mB85 { margin-bottom: 15% !important; }
.mB90 { margin-bottom: 15% !important; }
.mB95 { margin-bottom: 17.5% !important; }
.mB100 { margin-bottom: 17.5% !important; }
.mB105 { margin-bottom: 17.5% !important; }
.mB110 { margin-bottom: 20% !important; }
.mB115 { margin-bottom: 20% !important; }
.mB120 { margin-bottom: 20% !important; }
.mB125 { margin-bottom: 22.5% !important; }
.mB130 { margin-bottom: 22.5% !important; }
.mB135 { margin-bottom: 22.5% !important; }
.mB140 { margin-bottom: 25% !important; }
.mB145 { margin-bottom: 25% !important; }
.mB150 { margin-bottom: 15% !important; }
.mL0 { margin-left: 0% !important; }
.mL5 { margin-left: 2.5% !important; }
.mL10 { margin-left: 2.5% !important; }
.mL15 { margin-left: 2.5% !important; }
.mL20 { margin-left: 5% !important; }
.mL25 { margin-left: 5% !important; }
.mL30 { margin-left: 5% !important; }
.mL35 { margin-left: 7.5% !important; }
.mL40 { margin-left: 7.5% !important; }
.mL45 { margin-left: 7.5% !important; }
.mL50 { margin-left: 10% !important; }
.mL55 { margin-left: 10% !important; }
.mL60 { margin-left: 10% !important; }
.mL65 { margin-left: 12.5% !important; }
.mL70 { margin-left: 12.5% !important; }
.mL75 { margin-left: 12.5% !important; }
.mL80 { margin-left: 15% !important; }
.mL85 { margin-left: 15% !important; }
.mL90 { margin-left: 15% !important; }
.mL95 { margin-left: 17.5% !important; }
.mL100 { margin-left: 17.5% !important; }
.mL105 { margin-left: 17.5% !important; }
.mL110 { margin-left: 20% !important; }
.mL115 { margin-left: 20% !important; }
.mL120 { margin-left: 20% !important; }
.mL125 { margin-left: 22.5% !important; }
.mL130 { margin-left: 22.5% !important; }
.mL135 { margin-left: 22.5% !important; }
.mL140 { margin-left: 25% !important; }
.mL145 { margin-left: 25% !important; }
.mL150 { margin-left: 25% !important; }
.mR0 { margin-right: 0% !important; }
.mR5 { margin-right: 2.5% !important; }
.mR10 { margin-right: 2.5% !important; }
.mR15 { margin-right: 2.5% !important; }
.mR20 { margin-right: 5% !important; }
.mR25 { margin-right: 5% !important; }
.mR30 { margin-right: 5% !important; }
.mR35 { margin-right: 7.5% !important; }
.mR40 { margin-right: 7.5% !important; }
.mR45 { margin-right: 7.5% !important; }
.mR50 { margin-right: 10% !important; }
.mR55 { margin-right: 10% !important; }
.mR60 { margin-right: 10% !important; }
.mR65 { margin-right: 12.5% !important; }
.mR70 { margin-right: 12.5% !important; }
.mR75 { margin-right: 12.5% !important; }
.mR80 { margin-right: 15% !important; }
.mR85 { margin-right: 15% !important; }
.mR90 { margin-right: 15% !important; }
.mR95 { margin-right: 17.5% !important; }
.mR100 { margin-right: 17.5% !important; }
.mR105 { margin-right: 17.5% !important; }
.mR110 { margin-right: 20% !important; }
.mR115 { margin-right: 20% !important; }
.mR120 { margin-right: 20% !important; }
.mR125 { margin-right: 22.5% !important; }
.mR130 { margin-right: 22.5% !important; }
.mR135 { margin-right: 22.5% !important; }
.mR140 { margin-right: 25% !important; }
.mR145 { margin-right: 25% !important; }
.mR150 { margin-right: 25% !important; }
.pT0 { padding-top: 0% !important; }
.pT5 { padding-top: 2.5% !important; }
.pT10 { padding-top: 2.5% !important; }
.pT15 { padding-top: 2.5% !important; }
.pT20 { padding-top: 5% !important; }
.pT25 { padding-top: 5% !important; }
.pT30 { padding-top: 5% !important; }
.pT35 { padding-top: 7.5% !important; }
.pT40 { padding-top: 7.5% !important; }
.pT45 { padding-top: 7.5% !important; }
.pT50 { padding-top: 10% !important; }
.pT55 { padding-top: 10% !important; }
.pT60 { padding-top: 10% !important; }
.pT65 { padding-top: 12.5% !important; }
.pT70 { padding-top: 12.5% !important; }
.pT75 { padding-top: 12.5% !important; }
.pT80 { padding-top: 15% !important; }
.pT85 { padding-top: 15% !important; }
.pT90 { padding-top: 15% !important; }
.pT95 { padding-top: 17.5% !important; }
.pT100 { padding-top: 17.5% !important; }
.pT105 { padding-top: 17.5% !important; }
.pT110 { padding-top: 20% !important; }
.pT115 { padding-top: 20% !important; }
.pT120 { padding-top: 20% !important; }
.pT125 { padding-top: 22.5% !important; }
.pT130 { padding-top: 22.5% !important; }
.pT135 { padding-top: 22.5% !important; }
.pT140 { padding-top: 25% !important; }
.pT145 { padding-top: 25% !important; }
.pT150 { padding-top: 25% !important; }
.pB0 { padding-bottom: 0% !important; }
.pB5 { padding-bottom: 2.5% !important; }
.pB10 { padding-bottom: 2.5% !important; }
.pB15 { padding-bottom: 2.5% !important; }
.pB20 { padding-bottom: 5% !important; }
.pB25 { padding-bottom: 5% !important; }
.pB30 { padding-bottom: 5% !important; }
.pB35 { padding-bottom: 7.5% !important; }
.pB40 { padding-bottom: 7.5% !important; }
.pB45 { padding-bottom: 7.5% !important; }
.pB50 { padding-bottom: 10% !important; }
.pB55 { padding-bottom: 10% !important; }
.pB60 { padding-bottom: 10% !important; }
.pB65 { padding-bottom: 12.5% !important; }
.pB70 { padding-bottom: 12.5% !important; }
.pB75 { padding-bottom: 12.5% !important; }
.pB80 { padding-bottom: 15% !important; }
.pB85 { padding-bottom: 15% !important; }
.pB90 { padding-bottom: 15% !important; }
.pB95 { padding-bottom: 17.5% !important; }
.pB100 { padding-bottom: 17.5% !important; }
.pB105 { padding-bottom: 17.5% !important; }
.pB110 { padding-bottom: 20% !important; }
.pB115 { padding-bottom: 20% !important; }
.pB120 { padding-bottom: 20% !important; }
.pB125 { padding-bottom: 22.5% !important; }
.pB130 { padding-bottom: 22.5% !important; }
.pB135 { padding-bottom: 22.5% !important; }
.pB140 { padding-bottom: 25% !important; }
.pB145 { padding-bottom: 25% !important; }
.pB150 { padding-bottom: 25% !important; }
.pL0 { padding-left: 0% !important; }
.pL5 { padding-left: 2.5% !important; }
.pL10 { padding-left: 2.5% !important; }
.pL15 { padding-left: 2.5% !important; }
.pL20 { padding-left: 5% !important; }
.pL25 { padding-left: 5% !important; }
.pL30 { padding-left: 5% !important; }
.pL35 { padding-left: 7.5% !important; }
.pL40 { padding-left: 7.5% !important; }
.pL45 { padding-left: 7.5% !important; }
.pL50 { padding-left: 10% !important; }
.pL55 { padding-left: 10% !important; }
.pL60 { padding-left: 10% !important; }
.pL65 { padding-left: 12.5% !important; }
.pL70 { padding-left: 12.5% !important; }
.pL75 { padding-left: 12.5% !important; }
.pL80 { padding-left: 15% !important; }
.pL85 { padding-left: 15% !important; }
.pL90 { padding-left: 15% !important; }
.pL95 { padding-left: 17.5% !important; }
.pL100 { padding-left: 17.5% !important; }
.pL105 { padding-left: 17.5% !important; }
.pL110 { padding-left: 20% !important; }
.pL115 { padding-left: 20% !important; }
.pL120 { padding-left: 20% !important; }
.pL125 { padding-left: 22.5% !important; }
.pL130 { padding-left: 22.5% !important; }
.pL135 { padding-left: 22.5% !important; }
.pL140 { padding-left: 25% !important; }
.pL145 { padding-left: 25% !important; }
.pL150 { padding-left: 25% !important; }
.pR0 { padding-right: 0% !important; }
.pR5 { padding-right: 2.5% !important; }
.pR10 { padding-right: 2.5% !important; }
.pR15 { padding-right: 2.5% !important; }
.pR20 { padding-right: 5% !important; }
.pR25 { padding-right: 5% !important; }
.pR30 { padding-right: 5% !important; }
.pR35 { padding-right: 7.5% !important; }
.pR40 { padding-right: 7.5% !important; }
.pR45 { padding-right: 7.5% !important; }
.pR50 { padding-right: 10% !important; }
.pR55 { padding-right: 10% !important; }
.pR60 { padding-right: 10% !important; }
.pR65 { padding-right: 12.5% !important; }
.pR70 { padding-right: 12.5% !important; }
.pR75 { padding-right: 12.5% !important; }
.pR80 { padding-right: 15% !important; }
.pR85 { padding-right: 15% !important; }
.pR90 { padding-right: 15% !important; }
.pR95 { padding-right: 17.5% !important; }
.pR100 { padding-right: 17.5% !important; }
.pR105 { padding-right: 17.5% !important; }
.pR110 { padding-right: 20% !important; }
.pR115 { padding-right: 20% !important; }
.pR120 { padding-right: 20% !important; }
.pR125 { padding-right: 22.5% !important; }
.pR130 { padding-right: 22.5% !important; }
.pR135 { padding-right: 22.5% !important; }
.pR140 { padding-right: 25% !important; }
.pR145 { padding-right: 25% !important; }
.pR150 { padding-right: 25% !important; }
.pA0 { padding: 0% !important; }
.pA5 { padding: 2.5% !important; }
.pA10 { padding: 2.5% !important; }
.pA15 { padding: 2.5% !important; }
.pA20 { padding: 5% !important; }
.pA25 { padding: 5% !important; }
.pA30 { padding: 5% !important; }
.pA35 { padding: 7.5% !important; }
.pA40 { padding: 7.5% !important; }
.pA45 { padding: 7.5% !important; }
.pA50 { padding: 10% !important; }
.pA55 { padding: 10% !important; }
.pA60 { padding: 10% !important; }
.pA65 { padding: 12.5% !important; }
.pA70 { padding: 12.5% !important; }
.pA75 { padding: 12.5% !important; }
.pA80 { padding: 15% !important; }
.pA85 { padding: 15% !important; }
.pA90 { padding: 15% !important; }
.pA95 { padding: 17.5% !important; }
.pA100 { padding: 17.5% !important; }
.pA105 { padding: 17.5% !important; }
.pA110 { padding: 20% !important; }
.pA115 { padding: 20% !important; }
.pA120 { padding: 20% !important; }
.pA125 { padding: 22.5% !important; }
.pA130 { padding: 22.5% !important; }
.pA135 { padding: 22.5% !important; }
.pA140 { padding: 25% !important; }
.pA145 { padding: 25% !important; }
.pA150 { padding: 25% !important; }
/*タイトル
========================================== */
.h2Tit .en,
.h3Tit .en{
font-size: min(3.4vw,1.3rem);
}
.h2Tit .ja,
.h3Tit .ja{
font-size: min(6.2vw,2.4rem);
}
.h2Tit .lineGr{
margin-top: 0.63em;
}
.h2Tit .lineGr::after{
height: 7px;
}
.h3Tit{
font-size: min(6vw,2.2rem);
}
.h4Tit {
font-size: 1.8rem;
margin-bottom: 10px;
}
.h5Tit {
font-size: 1.6rem;
margin-bottom: 10px;
}
.h6Tit{
font-size: 1.5rem;
margin-bottom: 10px;
}
/*
テキスト
========================================== */
.leadTxt{
font-size: min(4.3vw, 1.6rem);
}
.note,
.note li{
font-size: 1.1rem;
}
/*ボタン,リンク
========================================== */
.btnWrap{
margin-top: 20px;
}
.btn{
font-size: min(3.9vw, 1.5rem);
margin: 0 auto;
padding: 0 min(30.7%,78px) 10px 0;
width: min(80%, 390px);
height: 50px;
}
.icArrow{
top: 20%;
}
.btn2{
font-size: min(4.6vw, 1.8rem);
margin: 0 auto;
width: min(100%, 390px);
height: 70px;
}
.arrow{
font-size: 15px;
}
/*装飾
========================================== */
.lineGr{
font-size: min(4.7vw,1.8rem);
}
/* =======================================
ページャー
========================================== */
/*-- pageNavi --*/
.pageNavi{
gap:0 3%;
margin-top: 40px;
}
.pageNavi .current,
.pageNavi .inactive,
.pageNavi a{
width: 35px;
height: 35px;
}
/*-- pager --*/
.pager{
margin-top: 50px;
}
.pager a{
font-size: 1.6rem;
width: 200px;
}
/* =======================================
header
========================================== */
header {
height: 60px;
}
header #logo{
padding-top: 4px;
width: calc(100% - 60px);
}
header #logo span{
padding-top:4px;
font-size: min(2.0vw,13px);
}
header #logo img{
width: auto;
max-height: 20px;
}
header #logo .logoTxt{
/*font-size: 1.3rem;*/
padding: 2px 6px 2px;
}
/* =======================================
.menu
========================================== */
.menu {
position: absolute;
right: -5vw;
top: 0;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 101;
background: var(--green);
}
.menu span {
position: absolute;
left: 17px;
width: 26px;
height: 2px;
background-color: #fefefe;
transition: all 0.6s;
border-radius: calc(infinity * 1px);
}
.menu span.menuLine01 {
top: 21px;
}
.menu span.menuLine02{
top: 28px;
}
.menu span.menuLine03{
top: 35px;
}
.menu.active span.menuLine01{
transform: rotate(45deg);
top: 28px;
}
.menu.active span.menuLine02{
width: 0;
left: 50%;
}
.menu.active span.menuLine03 {
transform: rotate(-45deg);
top: 28px;
}
.menuBg {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 99;
background-color: #000;
opacity: 0;
visibility: hidden;
transition: all 0.6s;
cursor: pointer;
}
.menuBg.active {
opacity: 0.9;
visibility: visible;
}
/* =======================================
gnavi SP
========================================== */
.gnavi.active{
right: 0;
}
.gnavi{
position: fixed;
right: -100vw;
top: 0;
width: 100vw;
height: 100vh;
padding: 0 0 40px;
transition: all 0.6s;
z-index: 100;
overflow-y: auto;
}
.gnavi a{
color: var(--wh) !important;
}
#gnaviList{
display: block;
padding: 60px 0 0 0;
width: 100vw;
}
#gnaviList li{
border-bottom: 1px solid var(--wh);
color: var(--wh);
font-size: min(3.85vw,1.5rem);
}
#gnaviList li:not(.entry) a{
display: block;
padding: 0.8em 4%;
}
#gnaviList .entry{
border-bottom: none;
margin: 30px auto;
width: 90%;
}
.gnavi #headInsta{
text-align: center;
display: flex;
flex-direction: column;
gap: 15px;
}
.gnavi #headInsta img{
display: inline;
margin-right: 6px;
}
/* =======================================
main
========================================== */
body:not(#top) main{
margin-top: 60px;
}
/* =======================================
footContact SP
========================================== */
#top #footContact{
padding: 20px 5%;
top: -50px;
}
#footContact li,
#footContact p{
font-size: min(6.2vw,2.4rem);
}
#footContact li a{
padding: 20px min(14vw,52px) 20px min(17.5vw,65px);
}
#footContact li.contactBtn01{
border-bottom: 1px dashed var(--base);
}
#footContact li.contactBtn01 a::before{
width: 57px;
height: 59px;
top: calc(50% - 29.5px);
left: 0;
}
#footContact li.contactBtn02 a::before,
#footContact p a .btnInner::before{
width: 63px;
height: 53px;
top: 25px;
left: 0;
}
#footContact .icArrow{
width: 36px;
height: 36px;
top: calc(50% - 18px);
bottom:auto;
left: auto;
right: calc(min(6vw,23px) - 20px);
}
/*
#footContact li a::after,
#footContact p a .btnInner::after{
width: 36px;
height: 36px;
top: calc(50% - 18px);
right: calc(min(6vw,23px) - 20px);
}*/
#footContact .en{
font-size: min(3.47vw,1.3rem);
}
/*-- pgs --*/
#footContact{
padding: 0;
top: -50px;
}
#footContact p a{
width: 100%;
}
#footContact p a .btnInner{
padding: 20px min(14.7vw,55px) 20px min(20.5vw,76px);
width: 100%;
}
#footContact p a .btnInner::before{
top: calc(50% - 20px);
left: 5%;
}
#footContact p a .btnInner .icArrow{
right: min(6vw,23px);
}
/* =======================================
footer SP
========================================== */
#footBottom{
padding-bottom: 300px;
}
#footerLogo,
.footerLeft .address{
margin-bottom: 15px;
}
#footerLogo img{
margin-top: 5px;
width: min(61.6vw,240px);
}
#footerRight > p{
text-align: center;
}
#footerRight .footInsta{
margin: 0 auto 10px;
width: min(100%, 390px);
}
#footerRight .footInsta figure{
width: 50px;
height: 50px;
}
#footerRight .footInsta figure img{
width: 30px;
height: 30px;
}
.footCatchtxt img{
margin-top: 50px;
}
footer .copy{
display: flex;
flex-direction: column-reverse;
margin-top: 50px;
text-align: center;
}
footer .copy p{
margin-bottom: 20px;
}
/* =======================================
linkList / contentsLink
========================================== */
.linkList{
margin-top: 40px;
}
.linkList li{
font-size: min(5.2vw,2rem);
line-height: 1.5;
width: 100%;
height: 80px;
text-align: left;
}
.linkList li + li{
margin-top: 20px;
}
.linkList li a{
padding: 10px min(5.4vw,20px) 10px min(5.4vw,20px);
}
.linkList li .icArrow{
width: 36px;
height: 36px;
right: min(6vw,23px);
}
.linkList li .icArrow::before{
width: 13px;
}
.linkList li a .en{
font-size: min(3.4vw,1.3rem);
}
#contentsLink{
padding-bottom: 100px;
}
#contentsLink .linkList{
margin-top: 20px
}
/* =======================================
pgs common
========================================== */
/*-- mainTitle --*/
.mainTitle{
padding-top: 24px;
}
.mainTitle h2 .ja{
font-size: min(6.4vw,2.4rem);
}
.mainTitle h2 .ja::after{
width: 5em;
bottom: -0.125em;
}
.mainTitle h2 .ja span{
font-size: min(3vw,1.6rem);
}
/**/
.secLead h3{
margin-bottom: 20px;
}
.secLead p{
font-size: 17px;
line-height: 1.7;
text-align: left;
}
.column3 >li + li,
.column4 >li + li{
margin-top: 30px;
}
/*-- title --*/
.pgs .h3Tit{
margin-bottom: min(10px,0.5em);
}
/* =======================================
breadcrumb
========================================== */
#breadcrumb{
margin-top: -10px;
}
#breadcrumb li{
font-size: 1.2rem;
}
.single-people #breadcrumb{
padding-left: 35%;
}
/*-- table --*/
.basicTable{
border-bottom: none;
}
.basicTable >div{
display: block;
}
.basicTable > dt,
.basicTable >div>dt{
border-bottom: none;
font-weight: 700;
padding: 3px 2.6%;
width: 100%;
}
.basicTable > dd,
.basicTable >div>dd{
padding: 10px 2.6%;
width: calc(100% - 20%);
width: 100%;
}
table.basicTable thead th,
.basicTable.data tbody th,
.basicTable.data tbody td{
font-size: min(3vw,1.6rem);
}
table.basicTable th,
table.basicTable td{
padding: 5px 2px;
}
.spScroll{
overflow-x: auto;
padding: 10px 0 ;
}
.spScroll table{
min-width: 1000px;
}
/*-- pgsMenu --*/
.pgsMenu > ul.flex{
justify-content: center;
flex-wrap: wrap;
}
.pgsMenu li{
width: 48%;
height: 60px;
padding: 5px;
text-align: center;
}
.pgsMenu a{
display: grid;
place-content: center;
margin: auto;
width: 100%;
height: 100%;
padding: 10px 5px;
background: var(--base);
color: #fff;
text-align: center;
line-height: 1.2em;
}
.pgsMenu a:hover{
opacity: 0.7;
}
.pgsMenu > ul{
margin-top: 10px;
}
/* anchorLink
-----------------------------*/
.anchorLink{
flex-flow: row wrap;
gap:10px 10px;
padding: 15px 0;
}
.anchorLink ul{
flex-flow: row wrap;
gap:10px 15px;
}
.pageLinks{
padding: 15px 0;
gap:10px 10px;
}
.anchorLink li,
.pageLinks li{
width: calc((100% - 10px) / 2);
}
.anchorLink a,
.pageLinks li a{
height: 5.5rem;
font-size: 1.2rem;
line-height: 1.6;
padding: 5px 12% 5px 2%
}
.anchorLink a .icArrow{
top: calc(50% - 12px);
right: 7%;
}
.pageLinks li a span{
font-size: 1.1rem;
}
@media screen and (max-width: 468px) {
.pageLinks li.people_cat-3 a span{
width: 9em;
}
} /* -SP- */
.anchorLink a::after{
right: 4%;
}
/*----*/
.anchorLink .btn2{
width: 100%;
}
/* btnEntry
========================================== */
.btnEntry{
font-size: min(6.2vw,2.4rem);
}
.btnEntry a .btnInner{
padding: 20px min(14.7vw,55px) 20px min(20.5vw,76px);
width: 100%;
}
.btnEntry a .btnInner::before{
width: 63px;
height: 53px;
top: calc(50% - 20px);
left: 5%;
}
.btnEntry a .btnInner::after{
top: calc(50% - 25.5px);
right: 0;
bottom: auto;
left: auto;
}
.btnEntry .en{
font-size: min(3.2vw,1.6rem);
}
.btnEntry .icArrow{
width: 36px;
height: 36px;
right: min(6vw,23px);
}
/* =======================================
top
========================================== */
#top .h2Tit{
margin-bottom: 15px;
}
/* #mv SP
-----------------------------*/
.mvImg{
height: min(110vw,400px);
}
.mvTxts{
left: 5vw;
bottom: 15px;
width: min(100vw,1163px);
}
.mvBtn{
bottom: 5%;
width: min(50vw,200px);
}
.mvBtn a{
background-size: 100px auto;
padding: 15px min(2vw,29px) 15px;
}
.mvBtn .bgOrange{
font-size: min(2.9vw,1.1rem);
}
.mvBtn .obliqueLine{
font-size: min(3.1vw,1.2rem);
}
.mvBtn .obliqueLine::before,
.mvBtn .obliqueLine::after{
height: 18px;
}
.mvBtn h2{
font-size: min(4.3vw,1.6rem);
}
.mvBtn .btn{
background-size: 17px;
font-size: min(2.6vw,1.3rem);
padding-right: 22px;
width: min(100%, 168px);
height: auto;
}
.mvBtn .btn span:not(.icArrow){
padding: 0 25px 6px;
}
/* #topMessage
-----------------------------*/
#topMessage .leadMessage{
background: url("../images/top_message_img01.png") no-repeat 4vw 20px / min(20vw,191px) auto,url("../images/top_message_img02.png") no-repeat 72vw 35px / min(25vw,220px) auto,url("../images/top_message_img03.png") no-repeat 3.43vw 120vw / min(25vw,220px) auto,url("../images/top_message_img04.png") no-repeat 72vw bottom / min(26vw,250px) auto;
padding: 75px 0 120px 0;
}
#topMessage .h2Tit .ja{
font-size: min(5.7vw,2.2rem);
margin-top: 20px;
}
#topMessage .leadMessage p{
line-height: 2;
margin: 40px auto 0;
}
#topMessage .leadMessage p::before{
width: 7.6px;
height: 37px;
top: -35px;
left: calc(50% - 3.8px);
}
#topMessage .leadMessage p::after{
top: calc(100% + 20px);
}
#topMessage .leadMessage .balloonTxt{
margin-top: -12vw;
}
#topMessage .leadMessage .balloon{
font-size: 1.3rem;
width: 80px;
height: 80px;
top: 15px;
left: -15vw;
}
#topMessage .leadMessage .bggrdgr2{
font-size: min(7.7vw,3rem);
margin-right: 5px;
}
.corporatedoctor{
padding-bottom: 70px;
}
.corporatedoctor::before{
height: 500px;
top: -85px;
}
.corporatedoctor p:not(.btnWrap){
font-size: 1.6rem;
margin-bottom: 30px;
}
.corporatedoctor .lineOr{
font-size: min(6.4vw,2.4rem);
}
.corporatedoctor .obliqueLine{
font-size: min(5.4vw,2.1rem);
}
.corporatedoctor .obliqueLine::before,
.corporatedoctor .obliqueLine::after{
height: 5em;
}
.corporatedoctor .obliqueLine::before{
left: -0.4em;
}
.corporatedoctor .obliqueLine::after{
right: -0.4em;
}
.corporatedoctor .obliqueLine span{
display: block;
font-size: min(9.3vw,3.6rem);
}
.corporatedoctor ul li{
margin: 0 auto;
width: min(75%,250px);
}
.corporatedoctor ul li + li{
margin-top: 20px;
}
.corporatedoctor ul li p{
font-size: min(3.85vw,1.5rem) !important;
bottom: 20px;
}
.corporatedoctor .btn{
padding-right: min(10%,35px);
}
/* #topFuture SP
-----------------------------*/
#topFuture{
padding-top: 50px;
}
#topFuture::before{
height: 50px;
top: -30px;
left: 0;
}
#topFuture .secLeadTxt{
font-size: min(4.7vw,1.8rem) !important;
}
#topFuture .pcFlex figure{
margin-top: 20px;
}
#topFuture .futureLead{
margin-bottom: 75px;
}
#topFuture .bnr{
margin-top: 40px;
}
/* #topPeople
-----------------------------*/
#topPeople .h2Tit{
margin-left: 0;
margin-right: 0;
}
/* #topTalk
-----------------------------*/
#topTalk{
padding: 0;
}
#topTalk figure{
border-radius: 0 0 15px 15px;
}
#topTalk .txts{
margin-top: -15px;
padding: 35px 5% 50px;
}
/* #topPeople
-----------------------------*/
#topPeople ul:not(.txtTag) > li{
width: 100%;
}
#topPeople ul:not(.txtTag) > li + li{
margin-top: 40px;
}
#topPeople ul h3{
font-size: min(4.62vw,1.8rem);
margin-top: 5px;
margin-bottom: 6px;
}
#topPeople ul p span{
margin-right: 1.44em;
}
#topPeople ul.txtTag{
gap: 8px;
margin-top: 10px;
}
#topPeople ul.txtTag li{
padding: 3px 1.3rem;
}
/* #topEnvironment
-----------------------------*/
#topEnvironment{
padding-bottom: 100px;
}
.environmentDetail{
margin-top: 35px;
}
.environmentDetail li{
padding: 15px 3%;
width: 100%;
text-align: center;
}
.environmentDetail li + li{
margin-top: 30px;
}
.environmentDetail li:nth-child(1)::after{
width: 60px;
height: 60px;
top: -25px;
right: 10px;
}
.environmentDetail li:nth-child(2)::after{
width: 60px;
height: 55px;
top: -20px;
right: 10px;
}
.environmentDetail li:nth-child(3)::after{
width: 44px;
height: 70px;
top: -20px;
right: 17px;
}
.environmentDetail li:nth-child(4)::after{
width: 60px;
height: 60px;
top: -20px;
right: 10px;
}
.environmentDetail li h3{
font-size: min(4.6vw,1.8rem);
}
.environmentDetail li p.grd{
font-size: min(15.4vw,6rem) !important;
margin-bottom: 5px;
}
.environmentDetail li p.grd span{
font-size: 41.67%;
}
.environmentDetail li:nth-child(4) p.grd{
font-size: min(10.3vw,4rem) !important;
}
.environmentDetail li:nth-child(4) p.grd span{
font-size: 66.67%;
}
#topEnvironment p.btnWrap{
margin-top:20px;
}
/* =======================================
company
========================================== */
#companyLead > div::before{
width: 50vw;
height: 50vw;
left: -7.28vw;
}
#companyLead .h3Tit{
font-size: min(5.87vw,2.6rem);
margin-bottom: 20px;
}
#companyLead .h3Tit span{
font-size: min(5.3vw,2rem);
}
#companyLead .companyHistory .balloon{
width: 112px;
height: 112px;
padding: 25px 5px;
right: 0;
top: -20px;
}
#companyLead .companyHistory .balloon span{
font-size: min(9.6vw,3.6rem);
}
#companyLead .companyHistory ul{
flex-wrap: wrap;
flex-direction: column-reverse;
}
#companyLead .companyHistory li{
margin-top: 15px;
width: 100%;
}
#companyLead .companyHistory li h4{
font-size: min(6.94vw,2.6rem);
margin: 0 9px;
}
#companyLead .companyHistory li p span{
font-size: min(3.47rem,1.3rem);
}
#companyKeyword .obliqueLine{
font-size: min(6vw,2.2rem);
}
#companyKeyword .obliqueLine::before,
#companyKeyword .obliqueLine::after{
height: 2.2em;
}
#companyKeyword .obliqueLine::before{
left: -0.75em;
}
#companyKeyword .obliqueLine::after{
right: -0.75em;
}
#companyKeyword .obliqueLine span{
font-size: min(9.6vw,3.6rem);
margin: 0 6.5px;
}
#companyKeyword ul li{
width: 100%;
}
#companyKeyword ul li + li{
margin-top: 75px;
}
#companyKeyword figure{
margin-bottom: 10px;
}
#companyKeyword figure figcaption{
font-size: min(18.7vw,70px);
margin-top: 20px;
}
#companyFuture .futureEnvision{
gap:0 min(9.4vw,35px);
margin-top: 5px;
padding-top: 17px;
}
#companyFuture .futureEnvision::before{
left: min(18.7vw,70px);
}
#companyFuture .futureEnvision dt{
font-size: min(6.5vw,2.4rem);
width: min(18.7vw,70px);
line-height: 2;
}
#companyFuture .futureEnvision dd{
margin: 25px 0;
padding: 30px 4.5% 15px;
width: calc(100% - min(18.7vw,70px) - min(9.4vw,35px));
}
#companyFuture .futureEnvision dt:nth-of-type(3){
margin-top: calc(40px - 0.8em);
}
#companyFuture .futureEnvision dd:nth-of-type(3){
margin-top: 40px;
padding-top: 80px;
}
#companyFuture .futureEnvision dd h4 .ja{
font-size: min(5.4vw,2rem);
}
#companyFuture .futureEnvision dd h4 .num{
font-size: min(6.4vw,2.4rem);
margin: -60px 0 0 calc(-4.5% - 10px);
width: 60px;
height: 60px;
}
#companyFuture .futureEnvision dd h4 .num::before,
#companyFuture .futureEnvision dd h4 .balloon:before{
width: min(9.0vw,30px);
right: 100%;
}
#companyFuture .futureEnvision dd h4 .num::after,
#companyFuture .futureEnvision dd h4 .balloon:after{
width: 16px;
height: 16px;
top: calc(50% - 8px);
right: 100%;
margin-right: min(5.5vw,20px);
}
#companyFuture .futureEnvision dd h4 .balloon{
margin: -133px 0 0 -20px;
}
#companyFuture .futureEnvision dd h4 .balloon:after{
top: calc(56px - 8.5px);
}
#companyFuture .futureEnvision dd h4 .balloon span{
font-size: min(9.6vw,3.6rem);
}
#companyFuture .futureEnvision dd h4 .en{
font-size: 1.6rem;
margin-top: 10px;
}
#companyFuture .futureEnvision dd ul{
margin: 20px 0 25px;
}
#companyFuture .futureEnvision dd ul li{
padding-left: 21px;
}
#companyFuture .futureEnvision dd ul li::before{
width: 18px;
height: 18px;
top: 3px;
}
#companyFuture .futureEnvision dd ul li + li{
margin-top: 10px;
}
#companyFuture .futureEnvision dd p{
line-height: 2.375;
}
#companyFuture .futureMessage{
margin-top: 60px;
}
#companyFuture .futureMessage h4{
font-size: min(4.5vw,1.8rem);
}
#companyFuture .futureMessage h4 .green{
font-size: min(6.4vw,2.4rem);
}
#companyFuture .futureMessage h4 .lineGr{
font-size: min(5.87vw,2.2rem);
}
#companyMessage figure{
border-radius: 15px 15px 0 0;
margin-top: -20px;
}
#companyMessage .txts{
padding: 50px 5% 40px;
width: 100%;
}
#companyPerson{
padding-bottom: 100px;
}
#companyPerson::after{
height: 80px;
}
#companyPerson .leadBox p{
background: url("../images/company_person_balloon_sp.svg") no-repeat left top / 100%;
margin: 0 auto;
padding: 0 5% 10%;
width: 100%;
aspect-ratio: 1 / 0.6;
}
#companyPerson .leadBox figure{
margin: -8% 0 0 auto;
width: min(34.1vw,128px);
}
#companyPerson ul{
padding: 35px 20px 20px;
}
#companyPerson ul::before{
left:0;
}
#companyPerson ul li{
padding-bottom: 20px;
margin-bottom: 30px;
}
#companyPerson ul li h3{
font-size: min(8vw,4rem);
width: min(22.4vw,112px);
height: min(22.4vw,112px);
top: -10px;
left: 0;
}
#companyPerson ul li figure{
margin-bottom: 10px;
width: 100%;
}
#companyPerson ul li:nth-child(1) figure img{
width: min(35vw,175px);
}
#companyPerson ul li:nth-child(2) figure img{
width: min(18.8vw,94px);
}
#companyPerson ul li:nth-child(3) figure img{
width: min(64.4vw,342px);
}
#companyPerson ul li dl{
width: 100%;
}
#companyPerson ul li dl dt{
font-size: min(5.3vw,2rem);
padding:5px 1em;
}
#companyPerson ul li dl dd{
padding-top: 10px;
}
/* =======================================
works SP
========================================== */
.imagesWrap{
z-index: 0;
}
.imagesWrap::before{
content: "";
display: block;
background:var(--green);
width:2px ;
height: 100%;
position: absolute;
left: 50%;
top: 0;
z-index: -1;
}
.imagesWrap::after{
content: "";
display: block;
background:var(--green);
width: 2px ;
height: calc(100% - 747px);
position: absolute;
left: calc(50% + 150px + 28px);
bottom: 185px;
}
.imagesWrap li{
position: relative;
margin: 30px auto 0;
padding: 0px 10px 20px;
width: 300px;
}
.imagesWrap .iconWrap{
top: -15px;
}
.imagesWrap h4{
font-size: 16px;
padding: 5px 10px;
}
.imagesWrap figure figcaption{
margin:10px 0 5px;
font-size: 15px;
}
.imagesWrap li:nth-of-type(2)::before{
content: "";
display: block;
background: var(--green);
width:12px;
height:16px;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
position: absolute;
top: 0;
bottom: 0;
left: 100%;
margin: auto;
}
.imagesWrap li:nth-of-type(2)::after,
.imagesWrap li:last-of-type::after{
content: "";
display: block;
width: 30px;
height:2px;
background:var(--green);
position: absolute;
bottom: 0;
top: 0;
left: 100%;
margin: auto;
}
.worksAnchor{
flex-wrap: wrap;
justify-content: center;
gap: 0 20px;
}
.worksAnchor li{
max-width: 150px;
margin: 0;
}
.worksAnchor h4{
font-size: min(4.8vw,1.8rem);
top: 20px;
}
.worksAnchor h4 .sub1{
margin-bottom: 15px;
font-size: 65%;
}
.worksAnchor h4 .sub2{
margin-bottom: 5px;
font-size: 70%;
}
.worksAnchor figure{
margin: 0 0 10px;
}
.worksAnchor a.arrow{
font-size: 1.3rem;
width: 80%;
top: 65%;
left: 10%;
right: 10%;
}
.worksAnchor a.arrow::after{
width: 18px;
height: 18px;
}
.deepingBox{
margin-top: 50px;
}
.deepingBox:first-of-type{
margin-top: 15px;
}
.deepingBox .deepingBoxInner{
padding: 20px 5%;
}
.deepingBox h4{
font-size: 20px;
}
.deepingBox h4 span{
padding: 2px 8px 1px;
}
.deepingBox .worksList{
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 15px;
gap:10px 4%;
}
.deepingBox .worksList li{
width: 48%;
/*max-width: 142px;*/
}
@media screen and (min-width: 500px) and (max-width: 700px) {
.deepingBox .worksList li{
width: calc((100% - 4% * 2) / 3);
}
} /* - - */
@media screen and (min-width: 700px) and (max-width: 900px) {
.deepingBox .worksList li{
width: calc((100% - 4% * 3) / 4);
}
} /* - - */
.deepingBox .worksList p{
margin: 0 0 5px;
font-size: 1.3rem;
}
.deepingBox .worksList figure{
width: min(80%, 142px);
height: auto;
aspect-ratio: 1 / 1;
}
.deepingBox .timeline li{
margin-top: 30px;
}
.deepingBox .timeline li:not(:last-child)::after{
content: "";
display: block;
background: url('data:image/svg+xml;utf8,') no-repeat left top/100% auto;
width: 45px;
height:45px;
position: absolute;
top: calc(100% - 15px);
right: 0;
left: 0;
margin: auto;
}
.deepingBox .timeline li figure{
margin: 0 0 10px;
}
.deepingBox .timeline li figure figcaption{
font-size: 14px;
}
.deepingBox .timeline li h6{
margin-bottom: 5px;
font-size: 18px;
}
.deepingBox .suited{
margin-top: 30px;
padding-top: 30px;
}
.deepingBox .suited .checkList li{
margin-bottom: 10px;
font-size: min(3.5vw,1.6rem);
line-height: 1.6;
}
.deepingBox .suited dl{
padding: 20px 15px;
margin-top: 30px;
}
.deepingBox .suited dt{
gap:0 15px;
margin-bottom: 10px;
font-size:18px;
}
.deepingBox .suited dt img{
width: 70px;
}
.deepingBox .btnWrap .btn{
padding-right: min(11.7%,38px);
}
/* =======================================
environment SP
========================================== */
#environmentCareer h4,
#environmentBenefit h4{
font-size: min(4.8vw,1.8rem);
padding: 5px 10px;
}
.careerStep{
margin-bottom: 50px;
}
.careerStep li{
margin-bottom: 30px;
padding: 15px 5% 20px;
}
.careerStep li + li::before{
content: "";
display: block;
background: url('data:image/svg+xml;utf8,') no-repeat left top/100% auto;
width: 45px;
height:45px;
position: absolute;
bottom: 100%;
right: 0;left: 0;
margin: auto;
}
.environmentList + h4{
margin-top: 50px;
}
.environmentList li{
padding: 20px 5%;
}
.environmentList li + li{
margin-top: 20px;
}
.environmentVoice ul li{
margin-top: 20px;
padding: 20px 9px;
font-size: min(4vw,1.4rem);
}
#environmentBenefit .others{
margin-top: 50px;
padding: 20px 15px ;
}
#environmentBenefit .others dt{
margin-top: -40px;
margin-bottom: 20px;
}
#environmentBenefit .others dt span{
font-size: min(4.8vw,1.8rem);
padding: 5px 10px;
}
#environmentBenefit .others dd ul{
justify-content: center;
gap:0.5em 0.5em;
}
#environmentBenefit .others dd li{
font-size: min(4vw,1.4rem);
line-height: 1.5;
}
.environmentOfficeSlider figure{
width: 60vw;
}
.prize{
margin-block: 30px;
padding: 20px 0;
}
.prize li{
padding: 0 0 20px 30px;
font-size: 16px;
}
.prize ul li::before{
width: 40px;
height: 52px;
left: 0;
top: 0;
}
.prize ul li + li{
border-top: 1px dashed var(--base);
margin-top: 0 !important;
padding-top: 20px;
}
.prize ul li + li::before{
top: 20px;
}
.prize li .btn2{
margin-top: 10px;
height: 50px;
}
/* =======================================
people SP
========================================== */
#peopleLead{
padding-bottom: 0;
}
#peopleProfile .txts{
}
#peopleProfile figure{
margin: 30px auto 0;
}
.peopleBox{
margin-top: 40px;
}
.peopleBox .txts{
}
.peopleBox figure{
margin: 20px auto 0;
}
.peopleBox h4{
margin-bottom: 20px;
font-size: 20px;
}
.peopleListSlider .slick-slide{
margin: 0 10px;
}
/* =======================================
talk SP
========================================== */
#talkLead{
padding-bottom: 0;
}
.talkBox ol li{
display: block;
overflow: hidden;
}
.talkBox ol li figure{
float: left;
margin-right: 15px;
margin-bottom: 15px;
padding: 5px;
}
.talkBox ol li .txts{
padding: 0;
font-size: min(4.2vw, 18px);
}
.talkBox ol li .txts p{
font-size: min(4.2vw, 18px);
}
.talkBox .wide{
height: auto
}
/* =======================================
jobdescription SP
========================================== */
#recruitFlow ol::before{
height:calc(100% - 90px) ;
top: 50px;
left: calc(50% - 3.5px);
}
#recruitFlow ol li figure{
margin: 0 auto;
width: min(40.1vw,150px);
}
#recruitFlow ol figure figcaption{
font-size: 4.5rem;
bottom: 0.1em;
left: -.75em;
}
#recruitFlow ol .txts{
width: auto;
margin-top: -20px;
padding: 20px 6%;
}
#recruitFlow .txts h4{
margin-bottom: 10px;
font-size: 20px;
text-align: center;
}
#jobdescription .bnrArea{
padding-top: 25px;
padding-bottom: 25px;
}
/* =======================================
camp SP
========================================== */
#camp #breadcrumb{
margin-top: 10px !important;
}
.aboutCorporatedoctor h4{
font-size: min(4.8vw,1.8rem);
margin-top: 25px;
margin-bottom: 15px;
}
.aboutCorporatedoctor h4 .lineGr{
font-size: min(5.3vw,2rem);
}
.aboutCorporatedoctor ul{
margin-top: 15px;
}
.aboutCorporatedoctor ul li:not(:first-child){
margin-top: -10px;
}
.aboutCorporatedoctor ul li:nth-child(2) figure{
flex-direction: row-reverse;
}
.aboutCorporatedoctor ul li figure{
display: flex;
align-items: center;
}
.aboutCorporatedoctor figure img{
position: relative;
z-index: 5;
width: min(52%,150px);
}
.aboutCorporatedoctor figcaption{
margin-left: -7%;
padding: 20px 10px 20px calc(10px + 8%);
text-align: left;
}
.aboutCorporatedoctor ul li:nth-child(2) figcaption{
margin-left: 0;
margin-right: -7%;
padding-left: 10px;
padding-right: calc(10px + 7%);
text-align: right;
white-space: nowrap;
}
.aboutCorporatedoctor figcaption span{
display: inline;
font-size: min(4.8vw,1.8rem);
margin-left: 5px;
}
.aboutCorporatedoctor .txts{
position: relative;
width: 100%;
}
.aboutCorporatedoctor .balloonTxt{
top: 6.25em;
right: -0.25em;
}
.aboutCorporatedoctor .txts p:not(.balloonTxt){
font-size: min(4.3vw, 1.6rem);
}
.aboutCorporatedoctor .lineOr{
font-size: min(5.3vw,2rem);
}
.aboutCorporatedoctor .obliqueLine{
font-size: min(4.8vw,1.8rem);
}
.aboutCorporatedoctor .obliqueLine::before,
.aboutCorporatedoctor .obliqueLine::after{
height: 50px;
}
.aboutCorporatedoctor .obliqueLine span{
font-size: min(8vw,3rem);
}
#campCando ul li figure img{
width: min(64vw,240px);
}
#campCando ul li figcaption{
margin-bottom: 5px;
}
#campCando ul li + li{
margin-top: 30px;
}
#campCando ul:nth-of-type(1){
padding-bottom: 10px;
}
#campCando ul:nth-of-type(1)::before{
width: 40px;
height: 20px;
bottom: -20px;
left: calc(50% - 20px);
}
#campCando ul:nth-of-type(1)::after{
width: 60px;
height: 20px;
left: calc(50% - 30px);
bottom: -40px;
}
#campCando h4{
margin: 50px auto 20px;
}
#campCando h4 .obliqueLine{
font-size: min(5.3vw,2rem);
}
#campCando h4 .obliqueLine::before,
#campCando h4 .obliqueLine::after{
height: 1.5em;
}
#campCando h4 .obliqueLine::before{
left: -1em;
}
#campCando h4 .obliqueLine::after{
right: -1em;
}
.campCandoBalloon{
margin: 50px auto 0;
}
.campCandoBalloon::before{
width: 70px;
height: 30px;
top: -30px;
right: calc(50% - 35px);
}
.campCandoBalloon div.pcFlex{
gap: 0 4%;
align-items: center;
justify-content: center;
}
.campCandoBalloon div.pcFlex figure{
margin: 0 auto 20px;
width: min(73%,200px);
}
.campCandoBalloon div.pcFlex h5{
font-size: min(4.3vw,1.6rem);
text-align: center;
}
#campExampleBox ol li figcaption{
font-size: min(4.8vw,1.8rem);
padding: 5px 15px;
}
#campExampleBox ol li figcaption span{
font-size: min(3.73vw,1.4rem);
}
#campExampleBox ol li .txts h4{
font-size: min(4.3vw,1.6rem);
margin-top: 10px;
margin-bottom: 5px;
}
#campExampleImages{
flex-wrap: wrap;
gap: 45px 4%;
margin-top: 45px;
}
#campExampleImages figure{
width: calc(96% / 2);
}
/* faq
========================================== */
/*-- faqList--*/
.faqList dt,
.faqList dd{
padding: 3%;
}
.faqList dt span{
padding-left: 45px;
padding-right: 1em;
}
.faqList dd span{
padding-left: 45px;
}
.faqList dt span::before,
.faqList dd span::before{
width: 35px;
height: 35px;
top: -0.17em;
}
/* =======================================
news SP
========================================== */
/* 一覧
---------------------------
.newsBox .date{
padding: 5px 15px;
margin-bottom: 10px;
}
.newsBox figure{
margin: 0 0 20px;
}
.newsBox h3{
margin-bottom: 10px;
}
--*/
/* single
----------------------------
article{
padding: 50px 0;
}-*/
/* =======================================
entry SP
========================================== */
#entry footer{
padding-top: 50px;
}
/* =======================================
form SP
========================================== */
.formArea .basicTable{
display: block;
}
.formArea .basicTable input:not([type=checkbox]):not([type=radio]){
padding: 4px;
width: 100%;
}
.formArea .basicTable textarea{
padding: 4px;
width: 100% !important;
height: 100px;
}
.formArea .basicTable .hissu{
font-size: 1rem;
padding: 3px 1.5% 4px;
}
.formArea #fRecruit dt{
flex-flow: column;
align-items: flex-start;
}
.formFoot{
margin:20px 0 0;
}
input.btn2{
background: url("../images/ic_arrow_white.svg") no-repeat right 6% center / 25px auto ,var(--grdgr01);
}