@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

img.jisski{
	width: 800px;
} 
.article h1:before{
    content: url(images/learning_bg_illust1.png);
    padding-right: 5px;
    position: absolute;
    top: -30px;
    left: 15px;
}
.line-banner{
    margin: 36px auto;
    text-align: center;
    padding: 12px;
}
.line-footer{
    margin: 24px 0;
}


a.kyuzinhyo-dl-btn {
    background-color: #e6456d;
    padding: 10px 22px;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

#itakukunren-fixed{
	position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    box-shadow: 0 10px 25px 0 rgb(0 0 0 / 50%);
    z-index: 999;
	display: flex;
	justify-content: center;
}

#itakukunren-fixed-content {
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
    z-index: 999;
}

a#line-fixed{
    width: 240px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background-color: #00B900;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    padding: 24px 0;
	margin-right: 30px;
}
a#itakukunrenform-fixed {
	width: 700px;
	color: #fff;
    font-size: 20px;
    font-weight: 700;
    background-color: #e6456d;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    padding: 24px 0;
}

#itakukunren-btn{
    position: absolute;
}
#itakukunren-btn:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 5px;
    left: 15px;
}
.wp-block-button__link{
    font-family: fot-tsukuardgothic-std, sans-serif;
}
a.wp-block-button__link:hover{
    color: #fff !important;
}
	.tss-wrapper .tss-layout3 .item-content, .tss-wrapper .tss-isotope1 .item-content, .tss-wrapper .tss-carousel3 .item-content ,
.tss-wrapper .tss-layout1 .item-content, .tss-wrapper .tss-carousel1 .item-content{
	font-style: normal !important
}
.syokugyoukunnren .author-designation {
    font-size: 17px;
}
.tss-wrapper .tss-layout1 .tss-meta-info.tss-left, .tss-wrapper .tss-carousel1 .tss-meta-info.tss-left {
    display: none;
}
.page-id-418 #footer-illust{
    background-color: #b9e8ff !important;
}
.kadomaru img{
    border-radius: 10px !important;
}
.n2-ss-slide-background-image img{
    filter: drop-shadow(10px 10px 10px rgba(105, 105, 105, 0.7));
}
div#n2-ss-4 .nextend-arrow img{
    filter: drop-shadow(0px 0px 3px black);
}

/* Simplicity子テーマ用のスタイルを書く */
body{
    font-family: Yu Gothic Medium, "Yu Gothic Medium" , "游ゴシック Medium" ,Yu Gothic ,"游ゴシック体" ,"游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 16px;
    color: #000;
}
.entry-content p{
    line-height: 200%;
    letter-spacing: 1px;
}

a {
    color: #3366cc;
    text-decoration:none;

}
a:hover{
    color: #3366cc;
    opacity:0.8;
    text-decoration:none;

}
#main .post, #main .page {
    margin-bottom: 0;
}
.mt60{
    margin-top: 60px !important;
}
.mt120{
    margin-top: 120px !important;
}
.p30{
    padding: 30px !important;
}
img.img-center{
    margin:0 auto;
    display: block;
}
.article h1{
    text-align: center;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    border-bottom: 0;
    background-color: #ff8ca9;
    padding: 29px 0 30px;
    border-radius: 10px;
    margin: 30px auto 60px;
    width: 1080px;
    }
.entry-card {
    margin-bottom: 30px !important;
}
#footer a:hover {
    opacity:0.8;
    color: #555555;
}
#container{
    width: 1280px;
    background-image: url(images/header_upper_decoration.png);
    background-repeat: no-repeat;
    margin:0 auto;
}
#header-in, #navi-in{
    width: 1080px;
}
 #body-in{
    width: 1280px;

}
#footer {
    background-color: #fff9e2;
    width: 1280px;
    color: #555555;
    margin: 0 auto;
    padding: 0;
}
#footer-illust{
    background-image: url(images/footer_illust.png);
    background-repeat: no-repeat;
    height: 159px;
    background-color: #fff;
}
.home #footer-illust{
    background-color: #ffd9e2;
}

p#footer-title{
    color: #e6456d;
    font-weight: 700;
    font-size:24px;
    border-bottom: 1px #ddd solid;
    padding: 30px 0 0;
}
#footer-left,#footer-center,#footer-right{
    float:left;
    width:33%;
}
#footer ul{
    list-style:none;
}
#footer  a{
    color: #555555;
    text-decoration: none;
}
#footer  p.kyuzin{
    color: #555555;
    font-size:14px;
}

#footer-left{
    font-size:14px;
    line-height: 2em;
}
#footer-center{
    font-size:16px;
    line-height: 40px;
}
#footer-right{
    font-size:14px;
    line-height: 40px;

}
#footer li {
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding-left: 0.6em;
    }
