/*
 Theme Name:at-set Child
 Theme URI:http://www.pop-mix.jp/
 Description:  AT Child Theme
 Author:popmix
 Author URI:http://www.pop-mix.jp/
 Template:at-set
 Version:1.0.0
 Text Domain:at-set-child
*/
/*--------------------------------------------------------------
CONTACT CONTENTS:
----------------------------------------------------------------
# Header
# Title
# List
# Main Content
# Pagination
# Box type
# Form
# Link
# Error
# Modal
# Map
# Elements
# Footer
# clearfix
--------------------------------------------------------------*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,body {
	height: 100%;
    background: #fff;/*opening*/
}

html {
	font-size: 62.5%;
	font-family: 'Noto Sans Japanese','Helvetica Neue','Helvetica','Arial',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body {
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #39393d;
	-webkit-text-size-adjust: none;
}

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

.edit-link {
	display: none;
}

img {
	max-width: 100%;
	height: auto;
}

img.ie {
	display: none;
}

i {
	margin: 0 0.25em;
}

p,ul,ol,dl,dt,dd {
  margin: 0 0 0.5em;
  padding: 0;
  word-wrap: break-word; /* IE11用 */
  overflow-wrap: break-word;
  word-break: break-all;
}

ul,ol{
	list-style: none;
}

input,
button,
textarea,
select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: auto;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "MyYuGothicM", YuGothic, sans-serif;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select,
a:focus {
    outline: none;
}

select {
    outline: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: auto;/* ! 100% prohibited ! */
}

select option {
    background-color: #fff;
    color: inherit;
}

select option:hover {
    color: #fff;
    background: #64ad13;
}

select::-ms-expand {
    display: none;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #828c9a;
}

input::-ms-clear {
    visibility: hidden;
}

@keyframes onAutoFillStart {
    from {}

    to {}
}

@-webkit-keyframes onAutoFillStart {
    from {}

    to {}
}

input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
    -webkit-text-fill-color: #39393d !important;
    -webkit-box-shadow: 0 0 0px 1000px rgb(249, 251, 253) inset !important;
}


blockquote,
figure {
	margin: 2em 0 2.5em;
}

input::-ms-clear {
    visibility: hidden;
}

#contents {
	min-height: 100%;
}

#cover {
	position: relative;
	min-height: calc(100vh - 100px);
	z-index: 1;/*scroll hidden*/
}

#wMain .action,
#wHeader .action {
	visibility: hidden;
}

@media screen and (min-width: 800px) {
	p,ul,dl,dt,dd {
	margin: 0 0 1em;
	}
	
	#contents {
  display: -webkit-flex;
  display: flex;	
		    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		    justify-content: space-between;
	}
	
	#cover {
		width: calc(100% - 250px);
	}
	
	

}
/*end*/

@media screen and (max-width: 799px) {
html.priority,
html.priority body {
	height: 100vh;/*navの数に応じて*/
	overflow: hidden;
}
	
#cover {
	min-height: calc(100vh - 66px);
}

}
/* end */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead {
	background: #fff;
}

#wHeader {
	position: relative;
	width: 250px;
  overflow-x: hidden;
  overflow-y: hidden;
}

#wHeader .bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% + 17px);/*scroll hidden*/
  overflow-y: auto;
	background: none;/*disabled*/
}

#siteLogo {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
  font-size: 100%;
  line-height: 1;
}

#siteLogo a {
	display: block;
	width: 200px;
	margin: auto;
}

#siteLogo img {
	width: 200px;
}

#navGlobal {
		display: none;
}
	
#site-navigation button,
#site-navigation.toggled #areaToggle {
  display: block;
}

#site-navigation button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #000;
  margin-left: 2px;
  padding: 8px 5px 5px 5px;
  background: rgba(230, 244, 240, 0.62);
  border: none;
  z-index: 10002;
}
	
#site-navigation button:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  width: 20px;
  height: 2px;
	margin: 0 auto;
  background-color: #213960;
}

#site-navigation button:after {
  content: '';
  position: absolute;
  top: 24px;
  left: 10px;
  width: 30px;
  height: 2px;
  margin: 0 auto;
  background-color: #213960;
}
	
#site-navigation button:hover {
			cursor: pointer;
	}
	
#site-navigation button span  {
			display: block;
			padding-top: 20px;
			color: #213960;
}
	
#site-navigation button span:before  {
	position: absolute;
 	top: 16px;
 	left: 10px;
	content: '';
	width: 26px;
 	height: 2px;
	margin: 0 auto;
 	background-color: #213960;
}

#site-navigation.toggled button span:before  {
		display: none;
}
	
