@charset "UTF-8";

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

body{
font-size:1em;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
text-align:left;
letter-spacing:.1em;
color: #333;
-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: #fbb03b;
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: #001d33;
}
a:visited{
color: #001d33;
}
a:hover{
color: #fcd16b;
}
a:visited{
color: #fcd16b;
}

div.header-contact a:link,
div.header-contact a:visited,
div.header-contact a:hover,
div.header-contact 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: #001d33;
}

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

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%;
}

/*----------------------------------------
 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;
}

/*----------------------------------------
 main_title
----------------------------------------*/



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

section#main-visual{
background:url(../images/back_header.jpg) no-repeat 50% 50%;
background-size:100% auto;
}

/*----------------------------------------
 背景画像
----------------------------------------*/

div#anshin-back{
background:#e3ccb8 url(../images/!.svg) no-repeat 99% 50%;
background-size:150px auto;
display:flex;
justify-content:center;
align-items:center;
}

div.cap3_001{
background:#001d33 url(../images/important.svg) no-repeat 10px 10px;
background-size:125px auto;
}

div.cap3_002{
background:#001d33 url(../images/important.svg) no-repeat 5px 5px;
background-size:90px auto;
}

div#contact-form-title{
background:url(../images/back_mail_head.jpg) no-repeat 50% 50%;
background-size:cover;	
}

div.case div.case_head{
background:#001d33 0% 50%;
background-size:100% 50%;	
}

div.case_cap {
margin-top:-80px;
}

/*----------------------------------------
 footer
----------------------------------------*/
footer {
width: 100%;
}

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

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

p{
font-size: 1.25em;
line-height: 1.3em;
}


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

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

section#main-visual{
background:#8bd9fd url(../images/back_header_sp.jpg) no-repeat 50% 50%;
background-size:auto 100%;
}

/*----------------------------------------
 .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;
}

}