@charset "UTF-8";

html,body{
width:100%;
max-width:100%;
height:100%;
background:#0099ce;
}

body{
font-size:1em;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
text-align:center;
letter-spacing:.1em;
color: #595656;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
min-height: 100vh;
}

*,
*:before,
*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a,
a:link{
color: #0099ce;
font-weight:bold;
text-decoration: none;
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
-ms-transition: All 1s ease;
transition: All 1s ease;
}

a:link{
color: #0099ce;
}
a:visited{
color: #0099ce;
}
a:hover{
color: #044477;
}
a:visited{
color: #044477;
}

div.header-title-left a:link,
div.header-title-left a:visited,
div.header-title-left a:hover,
div.header-title-left a:active,
div.contact-btn a:link,
div.contact-btn a:visited,
div.contact-btn a:hover,
div.contact-btn a:active,
div#contact-form-title a:link,
div#contact-form-title a:visited,
div#contact-form-title a:hover,
div#contact-form-title a:active{
color: #6cb3d4;
}

section#flow a:link,
section#flow a:visited,
section#flow a:hover,
section#flow a:active{
color:#6cb3d4;
}

section#office a:link,
section#office a:visited,
section#office a:hover,
section#office a:active{
color: #fff;
}

a.tellink{
pointer-events: none;
}

img{
max-width: 100%;
height: auto;
flex-shrink: 0;
vertical-align: bottom;
}

div,
a,
p,
img{
min-height: 0%; /* IE11設定 */
}

a.contact-btn-mail:hover{
position:relative;
top:2px;
left:2px;
color:#002815 !important;
background:#002815 !important;
}

/*----------------------------------------
 pc/sp
----------------------------------------*/

.pc{
display: block;
}

.sp{
display: none;
}

/*----------------------------------------
 header
----------------------------------------*/
header {
width: 100%;
background:url(../images/top_main_back.jpg) no-repeat 50% bottom;
background-size:100% auto;
}

/*----------------------------------------
 mainvisual
----------------------------------------*/

section#main-visual{
}

section#header-title{
font-family: 'Noto Sans JP', sans-serif;
background:none;
}

div.header-title-left{
text-align:left;
padding-left:20px;
}

div.header-title-left h2{
color:#ffffff;
font-size:1.1em;
font-weight:500;
display:inline-block;
padding:.15em;
padding-left:1em;
padding-right:1em;
margin-bottom:5px;
background:#0099ce;
border-radius:16px;
}

div.header-title-left h1{
font-size:3.3em;
font-weight:500;
letter-spacing:.1em;
color:#383635;
}

div.header-title-left h1 span{
font-size:.4em;
display:inline-block;
position:relative;
top:-.4em;
}

div.header-title-left h1 strong{
color:#0099ce;
}

div.header-title-right{
text-align:right;
}

div.header-title-right > div{
display:inline-block;
text-align:center;
color:#0099ce;
background:#ffffff;
padding:13px;
padding-left:20px;
padding-right:20px;
}

div.header-title-right h3{
font-size:2.5em;
}

div.header-title-right h3 img{
display:inline-block;
width:25px;
height:auto;
position:relative;
top:-3px;
}

div.header-title-right p{
font-size:1.3em;
}

div.header-title-right h4{
font-size:1.7em;
}

div.header-title-right h4 img{
display:inline-block;
width:25px;
height:auto;
position:relative;
top:-3px;
}

section#main-visual{
padding-top:15px;
padding-bottom:15px;
padding-left:20px;
}

div.main-visual-problem,
div.main-visual-title{
}

div.main-visual-problem p img{
width:200px !important;
height:auto;
margin-bottom:10px;
}

div.main-visual-problem ul li{
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
font-size:1.15em;
margin-bottom:3px;
}

div.main-visual-problem ul li::before{
content:"● ";
font-size:.6em !important;
color:#0099ce;
}

div.main-visual-problem ul li:nth-child(odd):before{
color:#0099ce;
}

div.main-visual-problem ul li:nth-child(even):before{
color:#ffffff;
}

div.main-visual-title{
color:#0099ce;
padding-left:10px;
}

div.main-visual-title h3{
font-size:3em;
font-weight:500;
}

div.main-visual-title h3 strong{
font-size:1.25em;
display:block;
}

div.main-visual-title h2{
font-size:8em;
}

div.main-visual-title h2 span{
color:#898989;
}

div.main-visual-title h4{
font-size:1.8em;
background:#ffffff;
border-radius:18px;
padding:.3em;
padding-left:1.5em;
padding-right:1.5em;
margin:10px 5px;
}

div.main-visual-title h4:nth-child(2){
background:#fff100;
}

/*----------------------------------------
 about
----------------------------------------*/
section#about{
background:#ffffff;
padding-left:5%;
padding-right:5%;
padding-top:25px;
padding-bottom:25px;
margin-top:25px;
margin-bottom:20px;	
}

section#about div{
position: relative;
width:;
padding: 15px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