#footer-center li:before {
    border-radius: 50%; /*丸くする*/
    width: 5px; /*点の幅*/
    height: 5px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: -3px; /*点の位置*/
    top: 17px; /*点の位置*/
    content: "";
    background: #e6456d; /*点の色*/
    }
#footer-right li:before {
    border-radius: 50%; /*丸くする*/
    width: 5px; /*点の幅*/
    height: 5px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: -3px; /*点の位置*/
    top: 17px; /*点の位置*/
    content: "";
    background: #e6456d; /*点の色*/
    }
#copyright {
    padding: 60px 0 120px;
    font-size: 12px;
    text-align: left;
    color: #999999;
}
#copyright a {
    color: #999999;
}
#main {
    width: 1280px;
    padding: 0 0 0;
    border: none;
    margin-bottom: 0;
}
#sidebar{
    display: none;
}
#site-title {
    margin-top: 50px;
    margin-bottom: 0;
    text-align: center;
}
#site-title img {
    height: 35px;
}
a.header-access{
    background-color: #e6456d;
    width: 100px;
    padding: 6px 18px;
    font-size: 14px;
    display: block;
    margin-left: auto;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    margin-top: -36px;
    border-radius: 6px;
    text-align: center;
}
#navi ul {
    border: none;
    background-color: #fff;
    text-align: center;
    margin: 15px 0;
}
#navi ul > li {
    float: none;
    display: inline-block;
    border-right: 1px #eeeeee solid;
    width: 19%;
}

#navi ul > li:last-child {
    border-right: none;
}
#navi ul li a{
    color: #e6456d;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:18px;
}
#navi ul li a:hover {
    background-color: transparent;
}
#navi ul li a p{
    margin:0;
}
#fixed_navi {
	z-index: 1001;
    position:fixed;
    top: 20%;
    right: 0;
}
    
#fixed_navi ul{
    list-style:none;
}
#fixed_navi li{
    list-style:none;
}
#fixed_navi li.sns{
	text-align: right;
}
#fixed_navi li.sns img{
	width: 50px;
}

#main-slide{
    background-image: url(images/main_bg.png);
    height:690px;
    background-color: #ffd9e2;
    margin: 0;
    padding: 28px 0 0;
    background-repeat: no-repeat;
}
#main-news{
    background-color: #ffd9e2;
    padding: 30px 0;
}
#main-news-innerbox {
    background-color: #fff;
    border: 2px solid #e6456d;
    border-radius: 10px;
    width: 1080px;
    margin: 0 auto;
    text-align: center;
    padding: 70px 0 60px ;
}

#main-news-innerbox h2,
#main-introduce h2,
#shisetu h2,
#gyouzi h2{
    color: #e6456d;
    border-left: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    position: relative;
    display: inline-block;
    padding: 0 45px 0;
    margin: 0 0 24px;
}
#main-news-innerbox h2:before,
#main-introduce h2:before,
#shisetu h2:before,
#gyouzi h2:before {
  content: '';
  position: absolute;
  top: 55%;
  display: inline-block;
  width: 62px;
  height: 2px;
  background-color: #e6456d;
  -webkit-transform: rotate(-300deg);
  transform: rotate(-300deg);
}
#main-news-innerbox h2:after,
#main-introduce h2:after,
#shisetu h2:after,
#gyouzi h2:after{
  content: '';
  position: absolute;
  top: 55%;
  display: inline-block;
  width: 62px;
  height: 2px;
  background-color: #e6456d;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#main-news-innerbox h2:before,
#main-introduce h2:before,
#shisetu h2:before,
#gyouzi h2:before {
  left:-15px;
}
#main-news-innerbox h2:after,
#main-introduce h2:after,
#shisetu h2:after,
#gyouzi h2:after {
  right: -15px;
}
#main-news-innerbox ul{
    list-style:none;
    margin: 0 60px 24px;
    padding:0;
}
#main-news-innerbox li{
    background-color: #fff9e2;
    border: 1px solid #fceac5;
    margin: 0 0 12px;
    border-radius: 10px;
    text-align: left;
    padding: 15px 60px;
}
.main-new-date{
    background-color: #e6456d;
    padding: 6px 15px;
    border-radius: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-right: 21px;
}
#main-introduce{
    background-image: url(images/introduce_bg.png);
    background-repeat: no-repeat;
    padding: 120px 0 15px;
    text-align: center;
    background-color: #ffd9e2;
    background-size: 100%;
}
#main-wpp-sns{
    padding: 90px 100px;
    background-color: #ffd9e2;
}
#main-wpp{
    float:left;
    background-color: #fff;
    border: 2px solid #e6456d;
    border-radius: 10px;
    width: 386px;
    height: auto;
    padding: 30px 60px;
}