#site-navigation.toggled button:before {
  content: '';
  position: absolute;
  top: 15px;
		left: 0;
		right: 0;
  width: 21px;
  height: 1px;
  background-color: #213960;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#site-navigation.toggled button:after {
  content: '';
  position: absolute;
 top: 15px;
		left: 0;
		right: 0;
  width: 21px;
  height: 1px;
  background-color: #213960;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
	
#navGlobal {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
  display: -webkit-flex;
  display: flex;
		flex-direction: column;
	width: 100%;
	height: auto;
	margin: 0 auto 1em;
		padding: 0;
		background: rgb(255, 111, 26);
}

#navGlobal ul {
	margin: 0;
	padding: 0;
}
	
#navGlobal li {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: initial;/*IE11*/
  width: 100%;
  height: auto;
  min-height: 68px;
  margin: 0;
  padding: 0;
  writing-mode: initial;
  text-align: center;
  color: #fdfbf1;
  font-weight: bold;
	line-height: 1.2;
  border-bottom: 1px solid #ec4100;
}
	
#navGlobal li + li {
  border-right: none;
}

#navGlobal li:hover {
	background: #9c2b00;
}
	
#navGlobal li a {
  display: -webkit-flex;
  display: flex;/*top link*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 68px;
    padding: 0.5em 0.5em;
    text-decoration: none;
}

#navGlobal li:hover a {
    color: rgb(255, 111, 26);
}

#navGlobal li span {
  font-size: 1.4rem;
  font-weight: normal;
}

#setNavSub {
	margin-bottom: 0;
	padding: 1em 1em 1em 2em;
	font-size: 1.6rem;
	background: #fff;
}

#setNavSub li {
	position: relative;
	margin-bottom: 0.25em;
	padding-left: 18px;
}

#setNavSub li a {
	color: #8f683b;
}

#setNavSub li a:hover {
	color: #dea100;
}

#setNavSub li a {
}

#setNavSub li:before {
  display: block;
  position: absolute;
  left: -5px;
  top: 2px;
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}

#setNavSub li.icoCompany:before {
  content: "\f05a";
}

#setNavSub li.icoPrivacy:before {
  content: "\f505";
}

#consultationForm {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 1;
}

#consultationForm a {
    display: block;
    padding: 5px 1em;
    text-decoration: none;
	color: #fff;
    border-radius: 50px;	
	border: 3px solid #ed6c33;
    box-shadow: 0 2px 6px rgba(130, 48, 8, 0.6);
	background: rgba(132, 83, 48, 0.7);
}

#consultationForm a:hover {
    color: #ffe500;
    background: rgba(140, 125, 0, 0.7);
}

#areaListColumn {
    width: 100%;
    margin: 0 auto 1em;
	padding: 0 10px 5px;
	background: #fff;
}

#areaListColumn .title {
	margin: 0;
	padding: 5px 0.5em;
	color: #fff;
	text-align: center;
}

#areaListColumn .title a {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: flex-end;
	align-items: center;
  padding: 0 0 0 0.5em;
  text-decoration: none;
  background: #ff6f1a; 
  line-height: 1.9;/*IE11*/
	vertical-align: middle;
}

#areaListColumn .title a:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	content: "";
width: 0;
height: 0;
	margin: 0 auto;
border-style: solid;
border-width: 10px 7px 0 7px;
border-color: #ff6f1a transparent transparent transparent;

}

#areaListColumn ul {
	margin: 0;
}

#areaListColumn ul li {
	padding: 5px 0.5em;
}

#areaBnrSns {
	padding: 0 10px;
}

#areaBnrSns a {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

#areaBnrSns a:hover {
	opacity: 0.5;
}

#areaBnrSns img {
	width: 100%;
}

#breadcrumbs {
	display: none;
}


@media screen and (min-width: 800px) {
	#wHeader {
		width: 250px;
	}

#siteLogo,
#site-navigation {
  width: 250px;/*scroll hidden*/
	background: #fff;
}
	
#site-navigation {
	padding-bottom: 20px;
}

#site-navigation button {
  display: none;
}
}
/*end*/

@media screen and (max-width: 799px) {
	#masthead {
		background: none;
	}
	
	#wHeader {
		width: 100%;
	}
	
	#wHeader .bg {
	position: static;
	}
	
  html.priority #wHeader {
			height: 100vh;
	}

#areaToggle {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: auto;
		height: 100vh;/*navの数に応じて*/
		margin: 0;
		padding: 10px 0 0;
	background: #fff;
		z-index: 10001;
}
	
	#site-navigation button,
	#site-navigation.toggled #areaToggle {
	display: block;
}

	#site-navigation.toggled #areaToggle {
			overflow-y: auto;
			padding: 0 0 6em;
	}
	
	#site-navigation.toggled button span:before  {
		display: none;
	}
	
	#site-navigation.toggled button:before {
  content: '';
  position: absolute;
  top: 15px;
		left: 0;
		right: 0;
  width: 21px;
  height: 1px;
  background-color: #213960;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
	#site-navigation.toggled button:after {
  content: '';
  position: absolute;
 top: 15px;
		left: 0;
		right: 0;
  width: 21px;
  height: 1px;
  background-color: #213960;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
	
	#navGlobal li {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 60px;
		margin: 0;
		padding: 0;
		writing-mode: initial;
		text-align: center;
	}
	
	#navGlobal li + li {
		border-right: none;
	}
	
	#navGlobal li a {
			padding: 0.5em;
	}
	
	#navGlobal li.current-menu-item:before,
	#navGlobal li a:before {
	bottom: 0;
    top: auto;
		left: 0;
		right: 0;
		margin: auto;
	}

	#consultationForm {
		display: none;
	}
	
}
/* end */

@media screen\0 {

}
/* end */

/*--------------------------------------------------------------
# Title
--------------------------------------------------------------*/
h1 {
	margin: 0 0 1em;
    font-size: 2.4rem;
    line-height: 1.4;
    
}

h2,h3,h4,h5,h6 {
	margin: 0 0 1em;
	font-size: 1.8rem;
	line-height: 1.4;
}

@media screen and (min-width: 800px) {
    h1 {
        font-size: 3.6rem;
    }
    
	h2,h3,h4,h5,h6 {
		margin-bottom: 1em;
		font-size: 2.4rem;
	}

}
/*end*/

/*--------------------------------------------------------------
# List
--------------------------------------------------------------*/
.listNormal li,
.listNam .listNormal li {
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 0.25em;
}

.listNam li {
    list-style-type: decimal;
    margin-left: 30px;
    margin-bottom: 0.5em;
}

.listNam li p {
	margin-bottom: 0;
}

.listNam li ol, 
.listNam li ul {
	padding: 1em 1em 0;
}

.listNewArticle li {
	border-bottom: 1px dashed #ccc;
}

.listNewArticle li p {
	margin: 0;
}

.listTabel .setTable {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	align-items: center;
	width: 100%;
	padding: 1em 0;
}

.listTabel .setTable {
	border-bottom: 1px solid #ccc;
}

.listTabel dt {
	width: 200px;
	margin: 0;
	padding: 0 2em 0 1em;
	font-weight: bold;
}

.listTabel dd {
  margin: 0;
	padding: 0 1em;
}

/*--------------------------------------------------------------
# Main Content
--------------------------------------------------------------*/
#wMain {
	width: 100%;
	padding-bottom: 64px;
}

.area {
  padding: 2em;
}

.section {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.blockProperty .item {
  border-radius: 10px;
  background: #fff;
}

.blockProperty .item:hover {
	opacity: 0.5;
}

.blockProperty .item a {
	text-decoration: none;
}

.blockProperty .item .title {
  width: 100%;
  padding: 8px 0.5em;
  border-radius: 10px 10px 0 0;
	font-size: 2.2rem;
  font-weight: bold;
	text-overflow: ellipsis;
	    white-space: nowrap;
    overflow: hidden;
  background: #ecd9c2;
}

.blockProperty .item .data {
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
	margin-bottom: 0;
	padding-bottom: 1.25em;
}

.blockProperty .img {
	width: 30%;
	margin: 0 0.75em;
	background: #f5f1ed;
}

.blockProperty.two‐division .img {
	width: 30%;
	min-width: 110px;
	min-height: 110px;
}

.blockProperty.three‐division .img {
	width: 30%;
	min-width: 130px;
	min-height: 130px;
	max-height: 130px;
}

.blockProperty .listData {
	width: 70%;
	margin: 0;
	padding: 0 0.5em 0 0;
}

.blockProperty .listData .setData {
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}

.blockProperty .listData dt {
	width: 7em;
	padding: 4px 0.25em;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	background: #ccb08f;
}

.blockProperty .listData dd {
	width: 100%;
	padding: 0 0 0 0.5em;
	line-height: 1.4;
}

.blockProperty .listData .itemRent dd,
.blockProperty .listData .itemPrice dd {
	font-weight: bold;
}

.blockProperty .listData .itemRent dd span,
.blockProperty .listData .itemPrice dd span {
	padding: 0 0.25em;
	font-size: 1.4rem;
}

@media screen and (min-width: 800px) {

	
}
/*end*/

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.pagination {
  display: -webkit-flex;
  display: flex;
	justify-content: center;
    padding: 2em 0;	
}

.pagination .nav-links {
	    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagination .page-numbers {
	margin: 0 0.5em;
    padding: 0.25em 0.5em;
    min-width: 40px;
    display: block;
	text-align: center;
    border: 1px solid #f5c886;
    color: #fff;
}

.pagination .page-numbers.current {
	font-weight: bold;
	background: rgba(199, 176, 151, 0.67);
}

#navPagination .nav-links {
  display: -webkit-flex;
  display: flex;
	justify-content: space-between;
}

#navPagination .nav-links .nav-previous,
#navPagination .nav-links .nav-next {
	width: 50%;
	max-width: 22em;
}

