@charset "shift_jis";

/*
2025 siterewal ver.4.1
main Contents
*/

/* -------------------------------------------------- */
/*★書体について
★通常テキスト：ヒラギノ角ゴ
 →優先順位　ヒラギノ角ゴ（iOS) 　>　 メイリオ（他）　＞　MSゴシック（古）

★丸い文字　：RoundedMgenplus  lite medium heavy　
 →　フリーフォント　http://jikasei.me/font/rounded-mplus/about.html
 →　ただし、タイトル等の短い部分に利用。常用漢字のみ対応

★明朝体　：　あおぞら明朝 　regularのみ
 →　フリーフォント　http://blueskis.wktk.so/AozoraMincho/
 →　小さい文字はあまりきれいに表示されません
 → regularのみですが、web側で一段太くすることは可能

使うとしたら、意図的に使う：游ゴシック・游明朝

★通常フォントサイズについて
PC：14pt  スマホ 22pt　程度

★その他
スマホの制作サイズは実サイズの約２倍となっています。


★空白
セクションとh2の空間は 60 px

★コンテンツの両サイド
 L 855付近 */
/* -------------------------------------------------- */



/* -------------------------------------------------- */
/* 1. 基本設定*/
/* -------------------------------------------------- */
/* -----Font Start--------------------------------------------- */
    body {
    font-family: -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",
    "Yu Gothic", "Meiryo", "MS Gothic", sans-serif;

    padding-bottom: 76px;
    }

/* - No001 _h2 ------- */
    .titleBlock_No001 h2.No001_A,
    div.h3_2danbox h3.No001_B,
    h3.fukidashi_org {
    font-family: "Noto Sans JP",
    -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",
    "Yu Gothic", "Meiryo", "MS Gothic", sans-serif;
    }

    span.No1_h3_L,
    span.No1_h3_R {
    font-family: "Century Gothic",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

    span.No1_h4_L,
    span.No1_h4_R,
    li.No001a_img p {
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

    /* 各 白緑 btn -- */
    .Chase-btn_single a,
    .No001area_btn a{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

/* -- 1. txtx_area p_Block*/

    p.No001_Txtblock001,
    p.No001_Txtblock002,
    p.No001_Txtblock003{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

    .No002_txtBlock, .No003_txtBlock, .No004_txtBlock{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

/* - 源柔 ------- */
    .titleBlock_No002  h2.No002_A,
    .titleBlock_No003  h2.No003_A,
    .titleBlock_No004  h2.No004_A,
    .titleBlock_No005  h2.No005_A,
    .titleBlock_No006 h2.No006_A  {
    font-family: "Noto Sans JP",
    -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",
    "Yu Gothic", "Meiryo", "MS Gothic", sans-serif;

    }

/* - 源柔 ------- */
    .wordbox_001 .h3_subA,
    .wordbox_001 h3,
    .No007_A {
    font-family: "Noto Sans JP",
    -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",
    "Yu Gothic", "Meiryo", "MS Gothic", sans-serif;

    }

/* - メイリオ ------- */
    .wordbox_002 h3,
    .wordbox_002 .txt_box,
    .No002area_btn a{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

/* - メイリオ ------- */
    .No005_contents_box .title-box h4,
    .No005_contents_box .content-text,
    .No005_contents_box .No005_txt_link{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

    .No005_txt_link a{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic";
    font-style: italic;
    }

    /* - No005　#フロー紹介 ------- */
    .txtblockA_No005{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

    .No005_contents_box .fukidashi{
    font-family: "Noto Sans JP",
    -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",
    "Yu Gothic", "Meiryo", "MS Gothic", sans-serif;
    }

/* - No006　#QandA ------- */
    .question span {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }

    label.question .q_in {
    font-family: "Meiryo", "メイリオ", sans-serif;
    }

    .No005_contents_box .title-box h4 {
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

    li.thema_comment,
    li.comment,
    .No006area_btn_single a{
    font-family: "Meiryo",
    -apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro","Yu Gothic","MS Gothic"
    }

/* - -- - Font END---------------------------------------- */
/* - -- - main rayOut---------------------------------------- */
    *, *:before, *:after { box-sizing: border-box;}

    * {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    }

/*--- Form下ラベル -------- */
    .siteseal img{
    margin: 0 auto;
    }

    img {
    max-width: 100%;
    height: auto;
    display: block;
    }

    div#main_container {
    display: block;
    margin: 0 auto;
    clear: both;
    }

/* -#ベースの内枠と背景 ------- */
    div#innner_container {
    margin: 0px auto 0 auto;
    padding: 0px 0px;
    width: 100%;
    }

/* - 001 #内枠 ------- */
    .No001_inner{
    padding: 0px 0px;
    }

/*-- 002 #内枠 ------- */
    div#innner_container_No002{
    margin: 0px 0 0 0;
    padding: 0px 0px;
    width: 100%;
    height: auto;
    }

    div#innner_container_No002 {   background-color: #ffe600;}

/* - 003　#内枠 ------- */
    div#innner_container_No003{
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0;
    width: 100%;
    height: auto;
    }

    div#innner_container_No003 {background-color: #f9fcc0;}

/* - 004　#内枠 ------- */
     div#innner_container_No004{
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0;
    width: 100%;
    height: auto;
    }

    div#innner_container_No004 {background-color: #ffffff;}

/* - 005　#内枠 ------- */
     div#innner_container_No005{
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0;
    width: 100%;
    height: auto;
    }

/* - 006 Qand A　#内枠 ------- */
     div#innner_container_No006{
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0;
    width: 100%;
    height: auto;
    }

/* -#内枠 ------- */
    div#innner_container_No007 {
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0;
    width: 100%;
    height: 200px;
    }

    div#innner_container_No007 {background-color: #ffffff;}

/* - #内枠 ------- */
    div#contents_container {
    background-color: #ffe600;
    margin: 0px auto;
    width: 100%;
    max-width: 900px;
    }

/* --------------------------------------------------
#背景帯カラー 100%
-------------------------------------------------- */
/* -　#ベースの内枠　と背景 ------- */
    div#No001box_for_h2 {
    width: 100%;
    background-color: #ffe600;
    z-index: 1;
    }

    div#No001box_for_contents {
    width: 100%;
    background-color: #ffe600;
    }

    div#No002box_for_h2 {
    width: 100%;
    }

    div#No002box_for_contents {
    width: 100%;
    background-color: #ffffff;
    }
    div#No003box_for_h2 {
    width: 100%;
    background-color: #f9fcc0;
    }
    div#No003box_for_contents {
    width: 100%;
    background-color:  #f9fcc0;
    }
    div#No004box_for_h2 {
    width: 100%;
    }
    div#No004box_for_contents {
    width: 100%;
    background-color:  #ffffff;
    }

/*  シマシマ調整*/
/* 高さは　L1222付近 シマシマ*/
    div#No005box_for_h2 {
    background-image: repeating-linear-gradient(
    90deg,
    #ffe600,
    #ffe600 8vw,
    #ffed49 6vw,

    /* 薄黄色を15vwの位置でstop */
    #ffed49 15vw
    );
    }

    /*  シマシマ調整*/
    div#No005box_for_contents {
    width: 100%;
    background-image: repeating-linear-gradient(
    90deg,
    #ffe600,
    #ffe600 8vw,
    #ffed49 6vw,
    /* 薄黄色を15vwの位置でstop */
    #ffed49 15vw
    );
    }

    /*  シマシマ調整*/
    .titleBlock_No005 {
    background-image: repeating-linear-gradient(
    90deg,
    #ffe600,
    #ffe600 8vw,
    #ffed49 6vw,
    /* 薄黄色を15vwの位置でstop */
    #ffed49 15vw
    );
    }

    div#No006box_for_h2 {
    width: 100%;
    background-color: #ffe600;
    }

    div#No006box_for_contents {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    }

    div#No007box_for_h2 {
    width: 100%;
    background-color: #ffffff;
    }

    div#No007box_for_contents {
    width: 100%;
    background-color: #ffffff;
    }



    div#No008box_for_contents {
    width: 100%;
    background-color: #ffffff;
    }

/* --------------------------------------------------
#h2 背景 帯 花火エフェクト
-------------------------------------------------- */
/* --ミニミニは学生の---Start-----------------*/
    #No001_for1_effect {
    position: relative;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
    }

/* ----★ 左側の透過画像------------------*/
    #No001_for1_effect::before{
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    left: 0;
    width: 40vw;
    background-image: url("../images/Effect_stars_L.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

/* ----★ 右側の透過画像------------------*/
    #No001_for1_effect::after {
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    right: 0;
    width: 40vw;
    background-image: url("../images/Effect_stars_R.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

    .titleBlock_No001 {
    position: relative;
    z-index: 20;
    padding: 40px 0 20px;
    }

    @media screen and (max-width: 250px) {
    #No001_for1_effect::before{
    top: -10px;
    }
    }

    @media screen and (max-width: 450px) {
    #No001_for1_effect::before{
    top: -40px;
    }
    }

/* --ミニミニは学生の---END-----------------*/
/* --プロの提案でカンタンにお部屋探し---Start-----------------*/
    #No002_for2_effect {
    position: relative;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
    }

/* ----★ 左側の透過画像------------------*/
    #No002_for2_effect::before{
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    left: 0;
    width: 40vw;
    background-image: url("../images/Effect_stars_L.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

    @media screen and (max-width: 250px) {
    #No002_for2_effect::before{
    top: -10px;
    }
    }

    @media screen and (max-width: 450px) {
    #No002_for2_effect::before{
    top: -40px;
    }
    }

/* ----★ 右側の透過画像------------------*/
    #No002_for2_effect::after {
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    right: 0;

    /* 幅を設定 */
    width: 40vw;
    background-image: url("../images/Effect_stars_R.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

    @media screen and (max-width: 250px) {
    #No002_for2_effect::after {
    top: -10px;
    }
    }

    @media screen and (max-width: 450px) {
    #No002_for2_effect::after {
    top: -40px;
    }
    }

    .titleBlock_No002 {
    position: relative;
    z-index: 20;
    }

/* --プロの提案でカンタンにお部屋探し---END-----------------*/
/* --とにかく費用おさえたい---Start-----------------*/
    #No003_for3_effect {
    position: relative;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
    }

/* ----★ 左側の透過画像------------------*/
    #No003_for3_effect::before{
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    left: 0;
    width: 40vw;
    background-image: url("../images/Effect_stars_L.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

    @media screen and (max-width: 250px) {
    #No003_for3_effect::before{
    top: -20px;
    }
    }

    @media screen and (max-width: 450px) {
    #No003_for3_effect::before{
    top: -40px;
    }
    }