#main-miniinfo{
    float:left;
    background-color: #fff;
    border: 2px solid #e6456d;
    border-radius: 10px;
    width: 386px;
    height: 200px;
    padding: 30px 60px;
    margin-bottom: 30px;
}
#main-miniinfo ul {
    margin: 0;
    padding: 0;
}
#main-miniinfo li {
    overflow: hidden;
    float: none;
    clear: both;
    margin-bottom: 1rem;
    font-size: 12px !important;
    color: #555555 !important;
    text-align: left !important;
    border-bottom: 1px #eee solid;
    padding: 0 0 18px;
}
#main-sns{
    float:left;
    background-color: #fff;
    border: 2px solid #e6456d;
    border-radius: 10px;
    width: 386px;
    height: auto;
    padding: 30px 60px;
}
.icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* アイコン間のスペースを調整 */
    margin-bottom: 30px;
}

.icon {
    width: 40px;  /* アイコンの大きさを調整 */
    height: auto;
    transition: transform 0.3s;
}

.icon:hover {
    transform: scale(1.1); /* ホバー時に少し大きくなる効果 */
}
#main-wpp{
    margin-right:60px;
    }
#main-wpp h3{
    text-align: center;
    color: #e6456d;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 0;
    margin: 0;
    padding: 0 0 12px;
}
#main-miniinfo h3{
    text-align: center;
    color: #e6456d;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 0;
    margin: 0;
    padding: 0 0 30px;
}
#youtube{
    float:left;
    background-color: #fff;
    border: 2px solid #e6456d;
    border-radius: 10px;
    width: 386px;
    height: auto;
    padding: 30px 60px;
    margin-bottom: 30px;
}
#youtube h3{
    text-align: center;
    color: #e6456d;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 0;
    margin: 0;
    padding: 0 0 30px;
}
#main-sns h3{
    text-align: center;
    color: #e6456d;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 0;
    margin: 0;
    padding: 0 0 20px;
}
.wpp-thumbnail {
    height: 120px !important;
    width: 390px !important;
    margin: 15px 0 !important;
    border-radius: 10px;
    object-fit: cover;
}
ul.wpp-list{
    margin:0;
    padding: 0;
}
.wpp-list a{
    font-size: 18px;
    font-weight: 700;
    color: #3366cc;
    margin: 15px 0;
}
.wpp-list a:hover{
    text-decoration:none;
    opacity:0.8;
    color: #3366cc;
}
.wpp-list a:hover:hover{
    text-decoration:none;
}
.wpp-list li{
    border-bottom: 1px #eee solid;
    padding: 0 0 18px;
}
.wpp-list li:last-child{
    border-bottom: none;
}
p.wpp-excerpt{
    font-size: 14px !important;
    color:#555555 !important;
    text-align:left !important;
}
.main-news-title a{
    font-size: 18px;
    font-weight: 700;

}
.main-news-title a:hover{
    color: #3366cc;
}
.main-news-ul{
    letter-spacing: 1px;
}
a.main-news-list-btn{
    background-color: #e6456d;
    padding: 15px 0;
    padding-right: 12px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    position: relative;
    display: inline-block;
    text-decoration: none;
    width: 186px;
}

.main-news-list-btn:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -6px;
}

#archive-title,
.entry-title{
    text-align: center;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    border-bottom: 0;
    background-color:#ff8ca9;
    padding: 29px 0 30px;
    border-radius: 10px;
    margin: 30px auto 60px;
    width: 1080px;
    
}
.entry-content{
    width: 1080px;
    margin:0 auto;
}
.entry-content h2{
    color: #000000;
    font-weight: 700;
    font-size: 22px;
    border-bottom: 0;
    background-color:#ffd9e2;
    padding: 30px 48px;
    border-radius: 10px;
    margin: 30px 0 60px;
    border-left: none;
}
.entry-content h2:before {
  content: "";
  position: absolute;
  background: #ff8ca9;
  width: 18px;
  height: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px 0 0 10px;
}
.entry-content h3{
    color: #e6456d;
    font-weight: 700;
    font-size: 18px;
    padding: 0 27px;
    border-bottom: none;
    text-align:left;
}
.entry-content h3:before {
  content: "";
  position: absolute;
  background: #e6456d;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.entry-content p{
    color: #000;
    font-size: 16px;
}
.post-meta{
    width: 1080px;
    margin:0 auto;
    background-color: transparent;
}
.list-content{
    width: 1080px;
    margin:0 auto 42px;
}
/* 学校紹介 */

