@charset "UTF-8";
/*----------------------------
Common
----------------------------*/
body { font-size: 20px; font-family: -apple-system, 'Noto Sans JP', BlinkMacSystemFont, '.SFNSDisplay-Regular', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Verdana, Arial, Sans-Serif; line-height: 1.8; color: #444444; position: relative; min-height: 100vh; box-sizing: border-box; }

img { max-width: 100%; }

a { word-break: break-all; text-decoration: none; color: #0071bc; }

a:link, a:visited { word-break: break-all; text-decoration: none; color: #0071bc; }

a:hover { color: #42CFF4; transition: .3s; opacity: 0.8; }

li { list-style: none; }

body > section { padding: 110px 0; }

.pc-image { display: block; }

.sp-image { display: none; }

/****追加***/
.important-content { background: #FCEFF2; }

.about-txt { padding: 60px; background: white; margin-top: 90px; }

.about-sentence { width: 850px; margin: auto; margin-bottom: 50px; }

.about-image-wrap { display: flex; justify-content: center; }

.about-image-wrap div { padding: 0 10px; }

.hukidasi-wrap { text-align: center; }

.hukidasi-wrap .hukidasi { position: relative; display: inline-block; margin: 1.5em 0; padding: 50px 120px; color: #707070; font-size: 30px; width: 900px; text-align: left; background: #FEEBEF; border-radius: 15px; }

.hukidasi-wrap .hukidasi::before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #FEEBEF; }

.circle-wrap { display: flex; }

.circle-wrap .circle-child { width: calc(100%/3); padding: 30px; text-align: center; }

.circle-wrap .circle-child h3 { color: #308D9C; padding-bottom: 30px; }

.circle-wrap .circle-child p { text-align: left; padding: 10px 0; }

.performance-box { border: 10px solid #AFA1D0; margin-bottom: 120px; }

.performance-box:last-child { margin-bottom: 0px; }

.performance-box .per-title { padding: 40px; background: #AFA1D0; text-align: center; color: white; font-size: 30px; }

.performance-box .per-box-content { padding: 60px; display: flex; background-color: rgba(255, 255, 255, 0.5); justify-content: space-between; }

.performance-box .per-box-content .per-box-child { width: calc(95%/2); padding: 10px; display: flex; flex-direction: column; justify-content: space-between; line-height: normal; }

.performance-box .per-box-content .per-box-child .price { text-align: right; font-size: 25px; font-weight: bold; }

.profile-background { background: #F0EBF2; }

.profile-background .profile-box { width: 1300px; margin: auto; padding: 70px; background: white; }

.profile-background .profile-box .profile-wrap { display: flex; }

.profile-background .profile-box .profile-wrap .profile-child-image, .profile-background .profile-box .profile-wrap .profile-child { width: calc(100%/2); }

.profile-background .profile-box .profile-wrap .profile-name { font-size: 25px; padding-bottom: 20px; }

.profile-background .profile-box .profile-wrap .profile-name span { font-size: medium; padding-right: 10px; }

.profile-background .profile-box .p-child-inner-wrap { display: flex; justify-content: space-between; padding: 30px 0; }

.profile-background .profile-box .p-child-inner-wrap .shikaku-title { color: #B589D5; font-weight: bold; font-size: 25px; }

.profile-background .profile-box .p-child-inner-wrap .p-child-inner { width: 280px; }

.profile-background .profile-box .p-box-comment1 { text-align: center; padding-bottom: 40px; font-size: 25px; }

.profile-background .profile-box .stuff-btn { text-align: center; padding: 10px; background: #A0CDD3; width: 370px; margin: auto; color: white; border-radius: 20px; }

.form-btn { text-align: center; padding: 10px; background: #A0CDD3; width: 500px; margin: auto; color: white; border-radius: 20px; }

.flow-icon { height: 160px; margin: auto; color: #D7597E; }

.pink-title { color: #d7597e !important; }

.important-content { background-image: url(../images/flower-top.png), url(../images/flower-bottom.png); background-position: left -40px top -30px, right -40px bottom -30px; background-repeat: no-repeat, no-repeat; }

.pink-background { background-image: url(../images/pink.png); background-position: bottom -10% left 103px; background-repeat: no-repeat; background-size: contain; }

.graphpaper-background { background-image: url(../images/sikaku.png); background-size: cover; }

.soudan { text-align: center; }

.soudan .footer-title { font-size: 30px; padding-bottom: 20px; font-weight: bold; color: #695BB2; }

.soudan .purple { color: #695BB2; font-size: 25px; }

.soudan .tell-font { font-size: 50px; padding-bottom: 20px; font-weight: bold; color: #43240F; }

/****汎用****/
.pt-30 { padding-top: 30px; }

.mb20 { margin-bottom: 20px; }

.mb90 { margin-bottom: 90px !important; }

.sub-text { font-size: 25px; text-align: center; padding: 10px 0 50px; }

.headline1 { text-align: center; font-size: 35px; padding: 10px; font-weight: bold; color: #D7597E; }

.headline2 { position: relative; padding: 1.5rem; text-align: center; color: #695BB2; font-size: 40px; margin-bottom: 50px; }

.headline2::before { position: absolute; bottom: -10px; left: calc(50% - 100px); width: 200px; height: 2px; content: ''; border-radius: 3px; background: #695BB2; }

.headline3 { text-align: center; padding: 50px; font-weight: lighter; color: #D7597E; }

.contact-btn { background: #E13F70; padding: 30px 20px; width: 500px; font-size: 30px; text-align: center; color: white; border-radius: 20px; margin: auto; }

/**********/
/***ポイント****/
.point-wrap { display: flex; justify-content: space-between; margin-bottom: 50px; }

.point-wrap .point-text { width: 600px; }

.point-wrap .point-text .point-title { font-size: 35px; color: #D7597E; padding-bottom: 20px; }

.p-title1::before { content: '\02776'; color: #D7597E; }

.p-title2::before { content: '\02777'; color: #D7597E; }

.p-title3::before { content: '\02778'; color: #D7597E; }

.p-title4::before { content: '\02779'; color: #D7597E; }

/*****/
@media screen and (min-width: 415px) { .mb90 { margin-bottom: 90px !important; } }

.secpad { max-width: 1100px; width: 100%; margin: 0 auto; }

#GlovalNav a { padding: 20px; background: #E13F70; color: #fff; border-radius: 8px; font-size: 20px; }

/*----------------------------
Header
----------------------------*/
header { padding: 35px 0 15px; position: fixed; width: 100%; background: #fff; z-index: 9999; transition: .3s; }

header .inner { max-width: 1320px; width: 100%; display: flex; justify-content: space-between; margin: 0 auto; }

header .inner h1 a img { width: 250px; }

header .inner nav { display: flex; align-items: center; }

header .inner nav ul { display: flex; align-items: center; }

header .inner nav ul li { font-size: 17px; }

header .inner nav ul li:not(:last-child) { margin-right: 50px; }

.is-animation { padding-top: 15px; transition: .3s; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.2); }

/*----------------------------
Hero
----------------------------*/
#hero { width: 100%; margin: auto; padding-top: 140px; position: relative; top: 10px; }

#hero img { width: 100%; }

/*----------------------------
Footer
----------------------------*/
footer { width: 100%; text-align: center; background: #D7597E; padding: 10px 0; position: absolute; bottom: 0; }

footer small { color: #fff; font-size: 12px; }

/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */