#fixNav {
	display: none;
}

*,
img {
	max-width: 100%;
}


.sp {
	display: block;
}






/* header */

header .inner {
	display: block;
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}

header #hdRight {
	padding-top: 15px;
}

header #hdRight .hdRightBtn li {
	width: 32%;
}

header #hdRight .hdRightBtn li a {
	padding: 5px;
	font-size: 1.2rem;
}

.spnone {
	display: none;
}

header #hdRight .hdRightTell {
	display: none;
}

header #hdRight .hdRightBtn {
	font-size: 1.4rem;
}








/* mainNav */

#mainNav ul {
	width: 100%;
}

#mainNav ul li {
	font-size: 1.6rem;
}

#mainNav ul li:first-of-type {
	border-right: solid 1px #fff;
	border-left: none;
}

#mainNav ul li:last-of-type {
	border-right: none;
	border-left: solid 1px #fff;
}

main .cnt1000 {
	width: 100%;
}








/* intro */

#intro {
	padding-bottom: 45px;
}

#intro img {
	max-width: 100%;
}

#intro .photo {
	width: 56%;
}

#intro .kaitekiseikatsu {
	width: 44%;
}

#intro h2 {
	padding: 0 20px;
}

#intro .btn_raiten {
	padding: 0 15px;
}







/* cost */

#cost img {
	max-width: 100%;
}

.costList {
	margin-top: -20%;
	padding: 15px;
}

.costList ul li {
	align-items: flex-start;
	width: 100%;
	font-size: 1.6rem;
}

.costList ul li:nth-child(even) {
	width: 100%;
}

.costList ul li::before {
	content: '';
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	background-image: url('../img/cost-ck.svg');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}







/* plan */

#plan .inner {
	width: 100%;
}

#plan .inner h2 img {
	width: 60%;
	height: auto;
}

.planList {
	width: 100%;
	padding: 25px 15px 15px;
	box-sizing: border-box;
}

.planList li {
	margin-bottom: 40px;
}

.planCap {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

.planText h3 {
	font-size: calc( ( 100vw - 40px) / 14);
}

.planBtn {
	padding: 0 15px;
}







/* merit */

main .cnt1000.sec {
	background: none;
}

#merit {
	background: none;
	padding: 25px 0;
}

#merit ul {
	float: none;
	width: 100%;
	padding: 15px;
}

#merit ul li {
	border-bottom: dotted 1px #fff;
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.6rem;
}

#merit ul li:last-of-type {
	border: none;
}

#merit ul li img {
	width: 50px;
	height: auto;
}

#merit ul li span {}






/* fuan */

#fuan {
	background: #fff;
	padding: 30px 0;
}

#fuan .inner {
	background-size: cover;
	background-position: center;
	margin-bottom: 20px;
}

#fuan .inner ul {
	flex-wrap: wrap;
	padding: 20px 10px;
}

#fuan .inner ul li {
	width: 50%;
}

#fuan .inner ul li img {
	width: 100%;
}



/* cospa */

#cospa {
	padding: 25px 0;
}

#cospa h2 {
	width: 95%;
	margin: auto;
}

#cospa ul {
	flex-direction: column;
}

#cospa ul li {
	width: 100%;
	margin-bottom: 15px;
}

#cospa ul li h3 {
	margin: 0 0 -14px;
	text-align: center;
	width: 150px;
}

#cospa ul li p {
	width: 100%;
	box-sizing: border-box;
}




/* maker */

#maker .makerInner::before,
#maker .makerInner::after {
	display: none;
}

#maker h2 {
	padding: 20px 15px;
}

.ststubi {
	padding-bottom: 20px;
}

.ststubi h3 {
	justify-content: space-between;
	font-size: 2.4rem;
	font-size: calc( ( 100vw - 45%) / 14);
}

.ststubi h3 img {
	width: 45%;
}

.ststubi ul li {
	width: 30%;
}

.ststubi ul li img {
	border-width: 3px;
}





/* company */

#company {
	padding: 20px 0 0;
}

.comPhoto {
	width: 100%;
	height: 150px;
	background: url('../img/company_bg.jpg') no-repeat;
	background-position: bottom left;
	background-size: 150%;
}

.comWrap {
	background: none;
}

.comWrap .inner {
	width: 100%;
	padding: 20px 15px;
}