#campus{
    background-color: #fcfcfc;
    background-image:
   repeating-linear-gradient(-45deg,
   #fff, #fff 7px,
   transparent 0, transparent 14px);
}
#campus-4tunomiryoku {
    padding: 60px 0 0;
}
#campus-4tunomiryoku h2{
    text-align: center;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    border-bottom: 0;
    background-color: #f27900;
    padding: 29px 0 30px;
    border-radius: 10px;
    margin: 30px auto 30px;
    width: 1080px;
    border: none;
}
#campus-4tunomiryoku h2:before {
    content: url(images/heading3_illust_cats.png);
    padding-right: 5px;
    position: absolute;
    top: -60px;
    left: auto;
}
.miryoku{
    width: 834px;
    margin: 0 auto 30px;
    border: 3px solid #f27900;
    border-radius: 10px;
    padding: 60px 60px 30px;
    background-color: #fff;
}
.miryoku-left{
    float:left;
    width: 22%;
}
.miryoku-right{
    float:right;
    width: 78%;
}
.miryoku-right h3{
    border-bottom: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    padding: 0;
    margin: 0;
}
img.margin-right{
    margin-right:26px;
}
.miryoku-right p{
    font-size: 18px;
    color: #000;
    line-height:32px;
    margin: 2em 0 2em;
}
span.font-pink{
    color: #e6456d;
}
#campus-4tunotokusyoku {
    padding: 60px 0;
}
#campus-4tunotokusyoku h2{
    text-align: center;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    border-bottom: 0;
    background-color: #58c23c;
    padding: 29px 0 30px;
    border-radius: 10px;
    margin: 30px auto 30px;
    width: 1080px;
    border: none;
}
#campus-4tunotokusyoku h2:before {
    content: url(images/heading3_illust_cats.png);
    padding-right: 5px;
    position: absolute;
    top: -60px;
    left: auto;
}
.tokusyoku{
    width: 834px;
    margin: 0 auto 30px;
    border: 3px solid #58c23c;
    border-radius: 10px;
    padding: 60px 60px 60px;
    background-color: #fff;
}
.tokusyoku-left{
    float:left;
    width: 22%;
}
.tokusyoku-right{
    float:right;
    width: 78%;
}
.tokusyoku-right h3{
    border-bottom: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    padding: 0;
    margin: 0;
}
.tokusyoku-right p{
    font-size: 18px;
    color: #000;
    line-height:32px;
    margin: 2em 0 2em;
}
.tokusyoku-right img{
    width: 311px;
}

.feature-person{
    background-color: #fff9e2;
    border-radius: 10px;
    padding: 30px;
    margin: 0 0 18px;
}
h4.feature-person-title{
    color: #fff;
    border-left: none;
    font-weight: 700;
    font-size: 22px;
    position: relative;
    display: inline-block;
    padding: 17px 18px;
    margin: 0 0 24px;
    background-color:#58c23c;
    border-bottom: none;
    width: 95%;
    text-align: center;
    border-radius: 10px;
}
h4.feature-person-title:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-320deg);
  transform: rotate(-320deg);
}
h4.feature-person-title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
h4.feature-person-title:before {
  left:120px;
}
h4.feature-person-title:after {
  right: 120px;
}
.feature-person-img{
    width:25%;
    float:left
}
.feature-person-img img{
    width: 120px;
    }
.feature-person-name p{
    width:75%;
    font-size:14px;
    line-height: 21px;
    margin: 15px 0 15px;
}
.feature-person-shimei{
    font-size:18px !important;
       font-weight: 700;
}
.feature-person-sotugyounen{
    font-size:14px !important;
       font-weight: 100;
}
.feature-person-message{
    margin-top: -15px;
}
.feature-person-message p{
    font-size:14px !important;
    letter-spacing: 1px;
    line-height:28px;
}
#shisetu {
    background-image: url(images/facility_bg_illust1.png);
    background-repeat: no-repeat;
    padding: 90px 0 0;
    text-align: center;
    background-size: 100%;
}
#shisetu ul{
    list-style:none;
    margin: 21px 60px 15px;
    padding:0;
}
#shisetu li{
    display: inline-block;
    border-radius: 10px;
}
#shisetu li img{
    border-radius: 10px;
    width: 213px;
    height: 213px;
    object-fit: cover;
    margin: 12px;
    display: block;
}
#gyouzi {
    width: 834px;
    margin: 0 auto 30px;
    padding: 60px 60px 30px;
}
.gakuseinokoe{
    background-color: #fff9e2;
    border-radius: 10px;
    padding: 30px;
    margin: 0;
}
.gakuseinokoe-img {
    width: auto;
    float:left;
    margin-right: 30px;
}
.gakuseinokoe-img img{
    width:120px;
    }
.gakuseinokoe-shimei{
    font-size:18px !important;
    font-weight: 700;
    margin: 39px 0 69px;

}
.gakuseinokoe-gakunen{
    font-size:14px !important;
    font-weight: 100;
}
.gakuseinokoe-message{
    margin-top: -15px;
}
.gakuseinokoe-message p{
    font-size:14px !important;
    letter-spacing: 1px;
    line-height:28px;
}
#gyouzi{
    width: 1080px;
    margin:0 auto;
    padding: 128px 0 120px;
    text-align: center;
}
#gyouzi h3{
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    border-bottom: 0;
    background-color: #ff8ca9;
    padding: 29px 0 30px;
    border-radius: 10px;
    margin: 30px auto 30px;
    width: 1080px;
}
#gyouzi ul{
    list-style:none;
    margin: 24px 0;
    padding:0;
}
#gyouzi li{
    display: inline-block;
    border-radius: 10px;
}
#gyouzi li img{
    border-radius: 10px;
    width: 243px;
    height: 243px;
    object-fit: cover;
    margin: 12px;
    display: block;
}
#gyouzi p{
    text-align: left;
    font-size:18px;
    line-height: 32px;
}
.access-3column{
    border: 1px #fceac5 solid;
    border-radius: 10px;
}
.access-3column img{
    padding: 24px 0 0;
    }
    
