@charset "utf-8";

/*----------トップ画像-----------------*/
.top-img{
    max-width: 1360px;
    margin: 0 auto;
    margin-bottom: 5%;
}
.top-img img{
    border-radius: 0px 0px 20px 20px;
}

/*----pcとスマホで画像を切り替えるため-----*/
.pc-img{
    display: block;
}
.sp-img { 
    display: none; 
}
/*----pcとスマホで画像を切り替えるため-----*/

/*----------トップ画像-----------------*/



/*----------設立の経緯　共通パーツsikakuから追加----------*/

#seturitu,
#rinen,
#gaiyou,
#shokai{/*-----toppageから遷移したときのずれを防ぐ--------*/
    padding-top: 5%;
    margin-top: -5%;
}

.seturitu_wrap{/*common_wrapを名前変更*/
	background-color:#FFFFFF;
	border-radius: 20px;/* 半径20pxで角を丸くする */
	width: auto;
	height: 100%;
	margin: 5% 0%;/*11/11共通パーツ変更部分 margin: 5% 10% → margin: 5% 0%*/
}

.wrap{
	width: 100%;
}


/*プライバシーポリシー*/
.head-border-red/*副題両脇の線*/ { 
    position: relative;
	width: 100%;
    display: inline-block;
    padding: 0 25%;
    margin-top: 3%;/*11/11追加部分*/
}

.head-border-red:before,
.head-border-red:after {/*h2の左右にある四角*/
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3%;
    height: 10px;
    background-color:#C00000;
}

.head-border-red:before {
   	left: 35%;
}

.head-border-red:after {
    right:  35%;
}

h2/*小見出し1*/{
	color: #453012;
	font-size: 2rem;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 2%;
	padding-right: auto;
	padding-left: auto;
}
/*----------/共通パーツから追加----------*/

.seturitu_wrap p{
    margin: 2% 0% 2% 0%;
    font-size: 1.2rem;
    text-align: center;
}
/*.seturitu_wrap img{
    margin: 0% 0% 2% 30.5%;
    border-radius: 10px;
}*/
.seturitu_wrap figure{
    width: 40%;
    margin: 0 auto;
    padding: 1%;
}
.seturitu_wrap img{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 3%;
}
/*----------------//設立の経緯//--------------------*/


/*----------理念　共通パーツsikakuから追加----------*/
.rinen_wrap{/*common_wrapを名前変更*/
	background-color:#FFFFFF;
	border-radius: 20px;/* 半径20pxで角を丸くする */
	width: auto;
	height: 100%;
	margin: 5% 0%;/*11/11共通パーツ変更部分 margin: 5% 10% → margin: 5% 0%*/
    padding-bottom: 1%;
}

.wrap{
	width: 100%;
}


/*プライバシーポリシー*/
.head-border-yellow/*副題両脇の線*/ { 
    position: relative;
	width: 100%;
    display: inline-block;
    padding: 0 25%;
    margin-top: 3%;/*11/11追加部分*/
}

.head-border-yellow:before,
.head-border-yellow:after {/*h2の左右にある四角*/
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3%;
    height: 10px;
    background-color:#FFC000;
}

.head-border-yellow:before {
   	left: 35%;
}

.head-border-yellow:after {
    right:  35%;
}

h2/*小見出し1*/{
	color: #453012;
	font-size: 2rem;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 2%;
	padding-right: auto;
	padding-left: auto;
}
/*----------/共通パーツから追加----------*/

.rinen_wrap p{
    width: 60%;
    margin: 1% auto 1% auto;
    font-size: 1.2rem;
}

.rinen_wrap p:last-child{
    margin-bottom: 3%;
}
.rinen_wrap span{
    padding-left: 1em;
}
/*----------------//理念//--------------------*/



/*----------施設概要　共通パーツsikakuから追加----------*/
.gaiyou_wrap{/*common_wrapを名前変更*/
	background-color:#FFFFFF;
	border-radius: 20px;/* 半径20pxで角を丸くする */
	width: auto;
	height: 100%;
	margin: 5% 0%;/*11/11共通パーツ変更部分 margin: 5% 10% → margin: 5% 0%*/
    padding-bottom: 1%;
}

