@charset "utf-8";

/* ----------------------------------
              FONT
---------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* ----------------------------------
              COMMON
---------------------------------- */
body { 
    margin:0px auto;
	font-family: "Open Sans", sans-serif, meyrio;
	font-weight: 400;
	font-style: normal;
    background:#fff; 
    font-size:18px; 
}
@media screen and (max-width:768px) {
    body {
        font-size:16px; 
    }
}
header,section,article,aside,footer{ 	
    display: block;
}
img { 
    margin:0;
    padding:0;
    border:none;
}
ul,ol {	
    margin:0;
    padding:0;
    list-style:none;
    list-style-position:outside;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
p { 
    margin:0;
    padding:0;
}
div {
    margin:0;
    padding:0;
}
/* ----------------------------------
           COMMON LINK
---------------------------------- */
a:link { 
    color:#333;
    text-decoration:none;
}
a:visited { 
    color:#333;
    text-decoration:none;
}
a:hover { 
    color:#666;	
    text-decoration:none; 
}
a:active { 
    color:#000;
    text-decoration:none;
}
/*-------------------------------------
	画像下端/リンク透過
-------------------------------------*/
img { 
    display:block;
    width:100%;
    margin:0;
    padding:0;
    vertical-align: bottom; 
}
/*-------------------------------------
             PC TB SP
-------------------------------------*/
.pc { display:inline-block; }
.pctb { display:inline-block; }
.pc-table {display:inline-table;}
.tb { display:none; }
.sp { display:none; }
.sp-table  { display:none; }

@media screen and (max-width : 769px){
	.pc { display:none; }
	.tb { display:inline-block; }
	.sp { display:none; }
	.sp-table  { display:none; }
  }
@media screen and (max-width : 480px) { 
	.pc { display:none; }
	.pctb  { display:none; }
	.pc-table { display:none; }
	.tb { display:none; }
	.sp { display:inline-block; }
	.sp-table  { 
			display:inline-table;
			font-size:14px;
			width:100%;
	}
}
/*-------------------------------------
             FLEX
-------------------------------------*/
.flex-con {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.flex-10 {
	width:10%;
}
.flex-20 {
	width:20%;
}
.flex-25 {
	width:20%;
}
.flex-30 {
	width:30%;
}
.flex-33 {
	width:33.33%;
}
.flex-40 {
	width:40%;
}
.flex-50 {
	width:50%;
}
.flex-60 {
	width:60%;
}
.flex-70 {
	width:66.66%;
}
.flex-80 {
	width:80%;
}
.flex-90 {
	width:90%;
}
.flex-inner{
	padding:5%;
	box-sizing:border-box;
}

@media screen and (max-width:768px) {

}

@media screen and (max-width:480px) {
	.flex-40 {
		width:100%;
	}
	.flex-50 {
		width:100%;
	}
	.flex-60 {
		width:100%;
	}
	.flex-70 {
		width:100%;
	}
}

/*-------------------------------------
	     Header
-------------------------------------*/
header { 
    width:100%;
    margin:0px;  
	height:155px;
}

#header-inner { 
    max-width:1680px;
    max-height:20vh;
    margin:0px auto 0;
	text-align:right;
    background-color: #fff;
}

#header-inner img{ 
    max-width: 600px;
    height:auto;
    margin:0 20px 0 auto;
    background-color: #fff;
}
@media screen and (max-width:480px){
	header { 
		height:95px;
	}
	#header-inner { 
		padding-top:20px;
	}
}
/*-------------------------------------
          GLOBAL NAVIGATION 
-------------------------------------*/
nav { 
    width:100%;
    max-width:1680px;
    height:50px;
    position:fixed;
    top:0;
	left:0;
	right:0;
	margin:auto;
    z-index:100;
}

.navInner {
    width:100%;
    margin:0 auto;
    display:flex;
    justify-content: flex-end;
}

.openList{ 
    width:100%;
    margin:0 auto 0 0; 
	text-align :left;
    display: block;
    background-color: white;
}
.openList  img { 
    display:none; 
    width: 35px;
    height: 47px;
}
.openList .open,
.openList .close { 
	width:100%;
	max-width:1000px;
}

.openList ul { 
    line-height:50px;
    z-index:10;
    display:flex;
    flex-wrap:wrap;
	justify-content: center;
    font-weight: bold;
}
.openList li { 
	font-size:26px;
    padding:0 20px;
    width:auto; 
    text-align:center; 
    font-family: "League Spartan", sans-serif;
}
.openList li:nth-child(4) { 
	background-image:url(./image/nav-bg.png);
	background-position:top right;
	background-repeat:no-repeat;
}
@media screen and (max-width : 768px){
}
@media screen and (max-width:480px) {
	.openList  img { 
		display:block; 
		margin: 5px 5px 0 auto;
	}
	.openList .open,
	.openList .close { 
		max-width:1000px;
		transition:all 0.5s;
	}
	.openList .close { 
		background:rgba(255,255,255,0.9);
		height:100vh;
	}
	.openList .open ul{
		display:none;
	}
	.openList .close ul{ 
		display:block;
	}
    .openList   ul{ 
		display:flex;
        flex-direction: column; 
	}
    .openList   { 
		display:flex;
        flex-direction: row; 
        justify-content: center;
		background:none;
		position:absolute;
		top:210px;
	}
}