/* ----★ 右側の透過画像------------------*/
    #No003_for3_effect::after {
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    right: 0;
    width: 40vw;
    background-image: url("../images/Effect_stars_R.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

    @media screen and (max-width: 250px) {
    #No003_for3_effect::after {
    top: -10px;
    }
    }

    @media screen and (max-width: 450px) {
    #No003_for3_effect::after {
    top: -40px;
    }
    }

    .titleBlock_No002 {
    position: relative;
    z-index: 20;
    }

/* --とにかく費用おさえたい---END-----------------*/
/* --進学先や周辺情報も見つつ探したい---Start-----------------*/
    #No004_for4_effect {
    position: relative;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
    }

/* ----★ 左側の透過画像------------------*/
    #No004_for4_effect::before{
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    left: 0;
    width: 40vw;
    background-image: url("../images/Effect_stars_L.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

    @media screen and (max-width: 250px) {
    #No004_for4_effect::before{
    top: -20px;
    }
    }

    @media screen and (max-width: 450px) {
    #No004_for4_effect::before{
    top: -40px;
    }
    }

/* ----★ 右側の透過画像------------------*/
    #No004_for4_effect::after {
    z-index: 5;
    content: "";
    position: absolute;
    top: -70px;
    aspect-ratio: 1 / 1;
    right: 0;
    width: 40vw;
    background-image: url("../images/Effect_stars_R.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

    @media screen and (max-width: 250px) {
    #No004_for4_effect::after {
    top: -30px;
    }
    }

    @media screen and (max-width: 450px) {
    #No004_for4_effect::after {
    top: -40px;
    }
    }

    .titleBlock_No002 {
    position: relative;
    z-index: 20;
    }

/* --進学先や周辺情報も見つつ探したい---END-----------------*/

/* --------------------------------------------------
#画像 のエリア
-------------------------------------------------- */
    .img-area img {
    width: 100%;
    max-width: 400px;
    height: auto;
    }


/* --------------------------------------------------
#Base 追随switch エリア 下に固定する視覚的な追随
-------------------------------------------------- */

    .Chase-button_box {
    position: fixed;
    z-index: 80;
    left: 0;
    width: 100%;
    padding: 10px 0;
    bottom: 0px;
    background-size: auto auto;
    background-color: rgba(0, 0, 0, 0.2);

    }

    div.Chase-btn_single a.full-link-areaB {
    width: 90%;  
    max-width: 600px;
    display: flex;    
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    margin: auto;
    position: relative;

    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;

    
    border-radius: 30px;
    color:#fff;
    box-shadow: 0 2px 4px #333;
    text-align: left;
    text-decoration: none;
    background: white;
    background: linear-gradient(45deg, #ff2b59 0%, #ff2b59 100%);
    border: 2px solid #fff;    
    z-index: 100;
    
}

/* 追随btn 矢印-- */
    .Chase-btn_single a::after {
    content: '';
    position: absolute;
    top: 57%;
    right: 5%;
    margin-top: -4px;
    transform: translateY(-50%) rotate(225deg);
    width: 7px;
    height: 7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    }

/* --------------------------------------------------
#　コンテンツ　上下 スペース
-------------------------------------------------- */
    section#contents_No001 {
    padding: 0px 0 10px 0;
    }

    section#contents_No002 {
    padding: 0px 0 30px 0;
    }

    section#contents_No003,
    section#contents_No004,
    section#contents_No006 {
    padding: 0px 0 60px 0;
    }

    section#contents_No007 {
    padding: 0px 0 20px 0;
    }

    section#contents_No008 {
    padding: 0px 0 0px 0;
    }

    section#contents_No005 {
    padding: 0px 0 30px 0;
    }

/* --------------------------------------------------
#BASE No002 背景がら
-------------------------------------------------- */

    section#contents_No002 {
    background-color: #ffffff;
    }

/* --------------------------------------------------
#TOP main_topMain　メイン画像
-------------------------------------------------- */
    #First-View {
    position: relative;
    width: 100%;
    height: 65vh;
    overflow: hidden;
    z-index: 1;
    margin-top: 0px;
    }

    #First-View .bg-mobile-top {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
    }

    .background-images {
    position: absolute;
    top: -10;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    }

    .bg-mobile-top, .bg-mobile-bottom {
    flex: 1;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    }

	/* 背景画像と文字位置 */
	.bg-mobile-top {
	background-image: url(../images/top_bnr_SF.jpg);
	text-align: center;
	padding: 20px 0;
	}

    /* TOP画像中の文字位置 ----------------*/
    div.title-wrapper {
    width: 90%;
    max-width: fit-content;
    margin: 0px auto 0px;
    text-align: left;
    }

	.top-message,	.top-message_sub {
	font-weight: bold;
	line-height: 1.5;
	color: #333;
	}

	#First-View h1 {
	margin: 0;
	width: 100%;
	}

    div.title-wrapper h1 img {
    width: 100%;
    max-width: 250px;
    margin: 5px 0 5px 0px;
    }

	.top-message {
	font-size: clamp(18px, 3vw, 22px);
	}

	.top-message_sub {
	font-size: clamp(14px, 4vw, 15px);
	}

/* TOP画像と文字のシャドウ ----------------*/
    .top-message_sub,
    .top-message {
    text-shadow:
    -1px -1px 0 #fff,  /* 左上 */
    1px -1px 0 #fff,  /* 右上 */
    -1px  1px 0 #fff,  /* 左下 */
    1px  1px 0 #fff,  /* 右下 */
    0px   4px 5px rgba(0, 0, 0, 0.4);
    }

    #First-View h1 {
    display: inline-block;
    box-shadow: 0px 8px 15px rgba(255, 255, 255, 0.3);
    border: 0px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    transform: translateY(-3px);
    }

    #First-View h1 img {
    display: block;
    }

/* TOP画像と文字のシャドウ ----------------*/
    section.pagetitle {
    background: url(../images/bg_maintitle.jpg) no-repeat center center;
    background-size: 120% auto;
    background-position: top center;
    min-height: 0px;
    margin-bottom: 0;
    padding: 0;
    max-width: inherit;
    }
/* フォームメイン ----------------*/
    section.pagetitle h2 {
    padding: 10px 0;
    background-size: auto auto;
	    background-color: #ffe600;
    background-image:none;
    color: #000000;
    text-shadow: none;
    font-weight: bold;
    }
/* 先頭H2　下 ----------------*/
        padding: 20px 2% 0 2%;


/* ---------------------------------------------------- */
/*  Z-INDEXと共通の構造 (スマートフォン含む共通設定) */
/* ---------------------------------------------------- */
    .content-group {
    margin-bottom: 0px;
    }

    .content-group01_merit02 {
    margin-bottom: 0px;
    }

    .content-block {
    position: relative;
    z-index: 10;
    padding: 0px 4%; /* コンテンツ余白両サイド 20px相当*/
    overflow: hidden;
    }

    .text-area,
    .button-area-pc {
    position: relative;
    z-index: 20;
    }

    .image-area{
    position: relative;
    z-index: 20;
    }

/* ---------------------------------------------------- */
/* No001 背景 色分けの装飾要素の設定 (Z-INDEX: 1) */
/* ---------------------------------------------------- */
    .color-decoration {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1; /* コンテンツ奥に配置 */
    }
    .yellow-bg {
    background-color:  #ffe600;
    }
    .lightyellow-bg {
    background-color: #fffdd8;
    }

    .full-yellow-bg {
    width: 100%;
    height: 100%;
    background-color:  #ffe600;
    }

/* h2 -----------------------*/

    .titleBlock_No002 {
    display: block;
    width: 100%;
    }

    .titleBlock_No004 {
    display: block;
    width: 100%;
    }

    .titleBlock_No002 {
    padding: 20px 0 10px 0;
    }

    .titleBlock_No004 {
    padding: 60px 0 20px 0;
    }
    .titleBlock_No003{
        display: block;
        padding: 60px 0 0px 0;
    }
    div#No003box_for_h2 {
    height: 120px;
    }

    
/* --------------------------------------------------
#contents_No005
-------------------------------------------------- */
    div#No005box_for_h2 {
    height: 130px;
    }

    .titleBlock_No005 {
    display: block;
    padding: 60px 0 0px 0;
    }

    .titleBlock_No006 {
    background-color: #ffffff;
    display: block;
    padding: 60px 0 20px 0;
    }

    .titleBlock_No001  h2.No001_A{
    font-size: clamp(28px,4vw,26px);
    }

    .titleBlock_No001  h2.No001_A{
    width: 100%;
    line-height: 1.6em;
    display: block;
    text-align: center;
    white-space: normal;
    }

/*no001内 タイプ別お部屋探し */
    .titleBlock_No001  h3.No001_B {
    font-size: clamp(28px, 4vw, 26px);
    font-weight: 700;
    line-height: 1.2;
    width: 100%;
    line-height: 1.6em;
    display: block;
    text-align: center;
    white-space: normal;
    }

    .titleBlock_No002  h2.No002_A,
    .titleBlock_No004  h2.No004_A,
    .titleBlock_No006  h2.No006_A {
    width: 95%;
    font-size: clamp(24px,4vw,26px);
    line-height: 1.4;
    display: block;
    text-align: center;
    white-space: normal;
    }

    .titleBlock_No003  h2.No003_A{
    width: 85%;
    font-size: clamp(24px,4vw,26px);
    line-height: 1.4;
    display: block;
    text-align: center;
    white-space: normal;
    }

    .titleBlock_No001  h2.No001_A {
    font-weight: 700;
    }

    .titleBlock_No001  h2.No001_B{
    font-weight: 200;
    }

    .titleBlock_No002  h2.No002_A,
    .titleBlock_No003  h2.No003_A,
    .titleBlock_No004  h2.No004_A,
    .titleBlock_No005  h2.No005_A {
    font-weight: 700;
    }

    .titleBlock_No005  h2.No005_A {
    width: 100%;
    font-size: clamp(24px,4vw,26px);
    line-height: 1.4;
    display: block;
    text-align: center;
    white-space: normal;
    }

    .titleBlock_No006  h2.No006_A {
    font-weight: 700;
    }

    .titleBlock_No006  h2.No007_A {
    font-weight: 200;
    }

    /* h2本体の設定 */
    .No002_A,
    .No003_A,
    .No004_A,
    .No005_A,
    .No006_A {
    display: inline-block;
    position: relative;
    font-size: clamp(20px, 4vw, 28px);
    font-weight: bold;
    line-height: 1.4;
    width:   fit-content;
    }

    .No007_A {
    font-size: clamp(20px, 4vw, 28px);
    font-weight: 700;
    display: inline-block;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    line-height: 1.4;
    width:   fit-content;
    display: block;
    text-align: center;
    white-space: normal;
    }

    /*h2  テーマ　アンダーバー つき ----- */
    .titleBlock_No001 h2.No001_A::after,
    .titleBlock_No001  h3.No001_B::after {
    content: "";
    display: block;
    width: 2em;
    height: 5px;
    background-color:  #ff2b59;
    margin: 15px auto 0;
    }

    .titleBlock_No005 h2.No005_A::after {
    content: "";
    display: block;
    width: 2em;
    height: 5px;
    background-color:  #ff2b59;
    margin: 20px auto 0;
    }

    .titleBlock_No006 h2.No006_A::after {
    content: "";
    display: block;
    width: 2em;
    height: 5px;
    background-color:  #ff2b59;
    margin: 20px auto 0;
    }

    .titleBlock_No007 h2.No007_A::after {
    content: "";
    display: block;
    width: 2em;
    height: 5px;
    background-color:  #ffffff;
    margin: 5px auto 0;
    }