.wrap{
	width: 100%;
}


/*プライバシーポリシー*/
.head-border-yellowgreen/*副題両脇の線*/ { 
    position: relative;
	width: 100%;
    display: inline-block;
    padding: 0 25%;
    margin-top: 3%;/*11/11追加部分*/
}

.head-border-yellowgreen:before,
.head-border-yellowgreen:after {/*h2の左右にある四角*/
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3%;
    height: 10px;
    background-color:#92D050;
}

.head-border-yellowgreen:before {
   	left: 35%;
}

.head-border-yellowgreen:after {
    right:  35%;
}

h2/*小見出し1*/{
	color: #453012;
	font-size: 2rem;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 2%;
	padding-right: auto;
	padding-left: auto;
}
/*----------/共通パーツから追加----------*/
.gaiyou-list{
    margin: 0 auto;
    width: 70%;
}
.gaiyou-textdata{
    display: flex;
    margin: 5% 0% 5% 0%;
    font-size: 1.2rem;
}
.gaiyou-textdata dt{
    color: #00B050;
    width: 15%;
    margin-right: 12%;
}


/*------------施設概要-----------------*/


/*----------園舎紹介　共通パーツsikakuから追加----------*/
.shokai_wrap{/*common_wrapを名前変更*/
	background-color:#FFFFFF;
	border-radius: 20px;/* 半径20pxで角を丸くする */
	width: auto;
	height: 100%;
	margin: 5% 0%;/*11/11共通パーツ変更部分 margin: 5% 10% → margin: 5% 0%*/
    padding-bottom: 2%;
}

.wrap{
	width: 100%;
}


/*プライバシーポリシー*/
.head-border-green/*副題両脇の線*/ { 
    position: relative;
	width: 100%;
    display: inline-block;
    padding: 0 25%;
    margin-top: 3%;/*11/11追加部分*/
}

.head-border-green:before,
.head-border-green:after {/*h2の左右にある四角*/
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3%;
    height: 10px;
    background-color:#00B050;
}

.head-border-green:before {
   	left: 35%;
}

.head-border-green:after {
    right:  35%;
}

h2/*小見出し1*/{
	color: #453012;
	font-size: 2rem;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 2%;
	padding-right: auto;
	padding-left: auto;
}
/*----------/共通パーツから追加----------*/

.shokai_gaikan figure{
    width: 70%;
    border-radius: 10px;
    margin: 2% auto 2% auto;
    text-align: center;
}
.shokai_grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    margin: auto;
    width: 80%;
}
#shokai img{
    border-radius: 10px;
}

/*----------園舎紹介--------------------------------*/




/*----------アクセス　共通パーツsikakuから追加----------*/
#access{
    padding-bottom: 2%;
}

.access_wrap{/*common_wrapを名前変更*/
	background-color:#FFFFFF;
	border-radius: 20px;/* 半径20pxで角を丸くする */
	width: auto;
	height: 100%;
	margin: 5% 0%;/*11/11共通パーツ変更部分 margin: 5% 10% → margin: 5% 0%*/
    padding-bottom: 4%;
}

.wrap{
	width: 100%;
}


/*プライバシーポリシー*/
.head-border-blue/*副題両脇の線*/ { 
    position: relative;
	width: 100%;
    display: inline-block;
    padding: 0 25%;
    margin-top: 3%;/*11/11追加部分*/
}

.head-border-blue:before,
.head-border-blue:after {/*h2の左右にある四角*/
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3%;
    height: 10px;
    background-color:#00B0F0;
}

.head-border-blue:before {
   	left: 35%;
}

.head-border-blue:after {
    right:  35%;
}

h2/*小見出し1*/{
	color: #453012;
	font-size: 2rem;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 2%;
	padding-right: auto;
	padding-left: auto;
}
/*----------/共通パーツから追加----------*/

.access_wrap p{
    font-size: 1.2rem;
    text-align: center;
    margin: 2% 0%;
}
.location-map{
    width: 80%;
    margin: 0 auto;
}
.location-map iframe{
    text-align: center;
    width: 100%;
}


