@charset "UTF-8"; /**/
/* BASE */
.pB1{padding-bottom: 1%;}
.pB3{padding-bottom: 3%;}
.pB5{padding-bottom: 5%;}
.pB7{padding-bottom: 7%;}
h1, h2, h3, h4, h5, h6, .title, .global_title {
    font-family: /*"icomoon", */ "Yu Gothic", YuGothic, "メイリオ", Meiryo, Arial, sans-serif;
}
#teiki a:link {
    color: #333;
    text-decoration: underline;
}
#teiki header nav ul a:link{
    text-decoration: none !important;
}
#teiki a:visited {
    color: #333;
    text-decoration: none;
}
main .attention, header .attention {
    text-align: right;
    margin: 3%;
    opacity: 0.7;
    font-size: 0.88em;
}
/* Top Page */
#teiki {
    text-align: center;
    background-color: #FFFFFF;
    font-family: 'Noto Sans JP', sans-serif;
    max-width: 1220px;
    margin: 0 auto;
}
#teiki header{
    background-image: url("../images/header_bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 5%;
}
#teiki header p{
    margin-bottom: 0em;
}
#teiki header p span[class^="h1__"]{
    display: inline-block;
    background-color: #fff;
    font-size: 2em;
    border-radius: 22px;
    padding: 0.5% 5% 1.0%;
    margin: 0% 1% 1%;
}
#teiki header p span.h1__gv{color: #4aa2d9;}
#teiki header p span.h1__co{color: #7399ce;}
#teiki header p span.h1__re{color: #9683b8;}
#teiki section{
   margin-bottom: 15%;
}
#teiki h1 {
    font-size: 2.5em;
    font-weight: 500;
    color: #FFF;
    margin-bottom: 5%;
}
#teiki h2.h2__subcopy {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2;
}
#teiki h2.h2__subcopy span {
    font-size: 3em;
    font-feature-settings:"palt";
    font-weight: 500;
    margin-left: 0;
    vertical-align: baseline !important;
    background: linear-gradient(0deg, rgb(0, 134, 205) 0.15%, rgb(0, 143, 213) 15.1%, rgb(141, 82, 157) 65.06%, rgb(224, 95, 56) 100%);
    background: -webkit-linear-gradient(0deg, rgb(0, 134, 205) 0.15%, rgb(0, 143, 213) 15.1%, rgb(141, 82, 157) 65.06%, rgb(224, 95, 56) 100%);
display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-family: "Roboto Condensed", Arial, sans-serif;
}
#teiki h2.h2__subcopy span sup{
background: -webkit-linear-gradient(0deg, rgb(141, 82, 157) 65.06%, rgb(224, 95, 56) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 0.25em;
    vertical-align: super;
}
#teiki img.header__logo {width: 40%;}
#teiki img.header__item {
    mix-blend-mode: multiply;
    margin-top: -7%;
}
#teiki main.attention{text-align: right; margin:3%; margin-left: 20%; margin-right: 0; font-size: 1.0em;}

#teiki div.about{text-align: left; margin: 12% 0;}
#teiki header h2.header__about{
    font-family: "Hina Mincho", sans-serif;
    font-size: 3em;
    font-weight: 100;
    color: #004bac;
    margin-bottom: 3%;
}
#teiki header .about > p:first-of-type{
    font-size: 1.7em;
    font-weight: 400;
    width: 90%;
    font-feature-settings: "palt";
    letter-spacing: 0.09em;
}
#teiki header .about ul{
    border: 1px solid #00569b;
    border-radius: 55px;
    padding: 6% 15%;
    margin: 5% 0 3%;
    line-height: 2;
    font-weight: 100;
}
#teiki header .about ul li{
    color: #00569b;
    font-size: 1.6em;
    list-style: disc;
    letter-spacing: 0.12em;
    font-feature-settings: "palt";
}
::marker {font-size: 0.7em;}

#teiki header nav p, #teiki div.footer h2{
    font-size: 2em;
    margin-bottom: 3%;
}
#teiki header nav ul{
    display: flex;
    justify-content: center;
    gap: 15px; 
}
#teiki header nav ul a {
    width: 27%;
    text-decoration: none;
}
#teiki header nav ul a li{
    position: relative;
    background: linear-gradient(135deg, #6faae0, #00569b);
    border: 0;
    color: #FFF;
    font-size: 1.7em;
    padding: 4% 10%;
    border-radius: 35px;
}
#teiki header nav ul a li svg{
    position: absolute;
    top: 15%;
    right: 10%;
    transform: translate(0%, 50%);
}