section#about div::before,
section#about div::after {
position: absolute;
top: 0;
content: '';
width: 20px;
height: 100%;
border-top: 1px solid #898989;
border-bottom: 1px solid #898989;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
section#about div::before {
left: 0;
border-left: 1px solid #898989;
}
section#about div::after {
right: 0;
border-right: 1px solid #898989;
}

section#about div h2{
font-weight:400;
line-height:1.9em;
}

section#about div h2 strong{
font-family: 'Noto Sans JP', sans-serif;
font-weight:600;
font-size:2.5em;
letter-spacing:.1em;
display:block;
margin-bottom:10px;
}

section#about div h2 strong span.smaller{
font-size:.6em;
display:inline-block;
position:relative;
top:-.3em;
left:-.3em;
}

section#about div h2 strong span.blue{
color:#0099ce;
}

/*----------------------------------------
 secondhr
----------------------------------------*/

section#secondhr{
color:#ffffff;
letter-spacing:.1em;
width:90%;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
}

section#secondhr h5{
font-family: 'Noto Sans JP', sans-serif;
font-size:3em;
font-weight:400;
}

section#secondhr h4{
font-family: 'Noto Sans JP', sans-serif;
font-size:3em;
font-weight:700;
}

section#secondhr h2{
font-size:7em;
}

section#secondhr h3{
font-family: 'Noto Sans JP', sans-serif;
font-size:2em;
font-weight:500;
}

section#secondhr h3 strong{
color:#fff100;
font-weight:700;
}

section#secondhr div.price{
color:#595656;
font-family: 'Noto Sans JP', sans-serif;
width:80%;
margin:30px auto;
margin-bottom:15px;
background:#ece8df;
padding:30px;
border-radius:10px;
box-shadow:7px 7px 7px rgba(4,68,119,.6);
}

section#secondhr div.price h3{
font-size:4em;
font-weight:700;
display:inline-block;
margin-bottom:8px;
background: linear-gradient(transparent 70%, #fff100 30%);
}

section#secondhr div.price h3 span.large{
font-size:1.15em;
color:#0099ce;
}

section#secondhr div.price h3 span.small{
font-size:.7em;
}

section#secondhr div.price h4{
font-size:2em;
margin-bottom:8px;
}

section#secondhr div.price h5{
font-size:1.5em;
font-weight:700;
color:#0099ce;
margin-bottom:6px;
}

section#secondhr div.price ul li{
font-size:1.4em;
margin-bottom:6px;
}

section#secondhr p{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.25em;
text-align:left;
width:80%;
margin:0 auto;
}

div.contact-btn{
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff;
width:70%;
margin:55px auto;
padding:25px;
background:#14ae67;
border:4px solid #ffffff;
border-radius:20px;
box-shadow:7px 7px 7px rgba(4,68,119,.6);
}

div.contact-btn h5{
font-size:2.8em !important;
font-weight:500;
}

div.contact-btn h3{
font-size:5em !important;
}

div.contact-btn h3 img{
width:40px;
height:auto;
position:relative;
top:-13px;
}

div.contact-btn h3 a:link,
div.contact-btn h3 a:visited,
div.contact-btn h3 a:hover,
div.contact-btn h3 a:active{
color:#ffffff;
}

div.contact-btn p{
text-align:center !important;
font-size:1.9em !important;
font-weight:500;
}

div.contact-btn h6 a{
font-size:3.5em !important;
display:inline-block;
padding:.15em;
padding-left:2.5em;
padding-right:2.5em;
margin-top:15px;
background:#fff100;
border-radius:3px;
box-shadow:3px 3px 3px rgba(4,68,119,.6);
}

div.contact-btn h6 a img{
width:30px;
height:auto;
position:relative;
top:-6px;
left:-8px;
}

div.contact-btn h6 a:link,
div.contact-btn h6 a:visited{
color:#0099ce;
}

div.contact-btn h6 a:hover,
div.contact-btn h6 a:active{
color:#ffffff;
background:#044477;
}

/*----------------------------------------
 merit
----------------------------------------*/
section#merit{
font-family: 'Noto Sans JP', sans-serif;
background:#ffffff;
padding-top:25px;
}

section#merit h3{
font-size:3em;
font-weight:700;
letter-spacing:.1em;
line-height:1.75em;
padding-bottom:20px;
}

section#merit h3 span{
color:#0099ce;
}

section#merit h3 span.large{
font-size:2.2em;
}

section#merit > div{
font-size:1.15em;
text-align:left;
margin:0 auto;
padding-top:30px;
padding-bottom:30px;
padding-left:10%;
padding-right:10%;
}

section#merit > div h4{
font-size:1.75em;
color:#0099ce;
margin-bottom:4px;
}

section#merit > div p{
font-size:1.25em;
}

section#merit div div.merit_img{
width:50px;
height:auto;
margin-right:13px;
}

section#merit > div.merit_001{
background:#fedd78;
}

