/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}

ul{
	list-style: none;
}

blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}

/*=================================== 初期設定 ===*/

html{
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	-webkit-box-sizing : border-box;
}

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

body{
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:1.6rem;
	letter-spacing:0.1rem;
	line-height:1.8;
	color:#333;
    word-break: break-all;
    background: #ffede1;

}

.preload * {
    -webkit-transition: none !important;
    transition: none !important;
}

a{
	text-decoration: none;
	color:#333;;
    transition: .3s;
    -webkit-transition: .3s;
}

img{
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
	width /***/:auto;	/*IE8のみ適用*/
}

.l-wrapper{
    max-width: 500px;
    height: 100dvh;
    margin: 0 auto;
    min-height: 815px;
    position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
    flex-direction: column;
}

.l-wrapper-form{
    max-width: 500px;
    margin: 0 auto;
    background: #fff;
    padding: 0 15px;
}


/*=================================== フッター ===*/

.footer-btn {
position: relative;
    z-index: 100;
    bottom:0;
    left: 0;
    width: 100%;
    padding: 3% 0 5%;
    background: #fff;
}

.footer-btn .link{
    max-width: 400px;
    margin: 0 auto;
    color:#fff;
    text-align: center;
    border-radius: 30px;
    background: #FF7619;;
    display: block;
    padding: 12px 2%;
    font-weight: 600;
    width: 100%;
    font-size: 1.6rem;
}

.footer-btn .link-b ,.btn_top a{
    margin: 0 auto;
    color:#fff;
    text-align: center;
    border-radius: 30px;
    background: #5CC7C2;
    display: block;
    padding: 12px 2%;
    font-weight: 600;
    width: 100%;
    font-size: 1.6rem;
}

.btn_top{
    margin:10% 0 20%;
}

.btn_top a{
    width: 90%;
    max-width: 400px;
}

.footer-btn .txt{
    text-align: center;
}

.footer-btn-link{
    display: flex;
    width: 96%;
    margin: 0 auto;
}

.footer-btn-link li:first-child{
    width: 49%;
    margin-right:2%;
}
.footer-btn-link li{
    width: 49%;
}


.fukidashi {
  display: flex;
  justify-content: center;
  align-items: center;
    font-size: 1.4rem;
    line-height: 1.2;
    vertical-align: baseline;
  
}
.fukidashi::before {
  content: "";
  width: 26px;
  height: 1.5px;
  transform: rotate(60deg);
  background-color: #333333;
}
.fukidashi::after {
  content: "";
  width: 26px;
  height: 1.5px;
  transform: rotate(-60deg);
  background-color: #333333;
}
.fukidashi span{
    font-size: 3rem;
    font-weight: 600;
    margin:0 2px 8px 5px;
}


/*=================================== スライダー ===*/

#fraction{
    padding-bottom:60px;
}
#fraction .swiper-button-next{
    right: 15px;
}

#fraction .swiper-button-prev{
    left:15px;
}

#fraction .swiper-button-next, #fraction .swiper-button-prev{
    color:#FF7619;
    top:0;
    margin-top: 128%;
    width: 15px;
    border-width: 4px;
}

#fraction .swiper-pagination{
    top:0;
    margin-top: 128%;
}

.swiper-pagination-current{
    font-size: 2rem;
    font-weight: 600;
}


.swiper{
    position: relative;
    width: 100%;
    background: #fff;
}


/*=================================== お問い合わせ ===*/

.logo{
    text-align: center;
    padding: 5% 0;
    width: 100%;
    margin: 0 auto 10%;
    border-bottom: 1px solid #E6E6E6;
}

.logo a{
    width: 50%;
    margin: 0 auto;
    display: block;
}

.title{
    font-size: 2rem;
    text-align: center;
    margin-bottom: 5%;
}

.title .en{
    display: block;
    color:#FF7619;
    font-size: 1.2rem;
}

.nf-contact{
    margin-bottom: 10%;
    padding-bottom: 10%;
    border-bottom: 1px solid #ddd;
}

.nf-contact dt{
    background: #ffede1;
    padding: 5px 2%;
    margin-bottom: 10px;
}

.nf-contact dd{
    margin-bottom: 15px;
}

.nf-contact dt span{
    background: #FF7619;
    display: inline-block;
    font-size: 1.4rem;
    color:#fff;
    padding: 0 5px;
    margin-right: 10px;
}

.nf-contact .fo-txt{
    border-radius: 8px;
    background: #fff;
    border:1px solid #ddd;
    width: 100%;
    padding: 10px 2%;
    cursor: pointer;
    font-size: 1.4rem;
}

textarea.fo-txt{
    height: 200px;
}
.fo-txt::placeholder{
    color:#C0C0C0;
    font-size: 1.4rem;
}

input,textarea,select{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	max-width: 100%;
}

input[type="reset"] ,input[type="submit"] {
	-webkit-appearance: button;
    appearance: button;
}

.fo-check1-input {
  display: none;
}

.fo-check1-input + span {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  margin: 0 2% 2% 0;
}

.fo-check1-input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #ffffff;           /* was $white */
  border: 1px solid #cccccc;     /* was $clr-black4 */
  box-shadow: 0 1px 2px rgba(0,0,0,0.08); /* was @extend .po-shadow */
}

.fo-check1-input + .size1 {
  width: 100%;
}

.fo-check1-input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  border-bottom: 3px solid  #FF7619;
  border-right: 3px solid  #FF7619;
}

.nf-contact ul{
    display: flex;
    flex-wrap: wrap;
}
.nf-contact li{
    width:  48%;
}
.nf-contact .agree{
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 20px;
}

.nf-contact .agree a{
    text-decoration: underline;
}



.nf-contact .submit li.back:first-child{
    width: 40%;
}
.nf-contact .submit li:last-child{
    width: 55%;
    margin-left: 5%;
}
.nf-contact .submit li:first-child{
    width: 100%;
    margin-left: 0;
}


.submit .fo-btn{
    background:#5CC7C2;
    color:#fff;
    font-weight: 600;
    outline: 0;
    border:2px solid #5CC7C2;
    border-radius: 5px;
    padding: 13px 10px ;
    font-size: 1.6rem;
    width: 100%;
}

.submit .fo-btn.gray{
    background: #ddd;
    color:#333;
    border-color: #ddd;
}

.nf-contact .errorMsg{
    margin-bottom: 10px;
}
.nf-contact .errorMsg li{
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    color:#AA0002;
}

.company{
    margin-bottom: 10%;
}

.company table{
    width: 100%;
}

.company th{
    width: 30%;
    background: #f5f5f5;
    padding: 10px 2%;
    font-size: 1.4rem;
    border-bottom: 1px  solid #ddd;
}
.company td{
    width: 70%;
    padding: 10px 2%;
    font-size: 1.4rem;
    border-bottom: 1px  solid  #ddd;
}

.company tr:last-child td,.company tr:last-child th{
    border-bottom: 0;
}

.copyright{
    font-size: 1rem;
    padding-bottom: 20px;
    text-align: center;
}


@media screen and (max-width:800px) {
    .l-wrapper{
        padding-bottom: 0;
        min-height: inherit;
        display: block;
        background: #fff;
    }
    .footer-btn .link{
        font-size: 1.4rem;
    }

    .footer-btn .link-b{
        font-size: 1.4rem;
    }

}