/*消したもの*/
header, .sp_menu #global_header, .breadcrumbs, .sns_p, .sns_icon, .cta_wrap_short, footer, #fixed_bottom_nav, .lp-senyo {
display: none;
}
/*全体的なこと*/
section{
margin: 0px;
}
.text_area {
margin: 15px 0 20px;
}
body:not(#site_index) {
padding-top: 0px;
}
.logo img {
height: 50px;
}
.lp {
max-width: 480px;
margin: 0 auto;
border: 1px solid #000;
background: #fff;
}
.text_area p {
text-align: left;
}
.lp-bg{
display: flex;
background-attachment: fixed;
background-size: 32px 32px;
background-position: 50% 50%;
background-image: repeating-linear-gradient(90deg, #e6e6e2, #e6e6e2 1px, transparent 1px, transparent 32px), repeating-linear-gradient(0deg, #e6e6e2, #e6e6e2 1px, #fff 1px, #fff 32px);
}
.h2-img{
width: 100%;
}
h3{
font-size: 15px;
line-height: 1.5;
color: #ff9d19;
margin: 15px 0;
}
.point-h3-box {
display: block;
position: relative;
}
.point-h3-box span{
font-size: 2rem;
line-height: 1.75;
font-weight: bold;
position: relative;
padding: 2px 6px;
color: #fff;
background-color: #ff9d19;
}
h4{
background: none;
margin-bottom: 0px;
padding: 0px;
}
@media screen and (max-width:767px) {
.lp {
width: 100%;
margin: 0 auto;
border: 0px solid #000;
}
h2{
text-align: center;
}
}
/*ヘッダー*/
.lp-header {
position: fixed;
z-index: 3;
top: 0;
width: 100%;
height: 60px;
background-color: #fff;
padding: 10px;
}
@media screen and (max-width:767px) {
.lp-header {
height: 50px;
}
.logo img{
height: 40px;
}
}
/*メニュー*/
.lp-pc {
position: fixed;
top: 50px;
left: 25px;
width: 30%;
}
.lp-pc-btn img{
padding: 0 10px;
}
.lp-pc img {
max-width: 100%;
margin-bottom: 20px;
}
.lp-pc-title{
width: 80%;
margin: 0 auto;
}
.lp-pc-btn{
display: flex;
}
.lp-link {
width: 60%;
margin: 0 auto;
}
@media screen and (max-width:1500px) {
.lp-pc {
display: none;
}
}
/*TOP画像*/
.lpimg{
width: 100%; 
text-align: center;
height: auto;
}
.lpimg img {
width: 100%;
margin-top: 60px;
}
@media screen and (max-width:1600px) {
.lpimg img {
margin-top: 50px;
}
}
/*概要*/
.about_bg{
background: #fff;
}
.about-img{
margin: 15px;
}
.about-img img{
width: 100%;
}
@media screen and (max-width:767px) {
}
/*ポイント*/
.point_bg{
background-color: #ff9d19;
padding: 15px 0;
}
.point_box{
position: relative;
padding: 10px 0;
margin: 0 20px;
}
.point_top {
position: absolute;
width: 120px;
top: 0px;
right: 0;
left: 0;
margin: auto;
}
.point_top img{
width: 100%; 
}
.point_flame {
background-color: #ffffff;
padding: 60px 20px 20px;
border-radius: 10px;
margin: 40px auto;
}
.point_img{
margin-top: 20px;
}	
.point_img img{
width: 100%; 
}
.point_text{
color: #40bbaa;
font-size: 1.8rem;
line-height: 2.5rem;
font-weight: bold;
margin: auto;
}
.red {
color: #ff7178;
font-weight: bold;
}
@media screen and (max-width:767px) {
.point_box {
padding: 10px 0px;
}
.point_top {
width: 100px;
}
.point_flame {
padding: 50px 20px 20px;
margin: 30px auto;
}
}
/*資格*/
.shikaku {
padding: 20px 15px;
background-color: #ffff97;
}
.shikaku img{
width: 100%;
}
/*ゲストメッセージ*/
.point_message {
text-align: center;
background-color: #c4d6e2;
position: relative;
padding: 20px 15px;
border-radius: 10px;
margin-top: 60px;
}
.point_message-title{
position: absolute;
width: 230px;
top: -45px;
left: 0;
}
.point_message img {
width: 100%;
}
/* 卒業生 */
.sec-graduate__bg {
background: url(https://www.tsb-yyg.ac.jp/files/lp/office/2025/lp_office_graduate_bg.png) no-repeat;
background-size: 100% 100%;
padding: 80px 20px 30px;
margin: 0 15px 30px;
position: relative;
}
/* スライダー */
.swiper {
width: 100%;   
}
.swiper-wrapper {
height: 100%;
}
.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
color: #333;
font-size: 1.2rem;
}
/* 矢印の位置・見た目を調整 */
.swiper-button-next, .swiper-button-prev {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
top: 50%;
transform: translateY(-50%);
}
/* 擬似要素 ::after に入る矢印のサイズを調整 */
.swiper-button-next::after, .swiper-button-prev::after {
font-size: 16px;
}
.swiper-pagination {
position: relative;
bottom: -20px;
text-align: center;
}
.slider-box {
background: rgba(255,255,255,0.7);
border: 2px solid #000;
border-radius: 10px;
padding: 20px;
width: 90%;
margin-bottom: 20px;
}
.slider-box img {
width: 100%;
height: auto;
}
/*OC*/
.oc_bg{
background-color: #ff9d19;
padding: 20px 15px;
}
.oc-img{
margin: 0 auto;
}
.oc-img img{
width: 100%;
}
@media screen and (max-width:767px) {
.oc_bg{
padding: 30px 20px;
}
}
/*キャンパスライフ*/
.life_bg{
background-color: #eefaf0;
padding: 20px 15px;
}
.life-img{
margin: 0 auto;
}
.life-img img{
width: 100%;
}
@media screen and (max-width:767px) {
.life_bg{
padding: 30px 20px;
}
}
/*先生のメッセージ*/
.message_bg {
background-color: #ffffff;
background-image: radial-gradient(circle, #ffe6db 2px, transparent 2px);
background-position: 0 0;
background-size: 25px 25px;
padding: 20px;
}
.message-img{
margin: 20px auto 0;
}
.message-img img{
width: 100%;
}
/*フッター*/
.lp-footer {
text-align: center;
padding: 20px 0 140px;
background: #f0f0e9;
}
@media screen and (max-width:767px) {
.lp-footer {
padding: 20px 0 80px;
}
}
/*フッター固定*/
.floating-banner {
position: fixed;
bottom: 0;
z-index: 999;
background-color: #ffff97;
display: flex;
justify-content: center;
width: 100%;
}
.floating-button {
display: block;
width: 50vw;
max-width: 270px;
padding: 15px 15px 0;
}
.floating-banner__image {
max-width: 100%;
}