section#merit > div.merit_002{
background:#fbc93b;
}

section#merit > div.merit_003{
background:#f6ab00;
}

/*----------------------------------------
 voice
----------------------------------------*/

section#voice{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#fff100;
padding-top:30px;
padding-bottom:30px;
}

section#voice h3{
font-family: 'Noto Serif JP', serif;
font-size:3em;
font-weight:500;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:20px;
border-bottom:2px solid #ffffff;
}

section#voice h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.5em;
font-weight:400;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

section#voice > div{
width:90%;
margin:0 auto;
}

section#voice img{
width:230px;
height:230px;
}

section#voice div.fukidashi{
font-size:1.15em;
text-align:left;
padding:20px;
background:#ffffff;
border-radius:5px;
}

div.triangle-left{
border-top: 15px solid transparent;
border-right: 15px solid #ffffff;
border-bottom: 15px solid transparent;
margin-left:10px;
}

div.triangle-right{
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #ffffff;
margin-right:10px;
}

section#voice div.fukidashi h4{
font-size:1.65em;
margin-bottom:5px;
}

section#voice div.fukidashi p{
font-size:1.25em;
line-height:1.7em;
}

/*----------------------------------------
 contact-btn-wrap
----------------------------------------*/
section.contact-btn-wrap{
smargin:15px auto;
}

/*----------------------------------------
 what
----------------------------------------*/
section#what{
padding-left:5%;
padding-right:5%;
padding-top:50px;
padding-bottom:50px;
background:#efefef;
}

section#what h2{
font-size:3em;
letter-spacing:.2em;
padding-top:20px;
padding-bottom:20px;
background:#ffffff;
}

section#what h2 span{
color:#0099ce;
}

div.triangle-bottom{
border-top: 30px solid #ffffff;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
width:30px;
margin:0 auto;
margin-bottom:30px;
}

section#what div.box_31{
font-family: 'Noto Sans JP', sans-serif;
text-align:left;
background:#ffffff;
padding:15px;
border-radius:8px;
box-shadow:4px 4px 3px rgba(0,0,0,.15);
}

section#what div.box_31 h3{
font-size:1.55em;
font-weight:700;
color:#ffffff;
letter-spacing:.05em;
line-height:1.6em;
padding:10px;
padding-right:70px;
margin-bottom:10px;
box-sizing:border-box;
}

section#what div.reason001 h3{
background:#14ae67 url(../images/num_1_03.svg) no-repeat 95% 50%;
background-size:40px 40px;
}

section#what div.reason002 h3{
background:#14ae67 url(../images/num_2_03.svg) no-repeat 95% 50%;
background-size:40px 40px;
}

section#what div.reason003 h3{
background:#14ae67 url(../images/num_3_03.svg) no-repeat 95% 50%;
background-size:40px 40px;
}

section#what div.box_31 p{
font-size:1.25em;
line-height:1.8em;
}

/*----------------------------------------
 service
----------------------------------------*/

section#service{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#fff100;
padding-left:5%;
padding-right:5%;
padding-top:30px;
padding-bottom:30px;
}

section#service h3{
font-family: 'Noto Serif JP', serif;
font-size:3em;
font-weight:500;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:35px;
border-bottom:2px solid #ffffff;
}

section#service h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.5em;
font-weight:400;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

section#service > div.FB{
text-align:left;
background:#ffffff;
margin-bottom:30px;
box-shadow:4px 4px 3px rgba(0,0,0,.15);
}

section#service > div.FB >div.box_70{
padding:15px;
}

section#service > div.FB >div.box_70 h4{
font-family: 'Noto Serif JP', serif;
font-size:2.2em;
margin-bottom:8px;
}

section#service > div.FB >div.box_70 h4::before{
content:"▶ ";
font-size:.7em;
color:#6cb3d4;
}

section#service > div.FB >div.box_70 h5{
font-size:1.6em;
font-weight:400;
color:#595656;
padding-left:1.3em;
padding-right:1em;
}

section#service > div.FB >div.box_70 p{
font-size:4.5em;
font-weight:700;
text-align:right;
color:#eeeeee;
}

/*----------------------------------------
 greeting
----------------------------------------*/

section#greeting{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#ffffff;
padding-left:5%;
padding-right:5%;
padding-top:50px;
padding-bottom:50px;
}

section#greeting h3{
font-family: 'Noto Serif JP', serif;
font-size:3em;
font-weight:500;
color:#595656;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:35px;
border-bottom:2px solid #dddddd;
}

section#greeting h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.5em;
font-weight:400;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

section#greeting > div{
padding-left:5%;
padding-right:5%;
}

section#greeting > div img{
width:180px;
height:auto;
}

section#greeting > div p{
font-family: 'Noto Serif JP', serif;
color:#595656;
text-align:left;
line-height:1.85em;
margin-top:1.5em;
margin-left:20px;
}

section#greeting > div p span{
text-align:right;
letter-spacing:.15em;
display:block;
}