/*-----------------アクセス----------------*/

.location-map iframe{
    height: 450px;
}



@media screen and (max-width: 1024px) {
    /*seturitu_section*/
    .seturitu_wrap h2{
        font-size: 2.2rem;
    }
    .seturitu_wrap p{
        font-size: 1.5rem;
    }
    .seturitu_wrap figure{
        width: 50%;    
    }
    
    /*rinen_section*/
    .rinen_wrap h2{
        font-size: 2.2rem;
    }
    .rinen_wrap p{
        font-size: 1.5rem;
    }
    .rinen_wrap p{
        width: 70%;
    }
    
    /*gaiyou_section*/
    .gaiyou_wrap h2{
        font-size: 2.2rem;
    }
    .gaiyou-textdata{
        font-size: 1.5rem;
    }
    .gaiyou-textdata dt{
        width: 20%;
    }
    .gaiyou-list{
        width: 80%;
    }
    
    /*shokai_section*/
    .shokai_wrap h2{
        font-size: 2.2rem;
    }
    
    /*access_section*/
    .access_wrap h2{
        font-size: 2.2rem;
    }
    .access_wrap p{
        font-size: 1.5rem;
    }
}
/*スマホ用レスポンシブ*/
@media screen and (max-width: 599px) {
    /*----一番上の画像をpcとスマホで切り替えるため-----*/
    .pc-img{
        display: none;
    }
    .sp-img { 
        display: block; 
    }
    /*----一番上の画像をpcとスマホで切り替えるため-----*/
    
    #seturitu,
    #rinen,
    #gaiyou,
    #shokai{/*-----toppageから遷移したときのずれを防ぐ--------*/
        padding-top: 50%;
        margin-top: -50%;
    }
    
    /*設立の経緯*/
    .seturitu_wrap h2{
        font-size: 1.4rem;
    }
    .head-border-red:before,.head-border-red:after{
        width: 5%;
    }
    .head-border-red:before{
        left: 25%;
    }
    .head-border-red:after{
        right: 25%;
    }
    .seturitu_wrap p{
        font-size: 1rem;
        width: 80%;
        margin: 0 auto;
    }
    .seturitu_wrap figure{
        width: 75%;
    }
    
    
    /*理念*/
    .rinen_wrap h2{
        font-size: 1.4rem;
    }
    .rinen_wrap p{
        font-size: 1rem;
        width: 77%;
        margin-bottom: 4%;
    }
    .head-border-yellow:before,.head-border-yellow:after{
        width: 5%;
    }
    .head-border-yellow:before{
        left: 25%;
    }
    .head-border-yellow:after{
        right: 25%;
    }
    
    /*施設概要*/
    .head-border-yellowgreen:before,.head-border-yellowgreen:after{
        width: 5%;
    }
    .head-border-yellowgreen:before{
        left: 25%;
    }
    .head-border-yellowgreen:after{
        right: 25%;
    }
    .gaiyou_wrap h2{
        font-size: 1.4rem;
    }
    .gaiyou-textdata{
        font-size: 1rem;
        display: block;
        margin: 5% 0% 5% 5%;
    }
    .gaiyou-textdata dt{
        width: 30%;
    }
    .gaiyou-textdata dd{
        margin-left: 8%;
    }
    .gaiyou-list{
        width: 100%;
    }
    
    /*園舎紹介*/
    .head-border-green:before,.head-border-green:after{
        width: 5%;
    }
    .head-border-green:before{
        left: 25%;
    }
    .head-border-green:after{
        right: 25%;
    }
    .shokai_wrap h2{
        font-size: 1.4rem;
    }
    
    
    /*アクセス*/
    .head-border-blue:before,.head-border-blue:after{
        width: 5%;
    }
    .head-border-blue:before{
        left: 25%;
    }
    .head-border-blue:after{
        right: 25%;
    }
    .access_wrap h2{
        font-size: 1.4rem;
    }
    .access_wrap p{
        font-size: 1rem;
    }
    .location-map iframe{
        height: 300px;
    }
}