#teiki main{
    text-align: left;
    padding: 5%;
    background-image: url("../images/bg-colored.png");
    background-repeat: no-repeat;
    background-size: 110% 105%;
}
#teiki main section h2{
    font-family: "Hina Mincho", sans-serif;
    font-size: 5em;
    font-weight: 100;
    padding: 0 3% 3%;
}
#teiki main section h2 span {
    font-family: "icomoon", /*'Noto Sans',*/ "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
    font-size: 0.35em;
    vertical-align: baseline;
    font-weight: 100;
    color: #848484;
    padding: 0 3% 3%;
    margin-left: 0;
}
#teiki main section article > p {
    font-size: 1.5em;
    font-weight: 400;
    width: 100%;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.09em;
}
#teiki article {
    border-radius: 60px;
    padding: 8%;
    margin-top: 10%;
    background: #fff;
    box-shadow: 0px 5px 21px rgba(0, 89, 171, 0.06);
}
#teiki section article:first-of-type {
    margin-top: 0%;
}
#teiki article h3 {
    font-family: "Hina Mincho", sans-serif;
    font-size: 3em;
    font-weight: 100;
    color: #004bac;
    line-height: 1.3;
    padding-bottom: 5%;
    margin-bottom: 5%;
    letter-spacing: 0.13em;
    border-bottom: 1px solid #ccc;
}
#teiki article h3 span {
    font-family: "Aboreto";
    margin-left: 0em;
    display: block;
    font-size: 1em;
}
#teiki article div.sale{
    margin-top: 12%;
}
#teiki article div h4 {
    font-size: 2.7em;
    font-weight: 500;
}
#teiki article div.article__inner.gv01 div.article_inner__item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap:15px;
}
#teiki article div.article__inner.gv02 div.article_inner__item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
}
#teiki article div.article__inner{
    background-color:#f1f4f8;
    padding: 6% 7% 4%;
    margin-top: 3%;
    border-radius: 45px;
}
#teiki article div.article__inner h5{
    color: #004bac;
    font-weight: normal;
    font-size: 1.7em;
    margin-bottom: 4%;
}
#teiki article div.article__inner h5::before{
    content: '・';
    font-weight: bold;
}
#teiki article div.article__inner h5 span{
    display: block;
    font-size: 0.75em;
}
#teiki article div.article__inner a.find{
    display: block;
    text-align: right;
    font-size: 1.4em;
    margin-top: 5%;
    text-decoration: none;
}
#teiki article div.article__inner .article__flex{
    display: flex;
    justify-content: space-between;
}
#teiki article div.article__inner div.article__flex a.find {
    display: inline-block;
    text-align: right;
    font-size: 1.4em;
    margin-top: 0%;
    text-decoration: none;
}
#teiki .btn-icon{
    position: relative;
    background: linear-gradient(135deg, #6faae0, #00569b);
    border: 0;
    display: inline-block;
    margin-left: 5px;
    width: 40px;
    height: 25px;
    border-radius: 20px;
    vertical-align: text-bottom;
}
#teiki .btn-icon svg{
    position: absolute;
    top: 7px;
    right: 15px;
}
#teiki article div.article__inner.gv01 div.article_inner__item .item01, #teiki article div.article__inner.gv01 div.article_inner__item .item02, #teiki article div.article__inner.gv01 div.article_inner__item .item03, #teiki article div.article__inner.gv01 div.article_inner__item .item04 {
    height: 100px;
    min-width: 0;
}
#teiki article div.article__inner.gv01 div.article_inner__item .item05{
    height: 85px;
    min-width: 0;
}
#teiki article div.article__inner.gv01 div.article_inner__item .item06{
    height: 110px;
    margin-bottom: -25px;
    min-width: 0;
}
#teiki article div.article__inner.gv02 div.article_inner__item .item07, #teiki article div.article__inner.gv02 div.article_inner__item .item08{
    height: 150px;
    min-width: 0;
}
#teiki article div.article__inner.gv02 div.article_inner__item .item09{
    height: 145px;
    min-width: 0;
}
#teiki article div.article__inner.gv02 div.article_inner__item .item10{
    height: 50px;
    min-width: 0;
}
#teiki article div.article__inner.gv02 div.article_inner__item .item11{
    height: 160px;
    min-width: 0;
}
#teiki article div.article__inner.gv02 div.article_inner__item .item12{
    height: 100px;
    min-width: 0;
}
#teiki article div.article__inner.gv02 div.article_inner__item .item13{
    height: 155px;
    min-width: 0;
}
#teiki article div h4 span {
    background: linear-gradient(0deg, rgb(0, 143, 213) 3.1%, rgb(141, 82, 157) 42.06%, rgb(224, 95, 56) 100%);
