/*ヘッダーフッター消したの*/
.l-header {
    display: none;
}
/*全体的なこと*/
body {
position: relative;
min-width: 980px;
height: 100%;
background: #fff;
color: #222;
margin: 0;
word-wrap: break-word;
letter-spacing: .1em;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.5;
overflow-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
a{
 display: block;
}
.h2-img{
width: 100%;
}
h3{
font-size: 2rem;
line-height: 1.75;
}
img{
vertical-align:top;
}
section{
margin: 40px auto;
}
.lp {
border: 1px solid #000;
background: #fff;
max-width: 480px;
margin: 0 auto;
}
.lp-bg{
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url(/lp/it/img/bg.png);
display: flex;
}
@media screen and (max-width:767px) {
body {
min-width: 100%;
}
.main{
width: 100%;
}
h3 {
font-size: 1.5rem;
}
h2{
text-align: center;
}
.lp{
width: 100%;
margin: 0 auto;
border: 0px solid #000;
}
}
/*ヘッダー*/
header {
position: sticky;
z-index: 2;
top: 0;
width: 100%;
height: 60px;
background-color: #fff;
padding: 10px 0;
}
.logo img {
height: 50px;
}
/*TOP画像*/
.lpimg{
width: 100%; 
text-align: center;
height: auto;
}
.lpimg img{
width: 100%; 
}
.sp {
display: none;
}
/*ボタン*/
.btn_bg{
position: relative;
margin: 0 auto;
padding: 15px 10px;
background-color: #6abead;
}
.lp_btn img {
width: 100%;
margin: 0 auto;
}
.lp_btn {
display: flex;
width: 100%;
margin: 0 auto;
}
/*こんな人におすすめ*/
.hito_bg{
position: relative;
background-color: #f2f2f2;
margin: 0;
}
.hito img{
width: 100%; 
}
.hito_hukidashi {
text-align: center;
flex-wrap: wrap;
display: flex;
max-width: 800px;
margin: 0 auto;
}
.hito_hukidashi_01{
margin: 0px 0 30px;
width: 50%;
}
.hito_hukidashi_02{
width: 50%;
margin: 30px 0 0px;
}
/*ポイント*/
.point_title_bg{
background: linear-gradient(180deg,#f2f2f2 50%,#fff 50%);
background-size: auto auto;
margin: 0;
}
.point_bg{
position: relative;
margin: 0 auto;
}
.point{
width: 100%; 
text-align: center;
height: auto;
}
.point img{
width: 100%; 
}
.point_memo {
background-color: #ffffff;
position: relative;
margin: 80px 15px 40px;
border: solid 5px #595757;
padding: 25px 20px;
}
h3.third_point1, h3.third_point3 {
margin: 20px 0;
font-weight: bold;
font-size: 2.3rem;
line-height: 3rem;
color: #2caca5;
}
.point_b1{
font-weight: bold;
font-size: 2rem;
line-height: 2rem;
color: #2caca5;
}
h3.third_point2 {
margin: 20px 0;
font-weight: bold;
font-size: 2.3rem;
line-height: 3rem;
color: #134c80;
}
.text_area {
margin: 20px 0 10px;
}
.c-list-3__item:before {
background: #2caca5;
}
.point_no {
margin: 0 auto;
width: 120px;
position: absolute;
top: -75px;
left: -20px;
}
.pont_img{
width: 100%;
}
/*在校生の声*/
.voice_bg{
position: relative;
margin: 0 auto;
padding: 10px 0;
background-color: #f2f2f2;
}
.voice_flame {
text-align: center;
background-color: #ffffff;
padding: 30px;
border-radius: 10px;
max-width: 100%;
margin: 40px 30px;
}
.voice_top{
margin: 20px;
}
.voice_top img{
width: 100%; 
}
.voice_img{
width: 100%;
}
.voice_b{
color: #40bbaa;
font-size: 2rem;
line-height: 2.5rem;
font-weight: bold;
}
/*OC*/
.oc_title{
background-color: #f2f2f2;
}
.oc_bg{
position: relative;
margin: 0 auto;
padding: 20px 20px 40px;
background-color: #40c0af;
}
.oc_title img{
width: 100%; 
}
.oc_bg img{
width: 100%; 
}
.thumb_cont_list.column_2 > li {
margin-bottom: 24px;
}
.thumb_cont_list.column_2 {
margin: 0 auto -20px;
}
.thumb_cont_list.column_2 > li .ttl {
color: yellow;
}
.thumb_cont_list.column_2 > li p {
margin: 16px 0 8px;
color: #ffffff;
}
/*フッター*/
footer {
text-align: center;
padding: 20px 0;
background:linear-gradient(45deg, #008880, #adffd3);
}
/*アニメーション*/
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fadeUpTrigger{
opacity: 0;
}