/*******************
style.css
 *******************/

/*** 共通 ***/
body{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

html {
  scroll-behavior: smooth;
}

.main-header {
background-color: #f23838;
box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.1); /* 0.05 */
}
.main-header p{
margin:0;
padding:15px 0 15px;
color:#fff;
font-size:20px;
font-weight:bold;
text-align:center;
}

.main-header a:link,
.main-header a:visited,
.main-header a:hover,
.main-header a:active {
color:#fff;
text-decoration:none;
}

footer{
background-color: #f8f2ed;
}

footer span{
font-size:0.8rem;
}

h1{
margin-top:3rem!important;
margin-bottom:3rem!important;
padding: 0.2rem;
font-size:2rem;
text-align:center;
}
h1 span{
background: linear-gradient(transparent 60%, #F8F2ed 60%);
}

h2{
font-weight:bold;
color:#333;
padding-bottom:5px;
font-size:1.5rem;
border-bottom:2px solid #f23838;
}
h3{
font-weight:bold;
color:#333;
font-size:1.2rem;
border-bottom:1px dotted #000;
display:inline-block;
}
h3:first-letter{
font-size: 150%;
color: #f23838;
}
.lead{
font-size:1rem;
}
.bold{
font-weight:bold;
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover{
background-color:#efefef;
}

/** for terms **/


/** for voice **/
.checkbox01{
display: flex;
flex-wrap: wrap;
gap: .5em 2em;
border: none;
}

.checkbox01 label{
display: flex;
align-items: center;
gap: 0 .5em;
position: relative;
cursor: pointer;
}

.checkbox01 label::before,
.checkbox01 label:has(:checked)::after {
content: '';
}

.checkbox01 label::before {
width: 17px;
height: 17px;
border-radius: 3px;
background-color: #e6edf3;
}

.checkbox01 label:has(:checked)::before {
background-color: #cccccc;
}

.checkbox01 label:has(:checked)::after {
position: absolute;
top: 6px;
left: 6px;
transform: rotate(45deg);
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
}

.checkbox01 input{
display: none;
}

/** ふきだし　for FAQ **/
.balloon-under{
    display: flex;
/*    justify-content: center; */
    position: relative;
/*    max-width: 300px; */
    margin-bottom: 25px;
    padding: .8em 1.2em;
    border-radius: 5px;
    background-color: #f8f2ed;
    color: #333333;
}
.balloon-under::before{
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 15px;
    background-color: #f8f2ed;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}