@charset "UTF-8";
html {
    display: block;
}
body {
/*    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif","A-OTF はるひ学園 Std", "A-OTF UD新ゴ Pro";*/
    color: #000000;
    font-weight: 500;
    font-feature-settings: 'palt';
    font-size: 1.6rem;
    top-margin: 0;
    bottom-margin: 0;
    left-margin: 0;
    right-margin: 0;
}
/*
iframe {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    cellpadding: 0 !important;
    cellspacing: 0 !important;
}
*/
/*
a {
    color: #FFFFFF;
}
*/
a img:hover {
    opacity: 0.5;
}
.sp-only {
    display: none;
}


.inner {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
}
h1,h2{
    text-align: center;
    
}


section {
    background: url("images/bg.png") no-repeat center top/cover;
    padding: 5rem 0 3rem;
}
#topmain {
    background: url("images/topp-main.jpg") no-repeat center top/cover;
    height: 360px;
    position: relative;
}
#topmain h1 {
    margin: 1rem auto;
    text-align: center;
}
#nav {
    background: url("images/bg.png") no-repeat center top/cover;
    padding: 1rem 0;
}
#nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 86rem;
    margin: 5rem auto;
}
#nav ul li {
    width: calc(100% /3);
    text-align: center;
}
#kodawari-01 h1 {
    background-color: rgba(199,178,153,0.68);
    padding: 1rem 0 0;
}
#kodawari-01 h2 {
    color: white;
    font-size: 3rem;
    font-family: "A-OTF フォーク Pro";
    background-color: rgba(166,124,82,0.80);
    padding: 1rem 0 2rem;/*    margin-bottom: 2rem;*/
}
#kodawari-01 ul {
    background-color: rgba(191,191,191,0.50);
    padding: 3rem 4rem;
}
#kodawari-01 ul.siire {
    display: flex;
    margin: 0 auto;
    /* width: 106rem; */
}
#kodawari-01 ul.siire li {
    background: #FFFFFF;
    padding: 3rem 4.2rem;
    text-align: left;
    width: 110rem;
}
#kodawari-01 ul.siire li.txt {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#kodawari-01 ul.siire li.pic {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
#kodawari-01 ul.siire li.txt img {
    text-align: center !important;
    margin: 2rem 0 3rem 5rem;
}
#kodawari-01 ul.siire li span {
    margin: 1rem auto;
    font-size: 2rem;
    line-height: 2.3;
    border-bottom: 0.2rem #e4dcc3 dashed;
    padding: 1rem 0 1rem;
    font-family: "A-OTF はるひ学園 Std";
}
#kodawari-02 h1 {
    background-color: rgba(102,203,196,0.68);
    padding: 1rem 0 0;
}
#kodawari-02 h2 {
    color: white;
    font-size: 3rem;
    font-family: "A-OTF フォーク Pro";
    background-color: rgba(0,169,157,0.80);
    padding: 1rem 0 2rem;/*    margin-bottom: 2rem;*/
}
#kodawari-02 ul {
    background-color: rgba(191,191,191,0.50);
    padding: 3rem 4rem;
}
#kodawari-02 ul.alc {
    margin: 0 auto;
    /* width: 106rem; */
}
#kodawari-02 ul.alc li {
    background: #FFFFFF;
    padding: 3rem 4.2rem;
    text-align: left;
}
#kodawari-02 ul.alc li.txt {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}
#kodawari-02 ul.alc li.pic {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#kodawari-02 ul.alc li img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#kodawari-02 ul.alc li.txt img {
    margin: 0 auto;
    text-align: center !important;
    padding: 1rem 0 0;
}
#kodawari-02 ul.alc li.txt {
    text-align: left;
    padding: 2rem 14rem;
}
#kodawari-02 ul.alc li.txt span.sub-txt {
    margin: 0 auto;
    font-size: 2rem;
    line-height: 2.3;
    border-bottom: 0.2rem #e4dcc3 dashed;
    padding: 1rem 0 1rem;
     font-family: "A-OTF はるひ学園 Std"
}
#kodawari-02 ul.alc-1 {
    display: flex;
    margin: 0 auto;
    width: 100rem;
    background: none;
    font-size: 2rem;
    line-height: 2.3;
    letter-spacing: 0.5rem;
    padding: 0;
    padding-top: 1rem;
}
#kodawari-02 ul.alc-1 li {
    padding: 0;
}
#kodawari-02 ul.alc-1 li p {
    text-align: center;
    line-height: 1.8;
}
#kodawari-02 ul.alc-1 li p span {
    margin-top: 1rem;
    text-align: left !important;
    padding: 1rem 2rem;
    width: 5rem;
}
#kodawari-02 ul.alc-2 {
    display: flex;
    margin: 0 auto;
    /* width: 86rem; */
    background: none;
    font-size: 2rem;
    line-height: 2.3;
    letter-spacing: 0.5rem;
    padding: 0;
    padding-top: 1rem;
}
#kodawari-02 ul.arrow li {
    position: relative;
}
#kodawari-02 ul.arrow li:after {
    content: "";
    background: url("images/arrow.png")no-repeat;
    width: 8rem;
    height: 5rem;
    position: absolute;
    top: 7rem;
    left: -1rem;
}
 #kodawari-02 ul.arrow li:after:nth-last-of-type(1) {
 content: "";
 background: none;
}
#kodawari-02 ul.arrow:after {
    content: "";
    background: none;
}
#kodawari-02 ul.alc-2 li {
    padding: 0;
    margin-right:2rem;
    margin-left: 5rem;
}
#kodawari-02 ul.alc-2 li span.alc-txt {
    line-height: 2;
    border-bottom: 0.2rem #e4dcc3 dashed;
    font-family: "A-OTF はるひ学園 Std";
}
#kodawari-02 ul.alc-2 li:nth-child(1){
    margin-right:0;
}
/*こだわり3*/
#kodawari-03 h1 {
    background-color: rgba(242,171,100,0.68);
    padding: 1rem 0 0;
}
#kodawari-03 h2 {
    color: white;
    font-size: 3rem;
    font-family: "A-OTF フォーク Pro";
    background-color: rgba(247,147,30,0.90);
    padding: 1rem 0 2rem;/*    margin-bottom: 2rem;*/
}
#kodawari-03 ul {
    background-color: rgba(191,191,191,0.50);
    padding: 3rem 4rem;
}
#kodawari-03 ul.director {
    margin: 0 auto;
    /* width: 106rem; */
}
#kodawari-03 ul.director li {
    background: #FFFFFF;
    padding: 3rem 4.2rem;
    text-align: left;
   
}
#kodawari-03 ul.director li.txt span {
    font-size: 2rem;
    line-height: 2;
    border-bottom: 0.2rem #e4dcc3 dashed;
    font-family: "A-OTF はるひ学園 Std";
}
#kodawari-03 ul.director li.pic {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#kodawari-03 ul.director li img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#kodawari-03 ul.director li.txt img {
    margin: 0 auto 2rem;
    text-align: center !important;
    padding: 1rem 0 0;
}
#kodawari-03 ul.director li.txt {
    text-align: left;
    padding: 2rem 9rem;
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;
}
#kodawari-03 ul.director li.txt span.sub-txt {
    margin: 0 auto;
    font-size: 2rem;
    line-height: 2.3;
    border-bottom: 0.2rem #e4dcc3 dashed;
    padding: 1rem 0 1rem;
}
#kodawari-04 h1 {
    background-color: rgba(127,205,238,0.68);
    padding: 1rem 0 0;
}
#kodawari-04 h2 {
    color: white;
    font-size: 3rem;
    font-family: "A-OTF フォーク Pro";
    background-color: rgba(41,171,226,0.80);
    padding: 1rem 0 2rem;/*    margin-bottom: 2rem;*/
}
#kodawari-04 ul {
    background-color: rgba(191,191,191,0.50);
    padding: 3rem 4rem;
}
#kodawari-04 ul.siire {
    display: flex;
    margin: 0 auto;
    /* width: 106rem; */
}
#kodawari-04 ul.siire li {
    background: #FFFFFF;
    padding: 3rem 4.2rem;
    text-align: left;
    width: 110rem;
}
#kodawari-04 ul.siire li.txt {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#kodawari-04 ul.siire li.pic {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding-left: 0;
    padding-top: 6rem;
}
#kodawari-04 ul.siire li.txt img {
    text-align: center !important;
    margin: 2rem 0 3rem 5rem;
}
#kodawari-04 ul.siire li span {
    margin: 1rem auto;
    font-size: 2rem;
    line-height: 2.3;
    border-bottom: 0.2rem #e4dcc3 dashed;
    padding: 1rem 0 1rem;
    font-family: "A-OTF はるひ学園 Std";
}
#kodawari-04 ul.director {
    margin: 0 auto;
    /* width: 106rem; */
}
#kodawari-04 ul.director li {
    background: #FFFFFF;
    padding: 3rem 4.2rem;
    text-align: left;
}
#kodawari-04 ul.director li.txt span {
    font-size: 2rem;
    line-height: 2;
    border-bottom: 0.2rem #e4dcc3 dashed;
    font-family: "A-OTF はるひ学園 Std";
}
#kodawari-04 ul.director li.pic {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#kodawari-04 ul.director li img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#kodawari-04 ul.director li.txt img {
    margin: 0 auto 2rem;
    text-align: center !important;
    padding: 1rem 0 0;
}
#kodawari-04 ul.director li.txt {
    text-align: left;
    padding: 2rem 14rem;
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;
}
#kodawari-04 ul.director li.txt span.sub-txt {
    margin: 0 auto;
    font-size: 2rem;
    line-height: 2.3;
    border-bottom: 0.2rem #e4dcc3 dashed;
    padding: 1rem 0 1rem;
}
/*こだわり5*/