/* 保育科の学び */
#gakusyu-susumekata{
}
#gakusyu-susumekata img{
    display: block;
    margin: 0 auto 0;
}
.learning {
    margin:0 auto 120px;
}
.learning h1:before {
    content: url(images/learning_bg_illust1.png);
    padding-right: 5px;
    position: absolute;
    top: -30px;
    left: 15px;
}
.learning table{
    width: 100%;
    margin: 0 0 60px;
}
.learning th{
    background-color: #fceac5;
    border-right: 2px #fff solid;
    border-left: 2px #fff solid;
    border-top: none;
    border-bottom: 2px #fff solid;
    color: #000;
    font-size: 16px;
    padding: 12px 6px;
}
.learning td{
    border-right: none;
    border-left: none;
    border-top: 2px #eee solid;;
    border-bottom: 2px #eee solid;
    color: #000;
    padding: 24px 12px;
    font-size: 14px;
    text-align:left;
}
.learning th img {
    vertical-align: middle;
}
.table-6column td,
.table-6column th{
    width: 16%;
}
td.td-zikan{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}


/* 魅力的な学校行事 */

table.gyoji {
    table-layout: fixed;
    width: 100%;
    margin: 0 0 60px;
}
.gyoji th{
	width: 160px;
	background-color: transparent;
	border: none !important;
    color: #000;
    font-size: 16px;
	padding: 12px 6px;
	font-weight: 600;
	
}
.gyoji td{
    width: 160px;
	border: none !important;
    color: #000;
	padding: 24px 12px !important;
	font-size: 14px;
	font-weight: 500;
    text-align:left;
	vertical-align: baseline;
}
.gyoji th img {
    vertical-align: middle;
}

h3.kyanpasuraihu{
	background-color: transparent !important;
	text-align:left;
	padding: 29px 0 0 20px !important;
	font-size: 24px !important;
}
.kyanpasu{
	color:#8ec058;
}
.raihu{
	color:#c7457e;
}
.circle-April {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#449630;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-May {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#2983c6;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-June {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#ed9d00;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-July {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#e86f9f;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-August {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#8fc78f;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-September {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#755ea6;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-October {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#f3a402;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-November {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#ef75a7;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-December {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#a2d5a5;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-January {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#7d6aaf;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-February {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#479f29;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}
.circle-March {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px 9px;
	background-color:#2388cb;
	border-radius: 50%;
	width: 35px;
    height: 35px;
    margin: 0 auto;
}

#gakusyu-susumekata ul{
    list-style: none;
    margin: 24px 0;
    padding: 0;
}
#gakusyu-susumekata li {
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    margin: 0 0 24px;
    text-align:center;
}
#gakusyu-susumekata li img {
    border-radius: 10px;
    width: 336px;
    height: 336px;
    object-fit: cover;
    margin: 10px;
    display: block;
}

