@charset "UTF-8";
/*
    Template: recruit_rr
    Theme Name: recruit_rr_child
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.white_bg{
    background-color: hsla(0, 0%, 100%, 0.8);
    padding:50px;
    box-shadow: 2px 2px 10px #CCC;
}
.center{
    text-align: center;
}
.ib{
    display: inline-block;
}
.bebas{
    font-family: 'Bebas Neue', cursive;
}
.mgn30{
    margin-bottom:30px;
}
.title01{/*エントリータイトル*/
    font-size:3rem;
    letter-spacing: .2rem;
    font-weight: bold;
    color: #fc8732;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Bebas Neue', cursive;
    text-shadow: 
    #FFF 2px 0px 2px, #FFF -2px 0px 2px,
    #FFF 0px -2px 2px,#FFF -2px 0px 2px,
    #FFF 2px 2px 2px, #FFF -2px 2px 2px,
    #FFF 2px -2px 2px, #FFF -2px -2px 2px,
    #FFF 1px 2px 2px, #FFF -1px 2px 2px,
    #FFF 1px -2px 2px, #FFF -1px -2px 2px,
    #FFF 2px 1px 2px, #FFF -2px 1px 2px,
    #FFF 2px -1px 2px, #FFF -2px -1px 2px,
    #FFF 1px 1px 2px, #FFF -1px 1px 2px,
    #FFF 1px -1px 2px, #FFF -1px -1px 2px;
}
.title02{/*コンテンツタイトル*/
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}
.title02_en {
    margin-bottom: 6px;
    font-size: 4rem;
    text-transform: uppercase;
    color: #fc8732;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-family: 'Bebas Neue', cursive;
}
.title02_ja {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
    position: relative;
    letter-spacing: 0.2em;
    padding-right: 3px;
}
.title02_ja::after {
    position: absolute;
    left: 100%;
    bottom: 15px;
    width: 100vw;
    border-top: 2px solid chocolate;
}


.intro__text{
    font-size: 20px;
    color: #ec3406;
    line-height: 2.4;
    text-align: center;
    font-weight: bold;
    letter-spacing: .1rem;
    text-shadow: 
    #FFF 2px 0px 2px, #FFF -2px 0px 2px,
    #FFF 0px -2px 2px,#FFF -2px 0px 2px,
    #FFF 2px 2px 2px, #FFF -2px 2px 2px,
    #FFF 2px -2px 2px, #FFF -2px -2px 2px,
    #FFF 1px 2px 2px, #FFF -1px 2px 2px,
    #FFF 1px -2px 2px, #FFF -1px -2px 2px,
    #FFF 2px 1px 2px, #FFF -2px 1px 2px,
    #FFF 2px -1px 2px, #FFF -2px -1px 2px,
    #FFF 1px 1px 2px, #FFF -1px 1px 2px,
    #FFF 1px -1px 2px, #FFF -1px -1px 2px;
}
.card__flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
.card{
    display: block;
    width:49%;
    border: 1px solid #DDD;
    background-color: #EFEFEF;
}
.card:hover{
    opacity: 0.8;
    transition: .3s;
}
.card__title{
    font-size:18px;
    font-weight: bold;
    margin-left:20px;
    margin-bottom:10px;
    color:#333;
}
.card__title span{
    display: flex;
    align-items:center;
    color:chocolate;
    font-size:14px;
    font-weight: bold;
    text-transform:uppercase;
}
.card__title span::before{
    content:'';
    display: inline-block;
    margin-right: 10px;
    width:30px;
    height:2px;
    background-color: chocolate;
}
.contents__text{
    margin-bottom:30px;
}
.btn_center a{
    margin: auto;
}
.btn01 a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3em 2em;
    width: 240px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    background: rgb(255,119,0);
background: linear-gradient(63deg, rgba(255,119,0,1) 32%, rgba(241,174,37,1) 92%);
    border-radius: 50vh;
}
.btn01 a::after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg);
  }
  
.btn01 a:hover {
    text-decoration: none;
    opacity: .7;
    transition: .3s;
  }
  .bg_readname{
    position: relative;
    overflow: hidden;
  }
  .bg_readname:after {
    content: "READ REFORM";
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    z-index: -1;
    font-size: 15rem;
    font-weight: bold;
    white-space: nowrap;
    color: rgba(255, 88, 81, 0.08);
    letter-spacing: -0.05em;
    text-transform: uppercase;
}
/*トップページ内お問合せ*/
.topformttl{
	text-align: center;
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	margin-bottom:40px;
}
ul.flex-cnt{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
    margin-bottom:20px;
}
.telform{
	padding: 0 20px;
    width: 50%;
	text-align: center;
}
.telform{
	font-size:32px;
	padding:3px 10px;
	line-height: 30px;
}
.telform a{
	font-size:32px;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
}
.top-contact-mail{
	padding: 0 20px;
    width: 50%;
}
.top-contact-mail a{
	display: block;
    width: 240px;
    background: #ec8206;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
	color:#FFF;
	text-decoration: none;
}
.top-contact-mail:hover{
	opacity: 0.8;
}
@media screen and (max-width:767px){
    .intro__text{
        text-align: left;
    }
}