section#greeting > div p span span.large{
font-size:1.7em;
display:inline-block;
margin-left:.35em;
}

/*----------------------------------------
 contact-form
----------------------------------------*/

section#contact-form{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#ffffff;
padding-left:5%;
padding-right:5%;
padding-top:50px;
padding-bottom:50px;
}

section#contact-form h3{
font-family: 'Noto Serif JP', serif;
font-size:3em;
font-weight:500;
color:#595656;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:35px;
border-bottom:2px solid #dddddd;
}

section#contact-form h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.5em;
font-weight:400;
color:#0099ce;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

/*----------------------------------------
 companyinfo
----------------------------------------*/

section#companyinfo{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.2em;
letter-spacing:.15em;
color:#ffffff;
background:#14ae67;
padding-top:50px;
padding-bottom:50px;
padding-left:10%;
padding-right:10%;
}

section#companyinfo h2{
font-size:2.8em;
font-weight:700;
margin-bottom:10px;
}

section#companyinfo h2 span{
font-size:.7em;
}

section#companyinfo h3{
margin-bottom:15px;
}

section#companyinfo h4{
margin-bottom:8px;
display: flex;
align-items: center;
}
 
section#companyinfo h4:before,
section#companyinfo h4:after {
content: "";
height: 2px;
flex-grow: 1;
background-color:rgba(255,255,255,.5);
}
 
section#companyinfo h4:before {
margin-right: 1rem;
}
 
section#companyinfo h4:after {
margin-left: 1rem;
}

section#companyinfo h5{
font-size:3.3em;
font-weight:700;
margin-bottom:10px;
}

section#companyinfo a:link,
section#companyinfo a:visited,
section#companyinfo a:hover,
section#companyinfo a:active{
font-size:1.8em;
color:#ffffff !important;
}

section#companyinfo div.map{
margin-top:55px;
}

section#companyinfo div.map h6{
font-family: 'Roboto', sans-serif;
font-size:1.2em;
font-weight:400;
letter-spacing:.15em;
padding-bottom:.2em;
margin-bottom:15px;
display: flex;
align-items: center;
}

section#companyinfo div.map h6:before,
section#companyinfo div.map h6:after {
content: "";
height: 2px;
flex-grow: 1;
background-color:rgba(255,255,255,.5);
}
 
section#companyinfo div.map h6:before {
margin-right: 1rem;
}
 
section#companyinfo h4:after {
margin-left: 1rem;
}

section#companyinfo div.map iframe{
width:100%;
height:300px;
}

/*----------------------------------------
 note『特定商取引法に基づく表記』
----------------------------------------*/
section#note{
font-family: 'Noto Sans JP', sans-serif;
font-size:1em;
letter-spacing:.05em;
color:;
background:#ffffff;
padding-top:50px;
padding-bottom:50px;
padding-left:5%;
padding-right:5%;	
}

section#note h3{
font-size:1.55em;
font-family: 'Noto Serif JP', serif;
font-weight:500;
letter-spacing:.15em;
margin-bottom:12px;
}

section#note div{
width:100%;
border-spacing:0;
margin: 0px auto;
display: flex;
justify-content: space-between;
overflow-x: auto;
scroll-snap-type: x mandatory;
max-width: 1250px;
position: relative;
z-index: 5;
}

section#note div table{
margin:0 auto;
min-width:700px;
height:auto;
border:1px solid #ddd;
}

section#note table tr th,
section#note table tr td{
text-align:left;
padding:13px;
border:1px solid #fff;
}

section#note table tr:nth-child(odd){
background:#f5f5f5;
}

section#note table tr:nth-child(even){
background:#fff;
}

section#note table tr th{
font-weight:500;
width:20%;
}

section#note p{
font-size:1.7em;
color:#999;
text-align:left;
margin-top:7px;
}

p.animation{
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}

p.keyframe{
animation-name: anim_h;
}

@keyframes anim_h{
0% {
transform: translate(0px, 0);
}
100% {
transform: translate(25px, 0);
}
}

/*----------------------------------------
 box
----------------------------------------*/

.box_100{
width: 100%;
margin:0 auto;
}

.box_100 img{
width: 100%;
margin:0 auto;
}

.box_98{
width: 98%;
margin:0 auto;
}

.box_90{
width: 90%;
margin:0 auto;
}

.box_80{
width: 80%;
margin:0 auto;
}

.box_70{
width: 70%;
margin:0 auto;
}

.box_68{
width: 68%;
margin:0 auto;
}

.box_64{
width: 64%;
margin:0 auto;
}

.box_60{
width: 60%;
margin:0 auto;
}

.box_58{
width: 58%;
margin:0 auto;
}

.box_54{
width: 54%;
margin:0 auto;
}

.box_50{
width: 50%;
margin:0 auto;
}

.box_48{
width: 48%;
margin:0 auto;
}

.box_48_2{
width: 48%;
margin:0 auto;
}

.box_45{
width: 45%;
margin:0 auto;
}