#navPagination .nav-links .nav-previous {
	margin-left: 0.25em;
	padding-right: 1em;
}

#navPagination .nav-links .nav-next {
	padding-left: 1em;
	margin-right: 0.25em;
}

#navPagination .nav-links .nav-previous a,
#navPagination .nav-links .nav-next a {
	display: block;
}

@media screen and (max-width: 799px) {
.area {
  padding: 1em;
}
.blockProperty .item .title {
	 padding: 8px 0.25em;
	font-size: 1.8rem;
}
	
}
/*end*/

/*--------------------------------------------------------------
# Box type
--------------------------------------------------------------*/
.two‐division,
.three‐division {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.two‐division .item {
	  width: 50%;
  width: -webkit-calc(96% / 2);
  width: calc(96% / 2);
	margin: 15px 1%;
}

.three‐division .item {
  width: 32%;
  width: -webkit-calc(94% / 3);
  width: calc(94% / 3);
	margin: 15px 1%;
}

@media screen and (max-width: 1319px) {

.three‐division .item {
	  width: 50%;
  width: -webkit-calc(96% / 2);
  width: calc(96% / 2);
	margin: 10px 1%;
}

}
/*end*/
@media screen and (max-width: 1000px) {

.blockProperty .item .data {
	flex-direction: column;
	padding: 0 1em 0.5em;
}
	
.blockProperty.three‐division .img {
  width: 130px;
  margin: 0 auto 1em;
}
	.blockProperty .listData {
		width: 100%;
	}

}
/*end*/

@media screen and (max-width: 799px) {
	
.three‐division .item {
	margin: 5px 1%;
}
	.blockProperty .item .data {
	flex-direction: column;
	padding: 0 0.5em 0.25em;
}
	
}
/*end*/

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

label[for] {
    cursor: pointer;
}

::placeholder {
    color: #80979e;
}

::-webkit-input-placeholder {
    color: #80979e;
    opacity: 1;
}

:-moz-placeholder {
    color: #80979e;
}

::-moz-placeholder {
    color: #80979e;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #80979e;
}

:placeholder-shown {
    color: #80979e;
}

input.error::-webkit-input-placeholder {
    color: #ff6733;
}

input.error::-moz-placeholder {
    color: #ff6733;
}

input.error:-ms-input-placeholder {
    color: #ff6733;
}

input,
label,
select,
textarea,
button {
    cursor: pointer;
}

.wpcf7c-conf {
  color: #39393d;/*Required*/
  border: 1px solid #ff6e57;
  background-color: #f3d2ba;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="datetime-local"],
input[type="password"],
textarea {
    width: 100%;
    min-height: 40px;
    padding: 0.4em 0.25em 0.3em;
    line-height: 1.5;
    border: 1px solid #cad6dc;
    border-bottom: 2px solid #bdced6;
  box-shadow: 0 2px 2px rgba(181, 189, 208, 0.4);
    background: rgb(249, 251, 253);
}

#areaCryptodate input[type="text"],
#areaCryptodate input[type="tel"],
#areaCryptodate input[type="email"],
#areaCryptodate input[type="datetime-local"] {
    box-shadow: 0 3px 1px rgba(234, 214, 212, 0.8);
}

.sideInput {
    width: auto;
}

textarea {
    width: 100%;
    margin-bottom: 0.3em;
}

label.select {
    margin-right: 0.25em;
    margin-bottom: 0.1em;
    padding: 0;
    border: 3px solid #e3e8d1;
    border-radius: 50px;
    box-shadow: 0 2px 6px rgba(187, 195, 210, 0.4);
    background: #fff;
}

label.select + input[type="text"],
label.select + input[type="tel"],
label.select + input[type="email"] {
    margin-left: 1em;
}

label.select + span {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.listTable dd .editing .time label.select + span,
.listTable dd .editing .break label.select + span {
    margin-left: 0;
    margin-right: 0;
}

#pageGuideSub label.select {
    border: 3px solid #bbccb6;
}

label.select:hover {
    box-shadow: none;
    transform: translateY(2px);
}

label.select select {
    position: relative;
    min-width: 15px;/*勤務時間修正 これ以上の幅は禁止*/
    padding: 0.5em 2em 0.5em 1em;
    color: #30b736;
    z-index: 1;
}

.listTable label.select select {
    padding: 0.25em 1.5em 0.25em 0.5em;
}

#pageGuideSub label.select select {
    color: #37ab92;
}