/* --------------------------------------- */
/* -----h2---黒線スラッシュ付---以下----------- */

        .h2_2danbox
        {
        text-align: center;
        width: 100%;
        margin: 0 auto;

        display: flex;
        justify-content: center;
        z-index:30;
        }

        .h2_2danbox_no002
        {
        text-align: center;
        width: 92%;
        margin: 0 auto;

        display: flex;
        justify-content: center;
        }

        .h2_2danbox_no003
        {
        text-align: center;
        width: 95%;
        margin: 0 auto;

        display: flex;
        justify-content: center;
        }


        .h2_2danbox_no006,
        .h2_2danbox_no007
        {
        text-align: center;
        width: 90%;
        margin: 0 auto;

        display: flex;
        justify-content: center;
        }

        .h2_2danbox_no005
        {
        text-align: center;
        width: 100%;

        display: flex;
        justify-content: center;
        }

        .h2_2danbox_no004{
        text-align: center;
        width: 70%;
        margin: 0 auto;

        display: flex;
        justify-content: center;
        }

        /* スラッシュ共通設定（絶対配置） */
        .No002_A::before,
        .No002_A::after,
        .No003_A::before,
        .No003_A::after,
        .No004_A::before,
        .No004_A::after {
        content: "";
        position: absolute;     /* 文字から切り離す */
        top: 50%;             /* 配置上 */
        width: 6px;             /* 間隔 */
        height: 2.0em;          /* 高さ */
        border-left: 2px solid #000000;
        border-right: 2px solid #000000;
        transform: skewX(-30deg) translateY(-50%);
        }

        /* 左側（before */
        .No002_A::before,
        .No003_A::before,
        .No004_A::before {
        left: 0;
        transform: skewX(30deg) translateY(-20%);
        }

        /* 右側（after*/
        .No002_A::after,
        .No003_A::after,
        .No004_A::after
        {
        right: 0;
        transform: skewX(-30deg) translateY(-20%);
        }

/* -----h2---黒線スラッシュ付-- END----------- */
/* --h2　改行--表示非表示トリック------------ */
    .No001sp_br,
    .No002sp_br,
    .No003sp_br,
    .No004sp_br,
    .No007sp_br
    {display: block;}

/* --h3 ブロックNo002 h3 カラー ----------- */
/* --h3 ブロックNo003 h3 カラー ----------- */
/* --h3 ブロックNo004 h3 カラー ----------- */
    .main_A {
    color: #ff2b59;
    }

    .main_B {
    color: #00ba5a;
    }

    .main_C {
    color: #00758f;
    }

/* --------------------------------------------------
#contents_No001 ブロック
-------------------------------------------------- */
/* -- 1. image */
    .image-area {
    padding: 30px 0px 0px 0px;
    width: 100%;
    }

    .image-area img {
    width: 100%;
    margin: 0 auto;
    }

/* -- 1. txtx_area　h3 */
    h3.No001_Titleblock001,
    h3.No001_Titleblock002,
    h3.No001_Titleblock003 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 0 15px 0;
    }

    h3.No001_Titleblock001 {
    color: #ff2b59;
    }

    h3.No001_Titleblock002 {
    color: #00ba5a;
    }

    h3.No001_Titleblock003 {
    color: #00758f;
    }

    span.No1_h3_L{
    font-size: clamp(24px, 3vw, 26px);
    font-weight: 600;
    padding:0 7px 7px 0;
    }

    span.No1_h3_R{
    font-size: clamp(55px, 3vw, 57px);
    font-weight:600;
    }

    span.No1_h3_L,
    span.No1_h3_R{
    display: flex;
    flex-direction: row;
    }

/* -- 1. txtx_area　h4 */
    h4.No001_Titleblock_SUB001,
    h4.No001_Titleblock_SUB002,
    h4.No001_Titleblock_SUB003 {
    color: #000000;
    display: flex;
    flex-direction: column;
    padding: 0 0 0px 0;
    }

    span.No1_h4_L{
    padding: 0 0px 8px 0;
    }

    span.No1_h4_R,
    span.No1_h4_L{
    font-size: clamp(22px, 3vw, 26px);
    font-weight: 800;
    display: flex;
    flex-direction: row;
    }

    span.No1_h4_R{
    padding: 0 0px 20px 0;
    }

    /* -- 1. txtx_area p_Block*/
    p.No001_Txtblock001,
    p.No001_Txtblock002,
    p.No001_Txtblock003{
    color: #000000;
    font-size: clamp(14px,3vw,16px);
    line-height: 1.8em;
    display: flex;
    flex-direction: column;
    padding: 0 0 30px 0;
    
    }

    /*　ブロック001--btn---レイアウト ----------*/
    .button-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    }

    /*　ブロック001--4個列 btn---レイアウト ----------*/
    .button-container.sm-only {
    padding:  0px 0px 40px 0px;
    }

    .button-container.sm-only2 {
    padding: 0px 0px 0px 0px;
    }

    .No001area_btn_singleBox {
    padding: 0px 0px 60px 0px;
    background-color: transparent;
    }

    .btn,
    .No001_btn{
    padding: 0px 0px 60px 0px;
    background-color: transparent;
    }

    /* ボタン配置 (4個列)*/
    button.No001_btnL04{
    background-color: transparent;
    }

    /* ボタン配置 (1個列)*/
    .button-container_single.sm-only {
    display: flex;
    justify-content: center;
    }

    /* ボタン内文字を折り返す */
    .button-container .btn {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    }

    /*　ブロック001-------txt and image配列 */
    .main-content {
    display: flex;
    flex-direction: column;
    }

    .main-content .image-area {
    order: 1;
    }

    .main-content .text-area {
    order: 2;
    }

    .main-content {
    padding-bottom: 0;
    }

    /* PC専用要素-スマホで非表示 切り替え-BR---*/
    .pc-only,
    .No002_spB_br,
    .No003sp02_br,
    .button-row-pc {
    display: none;
    }

    /*　ブロック001---- 背景----- */
    .yellow-bg {
    top: 0;
    height: 30vw;
    }

    .lightyellow-bg {
    top: 30vw;
    height: calc(100% - 30vw);
    }
/* --------------------------------------------------
#タイプ別お部屋探し 上部ふきだしテーマ　部分の両サイド空白
------------------------------------- */
    #Minimini-Contents-006 {
    padding: 0 4%;
    }

/* --------------------------------------------------
#タイプ別お部屋探し 上部ふきだしテーマ
-------------------------------------------------- */

    h3.fukidashi_org {
    text-align: center;
    }

    .outbox_03h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    padding: 0 5px;
    border: 3px solid #ff872d;
    border-radius: 5px;
    background-color: #ff872d;
    position: relative;
    z-index: 30;
    }

    .outbox_03h2 .fukidashi_org {
    font-size: clamp(18px, 4vw, 20px);
    letter-spacing: -0.1em;
    font-weight: bold;
    line-height: 1.7em;
    background-color: #ff872d;
    color: #ffffff;
    border-radius: 100px;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 15px 0px 15px 0px;
    }

    .outbox_03h2::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px 10px;
    border-style: solid;
    border-color: #ff872d transparent transparent transparent;
    z-index: 31;
    }

    /* ---- li 3列 Link--- */
    .Link001 {
    border: 1px solid #ccc;
    padding: 10px;
    text-decoration: none;
    color: #333;
    margin-bottom: 20px;
    display: block;
    background-color: #f9f9f9;
    }

/* --------------------------------------------------
#タイプ別お部屋探し 3並列ブロック　レイアウト
-------------------------------------------------- */
    a.full-link-area {
    color: #000000;
    text-decoration: none;
    }

    .No001a_inner ul {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    max-width: 800px;
    margin: 0 auto 0px;
    gap: 5px;
    height: 100%;
    min-height: 250px;
    max-height: 660px;
    }

    .No001a_inner ul li {
    width: calc((100% - 5px) / 3);
    border-radius: 10px;
    max-width: 300px;
    min-width: 0;
    height: 200px;
    min-height: 220px;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    background-color: #fff;
    }

    /* li BOXシャドウ---No001-3つ並び-----*/
    li.No001a_img {
    border: 0px solid #000;
    background: #FFF;
    position: relative;
    padding: 5px 0px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .No001a_inner{
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 0px 0px;
    }

    .No001a_img span {
    display: block;
    text-align: center;
    }

    .No001a_img span img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 10px 0;
    }

    li.No001a_img p {
    height: 20%;
    display: block;
    text-align: left;
    }

    .full-link-area {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    }

    li.No001a_img p {
    height: auto;
    display: block;
    text-align: center;
    font-size: clamp(14px, 4vw, 15px);
    letter-spacing: -0.03em;
    font-weight: 800;
    padding: 0px 2px 5px;
    word-break: break-all;
    }

    .full-link-area p:not([class^="arrow"]) {
    flex-grow: 1;
    margin-bottom: 0;
    }

    li.No001a_img p[class^="arrow"] {
    flex-grow: 0;
    }

/* --h2　改行--表示非表示トリック------------ */

    .No001_block_C01{display: block;}


/* --------#No001 オレンジふきだし　改行-------------- */
        .No001_fukidashi{display: block;}


/* ---------------------------------------------------- */
/*#タイプ別お部屋探し 3並列の: 矢印を真下に配置 */
/* ---------------------------------------------------- */
    .arrowA,
    .arrowB,
    .arrowC {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 20px;
    }

    .arrowA::before,
    .arrowA::after,
    .arrowB::before,
    .arrowB::after,
    .arrowC::before,
    .arrowC::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 1.5px);
    width: 3px;
    height: 15px;
    border-radius: 9999px;
    transform-origin: 50% calc(100% - 1.5px);
    }

    .arrowA::before,
    .arrowA::after{
    background-color: #ffacc7;
    }

    .arrowB::before,
    .arrowB::after{
    background-color: #80c1ff;
    }

    .arrowC::before,
    .arrowC::after {
    background-color: #aae65a;
    }

    .arrowA::before,
    .arrowB::before,
    .arrowC::before {
    transform: rotate(40deg);
    }

    .arrowA::after,
    .arrowB::after,
    .arrowC::after {
    transform: rotate(-40deg);
    }