/*-------------------------------------
	   Main Contents
-------------------------------------*/
main {  
    box-sizing: border-box;
}
article { 
    width:100%; 
    margin:0 auto;  
}
section {
    width:100%; 
    padding:40px 0; 
	margin:0 auto;
}
.section-inner {
    max-width:1300px; 
    margin:0 auto;  
    box-sizing: border-box;
}
.contents-inner{
	max-width:100%; 
    margin:0 auto;  
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
    .sectionInner {
        width:98%;
        margin:0 1%;
    }
}
@media screen and (max-width:480px) {
}

/*-------------------------------------
	   SECTION 01
-------------------------------------*/
.sec-01{
	background:#f9faf5;
    padding:0;
}
.sec-01 .section-inner{
    max-width:1680px;
	margin:0 auto;
}
.sec-01 .contents-inner, .sec-01 .contents-inner-other {
    display: flex;
    flex-direction: column;
    margin: 0;
    align-items: center;
}
.sec-01 .contents-inner h1, .sec-01 .contents-inner-other h1{
    text-shadow:
      2px 2px 0 darkgreen, /* Apply text shadow to create additional depth */
      -2px 2px 0 darkgreen,
      2px -2px 0 darkgreen,
      -2px -2px 0 darkgreen;
    -webkit-text-stroke: 2px darkgreen;
    letter-spacing: -1px;
    color: white;
    font-size: 42px;
    margin-top: 1%;
    font-weight: bold;
    font-family: "League Spartan", sans-serif;
}

@font-face {
    font-family: Breathing;
    src: url(Breathing.ttf);
 }

.sec-01 .contents-inner h1:nth-child(2){
    letter-spacing: 0;
    line-height: 50px;
    margin-top: 0;
    font-family: Breathing;
    font-size: 32px;
    text-shadow:
      0.01px 0.01px 0 darkgreen, /* Apply text shadow to create additional depth */
      -0.01px 0.01px 0 darkgreen,
      0.01px -0.01px 0 darkgreen,
      -0.01px -0.01px 0 darkgreen;
    -webkit-text-stroke: 0.01px darkgreen;
    font-style: bold;
}

.sec-01 .contents-inner-other h1:nth-child(2){
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 0;
    font-family: "Style Script", cursive;
    font-style: italic;
    text-shadow:none;
    -webkit-text-stroke: 0px;
    color: #000;
}
.sec-01 .contents-inner img, .sec-01 .contents-inner-other img{
    width: 100%;
}
.contents-inner-other-01{
    text-align: center;
	width:100%;
}
.contents-inner-other-01 img{
    max-height:50px;
    max-width:80%; 
    margin:0 auto;  
    box-sizing: border-box;
}
.sec-01 h2.aboutus img {
	width:100%;
	max-width:700px;
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:480px) {
	.sec-01{
		padding-top:0;
	}
    .sec-01 .contents-inner h1, .sec-01 .contents-inner-other h1{
        text-shadow:
          1px 1px 0 darkgreen, /* Apply text shadow to create additional depth */
          -1px 1px 0 darkgreen,
          1px -1px 0 darkgreen,
          -1px -1px 0 darkgreen;
        -webkit-text-stroke: 1px darkgreen;
        letter-spacing: -2px;
        color: white;
        font-size: 24px;
        margin-top: 35px;
        font-weight: bold;
    }

    .sec-01 .contents-inner h1:nth-child(2){
        letter-spacing: 0;
        line-height: 40px;
        margin-top: 0;
        font-family: "Style Script", cursive;
		font-size:40px;
        text-shadow:
          0.01px 0.01px 0 darkgreen, /* Apply text shadow to create additional depth */
          -0.01px 0.01px 0 darkgreen,
          0.01px -0.01px 0 darkgreen,
          -0.01px -0.01px 0 darkgreen;
        -webkit-text-stroke: 0.1px darkgreen;
        font-style: italic;
    }
    .sec-01 .contents-inner img, .sec-01 .contents-inner-other img{
        width: 100%;
        height: auto;
    }
}

/*-------------------------------------
	   SECTION 02
-------------------------------------*/
.sec-02{

}
.sec-02 .section-inner{

}

.sec-02 .contents-inner{
    display: flex;
    flex-direction: column;
    margin: 0;
    align-items: center;
}

@font-face {
    font-family: ArialNova;
    src: url(ArialNova.ttf);
 }

.sec-02 .contents-inner p{
    height: 20%;
    width: 80%;
    text-align: center;
    font-size: x-large;
    justify-content: center;
    font-family: ArialNova;
}

.sec-02 .contents-inner div{
    height: 40px;
    width: 200px;
    text-align: center;
    background-color: darkgreen;
    border: none;
    color: white;
    margin-top: 2.5%;
    margin-bottom: 1%;
    font-family: "Fredoka", sans-serif;
    font-size: x-large;
    padding-top: 0.5%;
    font-weight: 500;
}