.box_43{
width: 43%;
margin:0 auto;
}

.box_40{
width: 40%;
margin:0 auto;
}

.box_38{
width: 38%;
margin:0 auto;
}

.box_33{
width: 33.3333333%;
margin:0 auto;
}

.box_31{
width: 31%;
margin:0 auto;
}

.box_30{
width: 30%;
margin:0 auto;
}

.box_28{
width: 28%;
margin:0 auto;
}

.box_25{
width: 25%;
margin:0 auto;
}

.box_23{
width: 23%;
margin:0 auto;
}

.box_20{
width: 20%;
margin:0 auto;
}

.box_15{
width: 15%;
margin:0 auto;
}

.box_10{
width: 10%;
margin:0 auto;
}

.box_05{
width: 5%;
margin:0 auto;
}

/*----------------------------------------
 footer
----------------------------------------*/
footer {
width: 100%;
padding-top:35px;
padding-bottom:35px;
}

.to-top i{
position: fixed;
font-size:3em;
right: 15px;
bottom: 10px;
padding: 0;
color:#044477;
cursor: pointer;
z-index:9992;
}

.to-top i:hover{
color:#898989;
}

footer p{
font-size: .9em;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:.2em;
color:#ffffff;
line-height: 1.3em;
}


@media screen and (max-width: 896px) {
	
a.tellink{
pointer-events: auto;
}

.to-top i{
bottom: 49px;
}	
	
/*----------------------------------------
 mainvisual
----------------------------------------*/

header{
padding-top:15px;
padding-left:5%;
padding-right:5%;
background: rgb(246,184,109);
background: linear-gradient(180deg, rgba(246,184,109,1) 0%, rgba(248,207,143,1) 100%);
margin-bottom:0 !important;
}

section#main-visual{
}

section#header-title{
font-family: 'Noto Sans JP', sans-serif;
background:none;
text-align:center;
}

section#header-title h2{
color:#ffffff;
font-size:1.2em;
font-weight:500;
text-align:center;
display:inline-block;
padding:.15em;
padding-left:1em;
padding-right:1em;
margin-bottom:3px;
background:#0099ce;
border-radius:16px;
}

section#header-title h1{
font-size:4em;
font-weight:500;
line-height:1em;
letter-spacing:.15em;
color:#383635;
margin-bottom:7px;
}

section#header-title h1 span{
font-size:.5em;
letter-spacing:.1em;
display:block;
position:relative;
top:3px;
}

section#header-title h1 strong{
color:#0099ce;
display:inline-block;
}

section#main-visual{
margin:0 auto;
padding-left:0;
padding-right:0;
padding-top:5px;
padding-bottom:5px;
}

div.main-visual-problem{
margin:0 auto;
}

div.main-visual-problem p img{
width:200px !important;
height:auto;
margin-bottom:10px;
}

div.main-visual-problem ul{
margin:0 auto;
margin-bottom:15px;
text-align:center;
}

div.main-visual-problem ul li{
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
font-size:1.45em;
margin-bottom:3px;
}

div.main-visual-problem ul li::before{
content:"● ";
font-size:.6em !important;
color:#0099ce;
}

div.main-visual-problem ul li:nth-child(odd):before{
color:#0099ce;
}

div.main-visual-problem ul li:nth-child(even):before{
color:#ffffff;
}

div.main-visual-title{
color:#0099ce;
text-align:center;
padding-left:0 !important;
padding-right:0;
}

div.main-visual-title h3{
font-size:1.6em;
font-weight:500;
}

div.main-visual-title h3 strong{
font-size:1.25em;
display:block;
}

div.main-visual-title h2{
font-size:3.5em;
margin-bottom:10px;
}

div.main-visual-title h2 span{
color:#898989;
}

div.main-visual-title h4{
font-size:2em;
display:inline-block;
background:#ffffff;
border-radius:18px;
padding:.1em;
padding-left:1em;
padding-right:1em;
margin:0 auto;
margin-bottom:10px;
}

div.main-visual-title h4:nth-child(2){
background:#fff100;
margin-bottom:0 !important;
}

p.main-visual-photo img{
width:70%;
height:auto;
}

/*----------------------------------------
 about
----------------------------------------*/
section#about{
background:#ffffff;
padding-left:5%;
padding-right:5%;
padding-top:25px;
padding-bottom:25px;
margin-top:0 !important;
margin-bottom:20px;	
}

section#about div{
position: relative;
width:;
padding: 15px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

section#about div::before,
section#about div::after{
position: absolute;
top: 0;
content: '';
width: 20px;
height: 100%;
border-top: 1px solid #898989;
border-bottom: 1px solid #898989;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

section#about div::before{
left: 0;
border-left: 1px solid #898989;
}

section#about div::after{
right: 0;
border-right: 1px solid #898989;
}

section#about div h2{
font-weight:400;
line-height:1.9em;
text-align:left;
}