#pageGuideSub label.select:before {
    border-color: #37ab92 transparent transparent transparent;
}

label.select::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 10px;
    width: 0;
    height: 0;
    margin: auto 0;
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #30b736 transparent transparent transparent;
}

.listCheck .selecting,
input[type="checkbox"].simpleCheck + label,
.listCheck li input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 0 3px 0 1.8em;
    cursor: pointer;
    word-break: keep-all;
}

input[type="checkbox"]:disabled.simpleCheck,
.listCheck li input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled.simpleCheck + label,
.listCheck li input[type="checkbox"]:disabled + label {
    cursor: default;
}

input[type="radio"].simpleRadio,
input[type="checkbox"].simpleCheck,
.listRadio li input[type="radio"],
.listCheck li input[type="checkbox"] {
    display: none;
}

input[type="radio"].simpleRadio + label::before,
.listRadio li input[type="radio"] + label::before {
    content: '';
    width: 20px;
    height: 20px;
    margin: auto 0;
    padding: 5px;
    border: 2px solid #d9dbc8;
    background: #fefff9;
    transition: all 0.7s;
}

.listRadio li input[type="radio"] + label::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.listCheck .selecting::before,
input[type="checkbox"].simpleCheck + label::before,
.listCheck li input[type="checkbox"] + label::before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-bottom: 4px;
    padding: 5px;
    border: 2px solid #cad6dc;
    background: rgb(249, 251, 253);
    transition: all 0.7s;
}

.listCheck .selecting::after,
input[type="checkbox"].simpleCheck:checked + label::after,
.listCheck li input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 3px;
    top: 0.2em;
    left: 4px;
    width: 20px;
    height: 10px;
    border-left: 3px solid #41c650;
    border-bottom: 3px solid #41c650;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.listRadio li input[type="radio"] + label::before {
    border-radius: 100%;
}

input[type="radio"].simpleRadio:checked + label::before,
.listRadio li input[type="radio"]:checked + label::before {
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    box-shadow: 0 -1px 1px rgba(212, 196, 177, 0.8), 0 2px 1px rgba(212, 196, 177, 0.8);
    background: #F90;
}

input[type="radio"].simpleRadio + label,
input[type="checkbox"].simpleCheck + label::before {
    top: 0;
    bottom: 0;
    margin: auto;
}

input[type="radio"].simpleRadio + label::before {
    display: block;
}


.listSelect,
.listCheck,
.listRadio {
    margin: 0;
}

.listSelect li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.25em;
}

dl.inputForm dd .listSelect li:last-of-type {
    margin-bottom: 0;
    /* 新規登録系 */
}

.listSelect + p {
    padding-top: 0.5em;
}

