@charset "UTF-8";






/*==========================================

  共通設定

==========================================*/



body {
  font-size: 16px;
  font-feature-settings: "palt";  /* 文字詰め */
  color: #3B3B3B;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  background-color:#FAF9F5;
}

/* PCの時にスマホ用の改行を無効にする */
@media screen and (min-width:769px){
  .br-sp {
    display: none;
  }
}

html { 
  scroll-behavior: smooth;
}

a:hover {
  text-decoration: none;
}

.mbr-white {
  color: #FFF;
}

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






/*==========================================

  ヘッダー

==========================================*/



header {
  background-color: #efefef;
  height: 70px;
  position: relative;
}

header .pc-navi {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top:15px;
}

header .logo img {
  height: 35px;
}

header .pc-navi ul {
  display: flex;

}

header .pc-navi ul li {
  padding: 0 25px;
  
}

header .form_link{
  background-color:#B2A235;
  color:#fff;
  font-size:20px;
  padding:10px 50px;
  border-radius: 50px;
  font-weight:600;
}



/*==========================================

  フッター

==========================================*/

footer {
  background-color: #2C3654;
  color:#fff;
  padding-bottom:100px;
}
footer a{
color:#fff;
}
.display-4 {
    font-family: 'ABeeZee', sans-serif;
    font-size: 1rem;
    font-display: swap;
}




/*==========================================

  【main 共通項目】

==========================================*/
a {
  transition: 0.3s;
}
a:hover {
  opacity: 0.7;
}

.section-02,
.section-03,
.section-04,
.section-05 {
  display: flex;
  flex-direction: column;
  align-items: center;
}


main{
  max-width:1180px;
  margin:0 auto;
}
main img{
  max-width:100%;
}


/*==========================================

  【section-01】

==========================================*/
.section-01 h1{
 font-size:33px;font-weight: 600;
 max-width:1100px;
 margin:50px auto;
}
.section-01 h1 img{
  display:block;
  margin:15px auto;
  max-width:713px;
}








/*==========================================

  【section-02】

==========================================*/
.section-02 {
  border-bottom:5px solid #B2A235;
}

.section-02 h2{
  color:#B2A235;
  font-size:30px;
  text-align:center;
  line-height:1.7;
  font-weight:600;
  margin:2em 0;
}
.flex01{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom:2em;
  max-width:960px;
  margin:0 auto;
}
.flex01 p{
  width:66%;
  font-size:22px;
  font-weight:600;
  color:#001A4A;
  line-height:2;
}
.flex01 figure{
  width:33%;
}
/*==========================================

  【section-03】

==========================================*/
.section-03 h2{
 font-size:37px;
 color:#575757;
 line-height:1.3;
 font-weight:600;
 padding:2em 0 1em;
 text-align:center;
}
.section-03 h3{
 font-size:32px;
 line-height:1.7;
 color:#3B3B3B;
 font-weight:600;
 letter-spacing: 0.04em;
}
.flex02{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.flex02 li{
  width:48%;
  text-align:center;
  margin-bottom:40px;
}
.flex02 figure{
height:250px;
display:flex;
align-items: center;
justify-content: center;
}
.flex02 figure img{
  max-width:100%;
  max-height:100%;
}
.flex02 p{
  font-size:22px;
  line-height: 1.3;
  color:#001A4A;
  font-weight: 600;
  letter-spacing: 0.05em;
}






/*==========================================

  【section-04】

==========================================*/
.section-04 .merit{
  background-image:url(../img/img03_2.png);
  background-size:cover;
  background-position: center top;
  border:4px solid #B2A235;
  border-radius:20px;
  text-align:center;
  
}
.section-04 h2{
  font-size:37px;
  line-height:1.5;
  text-align:center;
  padding-top:2em;
  font-weight:600;
}

.section-04 h3{
  font-size:42px;
  line-height:1.5;
  text-align:center;
  width:90%;
  padding:2em 0;
  font-weight:600;
}
.section-04 h3 span{
  margin:20px 0;
  display:block;
background-color: #FBC34E;
  color:#fff;
}
.section-04 h4{
  font-size:45px;
  font-weight:600;
  padding:0.5em 0 1.5em;
}
.section-04  ul{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width:92%;
  margin:30px auto;
}
.section-04  ul li{
  width:48%;
  background-color:#B2A235;
  color:#fff;
  border-radius: 30px;
  margin-bottom:50px;
  padding:10px 40px;
  position: relative;
}
.section-04  ul li h5{
font-size:38px;
line-height:1.5;
letter-spacing: 0.04em;
padding:8px 0;
border-bottom:4px solid #fff;
}
.section-04  ul li .merit_txt{
  height:7em;
  display:flex;
  justify-content: center;
  align-items: center;
  font-size:22px;
  line-height: 1.4;
}
.section-04  ul li .note{
  position: absolute;
  bottom:-1.5em;
  left:0;
  width:100%;
  text-align:center;
  color:#B2A235;
  font-size:18px;
  font-weight:600;
  text-shadow:0 0 10px #FFF;
}
.foot_txt{
  padding:30px 0 30px 250px;
  background-image: url(../img/img04-2.png);
  background-repeat: no-repeat;
  background-size:contain;

}
.foot_txt p{
  font-size:40px;
  line-height:1.6;
  font-weight:600;
  display:inline;
  padding: 0 4px 2px 4px;
    background: linear-gradient(#fff 70%, #FBC34E 0%);
    
}






/*==========================================

  【section-05】

==========================================*/

.section-05 {
  margin: 100px 0;
}

.section-05 h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 50px;
}


.section-05 ul {
  margin-bottom: 60px;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

.section-05 ul li {
  width:48%;
  margin-bottom:30px;
  margin-top:10px;
}
.section-06 .link_box h3{
  font-size:35px;
  font-weight:bold;
  text-align:center;
  margin-bottom:30px;
}
.section-06 .link_box{
background-color:#F2F2F2;
border-radius:20px;
padding:30px 40px;
}
.section-06 .link_box ul{
  display:flex;
  justify-content: space-between;
}
.section-06 .link_box ul li{
width:32%;
background-color:#fff;
border-radius:20px;
text-align:center;
padding:20px;
}
.section-06 .link_box ul li h4{
font-size:18px;
padding-bottom:1em;
border-bottom:2px solid #707070;
margin-bottom:1em;
font-weight:600;
}
.section-06 .link_box ul li p{
  padding-top:1.5em;
  font-size:18px;
}

.section-07 ul {
  margin: 100px 0;
  display:flex;
  
  justify-content: space-between;
}
.section-07 ul li img{
  max-width:550px;
  
}

.section-07 ul li.txt{
  background-color:#F2F2F2;
border-radius:20px;
padding:30px 40px;
font-size:20px;
font-weight:600;
text-align:center;
width:50%;
line-height:1.7;
color:#001A4A;
}
.section-07 ul li.txt p{
  text-align:left;
  display:inline-block;
  
}
.section-07 h2{
  color:#B2A235;
  font-size:35px;
  line-height: 1.7;
  text-align: center;
  font-weight:600;
  margin-bottom:100px;
}
.form001{
  height:500px;
  border:1px solid #ccc;
  display:flex;
  justify-content: center;
align-items: center;
}

#foot_form_link{
  background-color: #ccc;
  padding:20px;
  text-align:center;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
}
#foot_form_link a{
  display:inline-block;
  border-radius: 50px;
  background-color:#B4A438;
  color:#fff;
  font-size:20px;
  font-weight:600;
  padding:10px 30px;
}







