@charset "UTF-8";
/* CSS Document */

/* 中身-モバイルファースト======================================================================================================== */


#top_copy .title{
border-bottom: solid 2px #111;
padding-bottom: 20px;
margin-bottom: 20px;
}
#top_copy .title em{
font-size: 12vw;
}
#top_copy .title h2{
font-size: 6vw;
}
#top_copy .text h3{
font-size: 5.5vw;
}
#top_copy .text p{
margin-top: 1em;
}

#entery li{
background-color: #eee;
padding: 20px;
margin-top: 20px;
text-align: center;
}
#entery li:first-child{
margin-top: 0px;
}
#entery li h4{
font-size: 20px;
margin-bottom: 10px;
}
#entery li .common_btn a{
background-color: #fff;
padding: 20px 0;
}
#entery li .common_btn a img{
width: 140px;
}



/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

#top_copy{
display: flex;
}
#top_copy .title{
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
border-right: solid 2px #111;
padding-right: 50px;
margin-right: 50px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#top_copy .title em{
font-size: 100px;
line-height: 1.4;
}
#top_copy .title h2{
font-size: 40px;
}
#top_copy .text{
flex: 1;
}
#top_copy .text h3{
font-size: 40px;
}
#top_copy .text p{
line-height: 2.5;
}



#entery ul{
display: flex;
justify-content: center;
}
#entery li{
width: 400px;
margin: 0 30px;
padding: 50px;
}
#entery li h4{
font-size: 24px;
margin-bottom: 20px;
}
#entery li .common_btn a{
display: block;
}
#entery li .common_btn a:hover{
background-color: #E3F7FF;
}
#entery li .common_btn a::before{
background-color: #111;
}
#entery li .common_btn a::after{
border-color: #111;
}

}