section#about div h2 strong{
font-family: 'Noto Sans JP', sans-serif;
font-weight:600;
font-size:2em;
letter-spacing:.1em;
text-align:center;
display:block;
margin-bottom:10px;
}

section#about div h2 strong span.smaller{
font-size:.6em;
display:block;
position:relative;
top:0;
left:0;
}

section#about div h2 strong span.blue{
color:#0099ce;
}

/*----------------------------------------
 secondhr
----------------------------------------*/

section#secondhr{
color:#ffffff;
letter-spacing:.05em;
width:90%;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
}

section#secondhr h5{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.8em;
font-weight:400;
}

section#secondhr h4{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.5em;
font-weight:700;
}

section#secondhr h2{
font-size:3.5em;
}

section#secondhr h3{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.5em;
font-weight:500;
}

section#secondhr h3 strong{
color:#fff100;
font-weight:700;
display:block;
}

section#secondhr div.price{
color:#595656;
font-family: 'Noto Sans JP', sans-serif;
width:100%;
margin:30px auto;
background:#ece8df;
padding:10px;
border-radius:7px;
box-shadow:7px 7px 7px rgba(4,68,119,.6);
}

section#secondhr div.price h3{
font-size:2.8em;
font-weight:700;
line-height:1.5em;
display:inline;
background: linear-gradient(transparent 70%, #fff100 30%);
}

section#secondhr div.price h3 span.large{
font-size:1.3em;
color:#0099ce;
}

section#secondhr div.price h3 span.small{
font-size:.7em;
}

section#secondhr div.price h4{
font-size:1.3em;
margin-top:10px;
margin-bottom:10px;
}

section#secondhr div.price h5{
font-size:1.35em;
font-weight:700;
color:#0099ce;
margin-bottom:8px;
}

section#secondhr div.price ul li{
font-size:1.15em;
margin-bottom:4px;
}

section#secondhr p{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.15em;
text-align:left;
width:100%;
margin:0 auto;
}

/*----------------------------------------
 merit
----------------------------------------*/
section#merit{
font-family: 'Noto Sans JP', sans-serif;
background:#ffffff;
padding-top:25px;
}

section#merit h3{
font-size:1.6em;
font-weight:700;
letter-spacing:.05em;
line-height:2em;
padding-left:5%;
padding-right:5%;
padding-bottom:20px;
}

section#merit h3 span{
color:#0099ce;
}

section#merit h3 span.large{
font-size:2.2em;
}

section#merit > div{
font-size:1.15em;
text-align:left;
margin:0 auto;
padding-top:30px;
padding-bottom:30px;
padding-left:5%;
padding-right:5%;
}

section#merit > div h4{
font-size:1.25em;
color:#0099ce;
margin-bottom:4px;
}

section#merit > div p{
font-size:1em;
}

section#merit div div.merit_img{
display:block !important;
margin-right:10px !important;
}

section#merit > div.merit_001{
background:#fedd78;
}

section#merit > div.merit_002{
background:#fbc93b;
}

section#merit > div.merit_003{
background:#f6ab00;
}

section#merit > div.merit_001 img{
width:25px !important;
height:auto !important;
}

section#merit > div.merit_002 img{
width:25px !important;
height:auto !important;
}

section#merit > div.merit_003 img{
width:25px !important;
height:auto !important;
}

/*----------------------------------------
 voice
----------------------------------------*/

section#voice{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#fff100;
padding-top:30px;
padding-bottom:30px;
}

section#voice h3{
font-family: 'Noto Serif JP', serif;
font-size:3em;
font-weight:500;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:20px;
border-bottom:2px solid #ffffff;
}

section#voice h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.5em;
font-weight:400;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

section#voice > div{
width:90%;
margin:0 auto;
}

section#voice img{
width:200px;
height:200px;
}

section#voice div.fukidashi{
font-size:1.15em;
text-align:left;
padding:10px;
background:#ffffff;
border-radius:8px;
}

section#voice div.women{
margin-bottom:25px;
}

div.triangle-top{
border-right: 15px solid transparent;
border-bottom: 15px solid #ffffff;
border-left: 15px solid transparent;
width:30px;
margin:0 auto;
margin-top:8px;
}

section#voice div.fukidashi h4{
font-size:1.65em;
margin-bottom:5px;
}

section#voice div.fukidashi p{
font-size:1.25em;
line-height:1.7em;
}

/*----------------------------------------
 contact-btn-wrap
----------------------------------------*/
section.contact-btn-wrap{
padding-left:5%;
padding-right:5%;
margin:15px auto;
}

div.contact-btn{
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff;
width:100%;
margin:25px auto;
padding:10px;
background:#14ae67;
border:2px solid #ffffff;
border-radius:20px;
box-shadow:7px 7px 7px rgba(4,68,119,.6);
}

div.contact-btn h5{
font-size:1.6em !important;
font-weight:500;
}

div.contact-btn h3{
font-size:3.25em !important;
}