p.zyugyou-title{
    color: #e6456d;
    border-left: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding: 0 12px 0;
    margin: 0 0 0px;
}
p.zyugyou-title:before{
    content: '';
    position: absolute;
    top: 55%;
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #e6456d;
    -webkit-transform: rotate(-310deg);
    transform: rotate(-310deg);
    left: -15px;
}
p.zyugyou-title:after{
content: '';
    position: absolute;
    top: 55%;
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #e6456d;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    right: -15px;
}
p.zyugyo-naiyou{
    width: 336px;
    word-wrap: normal;
    text-align: left;
    line-height: 27px;
    letter-spacing: 1px;
}
td.td-zissyuu-tuki{
    background-color: #f3f3f3;
    text-align: center;
    font-weight: 700;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 12px 0;

}
td.td-zissyuu-basyo{
    padding: 24px 24px;
}
#zyuuzitushita-zissyuu ul{
    list-style: none;
    margin: 24px 0;
    padding: 0;
}
#zyuuzitushita-zissyuu li{
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    margin: 0 0 24px;
    text-align: center;
}
#zyuuzitushita-zissyuu li img {
    border-radius: 10px;
    width: 336px;
    height: 336px;
    object-fit: cover;
    margin: 10px;
    display: block;
}
#zyuuzitushita-zissyuu{
    margin: 0 0 120px;
}
#syuusyoku-zisseki{
    margin: 0 0 120px;
}
#gakusyu-susumekata{
    margin: 0 0 120px;
}
#syuusyokushido{
    margin: 0 0 120px;
}
#syuusyoku-zisseki-left{
    float:left;
    width: 45%;
}
#syuusyoku-zisseki-right{
    float:right;
    width: 50%;
}
#syuusyoku-zisseki-right img{
    width: 400px;
    display: block;
    margin: auto;
}
.pie-chart {
	background:
		radial-gradient(
			circle closest-side,
			white 0,
			white 28%,
			transparent 28%,
			transparent 70%,
			white 0
		),
		conic-gradient(
			#e6456d 0,
			#e6456d 4.3%,
			#ffb2c6 0,
			#ffb2c6 68.6%,
			#c0fac8 0,
			#c0fac8 78.6%,
			#f27900 0,
			#f27900 90.0%,
			#aafffd 0,
			#aafffd 97.1%,
			#bbbbbb 0,
			#bbbbbb 100%
	);
	position: relative;
	width: 500px;
	min-height: 350px;
	margin: 0;
	outline: 1px solid #ccc;
}
.pie-chart p {
	position: absolute;
	margin: 2rem 2rem;
    font-size: 24px;
    font-weight:700;
}
.pie-chart figcaption {
	position: absolute;
	bottom: 1em;
	right: 1em;
	font-size: smaller;
	text-align: right;
}
.pie-chart span:after {
	display: inline-block;
	content: "";
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.4em;
	height: 0.8em;
	border-radius: 0.2em;
	background: currentColor;
}
img.fright{
    float: right;
    margin-left:30px;
}
.ssan-img{
    float: right;
    margin-left:30px;
}
.ssan-img img{
    margin-top:20px;
}
.ssan-img p{
    margin:0;
}
#syuusyokushido ul{
    list-style: none;
    margin: 24px 0;
    padding: 0;
}
#syuusyokushido li{
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    margin: 0 0 24px;
    text-align: center;
}
#syuusyokushido li img {
    border-radius: 10px;
    width: 336px;
    height: 336px;
    object-fit: cover;
    margin: 10px;
    display: block;
}
.sotugyosei-koe{
    background-color: #fff9e2;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}
img.sotugyosei-koe-person{
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
}
p.sotugyosei-massage{
    letter-spacing: 1px;
    line-height:28px;
}
p.sotugyosei-seimei{
    font-size: 18px;
    font-weight: 700;
}
.sotugyosei-sotugyounen{
    font-size: 14px;
    font-weight: 100;
}
table.gakuhi{
    width: 100%;
}
.gakuhi th{
    background-color: #fceac5;
    border-right: 2px #fff solid;
    border-left: 2px #fff solid;
    border-top: none;
    border-bottom: 2px #fff solid;
    color: #000;
    font-size: 16px;
    padding: 12px 6px;
    width: 25%;
}
.gakuhi td{
    border-right: none;
    border-left: none;
    border-top: 2px #eee solid;
    border-bottom: 2px #eee solid;
    color: #000;
    padding: 24px 24px;
    font-size: 14px;
    text-align: left;
}
td.td-kubn{
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}
h2.question{
    font-weight: 700;
    font-size: 20px;
    background-color: transparent;
    margin: 60px 0 0;
    padding: 0 0 12px 60px;
    color: #e6456d;
}
h2.question:before{
    background-color: transparent;
    content: url(images/question.png);
    padding-right: 5px;
    position: absolute;
    top: 15px;
    left: 0px;
    width: 42px;
    height: 43px;
}
/* オープンキャンパス */
#opencampus-main img{
    vertical-align: bottom;
}
#opencampus-illust{
    background-image: url(images/issue_bg_illust1.png),url(images/issue_bg_illust2.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat;
    padding: 24px 0 78px;
    text-align: center;
    background-color: #ffd9e2;

}
#opencampus h2.bottom-dot{
    border-left: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
}
#opencampus h2.bottom-dot:after{
    content: url(images/heading2_bottom.png);
    position: absolute;
    top: 88px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#opencampus h2.textpink{
    color: #e6456d;
}
#opencampus{
    background-image: url(images/opencampus_bg.png);
}
#opencampus-dekirukoto {
    background-image: url(images/timeline_bg_illust.png);
    background-repeat: no-repeat;
    background-position: center top 180px;
    text-align: center;
    padding: 15px 0 0;
}
#opencampus-dekirukoto-timeschedule {
    width: 880px;
    margin:30px auto 0;
}
#opencampus-dekirukoto-timeschedule img{
    width: 410px;
}
#opencampus-dekirukoto-timeschedule1{
    margin: 0 55px 60px 0;
    float:left;
}
#opencampus-dekirukoto-timeschedule2{
    margin: 180px 0 0 0;
    float:right;
}
#opencampus-dekirukoto-timeschedule3{
    margin: 0 55px 60px 0;
    float:left;
}
#opencampus-dekirukoto-timeschedule4{
    margin: 55px 0 0 0;
    float:right;
}
#opencampus-dekirukoto-timeschedule5{
    margin: 0 55px 90px 0;
    float:left;
}
#opencampus-voice{
    text-align: center;
    padding: 90px 0 60px;
    margin: 0;
    background-image: url(images/voice_bg.png);
    background-position: center top 180px;
    background-color: #fceac5;
    background-repeat: no-repeat;
}
#opencampus-voice img{
    width: 410px;
    float: left;
    margin: 30px;
}
#opencampus-voice-img{
    width: 960px;
    margin: 0 auto;
}
#opencampus-sakunen{
    text-align: center;
    padding: 30px 0 90px;
    margin: 0;
}
#opencampus-sakunen img{
    width: 410px;
    float: left;
    margin: 30px;
}
#opencampus-sakunen-img{
    width: 960px;
    margin: 0 auto;
}
#opencampus-goannnai {
    text-align: center;
    padding: 60px 0 60px;
    background-color: #c0fac8;
}
#opencampus-goannnai h2{
    color: #000;
    border-left: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    position: relative;
    display: inline-block;
    padding: 0 45px 0;
    margin: 0 0 24px;
}
#opencampus-goannnai h2:before {
  content: '';
  position: absolute;
  top: 55%;
  display: inline-block;
  width: 62px;
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(-300deg);
  transform: rotate(-300deg);
}
#opencampus-goannnai h2:after{
  content: '';
  position: absolute;
  top: 55%;
  display: inline-block;
  width: 62px;
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#opencampus-goannnai h2:before {
  left:-15px;
}
#opencampus-goannnai h2:after {
  right: -15px;
}
#opencampus-goannnai img{
    display: block;
    margin: 15px auto;
}
#opencampus-faq{
    text-align:center;
    width: 980px;
    margin: 90px auto;
    border-radius: 10px;
    border: 4px solid #ff8ca9;
    background-color: #fff;
    padding: 0 0 60px;
}
#opencampus-faq h2{
        border-left: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
}
#opencampus-faq h3{
    font-weight: 700;
    font-size: 20px;
    background-color: transparent;
    margin: 30px 0 0;
    padding: 0 0 15px 60px;
    color: #e6456d;
    text-align:left;
    border-bottom: none;
}
#opencampus-faq h3:before {
    background-color: transparent;
    content: url(images/question.png);
    padding-right: 5px;
    position: absolute;
    top: -7px;
    left: 0px;
    width: 42px;
    height: 43px;
}
.opencampus-question{
    width: 795px;
    margin: 0 auto 15px;
    padding: 0 0 9px;
    background-image: url(images/faq_border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
#opencampus-faq p{
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 1px;
    text-align:left;

}
#opencampus-access{
    background-color: #b9e8ff;
    padding: 15px 160px 90px;
    margin: 0 auto;
    text-align: center;
}
#opencampus-access h2 {
    border-left: none;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
}