.sec-02 .contents-inner .p-2{
    margin-top: 3%;
    margin-bottom: 1%;
}

.sec-02 .contents-inner .h1-2{
    color: darkgreen;
    font-size:42px;
    font-family: "Fredoka", sans-serif;
}

.sec-02 .contents-inner img{
    width: 70%;
    height: 50%;
}


@media screen and (max-width:768px) {
    .sec-02 .contents-inner .h1-2{
        color: darkgreen;
        font-size:30px;
        font-family: "Fredoka", sans-serif;
    }
}
@media screen and (max-width:480px) {
    .sec-02{
        padding: 0;
        padding-top: 2.5%;
    }
    .sec-02 .contents-inner p{
        font-size: 14px;
    }

    .sec-02 .contents-inner div{
        height: 20px;
        width: 100px;
        text-align: center;
        background-color: darkgreen;
        border: none;
        color: white;
        margin-top: 2.5%;
        margin-bottom: 1%;
        font-family: "Fredoka", sans-serif;
        font-size: 14px;
        padding-bottom: 1%;
    }

    .sec-02 .contents-inner .h1-2{
        font-size: 16px;
        margin: 5px 5% 10px;;
    }

    .sec-02 .contents-inner img{
        width: 100%;
        height: auto;
    }
}

/*-------------------------------------
	   SECTION 03
-------------------------------------*/
.sec-03{
    padding-top: 0;
}
.sec-03 .section-inner{
    
}

.sec-03 .contents-inner{
    display: flex;
    flex-direction: column;
}


