@charset "UTF-8";
/* CSS Document */
#compa__chart header{
	background-color: #38bdf8;
}
:root {
  --main-color1: #38bdf8;
  --main-color2: #bfdbfe;
  --main-color3: #eff6ff;
  --accent-color1: #d97706;
  --accent-color2: #f59e0b
}
.f__heading {
    background: #fff;
    height: 32px;
    padding: 0 24px;
    border-radius: 100vmax;
    color: #333333;
    letter-spacing: .05em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    animation: f__heading 3s infinite;
}
header #hero__list dt {
    background-color: #33cdb7;
    color: #fff;
    font-weight: 700;
    letter-spacing: .025em;
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    position: relative;
}
#how_to_choose header {
    background: #33cdb7;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    width: 100%;
    padding: 40px 0 50px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
#service__flow header {
    background: #33cdb7;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    width: 100%;
    padding: 40px 0 50px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
#faq_wrap header {
    background: #33cdb7;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    width: 100%;
    padding: 40px 0 50px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
#service__wrap header:not(.topic_header):not(.drawer_header):not(.contents5_header) {
    background: #38bdf8;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), 50% 100%, 0 calc(100% - 20px));
    width: 100%;
    padding: 40px 0 130px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
#how_to_choose header {
    background: #38bdf8;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    width: 100%;
    padding: 40px 0 50px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
#contents3 header, #contents4 header {
    background: #38bdf8;
    padding: 8px 16px;
    color: #fff;
}
header #hero__list dt {
    background-color: #38bdf8;
    color: #fff;
    font-weight: 700;
    letter-spacing: .025em;
    border-radius: 4px 4px 0 0;
    display: flex
;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    position: relative;
}
.contents5 header {
    background: #38bdf8;
    padding: 8px 16px;
    color: #fff;
}
.contents5 .body .point .title {
    background-color: #38bdf8;
    padding: 4px 16px;
    color: #fff;
    font-weight: 700;
}
.contents5 .body .point {
    border: 2px solid #38bdf8;
    border-radius: 8px;
}
#service__flow header {
    background: #38bdf8;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    width: 100%;
    padding: 40px 0 50px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
#faq_wrap header {
    background: #38bdf8;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    width: 100%;
    padding: 40px 0 50px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}