@charset "utf-8";

* {
margin:0;
padding:0;
}

body {
color:#111;
font-size:17px;
line-height:1.7;
font-weight:bold;
font-family:YuGothic,'Yu Gothic','Yu Gothic UI','メイリオ', Meiryo,'Meiryo UI','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Arial',sans-serif;
text-align:center;
}

img {
vertical-align:bottom;
}

/* ################################################################################## */
/* スマホ版ここから ///////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 750px) {  /*画面の幅が750px以下の場合*/
/* ################################################################################## */
#fv h1{
display:none;
}

#data .title p span{
color:#FF0000;
font-size:50px;
}

#data .title p{
color:#FF0000;
font-size:15px;
}

#cta_woman{
margin-top:20px;
}

img {
width:100%;
height:auto;
}

#fv {
min-height:120vw;
background:url(./img/sp/fvsp.jpg?20250313) no-repeat;
background-size:cover;
position:relative;
}

#fv h1 {
font-size:7vw;
position:absolute;
top:72%;
left:50%;
transform: translate(-50%, -50%);
text-align:center;
color:#9b0000;
line-height:1.1;
}

#fv h1 span{
font-size:15vw;
}

#encounter .title{
color:#00074c;
}

#review .title{
color:#0d4900;
margin-bottom:-25px;
}

#hananokai .title{
color:#ff0000;
}

.title{
width:95%;
display:flex;
justify-content:space-between;
align-items:center;
font-size:22px;
text-align:center;
line-height:1.3;
margin:50px auto 20px;
}

.title span{
font-size:28px;
font-weight:bold;
}

.title img{
width:40px;
}

#worries {
width:95%;
}

.worries_right{
display:flex;
align-items:center;
}

.worries_right p {
color:#fff;                        
background:#00074c;          
width:300px;                       
text-align:center;
padding:10px;
border-radius:99px;
font-size:16px;
margin:10px;
}

.worries_right #woman {
width:100px;
}

.worries_right img {
width:130px;
}

#worries_left {
display:flex;
align-items:center;
margin:10px auto;
}

#worries_left p {
color:#fff;                        
background:#00074c;          
width:250px;                       
text-align:center;
padding:10px;
border-radius:99px;
font-size:16px;
margin:10px;
}

#worries_left img {
width:130px;
}

#review .title p{
font-size:20px;
}

.reviewbox{
width:95%;
margin:50px auto;
}

.name{
color:#0d4900;
font-size:20px;
margin:20px 0;
}

.woman_name{
color:#E73656;
font-size:20px;
margin:20px 0;
}

.photo_image{
color:#6b6b6b;
font-size:12px;
}

#hananokai{
background:#ffdd50;
padding-bottom:30px;
margin-bottom:30px;
}
 
#hananokai .title{
padding-top:45px;
margin-bottom:10px;
}

#hanabanner{
margin-bottom:25px;
}

#hananokaitxt p{
width:99%;
font-size:18px;
text-align:center;
line-height:1.4;
}

#hananokaitxt p span{
display:block;
}

.red{
width:100%;
color:red;
font-weight:bold;
font-size:28px;
margin:-20px 0;
}

#hananokaitxt small{
font-size:12px;
color:red;
}

#research{
display:none;
}

#spresearch p {
margin:15px auto;
width:95%;
font-size:10px;
color:#6b6b6b;
}

.graph{
display:none;
}

#graphsp{
width:95%;
margin:40px auto;
}

#target p {
width:100%;
margin:0 auto 10px;
font-size:20px;
font-weight:bold;
color:#c90052;
}

#target img {
display:contents;
}

#sales ul {
display:inline-block;
margin:0 auto 35px;
}

#sales ul li{
font-size:15px;
text-align:left;
list-style:none;
}

#sales{
margin-bottom:20px;
}

#sales img{
display:none;
}