div.contact-btn h3 img{
width:25px;
height:auto;
position:relative;
top:-8px;
}

div.contact-btn h3 a:link,
div.contact-btn h3 a:visited,
div.contact-btn h3 a:hover,
div.contact-btn h3 a:active{
color:#ffffff;
}

div.contact-btn p{
text-align:center !important;
font-size:1.4em !important;
font-weight:500;
}

div.contact-btn h6 a{
font-size:2em !important;
display:inline-block;
padding:.15em;
padding-left:1.5em;
padding-right:1.5em;
margin-top:10px;
background:#fff100;
border-radius:2px;
box-shadow:2px 2px 1px rgba(4,68,119,.6);
}

div.contact-btn h6 a img{
width:17px;
height:auto;
position:relative;
top:-3px;
left:-6px;
}

div.contact-btn h6 a:link,
div.contact-btn h6 a:visited{
color:#0099ce;
}

div.contact-btn h6 a:hover,
div.contact-btn h6 a:active{
color:#ffffff;
background:#044477;
}

/*----------------------------------------
 what
----------------------------------------*/
section#what{
padding-left:0;
padding-right:0;
padding-top:50px;
padding-bottom:35px;
background:#efefef;
}

section#what h2{
font-size:1.85em;
letter-spacing:.05em;
padding-top:15px;
padding-bottom:15px;
background:#ffffff;
}

section#what h2 span{
color:#0099ce;
}

div.triangle-bottom{
border-top: 15px solid #ffffff;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
width:30px;
margin:0 auto;
margin-bottom:10px;
}

section#what div.box_31{
font-family: 'Noto Sans JP', sans-serif;
text-align:left;
width:100% !important;
background:#ffffff;
padding:10px;
border-radius:8px;
box-shadow:4px 4px 3px rgba(0,0,0,.15);
margin-bottom:15px;
}

section#what div.box_31 h3{
font-size:1.55em;
font-weight:700;
color:#ffffff;
letter-spacing:.05em;
line-height:1.6em;
padding:10px;
padding-right:70px;
margin-bottom:10px;
box-sizing:border-box;
}

section#what div.reason001 h3{
background:#14ae67 url(../images/num_1_03.svg) no-repeat 95% 50%;
background-size:40px 40px;
}

section#what div.reason002 h3{
background:#14ae67 url(../images/num_2_03.svg) no-repeat 95% 50%;
background-size:40px 40px;
}

section#what div.reason003 h3{
background:#14ae67 url(../images/num_3_03.svg) no-repeat 95% 50%;
background-size:40px 40px;
}

section#what div.box_31 p{
font-size:1.25em;
line-height:1.8em;
}

/*----------------------------------------
 service
----------------------------------------*/

section#service{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#fff100;
padding-left:5%;
padding-right:5%;
padding-top:30px;
padding-bottom:30px;
}

section#service h3{
font-family: 'Noto Serif JP', serif;
font-size:3em;
font-weight:500;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:35px;
border-bottom:2px solid #ffffff;
}

section#service h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.5em;
font-weight:400;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

section#service > div.FB{
text-align:left;
background:#ffffff;
margin-bottom:30px;
box-shadow:4px 4px 3px rgba(0,0,0,.15);
}

section#service > div.FB >div.box_70{
padding:10px;
}

section#service > div.FB >div.box_70 h4{
font-family: 'Noto Serif JP', serif;
font-size:2em;
margin-bottom:8px;
}

section#service > div.FB >div.box_70 h4::before{
content:"▶ ";
font-size:.7em;
color:#6cb3d4;
}

section#service > div.FB >div.box_70 h5{
font-size:1.6em;
font-weight:400;
color:#595656;
padding-left:1.3em;
padding-right:1em;
}

section#service > div.FB >div.box_70 p{
font-size:4.5em;
font-weight:700;
text-align:right;
color:#eeeeee;
}

section#service > div.FB >div img{
padding-top:10px;
padding-bottom:10px;
}

/*----------------------------------------
 greeting
----------------------------------------*/

section#greeting{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#ffffff;
padding-left:5%;
padding-right:5%;
padding-top:50px;
padding-bottom:50px;
}

section#greeting h3{
font-family: 'Noto Serif JP', serif;
font-size:2em;
font-weight:500;
color:#595656;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:35px;
border-bottom:2px solid #dddddd;
}

section#greeting h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.75em;
font-weight:400;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

section#greeting > div{
padding-left:2.5%;
padding-right:2.5%;
}

section#greeting > div img{
width:180px;
height:auto;
}

section#greeting > div p{
font-family: 'Noto Serif JP', serif;
color:#595656;
text-align:left;
line-height:1.85em;
margin-top:1em;
margin-left:0;
}

section#greeting > div p span{
text-align:right;
letter-spacing:.15em;
display:block;
}

section#greeting > div p span span.large{
font-size:1.7em;
display:inline-block;
margin-left:.35em;
}

/*----------------------------------------
 contact-form
----------------------------------------*/

