@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

body {
/* ★★★ 背景白は解除background-color:#ffffff;★★★ */
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
.clear{clear:both;}
img{line-height:0; }
a {outline:none;}
a img {outline:none;}
a:visited{outline:none;}
.clearfix::after {content: "";display: block;clear: both;}

 /*  *{outline: solid 1px red;}   */

@media screen and (min-width: 0px) {
/* 共通用のスタイル記述 */
body {
/* ★★★　背景白は解除background-color:#ffffff;★★★ */
    /* color:#000; */
    color:#2E1F18;
    font-size:16px;
    line-height:2em;
    /* background-color: #e1e1e1; */
    /* background-color: #F0D343; */
    background-color: #FFF6D9;
    border: #F0D343 solid 20px;
}
.br-sp{display:none;}
.br-pc{display:block;}
.pc{display: inline-block;}
.sp{display: none;}

hr{
    margin: 20px 0;
    display: inline-block;
    width: 120px;
}


/* ★★★★★★★★★★ ページ用テンプレート ★★★★★★★★★★ */
#wrapper {
    width: calc(100% - 100px);
    max-width: 900px;
    margin:0 auto 0;
	padding:0px 0px ;
}

a{
    color: #555 !important;
    text-decoration: underline !important;
}
a:hover{
    color: #000 !important;
    text-decoration: underline !important;
}



/* ★★★★★★★★★★ コンテンツ ★★★★★★★★★★ */
.contents_title{
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.contents_title h1{
    display: inline-block;
    width: auto;
    margin: 4em 0 2em;
    padding: 0;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.25em;
}

/* ★★★★★★★★★★ ABOUT ★★★★★★★★★★ */
.about_1_columns{
    margin: 0 0 4em;
}
h2.about_title{
    display: block;
    width: auto;
    margin: 2em 0 1em;
    padding: 0;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
}
.about_list li{
    width: calc(100% - 1em);
    margin: 0 0 1em 0;
    padding: 0 0 0 1em;
    position: relative;
    line-height: 1.75em;
}
.about_list li::before{
    position: absolute;
    left:0;
    content: "・";
}



}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
ここから下、タブレット用
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media (max-width: 1180px) and (min-width: 768px) {
}
/* ★★★★★★★★★★　部分的にiPad対応する用　★★★★★★★★★★ */
@media (max-width: 960px) and (min-width: 768px) {
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
ここから下、スマホ用
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {
/* スマホ用記述 */
body {
/* ★★★ 背景白は解除background-color:#ffffff;★★★ */
    color:#2E1F18;
    font-size:15px;
    line-height:2em;
    border: #F0D343 solid 12px;
}
.br-sp{display:block;}
.br-pc{display:none;}
.pc{display: none;}
.sp{display: inline-block;}


/* ★★★★★★★★★★ ページ用テンプレート ★★★★★★★★★★ */
#wrapper {
    width: 90%;
    max-width: 900px;
}



/* ★★★★★★★★★★ コンテンツ ★★★★★★★★★★ */
.contents_title{
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.contents_title h1{
    margin: 4em 0 2em;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.25em;
}

/* ★★★★★★★★★★ ABOUT ★★★★★★★★★★ */
.about_1_columns{
    margin: 0 0 3em;
}
h2.about_title{
    display: inline-block;
    width: auto;
    margin: 2em 0 1em;
    padding: 0;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size: 22px;
    line-height: 1.25em;
}
.about_list li{
    width: calc(100% - 1em);
    margin: 0 0 1em 0;
    padding: 0 0 0 1em;
    position: relative;
    line-height: 1.75em;
}
.about_list li::before{
    position: absolute;
    left:0;
    content: "・";
}













}