@charset "utf-8";

body{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color:#221864;
  
  letter-spacing: 1px;
}
h1,h2,h3,h4{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

a{text-decoration: none;transition : all 0.5s;}

.br_sp{display:none;}
.br_pc{display:block;}
.pc_padding{padding-left:5px;}
/* */
.to_home{width:100%;position:fixed;background:rgba(255,255,255,0.5);}
.to_home_inner{width:100%;margin:0 auto;padding:10px;box-sizing: border-box;display:flex;justify-content: flex-end;}
.to_home h1{width:240px;padding-right:40px;}
.to_home h1 img{width:100%;height:auto;}
.to_home p a{
  display:inline-block;
  border-radius: 50%;
  border:1px solid #0c968f;
  width:30px;
  height:30px;
  line-height:27px;
  text-align: center;
  padding-left:1px;
  color:#0c968f;
}

.to_home p a:visited{color:#0c968f;}
.to_home p a:hover{background-color:#0c968f;color:#fff;}

/* */
header{
  padding:60px 0 10px 0;
  background-image: url(image/sch.svg);
  background-repeat: no-repeat;
  background-position:right 5% bottom -10px;
  background-size:300px auto;
}

.head_wrap_flex{
  width:960px;
  margin:0 auto;
  display:flex;
  align-items: center;

}
.head_wrap_flex h1{
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 120%;
  font-weight: 900;
}
.head_wrap_flex h2{
  border-top:1px solid #555;
  border-bottom:1px solid #555;
  display:inline-block;
  padding:5px 0;
  margin-bottom:20px;
}
.head_wrap_flex h1 span{
  color:#0c968f;
}

.head_wrap_man{width:160px;margin-right:60px;}


/* */
.main_title{text-align:center;margin-bottom: -30px;}
.main_title h2{font-size:1.8rem;}
.main_title h1{
  font-size:1.4rem;
  background:#ec7986;
  color:#fff;
  padding:15px 40px;
  box-sizing: border-box;
  border-radius: 50px;
  display:inline-block;
}

/* */
.main_content{
  background-color: #fadfe1;
  text-align: center;
  padding:50px 0;
}
.main_content_inner{
  width:960px;
  margin:0 auto;
}

.main_pict_flex{
  display:flex;
  justify-content: center;
  align-items: center;
  margin-bottom:50px;
  margin-top:60px;
}
.main_pict_flex figure{width:200px;}

.main_pict_flex figure img{width:80%;height: auto;}

.main_pict_flex figure.comm{width:280px;}
.main_pict_flex figure.comm img{width:70%;height: auto;}

.main_pict_flex figcaption{font-size:1.2rem;font-weight: 700;}
.main_pict_flex figcaption span{color:#ec7986;display:block;}
.main_pict_flex p{width:100px;}
.main_content h3{
  display:inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  border-bottom:2px solid #fff;
  margin-bottom: 20px;
}

.main_pict_bottom figure{
  position:relative;
}
.main_pict_bottom figure::before,
.main_pict_bottom figure::after{
  position:absolute;
  top:-60px;
  color:#0c968f;
  font-size:3rem;
  font-weight:700;
}
.main_pict_bottom figure::before{
  content:"↑";
  left:35%;
}
.main_pict_bottom figure::after{
  content:"↓";
  right:35%;
}

.main_content p{font-size:1.2rem;}


/* */
.sub_content_wrap{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:840px;
  margin:0 auto;
  padding:50px 0;
}
.sub_content_wrap h1{
  color:#ec7986;
  font-size:1.4rem;
  margin-bottom: 10px;
}
.sub_content_wrap ul,li{
  margin:0;
  padding:0;
  list-style: none;
  font-size: 1.2rem;
}
.sub_content_wrap li:before{
  content:"■";
  color:rgb(12, 150, 143);
  font-size:1rem;
  margin-right:5px;
}
.sub_content_desc{position:relative;}

.sub_content_result h2::after{
  position:absolute;
  content:"→";
  left: -100px;
  font-size: 4rem;
  color:#ec7986;
}

.sub_content_wrap h2{
  color:#0c968f;
  border:4px solid rgba(12,154,123,0.5);
  border-radius: 50%;
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  position:relative;
  font-size:1.4rem;
}
.sub_content_wrap h2::before{
  position:absolute;
  content:"";
  width:150px;
  height:150px;
  border-radius:50%;
  border:1px solid rgba(12,154,123,0.5);
}


/* */
footer{
  width:100%;
  margin: 40px auto 0 auto;
  background-color: #f0f0f0;
}
.footer_inner{
  width:960px;
  margin: 0 auto;
  padding:20px 0;
  display: flex;
  align-items: center;
}
.footer_title {margin-right:30px;}
.footer_title h1{
  width: 120px;
  height:120px;
  line-height: 120px;
  text-align: center;
  background-color: #0c968f;
  color:#fff;
  border-radius: 50%;;
  font-size: 1.1rem;
  font-weight: 500;
}

.footer_info_comp p{margin-bottom:10px;}
.footer_info_comp h1{font-size:1.6rem;font-weight: 700;}
.footer_info_comp h2{font-size:1.1rem;font-weight: 700;}
.footer_info_comp p{font-size:1.2rem;}
.footer_info_comp p span{margin-right:10px;}
.footer_info_comp p i{margin-right:5px;}
/* */



@media screen and (max-width: 959px){
  .br_sp{display:block;}
  .br_pc{display:none;}
  .pc_padding{padding-left:0;}
  header{padding: 20px 0 220px 0;background-position: center bottom;}
  .head_wrap_flex {width: 98%;display: block;}
  .head_wrap_man{display:none;}
  .head_wrap_flex h1{font-size:2rem;}
  .head_wrap_title{text-align: center;padding-bottom: 30px;}


  .main_title h1 {font-size: 1.0rem;width: 90%;padding: 10px 30px;}
  .main_content_inner{width:90%;}

  .main_content p {font-size: 0.9rem;text-align:left;line-height: 180%;}
  .main_pict_flex figcaption{font-size:0.8rem;}
  .main_pict_flex p{width:100px;}
  .main_pict_flex p img{width:100%;height:auto;}
  .sub_content_wrap {display: block;width: 90%;}
  .sub_content_wrap h1 {font-size: 1.6rem;text-align: center;}
  .sub_content_wrap h2{margin:80px auto 0 auto;}
  .sub_content_result h2::after {
    content: "↓";
    top: -90px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .sub_content_wrap ul, li{
    font-size: 0.9rem;
    text-indent: -1.4rem;
    margin-left: 10px;
  }
  .footer_inner {
    width: 90%;
    display: block;
  }
  .footer_title{margin:10px auto;}
  .footer_title h1{
    height:auto;
    width:auto;
    border-radius:0;
    line-height:100%;
    padding:10px 0;
  }

  .footer_info_comp h2{margin-bottom:20px;}
  .footer_info_comp{text-align: center;}
  .footer_info_comp p span{margin:0;}

  .main_pict_flex.main_pict_bottom figure.comm img{width:34%;height: auto;}
}