#free_registration {
width:95%;
margin:30px auto 25px;
display:flex;
align-items:center;
font-size:23px;
line-height:1.2;
}

#free_registration img{
width:30px;
margin:0 auto;
}

.minitxt{
font-size:18px;
margin:60px auto -25px;
}

.minitxt span{ 
display:block;
}

#heading {
width:95%;
display:flex;
align-items:center;
margin:0 auto;
}

#heading h2 {
margin:10px auto;
font-size:22px;
color:#00ac9c;
}

#heading img {
width:30px;
}

.howtobox p{
margin-bottom:10px;
}

.howtobox img{
width:97%;
margin:15px auto;
}

#thoughts {
width:95%;
margin:0 auto 50px;
display:flex;
font-size:14px;
align-items:center;
}

#thoughts img {
width:15%;
}

#thoughts h3 {
width:85%;
background:#00ac9c;
padding:5px;
color:#fff;
font-size:18px;
margin-left:5px;
}

.yazirusi {
width:250px;
height:50px;
margin:40px auto;
background:#8c8c8c;
clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
transform:rotate(180deg);
}

#howto .title {
width:95%;
display:flex;
justify-content:space-between;
align-items:center;
font-size:22px;
text-align:center;
line-height:1.3;
margin:0 auto 20px;
color:red;
}

#howto .title p span {
font-size:48px;
font-weight:bold;
}

#howto .title p {
font-size:14px;
}

#point{
width:95%;
margin-bottom:30px;
}

#ty{
color:red;
font-size:20px;
margin:20px 0;
}

#staff .staff img{
width:100px;
margin-bottom:-30px;
}

#staff .staff p { 
margin:40px auto;
width:90%;
font-size:14px; 
background:#00ac9c;
padding:12px; 
color:#fff;
}

#qbox img{
display:contents;
}

#qbox h2{
display:none;
}

#qboxsp {
margin:0 auto;
}

#qboxsp h2{
text-align:center;
font-size:24px;
width:95%;
color:#030072;
line-height: 1.2;
}

#q_yazirusi {
width:250px;
height:30px;
margin:25px auto;
background:#030072;
clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
transform:rotate(180deg);
}

.q-img img{
width:95%;
margin:0 auto -20px;
}

.partition {
width:95%;
height:7px;
margin:30px auto 30px;
background:#e8e8e8;
}

.q{
margin:0 auto;
font-size:24px;
line-height:1.2;
width:90%;
margin-bottom:10px;
}

/* ラジオボタン自体のスタイルをリセット */
#q1_btn input[type="radio"] {
position:absolute;
opacity:0;
}

/* ラベルのスタイル */
#q1_btn label {
width:46%;
height:30px;
font-size:18px;
display:inline-block;
text-align:center;
background:#fff;
border:3.5px solid #030072;
border-radius:90px;
cursor:pointer;
transition:background 0.3s ease;
margin:2px;
padding-top:5px;
}

/* 選択状態のスタイル */
#q1_btn input[type="radio"]:checked + label {
background:#004a87;
color:#fff;
}

#q1_btn .radiobutton {
width:95%;
margin:0 auto;
}

/* ラジオボタン自体のスタイルをリセット */
#q2_btn .radiobutton2 input[type="radio"] {
position:absolute;
opacity:0;
}

/* ラベルのスタイル */
#q2_btn label {
width:46%;
height:30px;
font-size:18px;
display:inline-block;
text-align:center;
background:#fff;
border:3.5px solid #030072;
border-radius:99px;
cursor:pointer;
transition:background 0.3s ease;
margin:2px;
padding-top:5px;
}

/* 選択状態のスタイル */
#q2_btn input[type="radio"]:checked + label {
background:#004a87;
color:#fff;
}

#q2_btn .radiobutton2 {
width:95%;
margin:0 auto;
}

/* ラジオボタン自体のスタイルをリセット */
#q3_btn .radiobutton2 input[type="radio"] {
position:absolute;
opacity:0;
}

