/*
Theme Name:switch-child
Template:switch_tcd063
Version:1.4
*/


/*トップページ*/
/*recruit info.*/
.p-article07 a { display: block;
 width: 100%; 
 height: 100%; 
 }

.p-article07__title { z-index: 1;
 position: absolute; top: 0; right: 0; width: 170px; height: 120px; 
 background: #000000; 
 font-size: 16px; 
 line-height: 120px; 
 }

.p-article07__title::before { 
  z-index: 1; 
  position: absolute;
  top: 0; left: -120px; 
  width: 0; 
  height: 0; 
  border-width: 120px 60px 120px 60px; 
  border-style: solid; 
  border-color: transparent #000000 #000000 transparent; 
  content: "";
 }
 
.p-article07__title { 
  color: #FFFFFF !important; 
}
/*menu.*/
.p-global-nav { 
  font-size: 11.5px; 
}

/*speakerdeckリンクボタン*/
.q_button {
background-color: #000000; 
}

/*フリースペース調整*/
.p-index-content03 { margin-top: 100px !important;
}

.p-index-content08 { margin-bottom: 0 !important;
}


/*フリースペースYouTube*/
.youtube iframe {
  width: 800px;
  height: 450px;
}
@media screen and (max-width: 480px) {
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
}

/*フリースペースSPEAKERDECK*/


.p-cb {
    padding-top: 0;
}

/*フッター*/
.l-footer { 
 margin-top: 30px; 
}



.p-index-content01 { 
    position: relative; 
	margin-bottom: 0px !important; 
	padding: 51px 0 79px; 
	text-align: center; 
	}
	
.p-index-content01__link { 
	z-index: 100; }

.p-block04__title {
    font-size:35px; 
}
.p-page-header__title { 
    font-size:20px;
}

/*社員インタビュー*/

.p-interview dd { 
    line-height: 2em;
}

/*リクルートマガジン記事*/
.p-entry p { 
    margin-top: 4em;
}

.p-entry__body p { 
    line-height: 1.6em;
}
.p-entry p strong { 
    color: #00adcc;
}
.wp-block-image figcaption { 
    font-size: 13px; line-height: 1.6em;
}

/*インターンシップ*/
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #333333;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

/*平成建設について*/
.p-entry__body h3 { 
    line-height: 2em;
}

.box1 { 
 display:inline-block;
 margin: 2em auto;
 padding: 1em;
 background-color: #fff; /* 背景色 */
 border: 1px solid #333333; /* 枠線 */
}

.wrap{
  text-align:center;
}

/* 平成建設についてbutton2（赤）のスタイル */
.q_button2 { 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
display: inline-block; 
min-width: 200px; 
max-width: 90%; 
margin: 0; 
padding: .6em 1.3em .5em; 
background-color: #ca0915; 
color: #fff !important; 
font-size: 100%; 
font-weight: 400; 
text-align: center; 
text-decoration: none; 
vertical-align: middle; 
-webkit-transition: all 0.3s ease-in-out 0s; 
transition: all 0.3s ease-in-out 0s; 
}