.comWrap .inner .tableWrap {
	width: 100%;
	padding: 0;
}

.comChara {
	width: 100px;
	transform: translate(0, -86px);
}

.comWrap .inner table tr,
.comWrap .inner table th,
.comWrap .inner table td {
	display: block;
}

.comWrap .inner table tr {
	margin-bottom: 15px;
	border: none;
}

.comWrap .inner table th {
	background: #eee;
	width: 100%;
	box-sizing: border-box;
}

.comWrap .inner table td {
	margin-top: 5px;
	margin-bottom: 15px;
}

#shop {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

#shop .shopInfo {
	display: block;
	margin-top: 20px;
}

#shop .otherInfo {
	font-size: 1.6rem;
}

#spTakamatsu {
	margin-top: 30px;
}

#spTokushima,
#spTakamatsu {
	float: none;
	margin: auto;
}



/* contact */

#contact {
	padding: 25px 15px 0;
}

#contact .inner h2 {
	font-size: 3rem;
}

#contactForm {
	width: 100%;
	margin: 25px auto;
}

#contactForm .inner {
	width: 100%;
	margin: 0;
	padding: 0 15px 20px;
	box-sizing: border-box;
}

.mfp .formLine,
.mfp .formRight ul li,
.mfp .formRight ul li span,
.mfp .formRight select {
	display: block;
}

.mfp .formLeft {
	width: 100%;
}

.mfp .formRight ul li span {
	width: 100%;
	font-size: 1.4rem;
}

.mfp .formRight.multi {
	display: block;
}

.mfp .formRight span.spFlex {
	display: table;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.mfp .formRight span.spFlex i {
	display: table-cell;
	width: 2em;
}

.mfp .formRight span.spFlex select {
	display: table-cell;
	box-sizing: border-box;
}

.mfp .formRight select {
	width: 100%;
}

select.time {
	margin-left: 0
}

.formBtn .btnArea {
	width: 80%;
}

.btnArea button.mfp_element_all {
	max-width: initial;
}


.mfp .formLeft .formCont br {
	display: none;
}

.mfp .formLeft .formCont {
	white-space: normal;
}


/* spFtNav */

#spFtNav {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	background: #fff;
	width: 100%;
	border-top: solid 1px #123192;
}

#spFtNav ul {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
}

#spFtNav ul li {
	list-style: none;
	width: 25%;
	border-right: solid 1px #fff;
	text-align: center;
	line-height: 1.2;
}

#spFtNav ul li:last-of-type {
	border: none;
}

#spFtNav ul li a {
	display: block;
	padding: 8px;
}

#spFtNav ul li.telbtn a:link,
#spFtNav ul li.telbtn a:visited,
#spFtNav ul li.telbtn a:hover,
#spFtNav ul li.telbtn a:active,
#spFtNav ul li.conbtn a:link,
#spFtNav ul li.conbtn a:visited,
#spFtNav ul li.conbtn a:hover,
#spFtNav ul li.conbtn a:active {
	color: #fff;
	text-decoration: none;
}

.telbtn {
	background: #0396E5;
}

.conbtn {
	background: #ff931e;
}

#spFtNav ul li.topbtn a:link,
#spFtNav ul li.topbtn a:visited,
#spFtNav ul li.topbtn a:hover,
#spFtNav ul li.topbtn a:active {
	color: #666;
	text-decoration: none;
}

.topbtn {
	background: url('../img/intro_bg.gif');
}

#spFtNav ul li i {
	font-size: calc( ( 100vw - 25%) /10);
}

#spFtNav ul li span {
	display: block;
	background: #fff;
	margin-top: 5px;
	padding: 3px;
	font-size: 1.0rem;
	border-radius: calc( 1em + 6px);
}

#spFtNav ul li a:link span,
#spFtNav ul li a:visited span,
#spFtNav ul li a:hover span,
#spFtNav ul li a:active span {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}




/* thanks */

#thanksBg h2 {
	font-size: calc( ( 100vw - 40px) /18);
}

#thanks #thanksBg .cnt1000 {
	width: 90%;
	margin: auto;
}

#thanksBg .inner {
	padding: 25px;
}

.thanksBtm {
	width: 90%;
}

.thanksBtm li {
	width: 48%;
}