section#contact-form{
font-family: 'Noto Sans JP', sans-serif;
color:#0099ce;
background:#ffffff;
padding-left:5%;
padding-right:5%;
padding-top:50px;
padding-bottom:50px;
}

section#contact-form h3{
font-family: 'Noto Serif JP', serif;
font-size:2.5em;
font-weight:500;
color:#595656;
letter-spacing:.2em;
padding-bottom:.5em;
margin-bottom:35px;
border-bottom:2px solid #dddddd;
}

section#contact-form h3 span{
font-family: 'Noto Sans JP', sans-serif;
font-size:.5em;
font-weight:400;
color:#0099ce;
letter-spacing:.7em;
display:block;
margin-top:8px;
}

/*----------------------------------------
 companyinfo
----------------------------------------*/

section#companyinfo{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.2em;
letter-spacing:.15em;
color:#ffffff;
background:#14ae67;
padding-top:50px;
padding-bottom:50px;
padding-left:5%;
padding-right:5%;
}

section#companyinfo h2{
font-size:2.5em;
font-weight:700;
margin-bottom:10px;
}

section#companyinfo h2 span{
font-size:.7em;
display:block;
}

section#companyinfo h3{
text-align:center;
margin:0 auto;
margin-bottom:25px;
}

section#companyinfo h4{
margin-bottom:3px;
display:flex;
align-items:center;
}
 
section#companyinfo h4:before,
section#companyinfo h4:after {
content: "";
height: 2px;
flex-grow: 1;
background-color:rgba(255,255,255,.5);
}
 
section#companyinfo h4:before {
margin-right: 1rem;
}
 
section#companyinfo h4:after {
margin-left: 1rem;
}

section#companyinfo h5{
font-size:2em;
font-weight:700;
margin-bottom:10px;
}

section#companyinfo a:link,
section#companyinfo a:visited,
section#companyinfo a:hover,
section#companyinfo a:active{
font-size:1.6em;
color:#ffffff !important;
}

section#companyinfo div.map{
margin-top:25px;
}

section#companyinfo div.map h6{
font-family: 'Roboto', sans-serif;
font-size:1.2em;
font-weight:400;
letter-spacing:.15em;
padding-bottom:.2em;
margin-bottom:8px;
display: flex;
align-items: center;
}

section#companyinfo div.map h6:before,
section#companyinfo div.map h6:after {
content: "";
height: 2px;
flex-grow: 1;
background-color:rgba(255,255,255,.5);
}
 
section#companyinfo div.map h6:before {
margin-right: 1rem;
}
 
section#companyinfo h4:after {
margin-left: 1rem;
}

section#companyinfo div.map iframe{
width:100%;
height:300px;
}

/*----------------------------------------
 footer
----------------------------------------*/
footer {
padding-bottom:70px;
}

/*----------------------------------------
 .FBB .box
----------------------------------------*/

.box_100{
width: 100%;
margin:0 auto;
}

.box_100 img{
width: 100%;
margin:0 auto;
}

.FBB .box_98{
width: 98% !important;
margin:0 auto;
}

.FBB .box_90{
width: 90% !important;
margin:0 auto;
}

.FBB .box_80{
width: 80% !important;
margin:0 auto;
}

.FBB .box_70{
width: 70% !important;
margin:0 auto;
}

.FBB .box_68{
width: 68% !important;
margin:0 auto;
}

.FBB .box_64{
width: 64% !important;
margin:0 auto;
}

.FBB .box_60{
width: 60% !important;
margin:0 auto;
}

.FBB .box_58{
width: 58% !important;
margin:0 auto;
}

.FBB .box_54{
width: 54% !important;
margin:0 auto;
}

.FBB .box_50{
width: 50% !important;
margin:0 auto;
}

.FBB .box_48{
width: 48% !important;
margin:0 auto;
}

.FBB .box_48_2{
width: 48% !important;
margin:0 auto;
}

.FBB .box_45{
width: 45% !important;
margin:0 auto;
}

.FBB .box_43{
width: 43% !important;
margin:0 auto;
}

.FBB .box_40{
width: 40% !important;
margin:0 auto;
}

.FBB .box_38{
width: 38% !important;
margin:0 auto;
}

.FBB .box_33{
width: 33.3333333% !important;
margin:0 auto;
}

.FBB .box_31{
width: 31% !important;
margin:0 auto;
}

.FBB .box_30{
width: 30% !important;
margin:0 auto;
}

.FBB .box_28{
width: 28% !important;
margin:0 auto;
}

.FBB .box_25{
width: 25% !important;
margin:0 auto;
}

.FBB .box_23{
width: 23% !important;
margin:0 auto;
}

.FBB .box_20{
width: 20% !important;
margin:0 auto;
}

.FBB .box_15{
width: 15% !important;
margin:0 auto;
}

.FBB .box_10{
width: 10% !important;
margin:0 auto;
}

.FBB .box_05{
width: 5% !important;
margin:0 auto;
}

}