background:-webkit-linear-gradient(0deg, rgb(0, 143, 213) 3.1%, rgb(141, 82, 157) 42.06%, rgb(224, 95, 56) 100%);
display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 2em;
    font-weight: 500;
    line-height: 1.1;
}
#teiki h6{font-size: 1.5em;padding: 7% 0% 1%;}
#teiki .article__inner ul{padding-bottom: 5%;}
#teiki .article__inner ul li{line-height: 1.7;}
/*FAQ*/
.txt03 {
    font-size: 120%;
    font-weight: bold;
    margin: 3% auto 1% auto;
    text-align: left;
}
.faq {
    border: #D8D8D8 1px solid;
    padding: 0 5% 3% 5%;
    margin-bottom: 10%;
    text-align: left;
    font-size: 1.1em;
}

.faq dl{
border-bottom: 1px dotted #B0B0B0;
padding: 2% 0 0 0;
}

.faq dt {
padding: 0 0 0 5%;
border-radius: 5px;
text-indent: -25px;
font-weight: bold;
}
.faq dt:before {
content: "Q.";
font-weight: bold;
margin-right: 7px;
}
.faq dd {
margin: 2% 0 2% 5%;
text-indent: -25px;
}
.faq dd:before {
content: "A.";
color: #1771c6;
font-weight: bold;
margin-right: 7px;
}
.faq ul.attention{margin-top: 2%;}
.navi_link a:after {
    margin-left: 1.0em;
}
.list_normal{
    text-align: left;
}
/*================
�ȉ��X�}�z�p
==================*/
@media screen and (max-width:768px){
.pB3{padding-bottom: 5%;}
.pB7{padding-bottom: 5%;}
.w60{width: 60%;}
.w85{width: 85%;}
.w90{width: 90%;}
p.attention{font-size: 0.65em !important; text-align: right;}
    
#teiki header p span[class^="h1__"]{font-size: 1em;border-radius: 11px;}
#teiki h1{font-size: 1.5em;}
#teiki header {background-size: contain;}
#teiki h2.h2__subcopy {font-size: 1.2em;}
#teiki header h2.header__about {font-size: 2em;width: 92%;}
#teiki div.about {margin: 15% 0;}
#teiki header .about > p:first-of-type {font-size: 1.0em;}
#teiki header .about ul {padding: 6% 3% 7% 11%; border-radius: 45px;}
#teiki header .about ul li {font-size: 1.0em;}
#teiki header nav p, #teiki div.footer h2 {font-size: 1.2em;}
#teiki header nav ul {gap: 7px;}
#teiki header nav ul a {width: 33%;}
#teiki header nav ul a li {font-size: 1.2em;}
#teiki main section h2 {font-size: 3em;}
#teiki article {border-radius: 50px;padding: 8% 5%;}
#teiki article h3{font-size: 1.5em;padding: 3% 3% 5%;}
#teiki main section article > p{font-size: 1.0em;padding: 0 3%;}
#teiki article div h4{font-size: 1.7em;padding: 3% 3% 0;}
#teiki article div.article__inner h5{margin-bottom: 0;margin-right: 8%;font-size: 1.1em;}
#teiki article div.article__inner.gv01 div.article_inner__item .item04{display: none;}
#teiki article div.article__inner.gv01 div.article_inner__item .item06{margin-bottom: -18px;}
#teiki article div.article__inner.gv01 div.article_inner__item{    gap: 3px;}
#teiki article div.article__inner a.find{font-size: 0.9em;    margin-bottom: 7%;margin-top: 0%;}
#teiki .btn-icon{width: 30px;height: 18px;}
#teiki .btn-icon svg {top: 4px;right: 10px;}
#teiki article div.article__inner.gv02 div.article_inner__item{    padding-top: 5%;}
#teiki article div.article__inner.gv02 div.article_inner__item .item07, #teiki article div.article__inner.gv02 div.article_inner__item .item08{height: 100px;}
#teiki article div.article__inner.gv02 div.article_inner__item .item09{height: 95px;}
#teiki article div.article__inner.gv02 div.article_inner__item .item10{height: 35px;}
#teiki article div.article__inner.gv02 div.article_inner__item .item11{height: 105px;}
#teiki article div.article__inner.gv02 div.article_inner__item .item12{height: 75px;}
#teiki article div.article__inner.gv02 div.article_inner__item .item13{height: 100px;}
#teiki article div.article__inner{padding: 8% 7%; margin-top: 7%;}
#teiki h6 {font-size: 1.0em;padding: 10% 0% 1%;}
#teiki .article__inner ul li{font-size: 0.8em;}
#teiki article div.article__inner .article__flex{flex-wrap: wrap;}
#teiki article div.article__inner div.article__flex a.find{display: inline-block;text-align: right;margin-left: auto;font-size: 0.85em;margin-top: 0%;padding-left: 10%;}
.footer {font-size: 0.8em;margin: 3%;}
.faq{border:none;}
#teiki header nav ul a li svg{top: 8%;}
}