#kodawari-05 h1 {
    background-color: rgba(133,203,166,0.68);
    padding: 1rem 0 0;
}
#kodawari-05 h2 {
    color: white;
    font-size: 3rem;
    font-family: "A-OTF フォーク Pro";
    background-color: rgba(51,168,106,0.80);
    padding: 1rem 0 2rem;/*    margin-bottom: 2rem;*/
}
#kodawari-05 ul {
    background-color: rgba(191,191,191,0.50);
    padding: 3rem 4rem;
}
#kodawari-05 ul.siire {
    display: flex;
    margin: 0 auto;

  }
#kodawari-05 ul.siire li {
    background: #FFFFFF;
    padding: 3rem 4.2rem;
    text-align: left;
    width: 110rem;
}
#kodawari-05 ul.siire li.txt {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#kodawari-05 ul.siire li.pic {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding-left: 0;
    padding-top: 6rem;
}
#kodawari-05 ul.siire li.txt img {
    text-align: center !important;
    margin: 2rem 0 3rem 5rem;
}
#kodawari-05 ul.siire li span {
    margin: 1rem auto;
    font-size: 2rem;
    line-height: 2.3;
    border-bottom: 0.2rem #e4dcc3 dashed;
    padding: 1rem 0 1rem;
     font-family: "A-OTF はるひ学園 Std";
}
/*こだわり6*/