/* --------------------------------------------------
#タイプ別お部屋探し 3並列ブロック　レイアウト　追加修正
-------------------------------------------------- */
/* --------------------------------------------------
#contents_スライダー部分
-------------------------------------------------- */
    .No002a_inner{
    padding: 20px 4% 0px 4%;
    }

    .No003a_inner,
    .No004a_inner,
    .No005a_inner{
    padding: 40px 4% 0px 4%;
    }

    .No006a_inner{
    padding: 10px;
    }

    .No002_Slider_inner{
    padding: 5px 0%;
    }

    .No003_Slider_inner{
    padding: 5px 0%;
    }

    .No004_Slider_inner{
    padding: 5px 0%;
    }

/* --------------------------------------------------
#contents_No002 No003 No004　スライダー箇所 --
-------------------------------------------------- */
/* イントロ文----No002---*/
/* イントロ文----No003---*/
/* イントロ文----No004---*/
    .No002_txtBlock,
    .No003_txtBlock,
    .No004_txtBlock{
    font-size: clamp(14px,3vw,16px);
    line-height: 1.8em;
    width: 100%;
    padding: 0 0 10px 0;
    }

/* h3-サブ---No002----*/
/* h3-サブ---No003----*/
    div.wordbox_001 .h3_subA{
    font-size: clamp(14px, 4vw, 16px);
    width: 100%;
    padding: 0 0 5px 0;
    letter-spacing: -0.02em;
    }

/* h3---No002----*/
/* h3----No003----*/
    .wordbox_001 h3{
    font-size: clamp(24px,4vw,25px);
    width: 100%;
    padding: 0 0 10px 0;
    font-weight: bold;
    letter-spacing: -0.02em;
    }

/* h3-画像下----No002----*/
/* h3-画像下---No003----*/
    .wordbox_002 h3 {
    font-size: clamp(17px,4vw,20px);
    width: 100%;
    padding: 0 5px 10px 5px;
    font-weight: bold;
    letter-spacing: -0.01em;
    line-height: 1.6em;
    }

/* 画像下 txtBox-------*/
    span.txt_box {
    font-size: clamp(14px,3vw,16px);
    line-height: 1.8em;
    width: 100%;
    display: block;
    padding: 0 10px 10px 10px;
    }

/* 文章 -共通注意書き箇所-------*/
    .wordbox_002 p.cortion {
    font-size: 12px;
    padding: 0 5px 10px 5px;
    width: auto;
    color: #000000;
    }

/* --　スライダーカード内部の調整------------------------ */
    .contentsNo002_list li.No002_itembox1,
    .contentsNo003_list li.No003_itembox1,
    .contentsNo004_list li.No003_itembox1{
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
    }

 /* --カード内　各ボックスの配置と高さの制御----------------------- */
/* タイトル*/
    .contentsNo002_list li .wordbox_001,
    .contentsNo003_list li .wordbox_001,
    .contentsNo004_list li .wordbox_001 {
    flex-shrink: 0;
    padding: 0px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 80px;
    }

    .wordbox_001 .h3_subA {
    display: block;
    }

/* 2. スライダーカード内部画像エリア (itembox1_img) - 高さ固定 (Shrink: 0) */
    .contentsNo002_list li .itembox1_img,
    .contentsNo003_list li .wordbox_001,
    .contentsNo004_list li .wordbox_001 {
    flex-shrink: 0;
    text-align: center;
    }

/* 2. スライダーカード内部画像エリア  - 高さ固定  */
    .contentsNo002_list li .itembox1_img img,
    .contentsNo003_list li .itembox1_img img,
    .contentsNo004_list li .itembox1_img img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
    }

/* 3. 本文エリア (wordbox_002) - 高さ可変 (Grow: 1) */
/* No002 */
/* No003 */
    .contentsNo002_list li .wordbox_002,
    .contentsNo003_list li .wordbox_002,
    .contentsNo004_list li .wordbox_002 {
    flex-grow: 1; /* 【重要】余白をすべて吸収し、高さを可変にする */
    text-align: left;
    padding: 10px 0px 10px 0px;
    }

    h3.h3_No002B.main_A,
    h3.h3_No002B.main_B {
    text-align: left;
    }

    h3.h3_No003B.main_A,
    h3.h3_No003B.main_B,
    h3.h3_No003B.main_C {
    text-align: center;
    }

    h3.h3_No004B.main_A,
    h3.h3_No004B.main_B {
    text-align: center;
    }

/* 4. ボタンエリア - 最下部に固定 (Shrink: 0 & margin-top: auto) */
    .contentsNo002_list li .btnbox_003,
    .contentsNo003_list li .btnbox_003,
    .contentsNo004_list li .btnbox_003 {
    flex-shrink: 0;
    margin-top: auto;
    padding: 15px 5px 15px 5px;
    text-align: center;
    }

/* --------------------------------------------------
#contents_No003　スライダー箇所
/* --------------------------------------------------
#contents_No004　スライダー箇所
-------------------------------------------------- */
/* h2 --共通------*/
    h2.h2_title_No002,
    h2.h2_title_No003,
    h2.h2_title_No004 {
    font-weight: bold;
    letter-spacing: 0.0em;
    color: #001942;
    height: auto;
    position: relative;
    }

/* UL ---共通-----*/
    #contents_No002 UL.contentsNo002_list,
    #contents_No003 UL.contentsNo003_list,
    #contents_No004 UL.contentsNo004_list{
    padding: 5px 10px 5px 10px;   /* 上下の影 見切れ防止 調整用----*/
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    gap: 15px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border: 0;
    list-style: none;
    }

/*------ UL 間隔---共通-----*/
    #contents_No002 UL.contentsNo002_list > li:first-child {
    margin-left: 5vw;
    }

/* ---終点の調整-----*/
    #contents_No002 UL.contentsNo002_list > li:last-child {
    padding-right: 5vw;
    }

    #contents_No003 UL.contentsNo003_list > li:first-child{
    margin-left: 5vw;
    }
    #contents_No004 UL.contentsNo004_list > li:first-child{
    margin-left: 5vw;
    }

/* li スクロール---共通-----*/
    #contents_No003  li.No003_itembox1 {
    min-width: 80vw;  /* カードの大きさ---共通-----*/
    height: auto;
    max-width: 250px;
    padding: 20px 10px;
    scroll-snap-align: center;
    transition: all .6s;
    background: #ffffff;
    }

    #contents_No002  li.No002_itembox1,
    #contents_No004  li.No004_itembox1 {
    min-width: 80vw; /* カードの大きさ---共通-----*/
    max-width: 250px;
    height: auto;
    scroll-snap-align: center;
    transition: all .6s;
    background: #ffffff;
    }

/* li BOXシャドウ---共通-----*/
    li.No002_itembox1,
    li.No003_itembox1,
    li.No004_itembox1 {
    border: 0px solid #000;
    border-radius: 0;
    background: #FFF;
    position: relative;
    padding: 20px 10px;
    border-radius: 4px; /* 角を丸くする */
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

/* UL link -UL全体LINK用-----*/
/* #contents_No002 .contentsNo002_list > li a {
    height: 100%;
    display: block;
} */

/* img -共通-----*/
    .contents img {
    width: 100%;
    }

/* 共通 ------*/
    .itembox1_img {
    overflow: hidden;
    }
/* --------------------------------------------------
#contents_No005　学生さんのお部屋探しの流れ　画像　左右
-------------------------------------------------- */

    .No005_outbox{
    padding: 4% 4%;
    }

    .No005_img_box{
    padding: 30px 15px;
    background-color: #fffdd8;
    border-radius: 20px;
    margin-bottom: 10px;
    }

    .No005_img_box img{
    padding: 0 0 40px 0;
    }

    .No005_img001{
    content: url("../images/No005_Contents_SF.png");
    }

    .txtblockA_No005{
    font-size: clamp(14px,3vw,16px);
    line-height: 1.8em;
    }

/* --------------------------------------------------
LとRをすべての画面幅で左右に並列配置する設定 (前回の設定を再掲)
-------------------------------------------------- */
/* ---- 内部の配置と高さの制御----------------- */
    .No005_contents_box {
    display: flex;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    padding: 20px 0 0 0;
    }

    .No005_contents_box .L,
    .No005_contents_box .R {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 5px 0; /* カード内の余白 */
    }

/* ---------#contents_No005 L/R 内部の配置と高さの制御----------------- */

    .No005_contents_box .L > div,
    .No005_contents_box .R > div {
    width: 100%;
    flex-shrink: 0;
    }

    .No005_contents_box .img-area {
    width: 100%;
    height: auto;
    padding-top: 45%;
    padding-bottom: 45%;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    }

    .No005_contents_box .img-area img {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: contain;
    display: block;
    }

    .No005_contents_box {
    display: flex;
    gap: 10px;
    align-items: stretch;
    }

    .No005_contents_box .L,
    .No005_contents_box .R {
    width: 50%;
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    }

    .No005_contents_box .content-text {
    flex-grow: 1;
    }

    .No005_contents_box .No005_txt_link {
    margin-top: auto;
    }

/* 3. タイトルボックス */
    .No005_contents_box .title-box h4 {
    font-size: clamp(15px, 4vw, 16px);
    font-weight: 800;
    padding: 0 0 0px 0;
    min-height: 25px;
    text-align:center;
    letter-spacing: -0.05em;
    align-items: center;
    margin: 0;
    }

    .No005_contents_box .content-text {
    flex-grow: 1; /*高さ可変 */
    flex-shrink: 1;
    text-align: left;
    }
/* --------------------------------------------------
5. リンク (.No005_txt_link) 本体と a タグの設定
-------------------------------------------------- */
    .No005_contents_box .No005_txt_link {
    flex-shrink: 0;
    text-align: right;
    padding: 0px 0 0px 0;
    }

    .No005_txt_link a {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-right: 4%;
    color: #0650ff;
    text-decoration: none;
    }

/* --------------------------------------------------
矢印 (a::after) の調整
-------------------------------------------------- */
    .No005_txt_link a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #4400ff;
    border-right: solid 2px #4400ff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px;
    }

/* --------------------------------------------------
L/R 内部のふきだしスタイル (.fukidashi)
-------------------------------------------------- */
    .No005_contents_box .fukidashi {
    color: #000000;
    font-size: clamp(15px,4vw,16px);
    font-weight: 800;
    line-height: 1.5em;
    flex-shrink: 0;
    min-height: 100px;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 10px;
    background-color: #ffffff;
    border-radius: 30px;
    color: #000;
    position: relative;
    align-items: center;
    z-index: 30;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    }