/* ラベルのスタイル */
#q3_btn label {
width:46%;
height:30px;
font-size:18px;
display:inline-block;
text-align:center;
background:#fff;
border:3.5px solid #030072;
border-radius:99px;
cursor:pointer;
transition:background 0.3s ease;
margin:2px;
padding-top:5px;
}

/* 選択状態のスタイル */
#q3_btn input[type="radio"]:checked + label {
background:#004a87;
color:#fff;
}

#q3_btn .radiobutton2 {
width:95%;
margin:0 auto 60px;
}

#Thank_you img{
width:100px;
margin-bottom:-30px;
}

#staff_box p {
text-align:center;
width:90%;
font-size:22px; 
background:#00ac9c;
margin:40px auto;
padding:10px;
color:#fff;
}

.minitxt2{
font-size:18px;
margin-bottom:10px;
}

#pointget{
width:100%;
background:#ffdd50;
padding:20px 0;
}

#pointget img {
width:95%;
}

#cta:hover {
transform:translateY(-7px);
}

#cta:hover:before {
transform:translateY(7px);
opacity:1;
}

footer{
margin:40px;
text-align:center;
}
/* ################################################################################## */
/* スマホ版ここまで ///////////////////////////////////////////////////////////////// */
}
/* ################################################################################## */




/* ################################################################################## */
/* PC版 ///////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 751px) { /*画面の幅が751px以上*/
/* ################################################################################## */
#fv h1{
display:none;
}

#spresearch{
display:none;
}

#graphsp{
display:none;
}

#qboxsp {
display:none;
}

.w_base {
width:1050px;
margin:0 auto;
text-align:left;
}

#fv {
width:1000px;
height:695px;
margin:0 25px;
background:url(./img/fv.jpg) top no-repeat;
position:relative;
}

#fv h1 {
}

 
.title {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:50px;
font-size:44px;
text-align:center;
line-height:70px;
margin-top:100px;
}

.title span {
font-size:70px;
font-weight:bold;
}

#encounter .title {
color:#00074c;
}

#encounter .title {
color:#00074c;
}

.worries_right #right1 {
color:#fff;                        
background:#00074c;          
width:300px;
margin-left:120px;
text-align:center;
padding:15px;
border-radius:99px;
font-size:24px;
}

.worries_right {
display:flex;
align-items:center;
margin-top:50px;
margin-left:400px;
width:650px;
}

.worries_right p {
color:#fff;                        
background:#00074c;          
width:700px;                       
text-align:center;
padding:15px;
border-radius:99px;
font-size:24px;
}

#worries_left {
display:flex;
width:600px;
align-items:center;
margin:62px 600px 0 0;
}

#worries_left p {
color:#fff;                        
background:#00074c;          
width:500px;                       
text-align:center;
padding:15px;
border-radius:99px;
font-size:24px;
}

#data .title {
color:#FF0000;
}

#data .title span {
font-size: 120px;
}

#review {
margin-bottom:200px;
}

#review .title p{
color:#0d4900;
}

.review1 {
margin-bottom:70px;
}

.reviewbox .name {
font-size:32px;
color:#0d4900;
margin:35px;
}

.reviewbox p {
font-size:24px;
text-align:center;
margin-bottom:35px;
}

.reviewbox .woman_name {
font-size:32px;
color:#FF0004;
margin:35px;
}

.photo_image {
color:#6b6b6b;
margin-left:400px;
}

#hananokai {
background:#ffdd50;
width:100%;
padding:100px 0;
}

#hanabanner{
margin-left:17px;
}

#hananokai_title {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
}

#hananokaitxt p {
font-size:36px;
text-align:center;
margin:40px 0 20px;
}

.red {
color:red;
}

#research p {
color:#6b6b6b;
text-align:center;
font-size:16px;
}

#hananokai .title {
color:#ff0000;
margin-bottom:10px;
}