.listRadio,
.listCheck {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

input + .listRadio,
.listSelect + .listRadio,
input + .listCheck,
.listSelect + .listCheck {
    padding-top: 0.5em;
}

.inputForm .listRadio > li,
.inputForm .listCheck > li {
    padding: 0.25em 1em 0.25em 0;
}

.listRadio > li:last-of-type li,
.listCheck > li:last-of-type li {
    margin-bottom: 0;
    padding-bottom: 0;
}

.listCheck li,
.listRadio li {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.listCheck li input[type="text"],
.listRadio li input[type="text"],
.listCheck li input[type="tel"],
.listRadio li input[type="tel"],
.listCheck li input[type="email"],
.listRadio li input[type="email"] {
    margin-left: 0.5em;
}

.listRadio input[type="radio"] + label::before {
    top: 5px;
    top: 0.3em;
    bottom: auto;
}

input[type="radio"].simpleRadio + label,
input[type="checkbox"].simpleCheck + label,
.listRadio label,
.listCheck label {
    line-height: 1.5;
}

.listRadio label {
    padding: 1px 3px 0 1.8em;
}

.listCheck input[type="checkbox"] + label::before {
    top: 5px;
    top: 0.3em;
}

@media screen\0 {

    input[type="text"],
	input[type="tel"],
	input[type="email"],
    input[type="password"],
    textarea {
        padding: 0.45em 0.5em 0.1em;
    }

    input[type="datetime-local"] {
        padding: 0.4em 0.5em 0.15em;
    }

    input[type="submit"],
    input[type="button"] {
        padding-top: 0.6em;
        padding-bottom: 0.3em;
    }

    input[type="checkbox"].simpleCheck + label,
    .listCheck li input[type="checkbox"] + label {
        padding: 0.35em 3px 0 1.8em;
    }

    .listRadio label {
        padding: 0.35em 10px 0 1.8em;
    }


}/* end */

.btn {
    display: inline-block;
    min-width: 270px;
    margin-bottom: 3px;
    padding: 10px 50px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(109, 30, 0, 0.6);
    border: 3px solid #e65400;
    background: rgb(255, 132, 4);
    -webkit-transition: background-color .6s;
    transition: background-color .6s;
}

.areaBtnC {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding-top: 1em;
}

.areaBtn .btn,
.areaBtnC .btn {
    margin-bottom: 2em;
    margin-right: 1em;
    margin-left: 1em;
    box-shadow: 0 2px 6px rgba(144, 151, 165, 0.6);
}

.areaBtn .btn:hover,
.areaBtnC .btn:hover {
    box-shadow: none;
}

.btnRegistration {
    border-left: 2px solid #c8f1ff;
    border-bottom: 3px solid #a3e3f9;
    background: #00a0e9;
    -webkit-transition: background .6s;
    transition: background .6s;
}

.btnRegistration:hover {
    border-left: 2px solid #85a7b2;
    border-bottom: 3px solid #85a7b2;
    color: #00a0e9;
    background: rgb(182, 200, 209);
}

.btnCancel {
  border-top: 3px solid #1d304c;
  border-left: 3px solid #1d304c;
  border-right: 3px solid #1d304c;
  border-bottom: 3px solid #5b7ab3;
  background: #333e4d;
}

.btnCancel:hover {
    color: #333e4d;
	  border-top: 3px solid #1d304c;
    border-left: 3px solid #59607e;
  border-right: 3px solid #1d304c;
    border-bottom: 3px solid #59607e;
    background: #7e97b7;
}

.btnBack {
	position: relative;
	padding-left: 1.25em;
	color: #fff;
}

.btnBack :hover {
	color: #dea100;
}

.btnBack:before {
  display: block;
  position: absolute;
  left: -5px;
  top: 2px;
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}

#navBack {
	padding: 1em 0;
}

#areaform {
    max-width: 900px;
    margin: 0 auto 2em;
}

#confirmationForm {
    max-width: 745px;
    margin: 0 auto;
}

#confirmationForm dt {
    min-height: 2em;
    /* 未入力の場合 */
    margin-bottom: 0.5em;
    padding: 3px 0.5em 3px 0;
    font-size: 2.4rem;
    color: #00a0e9;
}

#confirmationForm dd {
    margin-bottom: 2em;
    padding: 2px 0.5em;
    border-bottom: 2px solid #00a0e9;
}

#confirmationForm + p {
    margin: 0;
    padding: 20px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;

}

#completeForm {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 100px);
}

#completeForm .message {
    margin-bottom: 2em;
    font-size: 2.4rem;
    text-align: center;
}

.inputForm {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    padding-top: 2em;
}

.inputForm dt,
.inputForm dd {
    width: 100%;
    margin: 0;
}

.inputForm > dt,
.inputForm div > dt {
    position: relative;
    padding: 0;
    font-size: 2.4rem;
}

.inputForm dt span {
    margin: auto 0 auto 0.5em;
}

.icoRequired,
.icoInputtype {
    display: inline-block;
    margin-top: 0;
    margin-left: 0.5em;
    padding: 2px 0.5em 2px 0.45em;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1.1;
    vertical-align: middle;
}

.icoRequired {
    background: #ff6e57;
}

.icoInputtype {
    background: #39393d;
}

.inputForm dt .icoRequired,
.inputForm dt .icoInputtype {
    margin-top: -3px;
}

.inputForm dt br {
    display: none;
}

.inputForm dt p {
    margin-bottom: 0.5rem;
}

.inputForm dd,
.inputForm > div,
.inputForm > ul {
    margin-bottom: 2em;
    padding: 1.5em 3px 2em;
}

.inputForm > dd,
.inputForm > div {
    border-bottom: 1px dotted #cad6dc;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.inputForm dd:last-child{
    border: none;
}

.inputForm dd ul,
.inputForm dd ol {
    margin: 0;
}

.inputForm dd ul + p {
    width: 100%;
    margin-bottom: 0;
}

.inputForm dd dl {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}

.inputForm dd dl dt {
    width: auto;
}

.inputForm dd dl dd {
    width: auto;
    margin-bottom: 0;
    padding-left: 0;
}

.inputForm dd span {
    padding-right: 0.25em;
    font-weight: bold;
}

.inputForm dd span {
    padding-top: 0.3em;
}

.inputForm dd input + span {
    padding: 0.3em 0.5em 0.3em 0;
}

.inputForm dd .btn span {
    padding: 0;
}

.inputForm dd input[type="text"],
.inputForm dd input[type="tel"],
.inputForm dd input[type="email"],
.inputForm dd input[type="password"] {
    margin-bottom: 0.25em;
    margin-right: 0.5em;
}

.inputForm .number input,
.inputForm .postcode input {
    max-width: 5em;  
}

.inputForm .tel input,
.inputForm .mail input {
    max-width: 20em;
}

.listFlow {
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    margin-bottom: 4em;
    padding-top: 1em;
}

.listFlow li {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 0.5em;
    line-height: 1.4;
    text-align: center;
    background: #fff;
}

.listFlow li:first-of-type {
    padding-left: 0;
}

.listFlow li:before {
    left: 0;
    right: 0;
    bottom: -20px;
    content: "";
    border-top: 1px solid #cad6dc;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;

    margin: auto;
}

.listFlow li:first-of-type:before {
    right: 0;
    left: auto;
    width: 50%;
}


.listFlow li:last-of-type:before {
    left: 0;
    right: auto;
    width: 50%;
}

.listFlow li:after {
    position: absolute;
    bottom: -25px;
    left: 50%;
    content: "";
    width: 10px;
    height: 10px;
    margin: 0 auto;
    background: #cad6dc;
    border-radius: 10px;
}

.listFlow li:first-of-type:after {
    right: 50%;
    left: auto;
}

.listFlow li:last-of-type:after {
    left: 50%;
    right: auto;
}

.listFlow li.active:after {
    background: #ff6f1a;
}

#areaFormInfo {
    margin-top: 5em;
    padding: 2em 0;
    border-top: 1px solid #cad6dc;
    font-size: 1.6rem;
}

#areaFormInfo h2 {
    margin-bottom: 0.5em;
}

#areaFormInfo p,
#areaFormInfo ul {
    padding: 0 1em;
}

@media screen\0 {

    .btnCancel {
        padding-top: 0.8em;
        /*半角英数字と合わせる*/
        padding-bottom: 0.2em;
    }

    textarea,
    label.select {
        margin-bottom: 0.5em;
    }

    .inputForm dt,
    .inputForm dd {
        padding-top: 0.7em;
        padding-bottom: 0.3em;
    }

    .inputForm dd .btn,
    .inputForm dd input[type="text"],
	.inputForm dd input[type="tel"],
	.inputForm dd input[type="email"],
    .inputForm dd input[type="password"] {
        margin-bottom: 0.45em;
    }

    .inputForm dd .btn + span,
    .inputForm dd input + span {
        padding: 0.5em 0.5em 0.1em 0;
    }

    .inputForm dt span {
        margin-top: -0.2em;
    }

}

/*end*/

@media screen and (min-width: 800px) {
.btn:hover {
    cursor: pointer;
    box-shadow: none;
    background: rgb(182, 209, 184);
	border-color: #78c573;
}
.inputForm dd,
.inputForm > div,
.inputForm > ul {
    padding: 1.5em 20px 2em;
}

}/*end*/

@media screen and (max-width: 799px) {
.btn:active {
    cursor: pointer;
    box-shadow: none;
    background: rgb(182, 209, 184);
	border-color: #78c573;
}

}

/*--------------------------------------------------------------
# Link
--------------------------------------------------------------*/
a {
	color: inherit;
	text-decoration: underline;
}

.btnList {
	    position: relative;
    padding: 0 0.5em 0 1.5em;
    font-size: 1.3rem;
    background: #fff;
    color: #ed6c33;
    margin: auto 0.25em auto 1em;
    display: inline-block;
    vertical-align: middle;
}

.btnList:before {
	  display: block;
  position: absolute;
  left: 5px;
  top: 2px;
  content: "\f03a";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}

.nav-links a {
	position: relative;
	color: #8f683b;
}

.nav-links .nav-previous a {
	padding-left: 1.5em;
}

.nav-links .nav-next a {
	padding-right: 1em;
}

.nav-links a:hover {
	color: #dea100;
}

.nav-links .nav-previous a:before {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  content: "\f137";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}

.nav-links .nav-next a:before {
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}

#navList {
	    display: -webkit-flex;
    display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1em;
}
#navList a {
	position: relative;
	padding-left: 1.5em;
}

#navList a:before {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  content: "\f03a";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}