/* --------------------------------------------------
ふきだし先端 (::after) の画像エリア
-------------------------------------------------- */
    .No005_contents_box .img-area {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    flex-shrink: 0;
    margin-bottom: 5px;
    }

    .No005_contents_box .img-area img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    }

    /* 3. 文章エリア 高さ揃え */
    .No005_contents_box .content-text {
    font-size: clamp(14px,3vw,16px);
    line-height: 1.8em;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: left;
    }

    .No005_contents_box .No005_txt_link {
    font-size: clamp(14px,4vw,15px);
    font-weight: 500;
    margin-top: auto;
    flex-shrink: 0;
    text-align: right;
    padding: 0px 0 0px 0;
    }

/* --------------------------------------------------
ふきだし先端 (::after) の共通スタイル
-------------------------------------------------- */
    .No005_contents_box .fukidashi::after {
    content: "";
    position: absolute;
    bottom: -20px;
    border-width: 10px 10px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent; /* 上側（底辺）のみ */
    z-index: 31;
    }

/* --------------------------------------------------
吹き出しの先端 調整
-------------------------------------------------- */

    .No005_contents_box .fukidashi::after {
    left: 50%;
    transform: translateX(-50%);
    }

/* --------------------------------------------------
    #contents_各　ボタン　箇所
-------------------------------------------------- */
    /* Merit001 1個単体---*/
    .No001area_btn_single a{
    font-size: clamp(15px, 4vw, 16px);
    font-weight: 700;
    display: flex;
    align-items: center;
    min-width: 250px;
    min-height: 50px;
    padding: 10px 15px 10px 10px ;
    border-radius: 30px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    background: white;
    color: #00758f;
    border: 1px solid #00758f;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    justify-content: center;
    }

    .No001area_btn_single a::after {
    content: '';
    position: absolute;
    top: 57%;
    right: 5%;
    margin-top: -4px;
    transform: translateY(-50%) rotate(315deg);
    width: 7px;
    height: 7px;
    border-right: 2px solid #00758f;
    border-bottom: 2px solid #00758f;
    }

    /* Merit002 1-2 列---*/
    .No001area_btn a{
    font-size: clamp(15px, 4vw, 16px);
    font-weight: 800;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 600px;
    min-height: 60px;
    padding: 10px 15px 10px 10px ;
    border-radius: 30px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;

    color: #00758f;
    border: 1px solid #00758f;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    background: #FFF;
    }

    .No001area_btn a::after {
    content: '';
    position: absolute;
    top: 57%;
    right: 5%;
    margin-top: -4px;

    transform: translateY(-50%) rotate(315deg); /* ←　斜め45°で矢印 */

    width: 7px;
    height: 7px;
    border-right: 2px solid #00758f;
    border-bottom: 2px solid #00758f;
    }

/* Merit002 4 列---*/
    .No001area_btnL04 a{
    font-size: clamp(14px,4vw,15px);
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 600px;
    min-height: 60px;
    padding: 10px 15px 10px 10px ;
    border-radius: 30px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    background: white;

    color: #00758f;
    border: 1px solid #00758f;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    }

    .No001area_btn a::after {
    content: '';
    position: absolute;
    top: 57%;
    right: 5%;
    margin-top: -4px;

    transform: translateY(-50%) rotate(315deg); /* 斜め45°で矢印 */
    width: 7px;                /* 矢印の横幅 */
    height: 7px;               /* 矢印の縦幅 */
    border-right: 2px solid #00758f;  /* 矢印線 */
    border-bottom: 2px solid #00758f; /* 矢印線 */
    }


    .No002area_btn a,
    .No003area_btn a,
    .No004area_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 600px;
    min-height: 70px;
    border-radius: 25px;
    margin: 0 auto;
    padding: 8px 15px 5px 10px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    }


    /* -- ブロックNo002 btn矢印 ----------- */
    /* -- ブロックNo003 btn矢印 ----------- */
    /* -- ブロックNo004 btn矢印 ----------- */
    .No002area_btn a::after,
    .No003area_btn a::after,
    .No004area_btn a::after {
    content: '';
    position: absolute;
    top: 57%;
    right: 5%;
    margin-top: -4px;
    transform: translateY(-50%) rotate(315deg); /* 斜め45°で矢印 */
    width: 7px;
    height: 7px;
    border-right: 2px solid #ffffff;  /* 白矢印線 */
    border-bottom: 2px solid #ffffff; /* 白矢印線 */
    }

    /* -- ブロックNo002 スライダー btnカラーA ----------- */
    /* -- ブロックNo003 スライダー btnカラーA ----------- */
    /* -- ブロックNo004 スライダー btnカラーA ----------- */
    .No002area_btn a.btn_a,
    .No003area_btn a.btn_a,
    .No004area_btn a.btn_a
    {
    background: linear-gradient(45deg, #ff2b59 0%, #ff2b59 100%);
    }

    /* -- ブロックNo002 スライダー btnカラーB ----------- */
    /* -- ブロックNo003 スライダー btnカラーB ----------- */
    /* -- ブロックNo004 スライダー btnカラーB ----------- */
    .No002area_btn a.btn_b,
    .No003area_btn a.btn_b,
    .No004area_btn a.btn_b
    {
    background: linear-gradient(45deg, #00ba5a 0%, #00ba5a 100%);
    }

    /* -- ブロックNo002 スライダー btnカラーC ----------- */
    /* -- ブロックNo003 スライダー btnカラーC ----------- */
    /* -- ブロックNo004 スライダー btnカラーC ----------- */
    .No002area_btn a.btn_c,
    .No003area_btn a.btn_c,
    .No004area_btn a.btn_c{
    background: linear-gradient(45deg, #00758f 0%, #00758f 100%);
    }

    .No002area_btn a.btn_c{
    margin: 0px 0px 0px 0px;
    }

    .No003area_btn a.btn_c{
    margin: 0px 0px 10px 0px;
    }

    .No004area_btn a.btn_c{
    margin: 0px 0px 0px 0px;
    }

/* -- ブロックNo006  1個単体---*/
    .button-containerQA_single.sm-only {
    display: flex;
    justify-content: center;
    }

    .button-containerQA_duble.sm-only {
    display: flex;
    justify-content: center;
    }

    .No006area_btn_singleBox {
    background-color: transparent;
    }

    .No006area_btn_single a {
    font-size: clamp(18px,4vw,20px);
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 300px;
    min-height: 50px;
    padding: 10px 30px 10px 10px;
    border-radius: 30px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    background: white;
    color: #00758f;
    border: 1px solid #00758f;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    justify-content: center;
    text-decoration: none;
    }

    .No006area_btn_single a::after {
    content: '';
    position: absolute;
    top: 57%;
    right: 5%;
    margin-top: -4px;
    transform: translateY(-50%) rotate(315deg);
    width: 7px;
    height: 7px;
    border-right: 2px solid #00758f;
    border-bottom: 2px solid #00758f;
    }

/* --------------------------------------------------
6. Q and A 本体と の設定
-------------------------------------------------- */
    div.No006a_inner {
    background-color: #ffffff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    padding-bottom: 10px;
    }

/* --------------------------------------------------
-----------------------------------------------------
FAQ アコーディオンエリア
-----------------------------------------------------
-------------------------------------------------- */
    .accordion {
    margin: 0 0 3% 0 ;
    padding: 1% 0 0 0;
    width: 95%;
    max-width: 900px;
    }

    /* 開閉重要 */
    .toggle {
    display: none;
    }

    /* 開閉重要 */
    .question,.anser {
    transform: translateZ(0);
    transition: all 0.3s;
    }

    .anser a:link,
    .anser a:hover,
    .anser a:visited{
    color:#00758f;
    }

    .faq {
    position: relative;
    background-color: #ffffff;
    padding: 0 0 5px 0;
    }

    .question {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    cursor: pointer;
    padding: 1.5rem 40px 1rem 0rem;
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
    justify-content: flex-start;
    }

    .q_in {
    color: #333;
    font-size: clamp(16px, 4vw, 18px);
    font-weight: bold;
    line-height: 1.2em;
    text-align: left;
    width: 80%; /*左よせ固定の為 */
    }

    .anser {
    padding: 0rem 0rem 0rem 0rem;
    background-image: url(../images/FAQ_A_back.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #ffffff;
    }

    li.thema_comment,
    li.comment{
    padding: 1rem 2rem 0rem 2rem;
    }

    li.thema_comment{
    font-size: clamp(16px,4vw,18px);
    font-weight: 800;
    color: #333;
    }

    li.anser_btn{
    background-color: #ffffff;
    }

    li.anser_btn_002{
    background-color: #ffffff;
    }

    li.comment_top{
    font-size: clamp(1.25rem, 1.146rem + 0.55vw, 1.5rem);
    color: #333;
    }

    li.comment{
    color: #000000;
    font-size: clamp(14px,3vw,16px);
    line-height: 1.8em;
    width: 100%;
    padding: 0 0 0px 0;
    padding: 1rem 2rem 1rem 2rem;
    }

    li.coution{
    font-size: clamp(0.875rem, 0.771rem + 0.55vw, 1.125rem);
    padding: 1rem 2rem 1rem 2rem;
    line-height: 1.6em;
    color: #333;
    }

    .anser_innner ul {
    list-style-type: none; /* リストのマーカー（●）を非表示 */
    padding: 0; /* デフォルトの余白を削除 */
    }

    .anser_innner li {
    display: block; /* li をブロック要素化 */
    }

    li.un_bar{
    background-color: #c8c8c8;
    height: 2px;
    margin: 0px 0px 15px 0px;
    }

    .anser {
    background-repeat: no-repeat;
    background-position: bottom right;
    text-align: left;
    background-color: #f5f5f5;
    }

    .anser {
    max-height: 0;
    overflow: hidden;
    }

    .anser div {
    margin: 0;
    padding: 1rem 0rem 1rem 0rem;
    line-height: 1.5;
    }

    .toggle:checked + .question + .anser {
    max-height: 5000px;
    transition: all 1.5s;
    }

    .question span,.anser span {
    font-size: clamp(30px,4vw,32px);
    color:#00758f;
    text-align: left;
    line-height: 0;
    }

    .rounded-box {
    width: 10%;
    display: inline-block;
    padding: 2% 1%;
    margin: 2% 3% 2% 0%;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    }

    img.faqimage{
    width: 90%;
    max-width: 300px;
    margin: 0 auto 20px;
    display: block;
    border: 1px solid #ccc;
    }

    .nomail ul li b{
    font-size: clamp(20px,4vw,22px);
    }

    .nomail ul li span{
    font-size: clamp(16px,4vw,18px);
    color: #333;
    }

    /* ▼ 枠（白背景・角丸）を作成：::after */
    .question::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 55%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-color: #00758f;; /* 四角背景 */
    border-radius: 5px;         /* 角丸 */
    box-sizing: border-box;
    z-index: 50;
    }

    label {
    margin-bottom: 0%;
    }

    /* ▼ 矢印だけを作る：::before */
    .question::before {
    z-index: 100;
    content: "";
    position: absolute;
    right: 2.1rem;
    top: 50%;
    margin-top: -3.5px;

    width: 7px;
    height: 7px;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    box-sizing: content-box;
    transition: transform 0.3s ease;
    transform-origin: center center;
    /*  【方向】45  */
    transform: rotate(45deg);
    }

    .toggle:checked + .question:before {
    transform: rotate(225deg) !important;
    }

/* --------------------------------------------------
0007. Q and A 本体と の設定
-------------------------------------------------- */

    div.No007a_inner {
    background-color: #ffffff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    padding-bottom: 10px;
    }


    .No007info_BOX {
    margin: 0 auto 0% auto;
    padding: 1% 0 0 0;
    width: 95%;
    max-width: 900px;
    }
/* Bunner */
    .info_inner {
    padding: 0px;
    width: 100%;
    }

    .responsive-bnr {
    width: 100%;
    height: auto;
    /* contentプロパティで画像を差し替え（スマホ用） */
    content: url("../images/gakuseitintai_bnr_SF.png");
}

/* --------------------------------------------------
0008. バナーゾーンの設定
-------------------------------------------------- */
div.No008a_inner {
    width: 100%;
    /* height: 100%; は親に高さがないと効かないので、一旦外すか最小高さを指定 */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

/* 2. 中間の箱（ここが100%になっていないと中身が見えません） */
.No008info_BOX {
    width: 100%;
}

/* 3. 背景画像が入るエリア（スマホ基準） */
.No008info_inner {
width: 100%;
    height: 600px;
    /* PC画像の比率（横:縦）を計算して入れる。例: 1200/205 */
    aspect-ratio: 1200 / 205;

    background-image: url("../images/campspring_SF.png");
    background-size: cover;      /* 枠いっぱいに広げる */
    background-position: center;
    background-repeat: no-repeat;
}


    .responsive-bnrB {
    width: 100%;
    height: auto;
    /* contentプロパティで画像を差し替え（スマホ用） */
    content: url("../images/campspring_SF.png");
}


.info_inner {
    width: 100%;
    line-height: 0; /* 画像の下にできる謎の隙間を解消 */
}

.info_inner img.responsive-bnr {
    width: 100%;
    height: auto;
    display: block;
    /* 変化を滑らかにする（0.3秒かけて変化） */
    transition: opacity 0.3s ease;
}

.info_inner a:hover img.responsive-bnr {
    /* 不透明度を70%にする（背景が白なら白くかすんで見えます） */
    opacity: 0.7;
}

.info_inner a {
    display: block;
    background-color: #fff; /* 下地を白にすることで、透けた時に白が強調されます */
}

.info_inner2 {
    width: 100%;
    line-height: 0; /* 画像の下にできる謎の隙間を解消 */
}

.info_inner2 img.responsive-bnrB {
    width: 100%;
    height: auto;
    display: block;
    /* 変化を滑らかにする（0.3秒かけて変化） */
    transition: opacity 0.3s ease;
}

.info_inner2 a:hover img.responsive-bnrB {
    /* 不透明度を70%にする（背景が白なら白くかすんで見えます） */
    opacity: 0.7;
}

.info_inner2 a {
    display: block;
    background-color: #fff; /* 下地を白にすることで、透けた時に白が強調されます */
}


/* --------------------------------------------------
#TAB_main タブレット-------------------------
-------------------------------------------------- */
@media screen and (min-width:650px){

    section#contents_No001 {
    padding: 0px 0 40px 0;
    }

    section#contents_No002,
    section#contents_No003,
    section#contents_No004,
    section#contents_No006 {
    padding: 0px 0 60px 0;
    }

        section#contents_No007 {
    padding: 0px 0 30px 0;
    }

        section#contents_No008 {
    padding: 0px 0 0px 0;
    }

    .content-block {
    padding: 0px 4%;
    }

/* --------------------------------------------------
#contents_No001
-------------------------------------------------- */
    div#contents_container {
    width: 100%;
    max-width: 900px;
    }

    .No001area_btn_singleBox {
    padding: 0px 0px 40px 0px;
    }

    .button-container {
    gap: 10px;
    }

    .button-container.sm-only {
    padding: 0px 0px 40px 0px;
    }

    .btn, .No001_btn {
    padding: 0px 0px 40px 0px;
    }

    /* -- 1. 題字とimageの空間 */
    .image-area {
    padding: 30px 0px 0px 0px;
    margin-bottom: 0px;
    width: 100%;
    }

        /* 背景画像と文字位置 */
	.bg-mobile-top {
	background-image: url(../images/top_bnr_PC.jpg);
	text-align: center;
	padding: 20px 0;
	}


    div#innner_container_No002,
    div#innner_container_No004,
    div#innner_container_No005,
    div#innner_container_No006,
    div#innner_container_No007 {
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
    }

    div#innner_container_No003 {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    }

