/*---全体-------------------------*/

html, body {
    background-color: #ffe4e1;
    margin: 0 auto;
    font-family: "HG丸ｺﾞｼｯｸM-PRO", sans-serif;
}
  
/*---ロゴ部分----------*/
/*一番上*/
#little-headerCon-pc {　　　
    width: 100%;
    background: #ffffff;
    border-top: solid 15px;
    border-bottom: none;
    border-top-color: #F68B1E; 
}
.back-orange{
    background-color: #FCBB76;
    padding: 0px 15px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
}
.back-orange-box01 p{
    font-size:30px;
    padding-left:20px;
    font-weight: 500;   
}
.back-orange-box02 p{
    font-size:30px;
}
/*二段目*/
.rogoArea{   
    background-color: #ffe4e1;
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
}
.rogo1{
    
}
.rogo1 img{
    width: 320px;
}
.rogo2{
    margin-top: 20px;
}
.rogo2 img{
    width: 400px;
}

/*　ナビ部分　*/
.navStyle{ 
    max-width: 1495px;
    width:100%; 
    background-color:#FCBB76; 
    padding: 15px 0 19px;
    padding-left: 5px;
    margin-left: 0;
}
.navStyle ul {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-evenly;
}

.navStyle b {
font-size: clamp(20px,1.6vw,25px);
}

/*　背景-1　*/
.newCon{
    background-color: #ffe4e1;
    width: 100%;
    display: flex;
    gap:10px;
    margin-left:45px;
}

/* スライド-1　*/
.slide{
    width: 35%;
    padding: 20px;
}

/*　スライド内の画像　*/
.slide img {
    width: 330px;
    height: 330px;
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    background: none;
    object-fit: contain
}

/*　文章部分の構成　*/
.message{
    width:65%;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 70px;
    padding: 10px;
}

/*　文章のタイトル部　*/
.message-title{
    font-size: clamp(25px,1.7vw,30px);
    background-color: #FFD700; 
    display: inline;
    padding: 0 20px;  
}

/*　文章　*/
.message-sentence{
    font-size: clamp(20px,1.6vw,25px);
    letter-spacing: 3px;
    line-height: 1.5;
    font-weight:600;
    color: #333333;
    letter-spacing: 0.1em;
}

/*　背景-2　*/
.newCon2{
    background-color: #ffe4e1;
    width: 100%;
    display: flex;
    gap:20px;
    margin-left:20px;
    padding: 5px;
}

/*　背景-2に対する文章構成　*/
.message2{
    width:65%;
    margin-top: 30px;
    margin-left: 20px;
    padding: 10px;
}

/*　背景 スライド　*/
.contentSlide{
    padding: 50px 120px;
    margin-top: 20px;
}
/*太字*/
.futoji{
    font-weight: 1000;
    color: black;
    font-size: 110%;
}

/* スライド-2　*/
.slide2{
    padding: 5px; 
}

/*　スライド2内の画像　*/
.slide2 img {
    width: 100%;
    border: none;
    padding: 5px;
}

/* 最終段 文字部分　*/
.lastMessage-box{
    flex: 7;
    margin-top: 50px;
    margin-left: 15px;
    padding: 10px;
}

/*　最終段　写真　*/
.lastPicture-box{
    flex: 3;
    margin-top: 20px;
    margin-right: 100px;
    padding: 10px;
}

.lastPicture-box img{
    width:100%;
    padding: 10px;
}

/*　オレンジ帯タイトル　*/
.orange-belt{
    background-color: #FCBB76;
    padding: 2px 5px;
    display: flex;
    justify-content: center;
}

/*　タイトル内文字　*/
.chap-title p{
    font-size:30px;
    font-weight: bold;
    text-align: center;  
}

/* 背景-3　一日の背景 */
.newCon3{
    margin-top: 30px;
    background-color: #ffe4e1;
    width: 100%;
    display: flex;
    flex-direction: column;    
    flex-wrap: nowrap;
}
/* スケジュール配置 */
.daySche{
    width: 75%;
    margin: 20px auto;
}

.daySche img{
    width: 100%;
    display: block;
}

/*直接表示*/
/*　1日スケジュールの枠　*/
.title-box{
    border: 3px solid #000;
    font-size: clamp(15px,1.6vw,25px);
    padding: 10px;
    margin: 1em 3em;
    overflow: hidden;
    white-space: nowrap;
}
.title-box legend{
    font-size: 150%; 
    font-weight: bold;
}
.inSchedule1-1{
    display: flex;
    justify-content:space-between;
    padding: 5px;
    margin: 5px 50px;    
    font-size: 110%;
    line-height: 1.7;
}

.inSchedule1-2{
    font-weight: 600;
    color: #333333;
    letter-spacing: 0.1em;
}

/*　背景-4　けいきグループ　*/
.newCon4{
    background-color: #ffe4e1;
    width: 95%;
    padding: 20px;
}
.kIllust{
    width: 75%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
.kIllust img{
    width:100%;
    border-radius:3rem;
    opacity: 0.9;
}


/*　背景-5　ケイキスタッフ　*/
.newCon5{
    background-color: #ffe4e1;
    width: 100%;
    display: flex;
    gap:10px;
    margin-left:45px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px;
}

/*けいきのスタッフ*/
.normalbox1{
    flex: 7;
    margin-top: 5px;
    margin-left: 5px;
    
}

.normalbox2{
    flex: 3;
    justify-content: center;
    justify-items: center;
}
.normalbox2 img{
    padding-top: 20px;
    margin: 30px 10px; 
    width: 330px; 
}

/* スライド-3　*/
.slide3{  
    padding: 5px;
}
/*　スライド3内の画像　*/
.slide3 img {
    width: 100%;
    border: none;
    padding: 5px;
}

/* スライドショーの矢印 */
.slick-prev::before,
.slick-next::before {
    color: gray !important;
    font-size: 30px !important;
}

/* フッター部分 */
.footRibon{
    background-color: #ffe4e1;
    width:100%;
    height:32px;
    margin-top: 20px;
}
.footRibon img{
    width:100%;
}
.footBox{
    background-color: #ffe4e1;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding-bottom:50px;
}
.footBox01{
    margin-top:10px;
    margin-left: 50px;
}
.footBox01 img{
    margin-bottom: 2px;
}
.footBox01 p{
    font-size: clamp(20px,1.6vw,30px);
    line-height: 1.2em;
    margin-top: 0;
    margin-left: 30px;
}
.footBox01-1{
    margin-left: -100px;
}
.footBox01-1 img{
    width: 700px;
    height: auto;
}