@charset "utf-08";
*{box-sizing: border-box;}
.pc_none {display: none;}

body {
    background-color: #FFD800;
    font-family: "Hiragino Kaku Gothic Pro", serif;
}
.img01 {
    width: 46.999vw;
    height: auto;
    display: block;
    margin: auto;
    padding-top: 3.66vw;
}
.title {
    width: 11.201vw;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 3.66vw;
}
.title_text {
    font-size: 1.098vw;
    color: white;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 3.66vw;
    margin-bottom: 2.928vw;
}
.title_text01 {
    font-size: 1.098vw;
    font-weight: 600;
    color: white;
    text-align: center;
    letter-spacing: .05em;
    line-height: 1.75;
}
.box {
    margin-top: 3.66vw;
}
.img02 {
    display: block;
    margin: auto;
    width: 39.165vw;
    height: auto;
}
.img03_box {
    width: 7.028vw;
    position: relative;
    margin: auto;
    margin-top: 3.66vw;
}
.img03 {
    width: 100%;
    height: auto;
}
.text_img {
    width: 9.004vw;
    height: auto;
    position: absolute;
    top: 8.346vw;
    left: 50%;
    transform: translateX(-50%);
}
.circle_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -0.878vw;
}
.circle {
    width: 18.302vw;
    height: 18.302vw;
    border-radius: 100%;
    background-color: #81CACD;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.circle:not(:last-child) {
    margin-bottom: 2.635vw;
}
.circle_text {
    color: white;
    font-size: 1.318vw;
    font-weight: 600;
    text-align: center;
    margin-top: 2.928vw;
    line-height: 1.5;
}
.circle_text02 {
    font-size: 0.952vw;
    font-weight: 600;
    color: white;
    text-align: center;
    margin-top: 1.83vw;
    line-height: 1.5;
}

.footer {
    background-color: white;
    margin-top: 7.321vw;
}
.footer_box {
    width: 32.211vw;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding-top: 7.321vw;
}
.footer_box_content {
    display: flex;
  	align-items: flex-start;
}
.name,
.name_text {
    color: #81CACD;
}
.name {
    width: 20%; /* 名前の幅を固定 */
    font-size: 0.952vw;
    font-weight: 300;
  /* margin-right: 2.196vw;*/
}
.name_text {
    width: 80%; /* 値の幅を固定 */
    font-size: 0.952vw;
    font-weight: 300;
}
.name:not(:last-child) {
    margin-bottom: 0.732vw;
}
.img04 {
    margin: auto;
    margin-top: 7.321vw;
    display: block;
    width: 28.038vw;
    height: auto;
}