@charset "utf-8";
/*----------
main color：#ff8c9d
-----------*/

/*************************************************
	共有設定
*************************************************/

html { font-size: 62.5%; width: 100%; }
body {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  color: #000;
  background: #FFF;
  background-size: 100%;
}
* { box-sizing: border-box; word-wrap: break-word; }
img { width: 100%; }
a { color: #ff8c9d; }
a:link,
a:visited,
a:active,
a:hover { overflow: hidden; outline: none; }
a:hover { cursor: pointer; }
.vega { font-family: 'Inder'; }


h1 { font-weight: normal; }
h2 { font-weight: normal; font-size: 0; }
h3 { font-weight: bold; }
h4 { font-weight: normal; }
h5 {  }

/***** style *****/
p  { line-height: 20px; }
dt { line-height: 20px; }
dd { line-height: 20px; }
ol li { list-style: none; }
ol li { list-style: none; }

button{ border: 0; background: none; }

th { font-weight: normal; }
td { font-weight: normal; }

.acBody { display: none; }
.ofit {
object-fit: cover;
font-family: 'object-fit: cover;'
}

input[type="text"], textarea {
	font-family: inherit;
	font-size: 100%;
}

/*//////////////////////////////////////////////
	共通
//////////////////////////////////////////////*/


/*-common-*/
header {
	width: 100%;
    height: 80px;
    margin: 0 auto;
    text-align: left;
    padding: 0 2% 2%;
    position: fixed;
    background: #FFF;
    z-index: 9999;
    border-bottom: 1px solid #999;
}
header .offcialBtn {
	display:none;
}
header .logo {
	float:left;
	height: 50px;
    width: auto;
}
header h1 a {
    display: block;
	color:#787878;
	font-size: 1rem;
    text-align: center;
    padding: 2px;
}
header ul.headerBtn{
	float: right;
	width: 160px;
}
header ul.headerBtn li{
	width: 50px;
    display: inline-block;
    padding: 5px;
}
header ul.headerBtn li.tel{
	border: 2px solid #f8a45e;
    background: #fff7cd;
    background: -moz-linear-gradient(top, #fff7cd 0%, #ffc053 46%, #ffa723 100%);
    background: -webkit-linear-gradient(top, #fff7cd 0%,#ffc053 46%,#ffa723 100%);
    background: linear-gradient(to bottom, #fff7cd 0%,#ffc053 46%,#ffa723 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7cd', endColorstr='#ffa723',GradientType=0 );
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
header ul.headerBtn li.mail{
	border: 2px solid #80cfff;
    background: #cdf7ff;
    background: -moz-linear-gradient(top, #cdf7ff 0%, #68bbd2 46%, #5386bd 100%);
    background: -webkit-linear-gradient(top, #cdf7ff 0%,#68bbd2 46%,#5386bd 100%);
    background: linear-gradient(to bottom, #cdf7ff 0%,#68bbd2 46%,#5386bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdf7ff', endColorstr='#5386bd',GradientType=0 );
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;;
    -moz-border-radius: 5px;
}header ul.headerBtn li.line{
	border: 2px solid #5db800;
    background: #a7e19a;
    background: -moz-linear-gradient(top, #a7e19a 0%, #40be0a 46%, #47b13d 100%);
    background: -webkit-linear-gradient(top, #a7e19a 0%,#40be0a 46%,#47b13d 100%);
    background: linear-gradient(to bottom, #a7e19a 0%,#40be0a 46%,#47b13d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e19a', endColorstr='#47b13d',GradientType=0 );
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.panKuz {
    margin: 0 auto;
    padding: 0 2%;
    display: block;
    padding-top: 80px;
}
.panKuz .home {
    background: url(../img/ico_home.png) left no-repeat;
    background-size: 18px auto;
    padding-left: 22px;
}

section {
	border-top: 1px solid #c8c8c8;
	padding: 5px;
    max-width: 1200px;
    margin: 0 auto;
}
section.noPadding{
	padding: 5px 0;
    max-width: 1200px;
    margin: 0 auto;
}
h2.secTtl {
	font-size: 2.4rem;
    color: #414141;
    text-align: center;
    font-weight: bold;
    line-height: 1.25em;
    margin-top: 20px;
}
p.txt {
    color: #787878;
    font-size: 1.6rem;
    text-align: center;
    display: block;
    padding: 10px 0 20px;
    line-height: 1em;
}

#slider {
}
.slider li {
}

.consept p {
	font-size: 1.4rem;
    line-height: 1.5em;
}


.application table{
	width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
} 
.application table th {
    padding: 10px;
    background: #ff8c9d;
    border: 1px solid #ff8c9d;
    color: #FFF;
    font-size: 1.6rem;
    width: 30%;
    text-align: center;
}
.application table td {
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #ff8c9d;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5em;
}

.accordion-container .accordion-title {
	position: relative;
    margin: 0;
    cursor: pointer;
    color: #ffffff;
 	font-size: 1.8rem;
    background: #ff8c9d;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 3em 10px 2em;
    text-indent: -1.5em;
}
.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 15px;
  height: 2px;
  background: #fff;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content p {
    font-size: 1.8rem;
    line-height: 1.5em;
    padding: 0 1em 1em 2em;
    text-indent: -1em;
}

.flowSection {
    position: relative;
	display: flex;
    margin-bottom: 30px;
}
.flowSection:after {
    content: "▼";
    font-size: 2rem;
    position: absolute;
    bottom: -25px;
    left: 50%;
}
.flow p.photo {
	float: left;
    width: 30%;
    clear: both;
}
.flow dl {
	float: left;
    width: 70%;
    padding-left: 10px;
}
.flow dl dt {
    color: #ff8c9d;
    font-size: 1.8rem;
    margin-bottom: 5px;
    line-height: 1em;
}
.flow dl dd {
    font-size: 1,4rem;
    line-height: 1.5em;
}



.inquiry {
    margin: 0 10px;
    padding: 20px;
    font-size: 2rem;
    text-align: center;
    clear: both;
}
.inquiry li {
	padding: 5px 10px;
	margin-bottom: 10px;
}
.inquiry a {
	color: #FFF;
}
.inquiry .tel {
    border: 2px solid #f8a45e;
    background: #fff7cd;
    background: -moz-linear-gradient(top, #fff7cd 0%, #ffc053 46%, #ffa723 100%);
    background: -webkit-linear-gradient(top, #fff7cd 0%,#ffc053 46%,#ffa723 100%);
    background: linear-gradient(to bottom, #fff7cd 0%,#ffc053 46%,#ffa723 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7cd', endColorstr='#ffa723',GradientType=0 );
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.inquiry .tel a {
    background: url(../img/inquiry_tel.png) left no-repeat;
    background-size: 35px auto;
    padding-left: 40px;
}
.inquiry .mail {
    border: 2px solid #80cfff;
    background: #cdf7ff;
    background: -moz-linear-gradient(top, #cdf7ff 0%, #68bbd2 46%, #5386bd 100%);
    background: -webkit-linear-gradient(top, #cdf7ff 0%,#68bbd2 46%,#5386bd 100%);
    background: linear-gradient(to bottom, #cdf7ff 0%,#68bbd2 46%,#5386bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdf7ff', endColorstr='#5386bd',GradientType=0 );
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.inquiry .mail a {
    background: url(../img/inquiry_mail.png) left no-repeat;
    background-size: 35px auto;
    padding-left: 40px;
}
.inquiry .line {
    border: 2px solid #5db800;
    background: #a7e19a;
    background: -moz-linear-gradient(top, #a7e19a 0%, #40be0a 46%, #47b13d 100%);
    background: -webkit-linear-gradient(top, #a7e19a 0%,#40be0a 46%,#47b13d 100%);
    background: linear-gradient(to bottom, #a7e19a 0%,#40be0a 46%,#47b13d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e19a', endColorstr='#47b13d',GradientType=0 );
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.inquiry .line a {
    background: url(../img/inquiry_line.png) left no-repeat;
    background-size: 35px auto;
    padding-left: 40px;
}

form li{
    margin: 10px 0;
    font-size: 1.4rem;
}
form dt {
    margin-bottom: 5px;
}
form dd.form_s input {
    width: 30%;
}
form input[type="text"], 
form input[type="email"], 
form textarea {
    width: 100%;
    padding: 10px;
}
form .submitbtn input {
    margin: 10px auto;
    padding: 0 10px;
    width: 90%;
    height: 40px;
    display: block;
    border-radius: 20px;
    border: navajowhite;
    font-weight: bold;
    font-size: 1.6rem;
}

#page-top {
    position: fixed;
    right: 10px;
    z-index: 300;
    width: 50px;
    height: 50px;
    background: #ff8c9d;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#page-top a {
    color: #FFFFFF;
    display: block;
    padding: 10px 5px;
    line-height: 1.2;
}

footer {
    padding: 10px 10px 20px 10px;
    text-align: center;
    color: #FFFFFF;
    background: #ff8c9d;
    font-size: 10px;
}
footer a {
    color: #FFFFFF;
    display: block;
}

@media screen and (min-width: 720px){
    a[href^="tel"] { pointer-events: none; }
	.inquiry {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
	}
	.inquiry li {
	   padding: 10px 15px;
	   margin: 0 5px;
	}
}