#opencampus-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 100%;
    padding: 0 0;
    background-color: #fff;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
    z-index: 999;
}
#opencampus-fixed a{
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background-color:#e6456d;
    border-radius: 0;
    display: block;
    margin:0 auto;
    padding: 16px 0;
    
}
#opencampus-fixed-itakukunren-btn{
    position: absolute;
}
#opencampus-fixed-itakukunren-btn:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 5px;
    left: 15px;
}
table.opencampus-schedule-table{
    width: 100%;
}
.opencampus-schedule-table th{
    background-color: #fceac5;
    border-right: 2px #fff solid;
    border-left: 2px #fff solid;
    border-top: none;
    border-bottom: 2px #fff solid;
    color: #000;
    font-size: 16px;
    padding: 12px 6px;
}
.opencampus-schedule-table td{
    border-right: none;
    border-left: none;
    border-top: 2px #eee solid;
    border-bottom: 2px #eee solid;
    color: #000;
    padding: 24px 24px;
    font-size: 16px;
    text-align: left;
}
td.td-kai{
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}
#shisetu ul{
    margin: 21px 0 15px;
}

.table-info-sp{
    display: none;
}
.souritusya figure{
    margin: 0 180px 0 0 !important;
}
#shisetu{
    width: 1080px;
    margin: 0 auto;
}
#shisetu ul{
    width: 960px;
    margin: 0 auto;
}

.main-news-ul p{
    color: #555;
}
#opencampus-main{
    background-image:url(images/main.png);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:center center;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height: 760px;

}


.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 80%;
	margin: 0 0 1em 0;
	color: #1b2538;
    padding: 15px 0;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
    font-weight: 700;
    font-size: 20px;
    background-color: transparent;
    margin: 60px 0 0;
    padding: 12px 0 12px 60px;
    color: #e6456d;
}
.cp_qa .cp_actab label::before {
    background-color: transparent;
    content: url(images/question.png);
    padding-right: 5px;
    position: absolute;
    top: 5px;
    left: 0px;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
    font-weight: 700;
    font-size: 40px;
	position: absolute;
	top: 10px;
	right: 0;
	content: '\2b';
	display: inline-block;
	width: 30px;
	height: 30px;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 30px;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
    margin: 15px 60px;
}