/* --------------------------------------------------
#contents 各h2 広がり
-------------------------------------------------- */

    .titleBlock_No001  h2.No001_A,
    .titleBlock_No002  h2.No002_A,
    .titleBlock_No003  h2.No003_A,
    .titleBlock_No004  h2.No004_A,
    .titleBlock_No005  h2.No005_A,
    .titleBlock_No006  h2.No006_A,
    .titleBlock_No007  h2.No007_A {
    width: 100%;
    max-width: 550px;
    font-size: clamp(33px, 3vw, 35px);
    }

/* --------------------------------------------------
#contents_No001 merit Block
-------------------------------------------------- */
    span.No1_h4_R, span.No1_h4_L {
    font-size: clamp(33px, 3vw, 35px);
    }

    div.h3_2danbox h3.No001_B {
    font-size: clamp(33px, 3vw, 35px);
    }


/* --------------------------------------------------
#contents_No001 各ボタン
-------------------------------------------------- */

    /* Merit002 4 列---*/
    .No001area_btn a{
    font-size: clamp(16px, 4vw, 18px);
    min-width: 250px;
    min-height: 60px;
    padding: 20px 15px 20px 10px;
    }

    .No001area_btn_single a {
    font-size: clamp(16px, 4vw, 18px);
    min-width: 250px;
    min-height: 60px;
    padding: 20px 15px 20px 10px;
    }

/* --------------------------------------------------
#タイプ別お部屋探し 上部ふきだしテーマ
-------------------------------------------------- */
    .outbox_03h2 {
    width: 100%;
    max-width: 700px;
    text-align: center;
    }

    .outbox_03h2 .fukidashi_org {
    font-size: clamp(20px, 3vw, 22px);
    padding: 5px 0px 5px 0px;
    letter-spacing: 0em;
    }

    .No001a_inner ul {
    align-items: stretch;
    min-height: 250px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 0px;
    justify-content: space-around;
    gap: 10px;
    }

/* --------コンテンツ #No001 Block 3列窓 -------------- */
    .No001a_inner {
    width: 100%;
    margin: 0px 0 0px 0;
    padding: 0px 1% 0px 1%;
    }

    .No001a_inner:not(:last-child) {
    margin-bottom: 30px;
    }

    li.No001a_img p {
    padding: 0 10px 10px 10px;
    }

    .No001a_inner ul li {
    min-height: 280px;
    }

    /* --h2　改行--表示非表示トリック------------ */
    /* --------#No001 3枚カード内　改行--BR------------ */
    .No001_block_A01,
    .No001_block_A02,
    .No001_block_B01,
    .No001_block_C01{display: block;}

/* --------------------------------------------------
#contents_No002　スライダー箇所
-------------------------------------------------- */
/* -----h2---黒線スラッシュ付---終了----------- */
/* --h2　改行--表示非表示トリック------------ */
/* --------#main_h2改行---BR----------- */
    .No001_fukidashi,
    .No002_spB_br,
    .No002_spC_br,
    .No004_txtB_br  {display: block;}

    .No002a_inner, .No003a_inner, .No004a_inner, .No005a_inner {
    padding: 80px 4% 10px 4%;
    }

    .wordbox_002 h3 {
    text-align: center;
    }

/* --------------------------------------------------
#contents_No002　スライダー箇所 内部画像エリア
-------------------------------------------------- */

    /* 2. スライダーカード - 高さ固定  */
    .contentsNo002_list li .itembox1_img img,
    .contentsNo003_list li .itembox1_img img,
    .contentsNo004_list li .itembox1_img img {
    width: 100%;
    max-width: 450px;
    height: auto;
    display: block;
    margin: 0 auto;
    }

/* --------------------------------------------------
#contents_No003　スライダー箇所
/* --------------------------------------------------
#contents_No004　スライダー箇所
-------------------------------------------------- */
    .wordbox_002 h3{
    font-size: clamp(24px, 4vw, 26px);
    line-height: 4.0rem;
    flex-grow: 1;
    }

    .No002_txtBlock,
    .No003_txtBlock,
    .No004_txtBlock{
    flex-grow: 1;
    }

    .wordbox_002 h3{
    padding: 10px 10px 10px 10px;
    }

    span.txt_box {
    padding: 10px 10px 10px 10px;
    }

    .wordbox_002 p.cortion {
    padding: 0 10px 10px 10px;
    }

    div.wordbox_002 span.txt_box {
    flex-grow: 1;
    }

    .No002_txtBlock{
    width: 100%;
    padding: 0 0 20px 0;
    }

    .No003_txtBlock{
    width: 100%;
    padding: 0 0 20px 0;
    }

    .No004_txtBlock{
    width: 100%;
    padding: 0 0 20px 0;
    }

    #contents_No002 UL.contentsNo002_list > li:first-child {
    margin-left: 0vw;
    }

    /* スライダーカード --空白調整-----*/
    #contents_No003  li.No003_itembox1 {
    padding: 10px;
    }

    /* li スクロール- --カードの幅-----*/
    #contents_No002  li.No002_itembox1{
    min-width: 75vw;
    }

    #contents_No004  li.No004_itembox1 {
    min-width: 75vw;
    }

    /* li スクロール---共通-----*/
    #contents_No002  li.No003_itembox1 {
    min-width: 50%;  /* カードの大きさ---共通-----*/
    }

    #contents_No004  li.No003_itembox1 {
    min-width: 50%;  /* カードの大きさ---共通-----*/
    }

    /* スライダー箇所　ボタン---共通-----*/
    .No002area_btn a,
    .No003area_btn a,
    .No004area_btn a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    max-width: 600px;
    min-height: 70px;
    margin: 0 auto;
    padding: 5px 50px 5px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    }

/* --------------------------------------------------
#contents_No003　スライダー箇所　ボタン内文字
　/* --------------------------------------------------
#contents_No004　スライダー箇所　ボタン内文字
-------------------------------------------------- */
    .No002area_btn a.btn_a{
        font-size: clamp(24px, 4vw, 26px);
    }

    .No002area_btn a.btn_b{
        font-size: clamp(24px, 4vw, 26px);
    }

    .No002area_btn a.btn_c{
        font-size: clamp(24px, 4vw, 26px);
    }
/* --------------------------------------------------
#contents_No005　学生さんのお部屋探しの流れ　画像　左右
-------------------------------------------------- */
    /* 高さは　L1222付近 シマシマ*/
    div#No005box_for_h2 {
    background-image: repeating-linear-gradient(
    90deg,
    #ffe600,
    #ffe600 4vw,
    #ffed49 3vw,
    #ffed49 8vw);    /* 薄黄色を8vwの位置でstop */
    }

    /*  シマシマ調整*/
    div#No005box_for_contents {
    width: 100%;
    background-image: repeating-linear-gradient(
    90deg,
    #ffe600,
    #ffe600 4vw,
    #ffed49 3vw,
    #ffed49 8vw);/* 薄黄色を8vwの位置でstop */
    }

    /*  シマシマ調整*/
    .titleBlock_No005 {
    background-image: repeating-linear-gradient(
    90deg,
    #ffe600,
    #ffe600 4vw,
    #ffed49 3vw,
    /* 薄黄色を8vwの位置でstop */
    #ffed49 8vw
    );
    }

    div#No005box_for_h2 {
    height: 170px;
    }

    .No005_img_box img {
    padding: 0 0 0px 0;
    }

    .txtblockA_No005 {
    display: block;
    padding: 35px 0 0px 0;
    line-height: 1.7em;
    }


    .No005_contents_box .fukidashi {
    font-size: clamp(18px, 4vw, 20px);
    display: block;
    line-height: 1.7em;
    }

    .txtblockA_No005 {

    display: block;

    }

    .No005_contents_box .title-box h4 {
    font-size: clamp(18px, 4vw, 20px);
    min-height: 40px;
    }

    .No005_contents_box .content-text {
    line-height: 1.7em;
    padding: 5px 0 0px 0;
    line-height: 1.7em;
    }

    .No005_txt_link a {
    font-size: clamp(14px, 3vw, 16px);
    font-weight: 600;
    padding: 5px 20px 5px 0;
    }

    .No005_txt_link a::after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 3px #0650ff;
    border-right: solid 3px #0650ff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 60%;
    right:0px;
    margin-top: -10px;
    }

/* --------------------------------------------------
#contents_No007 QA
-------------------------------------------------- */

    .info_inner {
    padding: 30px;
    }

    .question span, .anser span {
    font-size: clamp(30px,4vw,32px);
    color: #00758f;
    text-align: left;
    line-height: 0;
    }

    .rounded-box {
    width: 10%;
    display: inline-block;
    padding: 2% 1%;
    margin: 2% 3% 2% 0%;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    }

    .q_in {
    color: #333;
    font-size: clamp(16px, 4vw, 18px);
    font-weight: bold;
    line-height: 1.2em;
    text-align: left;
    width: 80%; /*左よせ固定の為 */
    }

    .question {
    justify-content: flex-start;
    }

    .question span {
    font-size: clamp(45px, 4vw, 48px);
    line-height: 0;
    }

    .anser span {
    font-size: clamp(20px, 4vw, 28px);
    line-height: 0;
    }

    li.thema_comment {
    font-size: clamp(18px, 4vw, 20px);
    font-weight: 800;
    }

    .question span, .anser span {
    font-size: clamp(30px,4vw,32px);
    color: #00758f;
    text-align: left;
    line-height: 0;
    }

    .rounded-box {
    width: 10%;
    display: inline-block;
    padding: 2% 1%;
    margin: 2% 3% 2% 0%;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    }

    li.comment {
    padding: 10px 15px 20px 15px;
    }

    .No006area_btn_single a {
    font-size: clamp(16px, 4vw, 18px);
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 400px;
    min-height: 70px;
    padding: 10px 15px 10px 10px;
    border-radius: 30px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    background: white;
    color: #00758f;
    border: 1px solid #00758f;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    justify-content: center;
    text-decoration: none;
    }
/* --------------------------------------------------
#contents_No08
-------------------------------------------------- */

    .info_inner2 {
    padding: 0px;
    }


}

/* --------------------------------------------------
#TAB_main PC---考慮
-------------------------------------------------- */

@media screen and (min-width:900px){

/* -------- レイアウト外枠------------- */
    .No002a_inner{
    padding: 60px 2% 0px 2%;
    }

    .No003a_inner,
    .No004a_inner,
    .No005a_inner,
    .No006a_inner,
    .No007a_inner {
    padding: 40px 2% 0px 2%;
    }
/* --------------------------------------------------
#contents_No001
-------------------------------------------------- */
    p.No001_Txtblock001, p.No001_Txtblock002, p.No001_Txtblock003 {
    line-height: 2.0em;
    }

    .content-group {
    margin-bottom: 0px;
    }

    .content-group01_merit01 {
    margin-bottom: 40px;
    }

    .content-group01_merit02 {
    margin-bottom: 60px;
    }

    /* --　文字--------- */
    span.No1_h4_R, span.No1_h4_L {
    font-size: clamp(25px, 3vw, 26px);
    }

    /* --　Merit 001--------- */
    .button-container_single.sm-only {
    display: none;
    }

    /* --　Merit 002--------- */
    .button-container_single.sm-only {
    display: none;
    }

    .button-container.sm-only {
    display: none;
    }

    /* --　Merit 003--------- */
    .button-container.sm-only2 {
    display: none;
    }

/* --------------------------------------------------
#contents_No005　学生さんのお部屋探しの流れ　画像　左右
-------------------------------------------------- */

    .titleBlock_No005 {
    padding: 60px 0 0px 0;
    }

/* -----h2---黒線スラッシュ付---終了----------- */
/* --h2　改行--表示非表示トリック------------ */
/* --------#main_h2改行-------------- */
    .No001sp_br,
    .No002sp_br,
    .No003sp_br,
    .No003sp02_br,
    .No004sp_br,
    .No007sp_br {display: none;}

/* TOP画像中の文字位置 ----------------*/
    div.title-wrapper {
    width: 100%;
    max-width: fit-content;
    margin: 10% 0 0px 30%;
    text-align: left;
    }

/* --------#main_　　topMain画像　-------------- */
	#First-View {
	margin-top: 120px;
	}
/* --------#main_　　文字の配置換え　-------------- */

    #First-View .bg-mobile-top {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
    }

    /* 背景画像と文字位置 */
	.bg-mobile-top {
	background-image: url(../images/top_bnr_PC.jpg);
	text-align: center;
	padding: 20px 0;
	}

    .title-wrapper {
    width: 20%;
    margin-left: 200px;/* 文字場所調整 */
    text-align: right;
    }
    .top-message {
    text-align: left;
    }

    .top-message_sub {
    text-align: left;
    }

    main.clearfix {
    display: block;
    margin: 0px auto 0 auto;
    }

/* --------------------------------------------------
#背景帯カラー　連動
-------------------------------------------------- */
/* -　#ベースの内枠　と背景 ------- */

    div#No002box_for_h2 {
    height: 80px;
    }

    div#No003box_for_h2 {
    height: 150px;
    }

    .titleBlock_No003{
    background-color: #f9fcc0;
    display: block;
    padding: 80px 0 0px 0;
    }

/* --------------------------------------------------
#contents_No001 ブロック 画像文章配列
-------------------------------------------------- */
    .main-content {
    display: flex;
    flex-direction: row;
    }

    .main-content {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0;
    padding: 0;
    }

    /* デフォルト（1番目・3番目）＝画像 → 文章 */
    .main-content .image-area {
    order: 1;
    }
    .main-content .text-area {
    order: 2;
    }

    /* 偶数ブロックだけ左右反転（文章 → 画像） */
    .content-even .main-content {
    flex-direction: row;
    }

    .content-even .image-area {
    order: 1;
    }

    .content-even .text-area {
    order: 2;
    }

/* --------------------------------------------------
#contents_No001  ブロック 画像文章配列
-------------------------------------------------- */

/* -----------------
#contents_No001 Merit ブロック-------- */

    h3.No001_Titleblock001 {
    color: #ff2b59;
    }

    h3.No001_Titleblock002 {
    color: #00ba5a;
    }

    h3.No001_Titleblock003 {
    color: #00758f;
    }

/* --------【重要】-表示切替--------------- */
    .button-containerQA_single.sm-only {
    display: flex;
    justify-content: center;
    }

    .pc-only,
    .button-row-pc {
    display: flex
    }

    .image-area {
    flex: 1;
    padding: 00px;
    }

    .text-area {
    flex: 1;
    padding: 30px 10px 30px 10px;
    }

    /* btn設定 */
    .button-row-pc {
    display: flex;
    align-items: center;
    margin-top: 0;
    padding: 15px 30px;
    }

    .button-area-pc {
    flex: 0; /* 1:1比 */
    }

    /* ボタンコンテナ */
    .button-container.pc-only {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 500px;
    min-width: 500px;
    }

    /* 色左右反転------------ */
    .yellow-bg,
    .lightyellow-bg {
    height: 100%;
    top: 0;
    }

    .content-odd .yellow-bg {
    left: 0;
    width: 30%;
    }
    .content-odd .lightyellow-bg {
    left: 30%;
    width: 70%;
    }

  /* .content-even */
  .content-even .yellow-bg {
    left: 70%;
    width: 30%;
  }
  .content-even .lightyellow-bg {
    left: 0;
    width: 70%;
  }

    /* ボタン------------ */
    .No006area_btn_single a {
    font-size: clamp(15px, 4vw, 16px);
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 400px;
    min-height: 50px;
    padding: 10px 15px 10px 10px;
    border-radius: 30px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    background: white;
    color: #00758f;
    border: 1px solid #00758f;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
    justify-content: center;
    text-decoration: none;
    }

  /* --------------------------------------------------
#contentsNo001_各　フォント
-------------------------------------------------- */

.titleBlock_No001  h2.No001_A
 {
        font-size: clamp(33px, 3vw, 35px);
    font-weight: 700;
    line-height: 1.2;
    display: block;
    text-align: center;
    white-space: normal;
}

.titleBlock_No002  h2.No002_A {
    font-weight: 700;
}


.titleBlock_No003  h2.No003_A {
    font-weight: 700;
}

.titleBlock_No001  h2.No001_A, .titleBlock_No002  h2.No002_A, .titleBlock_No003  h2.No003_A, .titleBlock_No004  h2.No004_A, .titleBlock_No005  h2.No005_A, .titleBlock_No006  h2.No006_A, .titleBlock_No007  h2.No007_A {
    width: 100%;
    max-width: 850px;
    font-size: clamp(33px, 3vw, 35px);
}

 .titleBlock_No002  h2.No002_A,
 .titleBlock_No003  h2.No003_A,
 .titleBlock_No004  h2.No004_A,
 .titleBlock_No005  h2.No005_A,
 .titleBlock_No006  h2.No006_A,