#data .minitxt {
margin:100px 0 50px;
font-size:32px;
text-align:center;
}

#data img {
margin: 0 auto;
}

.graph {
padding-left:75px;
}

#target {
display:flex;
align-items:center;
margin-top:100px;
}

#target p {
font-size:44px;
color:#c90052;
}

#sales {
display:flex;
align-items:center;
padding:20px;
margin-bottom:40px;
}

#sales ul {
margin-right:100px;
font-size:30px;
list-style: none;
}

#free_registration {
display:flex;
align-items:center;
}

#free_registration .man_and_woman{
margin-top:40px;
font-size:55px;
line-height:65px;
display: flex;
justify-content: center;
align-items: center;
}

#woman_cta {
margin-left:30px;
}

#heading {
display:flex;
align-items:center;
font-size:30px;
margin:100px 0 0 150px;
}

#heading h2 {
margin:50px;
color:#00ac9c;
}

#howto .title {
color:#ff0000;
line-height:50px;
}

#howto span {
font-size:100px;
}

#howto p {
width:80%;
margin:0 auto 50px;
font-size:28px;
}

.howtobox img {
margin:0 0 100px 85px;
}

#thoughts {
display:flex;
font-size:44px;
align-items:center;
margin:0 0 150px 100px;
}

#thoughts h3 {
width:60%;
background:#00ac9c;
padding:23px;
color:#fff;
border-radius:15px;
font-size:46px;
margin-left:80px;
}

#q_yazirusi {
width:350px;
height:55px;
margin:-80px auto 45px;
background:#030072;
clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
transform:rotate(180deg);
}

#point_title {
display:flex;
justify-content:space-between;
margin-bottom:20px;
}

#point_title p {
color:red;
font-size:24px;
font-weight:bold;
text-align:center;
line-height:45px;
margin-top:30px;
}

p #point {
margin-left:150px;
margin-bottom:100px;
}

.reviewbox #ty {
font-size:32px;
color:#ff0000;
margin-top:50px;
}

.reviewbox img{
margin-top:10px;
}

.photo_image2 {
color:#6b6b6b;
}

.staff {
display:flex;
align-items:center;
margin-top:100px;
}

.staff p { 
width:70%;
font-size:26px; 
background:#00ac9c;
padding:25px;
border-radius:15px; 
color:#fff;
}

.partition {
width:950px;
height:7px;
margin:30px auto 30px;
background:#e8e8e8;
}

#qbox {
display:flex;
align-items:center;
font-size:30px;
color:#030072;
justify-content:center;
margin:100px 0;
}

.q {
font-size:34px;
text-align:center;
}

.q-img {
text-align:center;
margin:20px;
}

#q1_btn {
margin-top:-30px;
margin-left:100px;
}

/* ラジオボタン自体のスタイルをリセット */
#q1_btn input[type="radio"] {
position:absolute;
opacity:0;
}

/* ラベルのスタイル */
#q1_btn label {
width:440px;
height:80px;
font-size:36px;
display:inline-block;
text-align: center;
background:#fff;
border:4.5px solid #030072;
border-radius:90px;
cursor:pointer;
transition:background 0.3s ease;
margin:10px;
padding-top:20px;
}

/* 選択状態のスタイル */
#q1_btn input[type="radio"]:checked + label {
background:#004a87;
color:#fff;
}

#q1_btn .radiobutton {
margin:5px;
}

#q2_btn {
margin-top:-30px;
margin-left:100px;
}

/* ラジオボタン自体のスタイルをリセット */
#q2_btn .radiobutton2 input[type="radio"] {
position:absolute;
opacity: 0;
}

/* ラベルのスタイル */
#q2_btn label {
width:440px;
height:80px;
font-size:36px;
display:inline-block;
text-align: center;
background:#fff;
border: 4.5px solid #030072;
border-radius:90px;
cursor:pointer;
transition:background 0.3s ease;
margin:10px;
padding-top:20px;
}