.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
    font-size: 16px;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 5px solid rgba(27,37,56,0.1);
    border-radius: 10px;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
#submenu01,
#submenu02,
#submenu03,
#submenu04,
#submenu05 {
    width: 960px;
    height: auto;
    background-color: #f3f3f3;
    margin: 30px auto;
    display: none;
    padding: 30px 30px 15px;
}
#submenu01 a,
#submenu02 a,
#submenu03 a,
#submenu04 a,
#submenu05 a {
    padding: 9px 24px;
    border: 2px solid #e6456d;
    border-radius: 10px;
    background-color: #fff;
    color: #e6456d;
    font-weight: 600;
    margin: 0 15px 15px 0 ;
    display: inline-block;
}

#navi ul li p {
    color: #e6456d;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
#navi img {
    width: 74px;
}
#shisetu::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  min-height: 1572px;
  margin-top: -1580px;
  background: #ffd9e2;
}
img.shisetuimg{
    width: 336px;
    height: 336px;
    border-radius: 10px;
    margin: 30px 18px 12px;
    object-fit: cover;
}
p.shisetusetumei{
    margin:0;
    padding:0;
    font-size: 14px;
}
p.konnatokoro{
    font-size: 22px;
    font-weight: 700;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
}
img.facility_bg_illust2{
    margin-top: 60px;
}

/* opencampus-schedule */

.opencampus-schedule {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
}
.opencampus-schedule .card {
    background-color: white;
    border: 4px solid #f36e21;
    border-radius: 10px;
    margin: 15px;
    padding: 28px;
    display: flex;
    width: 510px;
    height: 280px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
.nyushisetumeikai .card{
	height: 260px;
}
.opencampus-schedule .card-content {
    display: flex;
    width: 100%;
}
.opencampus-schedule .card-content h2 {
    background-color: #f36e21;
    color: white;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin: 0;
    font-size: 24px;
    position: relative;
	padding:0;
}
.opencampus-schedule .card-content h2::before {
	content:none;
}
.opencampus-schedule .card-content h2::after {
    content: "";
    background-size: cover;
    width: 96px;
    height: 42px;
    position: absolute;
    bottom: -20px;
    left: 2px;
}
.opencampus-schedule .card:nth-child(odd) .card-content h2::after {
     background-image: url('https://hoiku.ac.jp/wp/wp-content/themes/simplicity2-child/images/btn-illust1.png');
}
.opencampus-schedule .card:nth-child(even) .card-content h2::after {
    background-image: url('https://hoiku.ac.jp/wp/wp-content/themes/simplicity2-child/images/btn-illust2.png');
}
.opencampus-schedule .card-content div {
    flex: 1;
    padding-left: 20px;
}
.opencampus-schedule .date {
    font-size: 13px !important;
    font-weight: bold;
}
.opencampus-schedule .date-large {
    font-size: 30px !important;
    font-weight: bold;
}
.opencampus-schedule .date-medium {
    font-size: 24px !important;
    font-weight: bold;
}
.opencampus-schedule .underline {
    border-bottom: 2px solid #f36e21;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}
.opencampus-schedule .card-content p {
    font-size: 14px;
    margin: 5px 0;
	line-height:140%;
}
.opencampus-schedule .btn {
    display: block;
    width: calc(100% - 20px);
    margin: 20px 0;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    text-decoration: none;
	font-size: 16px;
}
.opencampus-schedule .btn.register {
    background-color: #f36e21;
}
.opencampus-schedule .btn.completed {
    background-color: #4caf50;
}
.opencampus-schedule .btn.register:hover {
    background-color: #f36e21 !important;
	color:#fff !important;
	border:2px solid transparent !important;
	opacity:0.7;
}
.opencampus-schedule .btn.completed:hover {
    background-color: #4caf50 !important;
	color:#fff !important;
	border:2px solid transparent !important;
	opacity:0.7;
}
.sp{
	display:none;
}
.pc{
	display:block;
}
/* headerを上部に固定 */
#header {
    position: fixed;
    top: 0;
    z-index: 1000; /* 他の要素よりも上に表示するためのz-index */
    width: 1280px;
	background-color: #fff; /* 背景色を指定しておくと、スクロール時に見やすくなる */
    background-image: url(images/header_upper_decoration.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}

/* navをheaderの直下に固定 */
#navi {
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    z-index: 999; /* headerより下に配置するために、z-indexは少し低くする */
    background-color: #fff;
}

/* 固定されたheaderとnavの下にコンテンツを表示するための余白を設定 */
body {
    margin-top: 240px; /* headerとnavの合計の高さ分の余白を追加。必要に応じて調整 */
}