.sec-03 .contents-inner .sec-03-01{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sec-03-01-01{
    margin-right: 1%;
}

.sec-03-01-01 img{
    max-width: 80px;
    height: 80px;
}

.sec-03-01-02 h1{
    font-size: 28px;
    color: darkgreen;
    text-decoration: underline;
    font-family: "Fredoka", sans-serif;
    line-height: 40px;
}

.sec-03-01-02 p{
    font-size: 18px;
    text-align: justify;
    margin-left: 2%;
}

.sec-03-02 {
    display: flex;
    flex-direction: column;
    margin-top: 1%;
}

.sec-03-02-01, .sec-03-02-02, .sec-03-02-03{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sec-03-03 {
    display: flex;
    flex-direction: row;
    margin-top: 1%;
    justify-content: space-around;
}

.sec-03-03 img{
    min-width: 100px;
    min-height: 100px;
    max-width: 250px;
    max-height: 250px;
}

.sec-03-03-01 a:visited,  .sec-03-03-02 a:visited, .sec-03-03-03 a:visited{
    display: flex;
    flex-direction: column;
    text-align: center;
    text-decoration: underline;
    color: darkgreen;
    align-items: center;
}

.sec-03-03-01,  .sec-03-03-02, .sec-03-03-03 {
    display: flex;
    flex-direction: column;
    text-align: center;
    text-decoration: underline;
    color: darkgreen;
    align-items: center;
}

.sec-03-03 a.linkbtn{
	color:#fff;
	background:darkgreen;
	padding:5px 5px;
	border-radius:10px;
	margin-top:5px;
}

@media screen and (max-width:768px) {
    .sec-03-03 {
        display: flex;
        flex-direction: row;
        margin-top: 1%;
        justify-content: space-around;
    }

    .sec-03-03 img{
        min-width: 50px;
        min-height: 50px;
        max-width: 120px;
        max-height: 120px;
    }
    .sec-03-03-01,  .sec-03-03-02, .sec-03-03-03 h1{
        font-family: "Fredoka", sans-serif;
        font-size: large;
    }

}
@media screen and (max-width:480px) {
    .sec-03{
        padding-top: 5%;
    }
	.sec-03 .section-inner{
		width:98%;
		margin:0 1%;
	}
    .sec-03-02-01, .sec-03-02-02, .sec-03-02-03{
        flex-direction: column;
        margin-top: 2.5%;
    }
    .sec-03-03 {
        margin-top: 20px;
        flex-direction: unset;
		flex-wrap:wrap;
    }
    .sec-03-03 h1{
        color:#006400;
		font-size:16px;
    }
	.sec-03-01-01 img{
		max-width: 70px;
		height: auto;
	}
	.sec-03-01-02 h1{
		font-size:24px;
		text-align:left;
		line-height:1em;
		margin-bottom:5px;
	}
	.sec-03-01-02 p{
		font-size: 16px;
		text-align: left;
		margin-left: 0;
		line-height:1em;
	}
	.sec-03-02 h1{
		font-size: 16px;
	}
	.sec-03-03-01{
		width:100%;
	}
	.sec-03-03-02, 
	.sec-03-03-03{
		width:50%;
	}
}

/*-------------------------------------
	   ABOUT US - SECTION 2
-------------------------------------*/
.abt-sec-02 {
    display: flex;
    flex-direction: column;
    font-family: ArialNova;
}

.abt-sec-02-01 {
    display: flex;
    flex-direction: row;
    margin-left: 5%;
    margin-right: 3%;
}

.abt-sec-02-01-01, .abt-sec-02-01-02 {
    align-items: center;
    text-align: justify;
}

.abt-sec-02-01-01 img{
    max-width: 150px;
    max-height: 150px;
}

.vision, .mission, .goal {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.abt-sec-02-02{
    display: flex;
    flex-direction: row;
    margin-left: 7.5%;
    margin-top: 2.5%;
    text-align: start;
}

.abt-sec-02-02-02{
    margin-left: 1%;
    margin-right: 7.5%;
    text-align: center;
    align-content: center;
    color: white;
    background-color: darkgreen;
    padding: 2%;
}

.abt-sec-02-02-02 h1{
    font-weight: normal;
}

@media screen and (max-width:768px) {
    .abt-sec-02{
        margin-bottom: 0;
        padding: 0;
        margin-top: 2%;
    }
    .abt-sec-02-01-01 img{
        max-width: 75px;
        max-height: 75px;
    }
    .vision h1, .mission h1, .goal h1 {
        font-size: 12px;
    }
    .vision p, .mission p, .goal p{
        font-size: 16px;
    }
    .abt-sec-02-02-01 h1{
        font-size: 22px;
    }

    .abt-sec-02-02-01 li{
        font-size: 16px;
		line-height:1.5em;
		text-align: justify;
		text-indent: -1em;
        padding: 0 1em;
    }
    .abt-sec-02-02-02 h1{
        font-size: 20px;
    }
}
@media screen and (max-width:480px) {
    .abt-sec-02-01-02{
        width: 100%;
        justify-items: center;
    }
    .abt-sec-02-01 {
        flex-direction: column;
    }
	.abt-sec-02-01-01 .vision,
	.abt-sec-02-01-01 .mission,
	.abt-sec-02-01-01 .goal {
		flex-wrap:wrap;
	}
	.abt-sec-02-01-01 h2{
		font-size:18px;
	}
    .abt-sec-02-01 .flex-70 div{
        width: 100%;
    }
    .abt-sec-02-01-02 img{
        width: 90%;
        height: auto;
		margin:0 auto;
    }
    .abt-sec-02-02 {
        display: flex;
        flex-direction: column;
    }
    .abt-sec-02-02-02{
        margin-top: 2.5%;
        margin-right: 2.5%;
        width: 90%;
    }
    .abt-sec-02-02-01 h1{
        text-align:center;
    }
}

/*-------------------------------------
	   ABOUT US - SECTION 3
-------------------------------------*/

.abt-sec-03-01{
    text-align: justify;
    margin-left: 7.5%;
    margin-right: 7.5%;
    font-family: ArialNova;
}

.abt-sec-03-01 h1{
    color: darkgreen;
    margin-bottom: 1%;
}

.abt-sec-03-02{
    display: flex;
    flex-direction: row;
    margin-left: 7.5%;
    margin-right: 7.5%;
    margin-top: 5%;
}
.abt-sec-03-02 div{
    align-content: center;
}

.abt-sec-03-02 h1{
    text-align: center;
    align-content: center;
    margin-bottom: 5%;
    font-size: large;
    color: darkgreen;
}

.abt-sec-03-02 p{
    text-align: start;
    font-size: large;
    margin-left: 5%;
}

.abt-sec-03-02 img{
    max-width: 450px;
    max-height: 450px;
}


@media screen and (max-width:768px) {
    .abt-sec-03{
        margin-top: 5%;
        padding: 0;
        margin-bottom: 5%;
    }

    .abt-sec-03-02 img{
        max-width: 250px;
        max-height: 250px;
    }

    .abt-sec-03-02 h1{
        font-size: 18px;
    }
    
    .abt-sec-03-02 p{
        font-size: 14px;
    }
}
@media screen and (max-width:480px) {
    .abt-sec-03-02 {
        flex-direction: column;
        align-items: center;
		margin:0 5%;
    }

    .abt-sec-03-02 img{
        margin-top: 2.5%;
        margin-bottom: 2.5%;
        max-width: 90%;
        max-height: unset;
    }

    .abt-sec-03-02 h1 {
        font-size: 16px;
    }
	.abt-sec-03-02 p {
		font-size: 14px;
		margin-left: 0;
	}
	.abt-sec-03 {
        margin-bottom: 5px;
    }
}

/*-------------------------------------
	   ABOUT US - SECTION 4
-------------------------------------*/

.abt-sec-04-01{
    display: flex;
    flex-direction: row;
    text-align: justify;
    margin-left: 7.5%;
    margin-right: 7.5%;
    align-items: center;
    font-family: ArialNova;
}

.abt-sec-04-01 img{
    max-width: 400px;
    max-height: 400px;
}

.abt-sec-04-01 p{
    align-content: center;
    font-size: large;
}
.abt-sec-04-01 div div{
    margin-top: 2.5%;
}

.abt-sec-04-01 div div p{
    text-align: center;
    align-content: center;
    font-size: large;
    color: black;
}

.abt-sec-04-02 img{
    margin-right: 2%;
}

.abt-sec-04-02{
    display: flex;
    flex-direction: row;
    text-align: justify;
    margin: 30px 7.5% 10px;
    align-items: center;
    background-color: #fff6d2;
    padding: 1%;
    border-radius: 5%;
}

.abt-sec-04-02-01, .abt-sec-04-02-02{
    display: flex;
    flex-direction: row;
    font-size: medium;
    align-items: center;
}

.abt-sec-04-02-01 div{
    font-size: medium;
    justify-content: start;
}

.abt-sec-04-02 img{
    max-width: 100px;
    max-height: 100px;
}

@media screen and (max-width:768px) {
    .abt-sec-04{
        padding: 0;
    }
    .abt-sec-04-01 img{
        max-width: 90%;
        max-height: unset;
		margin:0 5%;
    }
    .abt-sec-04-01 div p{
        font-size: 14px;
    }
    .abt-sec-04-01 div div p{
        font-size: 14px;
    }
	.abt-sec04-txt{
		text-indent:-1em;
	}
    .abt-sec-04-02 img{
        max-width: 75px;
        max-height: 75px;
    }

    .abt-sec-04-02 p{
        font-size: 14px;
    }

    .abt-sec-04-02{
        margin-left: 2.5%;
        margin-right: 2.5%;
        align-items: center;
        background-color: #fff6d2;
        padding: 2%;
        border-radius: 5%;
    }
    .abt-sec-04-02-01{
        width: 55%;
    }

    .abt-sec-04-02-02{
        width: 45%;
    }
}
@media screen and (max-width:480px) {
    .abt-sec-04-01{
        flex-direction: column;
		margin:0 5%;
    }
    .abt-sec-04-02{
        flex-direction: column;
    }
    .abt-sec-04-02-01, .abt-sec-04-02-02{
        width: 100%;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
        margin-right: 5%;
    }
    .abt-sec-04-02-01, .abt-sec-04-02-02 img{
        margin-left: 5%;
    }
}

/*-------------------------------------
	   CONTACT US - SECTION 2
-------------------------------------*/
.cnt-sec-02 {
	padding:40px 0;
}
.cnt-sec-02-01 {
    margin-bottom: 0;
    font-family: ArialNova;
}
.cnt-sec-02-01 div {
    display: flex;
    flex-direction: row;
    justify-self: center;
    
}
.cnt-sec-02-01 h1{
    text-align: center;
    font-size: 48px;
    color: darkgreen;
    text-decoration: underline;
    font-family: "Fredoka", sans-serif;
}

.cnt-sec-02-01 h2 {
    text-align: center;
    font-size: 64px;
    color: darkgreen;
    font-family: "Fredoka", sans-serif;
}

.cnt-sec-02-01 p {
    text-align: center;
    align-content: center;
    font-size: x-large;
}

.cnt-sec-02-01 img {
    max-width: 75px;
    max-height: 75px;
    align-self: center;
}

.cnt-sec-02-02 {
    margin-left: 10%;
    margin-right: 10%;
    font-size: x-large;
    text-align: start;
    font-family: ArialNova;
}

.cnt-sec-02-02 div{
    display: flex;
    flex-direction: row;
}

.cnt-sec-02-02 img{
    height:100px;
    width: 20px;
    margin-right: 1%;
}

.cnt-sec-02-02 h1 {
    font-weight: normal;
}

.cnt-sec-02-03 {
    text-align: center;
    background-color: #fff8de;
    font-size: x-large;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0.5%;
    border-radius: 50px 50px;
    font-family: ArialNova;
}

.cnt-sec-02-04 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    font-size: x-large;
    font-family: ArialNova;
}

.cnt-sec-02-04 h1{
    font-weight: normal;
	margin-top:1%; 
	font-size: x-large;
}

.cnt-sec-02-02, .cnt-sec-02-03, .cnt-sec-02-04 {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}

@media screen and (max-width:768px) {
    
    .cnt-sec-02-01 h2 {
        text-align: center;
        font-size: 48px;
        color: darkgreen;
        font-family: "Fredoka", sans-serif;
    }
    
    .cnt-sec-02-01 p {
        text-align: center;
        align-content: center;
        font-size: x-large;
    }

    .cnt-sec-02-02 {
        margin-left: 10%;
        margin-right: 10%;
        font-size: 18px;
        text-align: start;
    }
    .cnt-sec-02-02 img{
        height:80px;
        width: 20px;
        margin-right: 1%;
    }

    .cnt-sec-02-03 {
        font-size: large;
    }
    
    .cnt-sec-02-04 {
        font-size: large;
    }
}
@media screen and (max-width:480px) {
	.cnt-sec-02 {
		padding:10px 0;
	}
    .cnt-sec-02-01 div {
        width: 80%;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .cnt-sec-02-01 h1 {
        font-size: 24px;
    }
    .cnt-sec-02-01 h2 {
        font-size: 38px;
    }
    
    .cnt-sec-02-01 p {
        font-size: 24px;
    }

    .cnt-sec-02-01 img{
        height:unset;
        width: 100%;
		max-width:100%;
        margin-right: 0;
    }
	.cnt-sec-02-02{
		margin:20px 5% 30px;
	}
	.cnt-sec-02-03{
		margin:20px 5% 30px;
        font-size: 18px;
		line-height:1.3em;
	}
	.cnt-sec-02-03 a{
		font-weight:bold;
	}
    .cnt-sec-02-04 {
        font-size: 14px;
    }
    .cnt-sec-02-04 h1{
        font-size: 16px;
		margin:10px auto;
    }
    .cnt-sec-02-04 h1.dswd{
        font-size: 13px;
		margin:20px auto;
		background:#fff8de;
    }
}

/*-------------------------------------
	   PROGRAMS & SERVICES - SECTION 2
-------------------------------------*/

.contents-inner {
    text-align: center;
}

.srv-sec-02-01{
    text-align: center;
    font-family: ArialNova;
}

.srv-sec-02-01 div{
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
    margin-top: 2%;
    font-size: x-large;
}

.srv-sec-02-01 button{
    background-color: darkgreen;
    color: white;
    border: none;
    font-size: xx-large;
    font-weight: bold;
    justify-items: center;
    font-family: "Fredoka", sans-serif;
    padding-left: 1%;
    padding-right: 1%;
}

.srv-sec-02-02 {
    margin-top: 2.5%;
    margin-left: 10%;
    margin-right: 10%;
    font-family: ArialNova;
}

.srv-sec-02-02 h1{
    color: darkgreen;
    text-align: start;
    font-size: 42px;
    font-family: "Fredoka", sans-serif;
}

.srv-sec-02-02 p{
    text-align: justify;
    font-size: x-large;
}


.srv-sec-02-02-01 {
    display: flex;
    flex-direction: row;
    text-align: justify;
    font-size: x-large;
}

.srv-sec-02-02-01 img{
    width: 50%;
    margin-right: 2.5%;
}

.srv-sec-02-02-02 {
    text-align: justify;
    margin-top: 2.5%;
}

.srv-sec-02-02-02 h1{
    font-size: x-large;
    font-weight: normal;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 2%;
}

.srv-sec-02-02-02-01{
    display: flex;
    flex-direction: row;
}

.srv-sec-02-02-02-02{
    margin-top: 2.5%;

}

@media screen and (max-width:768px) {
    .srv-sec-02-01 button{
        font-size:large;
    }

    .srv-sec-02-01 div{
        font-size: large;
    }

    .srv-sec-02-02 h1{
        color: darkgreen;
        text-align: start;
        font-size: 28px;
        font-family: "Fredoka", sans-serif;
    }

    .srv-sec-02-02-01 {
        display: flex;
        flex-direction: column;
        text-align: justify;
    }
    
    .srv-sec-02-02-01 img{
        width: 100%;
        margin-right: 2.5%;
    }

    .srv-sec-02-02-01 p{
        margin-top: 5%;
        font-size: 16px;
    }
    
}
@media screen and (max-width:480px) {
    .srv-sec-02 {
        padding: 0;
    }
    .srv-sec-02-01 {
        margin-top: 5%;
    }
	.srv-sec-02-01 div{
		margin-left: 5%;
		margin-right: 5%;
		line-height:1.3em;
	}
    .srv-sec-02-01 p{
        font-size: 14px;
    }
	.srv-sec-02-02{
		margin:3% 5%;
	}
    .srv-sec-02-02 h1{
        font-size: 20px;
        text-align: center;
    }
    .srv-sec-02-02-01 {
        display: none;
    }
	.srv-sec-02-02-01-sp{
		font-size:14px;
	}
    .srv-sec-02-02-02-sp h1{
        font-size: 18px;
    }
	.srv-sec-02-02 p{
		font-size:14px;
		line-height:1.3em;
		padding:5px 0;
	}
    .srv-sec-02-02-02-01 {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }
	.srv-sec-02-02-02-01 p{
		padding:0;
	}
}

/*-------------------------------------
	   PROGRAMS & SERVICES - SECTION 3
-------------------------------------*/
.srv-sec-03-01 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
    font-family: ArialNova;
}
.srv-sec-03-01 h1{
    font-size: xx-large;
    color: darkgreen;
    text-align: start;
    font-size: 42px;
    font-family: "Fredoka", sans-serif;
}

.srv-sec-03-01-01 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.srv-sec-03-01-01 p{
    font-size: x-large;
}

.srv-sec-03-01-01 img{
    max-width: 150px;
    max-height: 150px;
}

.srv-sec-03-01-02 h1{
    color: #000;
    font-size: x-large;
    font-weight: normal;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

.srv-sec-03-01-02-01 {
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.srv-sec-03-02 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1%;
    justify-content: space-around;
}

.srv-sec-03-02 img{
    max-width: 100%;
    max-height: 40%;
    margin: 0.5%;
}

.srv-sec-03-03{
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
}

.srv-sec-03-03-01{
    margin-bottom: 10%;
    font-size: x-large;
}

.srv-sec-03-03 h1{
    margin: 0.5%;
    text-align: center;
    color: darkgreen;
    text-decoration: underline;
    font-family: "Fredoka", sans-serif;
}

@media screen and (max-width:768px) {
    .srv-sec-03{
        padding: 0;
    }
    .srv-sec-03-01 h1{
        font-size: xx-large;
        color: darkgreen;
        text-align: start;
        font-size: 28px;
        font-family: "Fredoka", sans-serif;
    }
    .srv-sec-03-01-01 p{
        font-size: 16px;
    }
    .srv-sec-03-01-02 h1{
        font-size: 16px;
        color: black;
        font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
    }
    .srv-sec-03-01-02-01 p{
        font-size: 14px;
    }
}
@media screen and (max-width:480px) {
	.srv-sec-03-01{
		margin:0 5%;
	}
    .srv-sec-03-01 h1{
        font-size: 20px;
        text-align: center;
		padding:20px 0 10px;
    }
	.srv-sec-03-01-01{
		display:inline;
	}
    .srv-sec-03-01-01 img{
        max-width: 120px;
        max-height: unset;
		float:left;
    }
    .srv-sec-03-01-02 {
        margin-top: 0;
        margin-bottom: 2.5%;
		font-size:14px;
    }
    .srv-sec-03-01-02 h1{
        font-size: 16px;
        color: black;
        font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
		padding:0;
    }
    .srv-sec-03-01-02-01 {
        display: flex;
        flex-direction: column;
        margin-left: 20%;
    }
	.srv-sec-03-02{
		margin: 5% 5% 0;
	}
	.srv-sec-03-03{
		margin:10px 0;
	}
	.srv-sec-03-03-01{
		font-size:16px;
		margin:10px 0 ;
	}
	.srv-sec-03-03 a h1 span{
		display:block;
		color:#fcc10d;
		text-decoration:none;
		text-shadow:1px 1px 2px #999;
	}
}

/*-------------------------------------
	   PROGRAMS & SERVICES - SECTION 4
-------------------------------------*/

.srv-sec-04-01 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
    font-family: ArialNova;
}

.srv-sec-04-01 h1{
    font-size: xx-large;
    color: darkgreen;
    text-align: start; 
    font-size: 42px;
    font-family: "Fredoka", sans-serif;
}

.srv-sec-04-01 p{
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: x-large;
}
@media screen and (max-width:768px) {
    .srv-sec-04 {
        padding: 0;
        padding-top: 2.5%;
    }

    .srv-sec-04-01 h1{
        font-size: 28px;
    }

    .srv-sec-04-01 p{
        font-size: 18px;
    }

    .srv-sec-04-01 img{
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }
}

@media screen and (max-width:480px) {
    .srv-sec-04-01 h1{
        font-size: 24px;
        text-align: center;
    }

    .srv-sec-04-01 img{
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

/*-------------------------------------
	   PROGRAMS & SERVICES - SECTION 5
-------------------------------------*/

.srv-sec-05-01 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
    font-family: ArialNova;
}
.srv-sec-05-01 h1{
    font-size: xx-large;
    color: darkgreen;
    text-align: start;
    font-size: 36px;
    font-family: "Fredoka", sans-serif;
}

.srv-sec-05-01-01 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.srv-sec-05-01-01 img{
    max-width: 150px;
    max-height: 150px;
}

.srv-sec-05-01-01 p{
    font-size: x-large;
}

.srv-sec-05-01-02 h1{
    color: #000;
    font-size: x-large;
    font-weight: normal;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

.srv-sec-05-01-01-01 {
    display: flex;
    flex-direction: row;
    margin-top: 1%;
    margin-bottom: 2.5%;
}

.srv-sec-05-01-01-01 div{
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.srv-sec-05-01-01-01 div p{
    text-decoration: underline;
    font-size: x-large;
    padding-left: 5%;
    text-align: start;
}

.srv-sec-05-01-01-01 img{
    max-width: 50px;
    max-height: 50px;
    border-radius: 5px;
}

.srv-sec-05-01-01-01 div:nth-child(2){
    margin-left: 1%;
}

.srv-sec-05-01-02-01{
    display: flex;
    flex-direction: row;
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: x-large;
}

.srv-sec-05-02 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1%;
    justify-content: space-around;
}

.srv-sec-05-02 img{
    max-width: 40%;
    max-height: 40%;
    margin: 0.5%;
}

.srv-sec-05-03{
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
}

.srv-sec-05-03 h1{
    margin: 0.5%;
    text-align: center;
    color: darkgreen;
    text-decoration: underline;
}

@media screen and (max-width:768px) {
    .srv-sec-05 {
        padding: 0;
        padding-top: 2.5%;
    }
    .srv-sec-05-01 h1{
        font-size: 28px;
    }

    .srv-sec-05-01-01-01 img{
        max-width: 40px;
        max-height: 40px;
        border-radius: 5px;
    }

    .srv-sec-05-01-01-01 div p{
        align-content: center;
        font-size: 16px;
    }

    .srv-sec-05-01-01 img{
        max-width: 100px;
        max-height: 100px;
    }
    
    .srv-sec-05-01-01 p{
        font-size: 16px;
    }

    .srv-sec-05-01-02 h1{
        margin-top: 1%;
        font-size: 16px;
    }
}
@media screen and (max-width:480px) {
	.srv-sec-05-01{
		margin:10px 5%;
	}
    .srv-sec-05-01 h1.sp{
        font-size: 20px;
        text-align: center;
		display:block;
		margin:5px auto;
    }
    .srv-sec-05-01 h1.sp span{
        font-size: 16px;
    }
    .srv-sec-05-01-01-01 img{
        max-width: 30px;
        max-height: 30px;
    }
    .srv-sec-05-01-01 p{
         font-size: 14px;
     }
	.srv-sec-05-01-01-01{
		flex-wrap:wrap;
		align-items: center;
	}
	.srv-sec-05-01-01-01 img.sp{
		max-width:100px;
		max-height:unset;
	}
	.srv-sec-05-01-01-01 .flex-40.sp{
		display:block;
		width:calc(100% - 120px);
	}
	.srv-sec-05-01-01-01 .flex-40.sp img{
		display:inline;
		vertical-align:middle;
	}
    .srv-sec-05-01-01-01 .sp p{
		display:inline;
        font-size: 14px;
    }
     .srv-sec-05-01-02 h1{
        font-size: 14px;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }
    .srv-sec-05-01-02-01 {
        flex-direction: column;
        margin: 5px 0 2.5% 15px;
		font-size:14px;
		line-height:1.3em;
    }
}

/*-------------------------------------
	   PROGRAMS & SERVICES - SECTION 6
-------------------------------------*/

.srv-sec-06-01 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
    font-family: ArialNova;
}

.srv-sec-06-01 h1{
    font-size: xx-large;
    color: darkgreen;
    text-align: start; 
    font-size: 38px;
    font-family: "Fredoka", sans-serif;
}

.srv-sec-06-01 p{
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: x-large;
}

.srv-sec-06-01-footer {
    background-color: #fff6d2;
    text-align: center;
    border-radius: 25px;
}

.srv-sec-06-01-footer p{
    font-size: large;
    padding: 0.5%;
    margin-bottom: 0;
}

.srv-sec-06-01-footer p:nth-child(2){
    font-size: large;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1%;
}
@media screen and (max-width:768px) {
    .srv-sec-06-01 h1{
        font-size: 28px;
        margin-top: 2.5%;
    }

    .srv-sec-06-01 p{
        font-size: large;
    }

    .srv-sec-06-01 img{
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }

    .srv-sec-06-01-footer p{
        font-size: 14px;
    }
    
    .srv-sec-06-01-footer p:nth-child(2){
        font-size: 14px;
    }
}

@media screen and (max-width:480px) {
    .srv-sec-06-01 h1{
        font-size: 20px;
        margin: 20px auto 20px;
        text-align: center;
    }
    .srv-sec-06-01{
        margin: 5%;
    }
}

/*-------------------------------------
	     Footer
-------------------------------------*/
footer { 
    width:100%;
    text-align:center;
    margin:0px auto;
    background-color: #fff8de;
}
.footer-inner{
	max-width:1680px;
	width:100%;
    margin:0px auto;
}
footer ul { 
    display:flex;
    flex-direction:column;
	justify-content:space-between;
}
footer li { 
    width:auto; 
    padding:10px 0px;
    display: flex;
    flex-direction: row;
}

footer li svg {
    min-height: 15px; 
    min-width:15px; 
    max-width: 100px;
    max-height: 100px;
    padding: 0.5%;
    background-color: darkgreen;
    color: white;
    border-radius: 100%;
    margin-left: 1%;
}

footer li div {
display: flex;
flex-direction: column;
margin-left: 1%;
}

footer .flex-con {
    display:flex;
    flex-direction: row;
    justify-content:start;
    align-items:start;
}

footer .flex-70 { 
    background-color: #fff8de;
    text-align: left;
    padding-left: 2%;
}

footer h1{ 
    text-decoration: underline;
    color: darkgreen;
    font-family: "Fredoka", sans-serif;
}
footer .flex-70 h1{
	font-size:36px;
}

footer .flex-30 { 
    background-color: #fff8de;
    text-align: left;
    display: flex;
    flex-direction: column;
    margin: 0;
}

footer .flex-30 li{ 
    align-items: center;
}

footer .flex-30 img { 
    min-height: 20px; 
    min-width:20px; 
    max-width: 30px;
    max-height: 30px;
    border-radius: 10%;
}

address { 
    background-color: white;
    font-style: normal;
    color: #000;
}

@media screen and (max-width : 768px) {
    footer .flex-70{ 
        width: 60%;
    }

    footer .flex-70 li div p{ 
        font-size: 14px;
    }
}

@media screen and (max-width : 480px) {
    footer .flex-70{ 
        width: 100%;
        font-size: 14px;
    }
    footer .flex-70 { 
        box-sizing:border-box;
    }
	footer .flex-70 h1{
		font-size:18px;
	}
    footer .flex-70 ul{ 
        margin-right: 5%;
    }

    footer .flex-30{ 
        width: 100%;
        align-content: center;
    }
    footer .flex-30 li{ 
        margin-left: 10px;
        margin-right: auto;
    }

    footer .flex-30 h1{ 
        font-size: 28px;
        margin-left: 2.5%;
    }

    footer .flex-con {
        flex-direction: column;
        margin-bottom: 2.5%;
    }
	address { 
		font-size:11px;
		padding:10px 0;
	}
}