/* 選択状態のスタイル */
#q2_btn input[type="radio"]:checked + label {
background:#004a87;
color:#fff;
}

#q2_btn .radiobutton2 {
margin:5px;
}

#q3_btn {
margin-top:-30px;
margin-left:100px;
}

/* ラジオボタン自体のスタイルをリセット */
#q3_btn .radiobutton2 input[type="radio"] {
position:absolute;
opacity: 0;
}

/* ラベルのスタイル */
#q3_btn label {
width:440px;
height:80px;
font-size:36px;
display:inline-block;
text-align: center;
background:#fff;
border:4.5px solid #030072;
border-radius:90px;
cursor:pointer;
transition:background 0.3s ease;
margin:10px;
padding-top:20px;
}

/* 選択状態のスタイル */
#q3_btn input[type="radio"]:checked + label {
background:#004a87;
color:#fff;
}

#q3_btn .radiobutton2 {
margin:5px;
}

#radiobox2 {
display:flex;
margin-left:155px;
}

/* ラジオボタン自体のスタイルをリセット */
#radiobox2 input[type="radio"] {
position:absolute;
opacity:0;
}

/* ラベルのスタイル */
#radiobox2 label {
width:300px;
height:20px;
display:inline-block;
padding:20px;
text-align:center;
background:#fff;
border:4.5px solid #030072;
border-radius:90px;
cursor:pointer;
transition:background 0.3s ease;
}

/* 選択状態のスタイル */
#radiobox2 input[type="radio"]:checked + label {
background:#004a87;
color:#fff;
}

#radiobox2 .radiobutton {
margin:5px;
}

#radiobox3 {
display:flex;
margin-left:155px;
}

/* ラジオボタン自体のスタイルをリセット */
#radiobox3 input[type="radio"] {
position:absolute;
opacity:0;
}

/* ラベルのスタイル */
#radiobox3 label {
font-size:30px;
width:300px;
height:20px;
display:inline-block;
padding:20px;
text-align:center;
background:#fff;
border:4.5px solid #030072;
border-radius:90px;
cursor:pointer;
transition: background 0.3s ease;
}

/* 選択状態のスタイル */
#radiobox3 input[type="radio"]:checked + label {
background:#5ac8ff;
color:#fff;
}

#radiobox3 .radiobutton {
margin:5px;
}

#question2 .minitxt {
margin:100px 0 50px;
font-size:32px;
text-align:center;
}

#staff_box {
display:flex;
align-items:center;
margin:100px 150px;
}

#staff_box p {
text-align:center;
width:550px;
font-size:26px; 
background:#00ac9c;
padding:25px;
border-radius:15px; 
color:#fff;
}

#button_below {
display:none;
}

.getext {
margin-top:100px;
padding-top:50px;
text-align:center;
font-size:24px;
}

#Thank_you .minitxt2{
font-size:34px;
text-align: center;
margin-bottom:50px;
}

#pointget {
background:#ffdd50;
width:100%;
height:500px;
margin:0 auto;
padding:30px 0;
}

#pointgetbox {
display:flex;
margin-left:100px;
}

#cta {
margin-left:30px;
color:#fff;
font-size:16px;
font-weight:bold;
padding: 18px 30px;
border-radius:6px;
position:relative;
z-index:1;
display:inline-block;
transition:.3s;
}

#cta:before {
width:90%;
height:10px;
position:absolute;
top:100%;
background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
z-index:-1;
opacity:0;
transition:.3s;
}

#cta:hover {
transform:translateY(-7px);
}

#cta:hover:before {
transform:translateY(7px);
opacity:1;
}

#cta_woman{
margin:35px 60px;
}

#howto .title {
color:#ff0000;
margin-bottom:10px;
}

footer{
margin:100px;
text-align: center;
}
/* ################################################################################## */
/* PC版ここまで ///////////////////////////////////////////////////////////////////// */