.titleBlock_No007  h2.No007_A {
            font-size: clamp(33px, 3vw, 35px);
    width: 100%;
    max-width: 850px;
        display: block;
    text-align: center;
    white-space: normal;
        line-height: 1.2;
}




/* --------#main_　　文字の配置換え　-------------- */
/* --------#No002 Block #h2 -------------- */




/*h2  テーマ　アンダーバー つき ----- */
.titleBlock_No001 h2.No001_A::after,
.titleBlock_No001  h3.No001_B::after,
.titleBlock_No005 h2.No005_A::after {
    content: "";
    display: block;
    width: 2em;
    height: 5px;
    background-color:  #ff6600;
    margin: 15px auto 0;
}

.titleBlock_No006 h2.No006_A::after {
    content: "";
    display: block;
    width: 2em;
    height: 5px;
    background-color:  #ff0798;
    margin: 15px auto 0;
}


.titleBlock_No007 h2.No007_A::after {
    content: "";
    display: block;
    width: 2em;
    height: 5px;
    background-color:  #ffffff;
    margin: 15px auto 0;
}

/* --------------------------------------------------
#contentsNo001_各　ボタン　箇所
-------------------------------------------------- */


.No001area_btn a
{
     min-width: 400px;
    display: flex;
 align-items: center;

    width: fit-content;

}

/* --------------------------------------------------
#contents_No001 ブロック　終了
-------------------------------------------------- */
/* --------------------------------------------------
#contents_No001 フキダシブロック
-------------------------------------------------- */

.outbox_03h2 {
    width: 100%;
    height: auto;
    margin: 0 0 30px 0;
    border: 3px solid #ff872d;
    border-radius: 5px;
    background-color: #ff872d;
    position: relative;
    z-index: 30;
    max-width: 900px;
}

/* --------#No001 オレンジふきだし　改行-------------- */
        .No001_fukidashi{display: none;}

/* --------------------------------------------------
#contents_No001 3並列ブロック
-------------------------------------------------- */
/* --------------------------------------------------
    UL (Flexコンテナ) の設定 (変更なし)
    -------------------------------------------------- */
    .No001a_inner ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 15px 0;
        width: 100%;
        max-width: 900px;
        margin: 0 auto 0px;
    }

    /* --------------------------------------------------
    LI (Flexアイテム) の設定
    -------------------------------------------------- */
    .No001a_inner ul li {
        width: calc((100% - 40px) / 3);
        max-width: 300px;
        min-width: 0;
        flex-shrink: 1;
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    li.No001a_img{
    padding: 5px;
}

    /* --------------------------------------------------
    LI 内部の要素の調整
    -------------------------------------------------- */

    /* 1. 画像エリア (span) */
    .No001a_inner ul li span {
        flex-shrink: 0;
        height: auto;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    /* 画像 */
    .No001a_inner ul li span img {
        display: block;
    }

    /* テキストエリア */
    .No001a_inner ul li p:not([class^="arrow"]) {
        flex-grow: 1;
        padding: 0px 0 50px;
    }

    li.No001a_img p {
        height: 10%;
    }

    /* 矢印 最下段固定 */
    .No001a_inner ul li p[class^="arrow"] {
        flex-shrink: 0;
        margin-top: auto;
        padding-bottom: 0;
        text-align: center;
    }



/* --------------------------------------------------
#contents_No002　スライダー箇所 --
-------------------------------------------------- */


    #contents_No002 UL.contentsNo002_list,
    #contents_No003 UL.contentsNo003_list,
    #contents_No004 UL.contentsNo004_list {
        /* 既存のスタイル... */
            display: flex;
        justify-content: space-around;

        overflow-x: visible; /* 横方向のスクロールを解除し、はみ出しをそのまま表示 */

        /* 既存のスタイル... */
    }

    .No002_txtBlock,
    .No003_txtBlock,
    .No004_txtBlock{
        width: 80%;
        max-width: 700px;
        margin: 0 auto;
        padding: 0 0 20px 0;
        line-height: 1.7em;
    }

    span.txt_box {
            line-height: 1.7em;
    }

    #contents_No002 UL.contentsNo002_list, #contents_No003 UL.contentsNo003_list, #contents_No004 UL.contentsNo004_list {
    /* scroll-snap-type: x mandatory; */
    overflow-x: none;
    -webkit-overflow-scrolling: none;
    display: flex;
    justify-content: space-around;
    gap: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border: 0;
    list-style: none;
    }

    #contents_No002  li.No002_itembox1 {
    /* min-width: 90vw; */
    max-width: 50%;
    height: auto;
        padding: 30px 10px;
    scroll-snap-align: center;
    transition: all .6s;
    background: #ffffff;
    }


    #contents_No004  li.No004_itembox1 {
    /* min-width: 90vw; */
    max-width: 50%;
    height: auto;
        padding:50px 10px;
    scroll-snap-align: center;
    transition: all .6s;
    background: #ffffff;
    }

    /* --------------------------------------------------
#contents_No002　スライダー箇所 カードの大きさ--
contents_No003　スライダー箇所 カードの大きさ--
contents_No004　スライダー箇所 カードの大きさ--
-------------------------------------------------- */
#contents_No002 UL.contentsNo002_list > li:last-child {
    padding-right:0vw;
}

#contents_No002  li.No002_itembox1 {
    min-width: 0vw;

}

#contents_No004  li.No004_itembox1 {
    min-width: 0vw;

}




/* 2カードの大きさ---共通-----*/
#contents_No002  li.No003_itembox1 {
    max-width: 50%;
}
/* 3カードの大きさ---共通-----*/
#contents_No003  li.No003_itembox1 {
    min-width: 33%;
}

/* 4カードの大きさ---共通-----*/
#contents_No004  li.No003_itembox1 {
        max-width: 50%;
}

/* カードの左側---余白-----*/
#contents_No003 UL.contentsNo003_list > li:first-child {
    margin-left: 0vw;
}

#contents_No004 UL.contentsNo004_list > li:first-child {
    margin-left: 0vw;
}


/* --------------------------------------------------
#contents_No002　スライダー箇所 内部画像エリア
-------------------------------------------------- */

/* 2. スライダーカード - 高さ固定  */
.contentsNo002_list li .itembox1_img img,
.contentsNo003_list li .itembox1_img img,
.contentsNo004_list li .itembox1_img img {
    width: 100%;
max-width: 350px;
    height: auto;
    display: block;
    margin: 0 auto;

}

/* --------------------------------------------------
#contents_No002　スライダー箇所 画像下テーマ--
#contents_No003　スライダー箇所 画像下テーマ--
#contents_No004　スライダー箇所 画像下テーマ--
-------------------------------------------------- */

.wordbox_001 h3 {
    padding: 0 0 20px 0;
}

.No.No003a_inner {
    padding: 60px 2% 0px 2%;
}

.wordbox_002 h3 {
    padding: 10px 5px 10px 5px;
}

.wordbox_002 h3,
.wordbox_003 h3,
.wordbox_004 h3
 {
    text-align:left ;
        font-size: clamp(18px, 4vw, 20px);
    line-height: 1.3em;
}



.titleBlock_No002 {
    padding: 40px 0 0px 0;
}

.titleBlock_No004 {
    padding: 80px 0 0px 0;
}

/* 2. スライダーカード No004 ボタン ----------- */

.No002area_btn a.btn_a {
        font-size: clamp(16px, 4vw, 18px);
}

.No002area_btn a.btn_b {
        font-size: clamp(16px, 4vw, 18px);
}

.No002area_btn a.btn_c {
        font-size: clamp(16px, 4vw, 18px);
           letter-spacing: -0.08rem;
}

.No002area_btn a, .No003area_btn a, .No004area_btn a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    max-width: 600px;
    min-height: 70px;
    margin: 0 auto;
    padding: 5px 20px 5px 10px;
    border-radius: 50px;
    box-shadow: 0 2px 4px #cccccc;
    text-align: left;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    transition: all 0.2s;
    position: relative;
}


/* --------------------------------------------------
#contents_No005　学生さんのお部屋探しの流れ　画像　左右
-------------------------------------------------- */

.No005_img001{
 content: url("../images/No005_Contents_PC.png");
}

.txtblockA_No005 {
        line-height: 1.7em;
}

.No005_contents_box .content-text {
        line-height: 1.7em;
                padding: 0 20px;
}

.No005_contents_box .fukidashi {
    /* color: #000000; */
    font-size: clamp(15px,4vw,16px);
    font-weight: 800;
    line-height: 1.5em;
    letter-spacing: -0.08rem;
    flex-shrink: 0;
    min-height: 80px;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 10px;
    background-color: #ffffff;
    border-radius: 30px;
    color: #000;
    position: relative;
    align-items: center;
    z-index: 30;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}



/* --------------------------------------------------
#contents_No006　Q and A
-------------------------------------------------- */

li.anser_btn_002 {
    background-color: #ffffff;
    display: flex;
            gap: 10px;
}

.button-containerQA_duble.sm-only {
    display: flex;
    justify-content: center;
    /* border-bottom: 2px solid #e7e6e6; */
}


.question {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    cursor: pointer;
    padding: 0.5rem 40px 0.5rem 0rem;
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
justify-content: flex-start;
}

li.comment {
        line-height: 1.7em;
}

.No005_contents_box .No005_txt_link {
    padding: 20px 40px;
}



/* --------------------------------------------------
#contents_No007　bunner
-------------------------------------------------- */


.info_inner {
        padding: 40px; /* 元の設定どおり */
    }
    .responsive-bnr {
        content: url("../images/gakuseitintai_bnr_pc.png");
    }

/* --------------------------------------------------
# ボタンの並列配置 (再修正 - クラス名変更に対応)
-------------------------------------------------- */
li.anser_btn002 {
    display: flex;
    gap: 5px;
}

/* 3. 各ボタンコンテナが利用可能なスペースを均等に占めるようにする */
li.anser_btn002 > div.button-containerQA_duble {
    flex: 1; /* 均等な幅を確保 (幅を約50%ずつにする) */
}



    .No008info_inner {
        height: 205px;
        background-image: url("./images/campspring_pc.png");
    }

        .responsive-bnrB {
        content: url("../images/campspring_pc.png");
    }


}

/* --------------------------------------------------
#main_ 文字幅最大
-------------------------------------------------- */

@media screen and (min-width:980px){


}

/* --------------------------------------------------
#main_
-------------------------------------------------- */
@media screen and (min-width:1000px){

}
/* --------------------------------------------------
#main_ PC最大考慮
-------------------------------------------------- */


@media screen and (min-width:1024px){

}