@charset "utf-8";
/* CSS Document */
/* A Modern CSS Reset */

*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/*---------ベースルール ベースルールは、サイト全体で要素そのもののデフォルトスタイルを定義します。---------*/

body{
    margin: 0;
    font-family:  'Zen Maru Gothic',"Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: left;
    background-color: #fff;
    overflow-x:hidden;
}
img{
    margin:0 auto;
}
li{
    list-style:none;
}

ul{
    list-style:none;
    padding:0;
}
p{
    font-size:16px;
}
a:hover{
    opacity:0.8;
}
.font-sm{
    font-size:14px;
}
/*---見出し---*/

h2{
  font-family: "Barlow", sans-serif;
  font-weight: 600;
    font-size:100px;
    text-align: center;
    color:#46B2AE;
}
h3{ 
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  text-align:left;
  color:#000;
  font-size:38px;
}
#voice h3{
    font-size:92px;
}
@media (max-width:768px){
    h3{
        font-size:30px;
    }
}
h4{
    font-size: 1.3rem;
    font-weight:bold;
    padding: 0.5rem 20px;
    border-bottom:2px solid #000;
    display:block;
    margin: 15px 0;
}

h4.green{
    color:#46B2AE;
    border-bottom:2px solid #46B2AE;
}

h4.orange{
    color:#F88258;
    border-bottom:2px solid #F88258;
}

h4.blue{
    color:#1E8FCC;
    border-bottom:2px solid #1E8FCC;
}

h4.pink{
    color:#F2576B;
    border-bottom:2px solid #F2576B;
}

h5{ 
    margin: 15px 0;
    font-size: 24px;
    font-weight:bold;
}
h5 span{
    color:#CC1335;
}
@media (max-width:768px){
    
h4{
    font-size: 1.2rem;
}
h5{ 
    font-size: 24px;
}
}
.btn:hover{
    color:auto;
}
.tac{
    text-align:center;
}
.green{
    color:#46B2AE;
}
.bg-green{
    background:#46B2AE;
}
.bg-lightgreen{
    background:#C5E5E3;
    color:#000;
    position:relative;
}

.bg-lightgreen:hover{
    background:#D4F2F0;
    color:#666;
    position:relative;
}
.line-lightgreen{
    border:2px solid #33CCCC;
    color:#99CCFF;
    position:relative;
}
.bg-lightgreen::after, .line-lightgreen::after{
    content: "";
    position: absolute;
    background: url(../images/lightgreen-tri.png) no-repeat center / 100% 100%;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
}
.bg-yellowgreen{
    background:#99C950;
}
.orange{
    color:#F88258;
}
.bg-orange{
    background:#F88258;
}

.blue{
    color:#1E8FCC;
}
.bg-blue{
    background:#1E8FCC;
}

.pink{
    color:#F2576B;
}
.bg-pink{
    background:#F2576B;
}

.ribbon {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 3px 40px 3px 18px;/*文字の左右の余白*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
  margin:20px 20px;
  font-size:25px;
  white-space: nowrap;
}

.ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon:after {
  top: 0;
  right: 0;
  border-width: 20px 10px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.bg_green_circle{
    background:#46B2AE;
    color:#fff;
    padding:5px 20px;
    border-radius:30px;
    font-size:17px;
  white-space: nowrap;
}
.bg_green_circle span{
    color:#46B2AE;
    background:#fff;
    padding:1px 5px;
    font-size:15px;
  white-space: nowrap;
}

.bg_blue_circle{
    background:#1E8FCC;
    color:#fff;
    padding:5px 20px;
    border-radius:30px;
    font-size:17px;
  white-space: nowrap;
}
.bg_blue_circle span{
    color:#1E8FCC;
    background:#fff;
    padding:1px 5px;
    font-size:15px;
  white-space: nowrap;
}
.bg_pink_circle{
    background:#F2576B;
    color:#fff;
    padding:5px 20px;
    border-radius:30px;
    font-size:17px;
  white-space: nowrap;
    height:38px;
}
.bg_pink_circle span{
    color:#F2576B;
    background:#fff;
    padding:1px 5px;
    font-size:15px;
  white-space: nowrap;
}
.akawaku{
    border:2px solid #FF6666;
    padding:0;
}
.akawaku .btn_width_full{
    margin-bottom:10px;
}

.nonwaku{
    padding:10px 12px 10px 12px;
}

.nonwaku .btn_width_full{
    margin-bottom:10px;
}

.shadow{
    box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    }