/*==========================================

  【section-09】

==========================================*/
.section-09 {
  padding: 80px 0;
  background-color: #fff; 
  max-width: 100%;
  margin: 0 auto;
}
.section-09 #satori__creative_container {
 max-width:800px;
 margin:0 auto;
}
.section-09 h2{
  font-size: 35px;
  text-align:center;
  margin-bottom:1.5em;
  font-weight:bold;
  color:#001A4A;
}

footer{
  background-color:#2C3654;
  color:#fff;
}
footer a{
color:#fff;
}
.sp_only{
  display:none;
}

@media screen and (max-width: 600px) {
  .pc_only{
  display:none;
}
.sp_only{
  display:block;
}
header .pc-navi{
  padding:3vw;
}
header .pc-navi ul li{
  padding:0 3vw;
}
  .flex01 p{
    width:100%;
    font-size:4vw;
  }
  .section-01 h1 img{
    max-width:100%;
  }
  .section-02 h2{
    font-size:5.5vw;
  }
  .flex01 figure{
    width:80%;
    margin:4vw auto;
  }
  .flex01{
    display:block;
  }
  header .form_link{
    display:none;
  }
  .section-03 h3 {
    font-size: 6vw;
  }
  .flex02 p{
    font-size:4vw;
  }
  .flex02 ul {
    display:block;
  }
  .flex02 li {
    width: 100%;
  }
  .section-03 h2 {
    font-size: 6vw;

  }
  .section-04 h2 {
    font-size: 5vw;
  }
  .section-04 h3 {
    font-size: 6vw;
  }
  .section-04 h4 {
    font-size: 5vw;
  }
  .section-04 .merit{
    background-size:130vw auto;
    background-repeat: no-repeat;
  }
  .section-04 ul li .merit_txt{
    font-size:3.5vw;
  }
  .section-04 ul li .note{
    font-size:3vw;
  }
  .section-04 ul li h5 {
    font-size: 5vw;
  }
  .section-04 ul {
    display:block;
  }
  .section-04 ul li{
    width:100%;
    padding:3vw 6vw;
  }
  .section-05 ul {
    display:block;
  }
  .section-05 ul li{
    width:100%;
    padding:3vw 6vw;
  }
  .foot_txt {
    padding: 30px 5vw 50vw 5vw;
    background-position:bottom;
    background-size:70% auto;
  }
  .foot_txt p{
    font-size: 6.2vw;
  }
  .section-05 h2{
    font-size: 6vw;

  }
  .section-06 .link_box h3 {
    font-size: 5.2vw;

  }
  .section-06 .link_box ul,.section-07 ul{
    display:block;
  }
  .section-06 .link_box ul li,.section-07 ul li.txt{
    width:100%;
    margin:5vw 0;
  }
  .section-07 h2{
    font-size:4vw;
  }
  .section-07 ul li.txt{
    font-size:4vw;
    padding:4vw;
  }
  .section-07 ul li img{
  max-width:100%;
  
}
img{
  max-width:100%;
}
main{
  width:100%;
  padding:15px;
  box-sizing: border-box;
}
.section-06 .link_box{
  padding:6vw;
}
.section-06 .link_box ul li p{
  font-size:4vw;
  padding-top:3vw;
}
.section-09 h2{
  font-size:6vw;
  
}
}