/*--------------------------------------------------------------
# Error
--------------------------------------------------------------*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
div.wpcf7-custom-wpcf7c-confirmed {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 0 auto 1em;
  padding: 1em;
  border: 2px solid #ff6e57;
  background: #ffe6d7;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
p.wpcf7c-elm-step2,
.inputForm dd span.wpcf7-not-valid-tip{
	color: #ff492c;
}

.inputForm dd .wpcf7-form-control-wrap {
	display: block;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #ff492c;
	background: #ffd3b3;
}

.inputForm dd span.wpcf7-not-valid-tip {
	padding-left: 1.5em;
	position: relative;
}

.inputForm dd span.wpcf7-not-valid-tip:before {
    position: absolute;
    top: 6px;
    top: 0.55em;
    left: 0;
    display: block;
    content: '\FF01';
    width: 20px;
    height: 20px;
    margin: auto;
    line-height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-family: sans-serif;
    border-radius: 100%;
    background: #ff492c;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal {
	display: inline;
}

.modalBox {
	position: relative;
    display: -webkit-flex;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.modalBox label.modalClose {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 10px;
	width: 48px;
	height: auto;
	padding: 2px 0;
	color: #fff;
	font-size: 4rem;
	cursor: pointer;
	font-family: Arial;
	line-height: 1;
	vertical-align: middle;
    text-align: center;
	z-index: 10003;
	background: rgba(0, 0, 0, 0.8);
}

.modal input[type="checkbox"].modalSwitch {
	position: absolute;
	z-index: -9999;
	visibility: hidden;
}

.modal input[type="checkbox"].modalSwitch:checked + label::after,
.modal .btnLabel::before {
	display: none;
}

.modal .modalLayer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
    text-align: left;
	background: rgba(19, 14, 14, 0.84);
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: opacity ease-out all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	z-index: -1;
}

.modal input:checked ~ .modalLayer {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	z-index: 10003;
}

.modal .modalWrapper {
	width: 90%;
    height: auto;
	max-width: 700px;
}

.modal .modalWrapper .areaTxt {
    padding: 0 1em;
}

.listThumbnail li label {
  position:relative;
  width: 100%;
  height:0;
  padding-bottom:100%;
  overflow:hidden;
  background-color:#ccc;
}

.listThumbnail li label img {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:179%;
  max-height:initial;
}

/*--------------------------------------------------------------
# Map
--------------------------------------------------------------*/
#areaMap {
  width: 100%;
  height: 400px;
  margin: 0;
  border-top: 1px solid #a8ad96;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

#wMain .setMultipleColumn {
	width: 100%;
}

.txtC {text-align: center;} .txtR {text-align: right;}
.clearBr { display: inline; }

@media screen and (min-width: 800px) {
	#wMain .setMultipleColumn {
        display: -webkit-flex;
        display: flex;
		justify-content: center;
}
    
    #wMain .set2Column {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
    }

	.clearBr { display: none; }
}
/*end*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#wFooter {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 0;
	text-align: center;
    color: #fff;
	border-top: 2px solid #a53500;
	box-shadow: 1px 0px 6px rgba(119, 0, 0, 0.86) inset;
    background-color: #ff6f1a;
}

#footerCopy {
  width: 100%;
  margin: 0 0 0 auto;
}

#pageTop {
	display: none;
	position: fixed;
    right: 12px;
    bottom: 18px;
	margin: 0;
	padding: 0;/*IE*/
    line-height: 39px;
    text-align: center;
    color: #ff6f1a;
    font-size: 1.4rem;
    font-weight: normal;
    z-index: 888;
    border-radius: 5px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
}

#pageTop a {
    position: relative;
	width: 100%;
	text-decoration: none;
}

#pageTop a::before,
#pageTop a::after {
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#pageTop a::before {
    bottom: 30px;
    right: 40px;
    width: 1px;
    height: 55px;
    background: #ff6f1a;
}

#pageTop a::after {
    right: 20px;
    bottom: 40px;
    width: 40px;
    height: 40px;
    border-top: 1px solid #ff6f1a;
    border-right: 1px solid #ff6f1a;
    -webkit-transform: rotate(314deg);
    transform: rotate(314deg);
}

#pageTop:hover {
    opacity: 0.8;
	cursor: pointer;
    color: #444;
}

#pageTop:hover a::before {
    background: #444;
}

#pageTop:hover a::after {
    border-top: 1px solid #444;
    border-right: 1px solid #444;
}

#pageTop.show {
    transform: scale(1);
	-webkit-transform: scale(1);
}


/*--------------------------------------------------------------
# clearfix
--------------------------------------------------------------*/

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}