#kodawari-06 h1 {
    background-color: rgba(153,198,228,0.68);
    padding: 1rem 0 0;
}
#kodawari-06 h2 {
    color: white;
    font-size: 3rem;
    font-family: "A-OTF フォーク Pro";
    background-color: rgba(0,113,188,0.80);
    padding: 1rem 0 2rem;/*  margin-bottom: 2rem;*/
}
#kodawari-06 ul {
    background-color: rgba(191,191,191,0.50);
    padding: 3rem 4rem;
}
#kodawari-06 ul.director {
    margin: 0 auto;
    /* width: 106rem; */
}
#kodawari-06 ul.director li {
    background: #FFFFFF;
    padding: 3rem 4.2rem;
    text-align: left;
}
#kodawari-06 ul.director li.txt span {
    font-size: 2rem;
    line-height: 2;
    border-bottom: 0.2rem #e4dcc3 dashed;
    font-family: "A-OTF はるひ学園 Std";
}
#kodawari-06 ul.director li.pic {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#kodawari-06 ul.director li img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#kodawari-06 ul.director li.txt img {
    margin: 0 auto 2rem;
    text-align: center !important;
    padding: 1rem 0 0;
}
#kodawari-06 ul.director li.txt {
    text-align: left;
    padding: 2rem 19rem;
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;
}
#kodawari-06 ul.director li.line {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    padding-top: 8rem;
}
#kodawari-06 ul.director li.txt span.sub-txt {
    margin: 0 auto;
    font-size: 2rem;
    line-height: 2.3;
    border-bottom: 0.2rem #e4dcc3 dashed;
    padding: 1rem 0 1rem;
}
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}
#page-top ul{
    display: flex;
}
#page-top ul li{
    margin-left: 5px;
}
#page-top ul li img{
    max-height: 42px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------Break Point----------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
                    @media screen and (max-width: 767px) {
                    .pc-only {
                        display: none !important;
                    }
                    .sp-only {
                        display: block !important;
                    }
                    img {
                        max-width: 100%;
                        height: auto;
                    }
                    p {
                        font-size: 1.3rem;
                        line-height: 1.3;
                        text-align: justify;
                    }
                   section {
                        background: url(images/bg.png) no-repeat center top/cover;
                        padding: 0;
                    }
                    .inner {
                        max-width: 100%;
                        margin: 0 auto;
                        padding: 0 1rem !important;
                    }
                   #topmain{
                        background: none;
                        height: auto;
                        padding: 0;
                        background-position-x: 88%;
                        position: relative;
                    }
                        #nav{
                           padding: 4rem 0 1rem; 
                        }
                    #nav ul {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        width: 100%;
                        margin: 1rem auto 0;
                        
                    }

                    #kodawari-01 h2 {
                        color: white;
                        font-size: 1.1rem;
                        font-family: "A-OTF フォーク Pro";
                        background-color: rgba(166,124,82,0.80);
                        padding: 1rem 0;
                        /* margin-bottom: 2rem; */
                        line-height: 1.8;
                    }
                     #kodawari-02 h2 {
                        color: white;
                        padding: 1rem 0;font-size: 1.1rem;
                       font-family: "A-OTF フォーク Pro";
                    }   
                    #kodawari-03 h2 {
                        color: white;
                        font-size: 1.1rem;
                        padding: 1rem 0;
                        font-family: "A-OTF フォーク Pro";
                    }
                    #kodawari-04 h2 {
                        color: white;
                        font-size: 1.1rem;
                       padding: 1rem 0;
                        font-family: "A-OTF フォーク Pro";
                    }

                    #kodawari-05 h2 {
                        color: white;
                        font-size: 1.1rem;
                        padding: 1rem 0;
                        font-family: "A-OTF フォーク Pro";

                    }
                    #kodawari-06 h2 {
                        color: white;
                        font-size: 1.1rem;
                        padding: 1rem 0;
                        font-family: "A-OTF フォーク Pro";

                    }
}