/*
Theme Name: connect
Version: 11.0
*/

body {
	box-sizing: border-box;
	background-color: #fff;
	font-family: sans-serif;
	color: #000;
	line-height: 1.75;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
ul,
li,
dl,
dt,
dd { list-style-type: none; padding: 0; margin: 0; }

div,
a,
p,
ul,
ol,
li,
dl,
dt,
dd,
header,
footer  { box-sizing: border-box ;}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	box-sizing: border-box;
	font-family: sans-serif;
	color: #000;
	line-height: 1.75;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
p {
	margin: 0 0 16px 0 ;
}
a,a:hover {
	text-decoration: none;
}
ol,ul { margin: 0; }
summary::-webkit-details-marker {
	display: none;
}

main { margin-bottom: 96px; }


/*.entry-content > section {
	overflow: hidden;
}*/
/*--------- common functions class ---------*/


/* ---------- common functions ----------*/
.fs-72 { font-size: 72px !important; }
.fs-48 { font-size: 48px !important; }
.fs-36 { font-size: 36px !important; }
.fs-32 { font-size: 32px !important; }
.fs-30 { font-size: 30px !important; }
.fs-28 { font-size: 28px !important; }
.fs-26 { font-size: 26px !important; }
.fs-24 { font-size: 24px !important; }
.fs-22 { font-size: 22px !important; }
.fs-20 { font-size: 20px !important; }
.fs-18 { font-size: 18px !important; }
.fs-16 { font-size: 16px !important; }
.fs-14 { font-size: 14px !important; }
.fs-12 { font-size: 12px !important; }

.fc-bk      { color: #000;    }
.fc-wh      { color: #fff;    }
.fc-orange  { color: #FF5200; }
.fc-orange2 { color: #FF8509; }

span.large { font-size: 120%; }

.bg-wh     { background-color: #fff;    }
.bg-beige  { background-color: #F4EDE6; }
.bg-orange { background-color: #FF5200; }
.bg-blue   { background-color: #51C9CE; }
.bg-beige  { background-color: #F4EDE6; }
.bg-circle {
	background-image: url(/wp-content/themes/connect/images/bg-circle.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.bg-logo {
	position: relative;
}
.bg-logo::before,
.bg-logo::after {
	content: "";
	width: 248px;
	height: 293px;
	position: absolute;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: -1;
}
.bg-logo::before {
	left: -272px;
	background-image: url(/wp-content/themes/connect/images/bg-logo-left.svg);
}
.bg-logo::after {
	right: -272px;
	background-image: url(/wp-content/themes/connect/images/bg-logo-right.svg);
}

.text-left   { text-align: left;  }
.text-right  { text-align: right; }
.text-center { text-align: center; }
.text-just   { text-align: justify; }
.bold        { font-weight: bold; }
.non-bold	 { font-weight: normal; }

.mt-16p { margin-top: 16px !important; }
.mb-16p { margin-bottom: 16px !important; }
.mb-32p { margin-bottom: 32px !important; }
.mb-48p { margin-bottom: 48px !important; }
.mb-64p { margin-bottom: 64px !important; }
.mb-128p{ margin-bottom:128px !important; }
.mb-0   { margin-bottom: 0 !important; }

.pb-64p { padding-bottom: 64px !important;}
.pt-64p { padding-top:    64px !important;}

.fullwidth { width: 100%; }
.block { display: block; }

.has-overflow { overflow: hidden ;}
.wrap {
	max-width: 1000px;
	padding: 0 16px;
	margin: 0 auto;
}
.flex {
	display: flex;
}
.center {
	margin-left: auto !important;
	margin-right: auto !important;
}
.left {
	margin-left: 0;
	margin-right: auto;
}
.right {
	margin-left: auto;
	margin-right: 0;
}


/* グラデーション・影なしボタン */
.btn,
.btn-imgarea,
.btn-search,
.btn-reset  {
	position: relative;
	display: block;
	text-align: center;
	width: 11em;
	border-radius: 3rem;
	letter-spacing: 1px;
	background-color: #FC531F;
	border: 4px solid #FC531F;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	padding: 1em 0;
	transition: 0.5s all;
}
.btn::after,
.btn-imgarea::after {
	content: "→";
	width: 1em;
	height: 1em;
	line-height: 1;
	position: absolute;
	right: 0.4em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn:hover {
	background-color: #fff;
	color: #FC531F;
}
.btn-imgarea {
	width: 16em;
	border: 4px solid #fff;
}
.btn-search {
	width: 16em;
	background-color: #FF4A51;
	border: 4px solid #FC531F !important;
}
.btn-search:hover {
	background-color: #fff;
	color: #FF4A51;
}
.btn-search::after {
	content: "";
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	background-image: url(/wp-content/themes/connect/images/icon-serach.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto;
}

.btn-reset {
	width: 12em;
	background-color: #A0A0A0;
	border: 4px solid #A0A0A0;
}
.btn-reset:hover {
	background-color: #fff;
	color: #A0A0A0;
}
.btn-reset::after {
	content: "";
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	background-image: url(/wp-content/themes/connect/images/icon-reset.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto;
}

/* グラデーション + 影のボタンデザイン */
/*
.btn,
.btn-imgarea,
.btn-search,
.btn-reset  {
	display: block;
	position: relative;
	top: 4px;
	text-align: center;
	width: 11em;
	border-radius: 3em;
	letter-spacing: 1px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	padding: 1em 0;
	transition: 0.5s all;
}
.btn::before,
.btn-search::before,
.btn-reset::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -4px; 
	bottom: -4px;
	left: -4px; 
	right: -4px;
	background: linear-gradient(0deg, #FF4A51 0%, #FF8509 100%);
	box-shadow: 2px 2px 5px #b2b2b2;
	z-index: -1;
	border-radius: 3em;
}

.btn::after,
.btn-imgarea::after {
	content: "→";
	width: 1em;
	height: 1em;
	line-height: 1;
	position: absolute;
	right: 0.4em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn:hover {
	background-color: #fff;
	color: #FC531F;
}

.btn-imgarea {
	width: 16em;
	border: 4px solid #fff;
}

.btn-search {
	width: 16em;
}
.btn-search:hover {
	background-color: rgba(255, 255, 255, 1);
	color: #FF4A51;
}
.btn-search::before {
	background: #FF4A51;
}
.btn-search::after {
	content: "";
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	background-image: url(/wp-content/themes/connect/images/icon-serach.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto;
}
.btn-reset {
	width: 12em;
}
.btn-reset:hover {
	background-color: rgba(255, 255, 255, 1);
	color: #A0A0A0;
}
.btn-reset::before {
	background: #A0A0A0;
}
.btn-reset::after {
	content: "";
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	background-image: url(/wp-content/themes/connect/images/icon-reset.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto;
}
*/


.btn-gray  {
	display: block;
	position: relative;
	text-align: center;
	width: 11em;
	border-radius: 3em;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	padding: 1em 0;
	transition: 0.5s all;
	width: 16em;
	border: 4px solid #A0A0A0;
	background-color: #A0A0A0;
	/*box-shadow: 2px 2px 5px #b2b2b2;*/
}
.btn-gray:hover {
	background-color: #fff;
	color: #A0A0A0;
}
.btn-mail,
.btn-line {
	display: block;
	text-align: center;
	width: 12em;
	background-size: 1.5em;
	background-repeat: no-repeat;
	background-position: left 0.8em center;
	letter-spacing: 1px;
	text-indent: 1em;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	padding: 6px 0;
	margin: 0;
	transition-property: background-color, color;
	transition-duration: 0.5s;
}
.btn-mail {
	background-color: #FC4C56;
	border: 4px solid #FC4C56;
	background-image: url(/wp-content/themes/connect/images/icon-mail.svg);
}
.btn-line {
	background-color: #1FC755;
	border: 4px solid #1FC755;
	background-image: url(/wp-content/themes/connect/images/icon-line.svg);
}
.btn-mail:hover {
	background-color: #fff;
	background-image: url(/wp-content/themes/connect/images/icon-mail-hover.svg);
	color: #FC4C56;
}
.btn-line:hover {
	background-color: #fff;
	background-image: url(/wp-content/themes/connect/images/icon-line-hover.svg);
	color: #1FC755;
}
.btn-mail > img,
.btn-line > img {
	width: 1em;
	margin-right: 0.75em;
}
.btn-line.large {
	width: 22em;
	height: 3em;
	line-height: 2em;
	font-size: 22px;
	border-radius: 3em;
	background-size: 2em;
	background-position: left 2.5em center;
	text-indent: 2.5em;
}
.title-arrow,
.title-noarrow {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 28px;
	color: #000;
	letter-spacing: 1px;
	margin: 0 0 40px 0;
}
.title-arrow {
	padding-left: calc((100vw - 980px) / 2);
	padding-right: calc(((100vw - 980px) / 2) + 2em );
}
.title-arrow:before,
.title-arrow:after,
.title-noarrow:before,
.title-noarrow:after {
	content: "";
	height: 45px;
	display: block;
	position: absolute;
}
.title-arrow:before {
	width: calc((100vw - 980px) / 2);
	background-image: url(/wp-content/themes/connect/images/title-arrow-bg-left.svg);
	background-position: left center;
	background-repeat: repeat-x;
	left: 0;
}
.title-arrow:after {
	width: calc(((100vw - 980px) / 2) + 2em );
	background-image: url(/wp-content/themes/connect/images/title-arrow-bg-right.svg),url(/wp-content/themes/connect/images/title-arrow-bg-left.svg);
	background-position: left center, left 10px center;
	background-repeat: no-repeat , repeat-x;
	right: 0;
}
.title-arrow span,
.title-noarrow span,
.title-arrow .en,
.title-noarrow .en {
	display: block;
	width: 12em;
	text-align: center;
	position: absolute;
	left: calc((100vw - 980px) / 2);
	background-color: #FC531F;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0;
	margin: 0;
}
@media only screen and (max-width: 980px) {
	.title-arrow span,
	.title-noarrow span,
	.title-arrow .en,
	.title-noarrow .en {
		left: 0;
	}
}

.title-orangeline {
	position: relative;
	width: 100%;
	text-align: center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 28px;
	padding: 0;
	margin: 0 0 32px 0;
}
.title-orangeline::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 6.5em;
	height: 4px;
	background-color: #FF8509;
	margin: auto;
}
.title-underline {
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #707070;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 1;
	padding: 16px 0;
	margin: 0 0 16px 0;
}
.title-orange {
	display: block;
	width: fit-content;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 22px;
	background-color: #ff5200;
	color: #fff;
	padding: 0 0.5em;
	margin: 0 auto 32px auto;
}
.title-hasimg {
	width: 100%;
	text-align: center;
	background-color: #F4EDE6;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 40px;
	color: #000;
	line-height: 1;
	padding: 16px 0;
	margin: 0 0 32px 0;
}
.title-hasimg > img,
.title-img {
	width: auto;
	height: 0.9em;
	position: relative;
	top: 3px;
}
.title-img {
	height: 1em;
	top: 0;
	left: 0.25em;
}

.title-fukidasi {
	width: 18em;
	text-align: center;
	position: relative;
	border-radius: 2em;
	border: 3px solid #333;
	border-bottom: 8px solid #333;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 26px;
	padding: 0.5em;
	margin: 0 auto 32px auto;
}
.title-fukidasi:before,
.title-fukidasi:after {
	position: absolute;
	left: 50%;
	content: "";
	height: 0;
	width: 0;
}
.title-fukidasi:before {
	top: 100%;
	border: 22px solid;
	border-color: transparent;
	border-top-color: #333;
	margin-left: -15px;
}
.title-fukidasi:after {
	top: 99%;
	border: 14px solid;
	border-color: transparent;
	border-top-color: white;
	margin-left: -8px;
}
.list-simple {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.list-simple .head,
.list-simple .data { 
	text-align: left;
	border-bottom: 2px solid #707070;
	font-family: sans-serif;
	font-size: 18px;
	padding: 1em 0;
	margin: 0;
}
.list-simple .head {
	width: 33%;
	font-weight: bold;
	color: #FF5200;
}
.list-simple .data {
	width: 67%;
	font-weight: normal;
	color: #000;
}
.list-simple .head:last-of-type,
.list-simple .data:last-of-type {
	border-bottom: none;
} 
.list-simple2 {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 32px 0;
}
.list-simple2 .head,
.list-simple2 .data { 
	border-bottom: 3px solid #707070;
	text-align: left;
	font-family: sans-serif;
	font-size: 18px;
	padding: 0.25em 0;
	margin: 0;
}
.list-simple2 .data .cat { 
	text-align: left;
	font-family: sans-serif;
	font-size: 18px;
}
.list-simple2 .data .cat::after {
	content: '/';
}
.list-simple2 .data .cat:last-of-type:after {
	display: none;
}
.list-simple2 .head {
	width: 10em;
	border-right: 3px solid #707070;
}
.list-simple2.no-under-border .head,
.list-simple2.no-under-border .data {
	border-bottom: none;
}
.list-simple2 .data { 
	width: calc(100% - 10em);
	padding-left: 2em;
}
.list-simple2 .head:last-of-type,
.list-simple2 .data:last-of-type { 
	border-bottom: none;
}
.list-border-box {
	display: flex;
	justify-content: space-between;
}
.list-border-box.col6 .data {
	width: 16%;
}
.list-border-box .data {
	display: block;
	color: #FC4C56;
	border: 4px solid #FC4C56;
	font-size: 18px;
	padding: 16px;
}
.list-border-box .data:hover {
	background-color: #FC4C56;
	color: #fff;
}
.list-border-box .has-arrow {
	position: relative;
}
.list-border-box .has-arrow::after {
	content: "→";
	width: 1em;
	height: 1em;
	position: absolute;
	right: 0.5em;
	margin: auto;
}
.list-cubebox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 32px 0;
}
.list-cubebox.has-note {
	margin-top: 48px;
}
.list-cubebox.has-note > li {
	margin-bottom: 2em;
}
.list-cubebox > li {
	position: relative;
}
.list-cubebox .note {
	position: absolute;
	top: -2em;
	left: 0;
	text-align: center;
	background-color: #FF5200;
	border-radius: 6px;
	line-height: 1;
	font-size: 16px;
	color: #fff;
	padding: 6px 0.75em 4px 0.75em;
	margin: 0;
}
.list-cubebox .data {
	display: flex;
	align-items: center;
	width: 12em;
	height: 12em;
	box-shadow: 2px 2px 10px #b2b2b2;
	padding: 0;
	margin: 1em 16px 16px 16px;
}
.list-cubebox .data img {
	display: block;
	width: 100%;
}
.list-hasimg {
	margin: 0 0 40px 0;
}
.list-hasimg .data {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	border-bottom: 2px solid #707070;
	padding: 32px 0;
}
.list-hasimg .data:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}
.list-hasimg .data > a {
	display: block;
	width: 256px;
}
.list-hasimg .data > a > img {
	display: block;
	width: 100%;
}
.list-hasimg .data .text {
	display: block;
	width: calc(100% - 272px);
	line-height: 1.5;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #FF5200;
	padding: 0;
	margin: 0 0 0 auto;
}
.list-hasimg .data .text .note {
	display: block;
	width: 100%;
	text-align: right;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000;
	line-height: 1;
	padding: 0;
	margin: 0 0 1em 0;
}
.list-hasimg .data .text a {
	color: #FF5200;
}
.list-faq summary {
	display: block;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000;
	background-image: url(/wp-content/themes/connect/images/icon-q.svg) , url(/wp-content/themes/connect/images/icon-plus.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: left center,right center;
	background-size: 1.75em , 1.75em;
	border-bottom: 3px solid #707070;
	padding: 24px 2.25em;
	margin: 0 0 0 auto;
}
.list-faq .faq-text {
	border: 3px solid #707070;
	border-top: none;
	font-size: 16px;
	padding: 32px;
	margin-bottom: 16px;
}
.list-faq[open] summary {
	background-image: url(/wp-content/themes/connect/images/icon-q.svg) , url(/wp-content/themes/connect/images/icon-negative.svg);
}

.list-faq-noimg summary {
	display: block;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000;
	background-image: url(/wp-content/themes/connect/images/icon-q-w.svg) , url(/wp-content/themes/connect/images/icon-plus.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: left center,right center;
	background-size: 1.75em , 1.75em;
	border-bottom: 3px solid #707070;
	padding: 24px 2.25em;
	margin: 0 0 0 auto;
}
.list-faq-noimg .faq-text {
	border: 3px solid #707070;
	border-top: none;
	font-size: 16px;
	padding: 32px;
	margin-bottom: 16px;
}
.list-faq-noimg[open] summary {
	background-image: url(/wp-content/themes/connect/images/icon-q-w.svg) , url(/wp-content/themes/connect/images/icon-negative.svg);
}


.list-traiangle {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 0 32px 0;
}
.list-traiangle li {
	width: 25%;
}
.list-traiangle li::before {
	content: "▶";
	padding: 0  0.1em 0 0;
}
.list-traiangle li a {
	text-indent: 0.25em;
	color: #000;
}
.list-flow-number {
	counter-reset: count 0;
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
.list-flow-number .data {
	position: relative;
	border: 3px solid #FC531F;
	border-radius: 32px;
	padding: 32px 32px 32px 160px;
	margin: 0 0 3em 0;
}
.list-flow-number .data::before {
	content: "STEP" counter(count);
	counter-increment: count 1;
	position: absolute;
	left: 0;
	top: 32px;
	display: block;
	line-height: 1;
	background-color: #FC531F;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	padding: 4px 1em 6px 1em;
	margin: auto;
}
.list-flow-number .data::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2.5em;
	content: "";
	width: 2em;
	height: 2em;
	background-image: url(/wp-content/themes/connect/images/icon-arrow-down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	margin: 0 auto;
}
.list-flow-number .data:last-of-type::after {
	display: none;
}
.list-flow-number .data .title {
	line-height: 1;
	text-align: left;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #FC531F;
	border-bottom: 3px dotted #FC531F;
	padding: 0 0 16px 0;
	margin: 0 0 32px 0;
}
.list-flow-number .data p {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #000;
	margin: 0;
}
.list-flow-number .data .col2 {
	display: flex;
}
.list-flow-number .data .col2 .img {
	display: block;
	width: 20%;
	height: 100%;
	margin: 0;
}
.list-flow-number .data .col2 .text {
	width: 78%;
	margin-left: auto;
}

.list-flow-circle .data {
	display: block;
	width: 100%;
	position: relative;
	background-image: url(/wp-content/themes/connect/images/icon-orange-circle.svg);
	background-position: left top;
	background-size: 64px;
	background-repeat: no-repeat;
	padding: 0 0 64px 96px;
}
.list-flow-circle .data:last-of-type {
	padding-bottom: 0;
}
.list-flow-circle .data::before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 30px;
	background-color: #FF5200;
}
.list-flow-circle .data .title {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #FF5200;
	line-height: 1;
	padding: 20px 0;
}
.list-flow-circle .data .col2 {
	display: flex;
}
.list-flow-circle .data .col2 .img {
	display: block;
	width: 36%;
	height: 100%;
	margin: 0 auto 0 0;
}
.list-flow-circle .data .col2 .text {
	width: 60%;
	margin: 0 0 0 auto;
}
.list-flow-circle .data .col2 .text .fukidasi {
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 2em;
	border: 3px solid #333;
	border-bottom: 8px solid #333;
	letter-spacing: 1px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 0.5em;
	margin: 32px 0 0 0;
}
.list-merit-number {
	counter-reset: count 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
.list-merit-number .data {
	position: relative;
	width: 48%;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
	border-radius: 32px;
	box-shadow: -6px -6px 8px #F4EDE6;
	padding: 96px 56px 32px 32px;
	margin: 0 0 32px 0;
}
.list-merit-number .data:nth-of-type(odd) {
	margin-right: 2%;
}
.list-merit-number  .data::before {
	content: "MERIT" counter(count);
	counter-increment: count 1;
	position: absolute;
	left: 0;
	top: 32px;
	display: block;
	line-height: 1;
	background-color: #FC531F;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 22px;
	color: #fff;
	padding: 4px 1em 6px 1em;
	margin: auto;
}
.list-merit-number  .data::after {
	content: "FEATURE" counter(count);
	position: absolute;
	right: -40px;
	bottom: 72px;
	display: block;
	line-height: 1;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 22px;
	color: #FC531F;
	padding: 0;
	margin: auto;
	transform: rotate( -90deg );
}
.list-merit-number .data .title {
	line-height: 1;
	text-align: left;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #FC531F;
	padding: 0;
	margin: 0 0 20px 0;
}
.list-merit-number .data p {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #000;
	margin: 0;
}
.list-fukidasi {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.list-fukidasi .data {
	width: 48%;
	margin: 0 0 32px 0;
}
.list-fukidasi .data:nth-of-type(odd) {
	margin-right: 2%;
}
.list-fukidasi .data .title {
	text-align: center;
	position: relative;
	border-radius: 2em;
	border: 3px solid #333;
	border-bottom: 8px solid #333;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	padding: 0.5em;
	margin: 0 0 32px 0;
}
.list-fukidasi .data .title:before,
.list-fukidasi .data .title:after {
	position: absolute;
	left: 50%;
	content: "";
	height: 0;
	width: 0;
}
.list-fukidasi .data .title:before {
	top: 100%;
	border: 22px solid;
	border-color: transparent;
	border-top-color: #333;
	margin-left: -15px;
}
.list-fukidasi .data .title:after {
	top: 99%;
	border: 14px solid;
	border-color: transparent;
	border-top-color: white;
	margin-left: -8px;
}
.list-fukidasi .data p {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
}
.list-point-number {
	counter-reset: count 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
.list-point-number .data {
	position: relative;
	width: 31%;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
	border-radius: 32px;
	box-shadow: 0px -6px 10px 0px #F4EDE6;
	padding: 128px 16px 32px 16px;
	margin: 0 3.5% 32px 0;
}
.list-point-number .data:last-of-type {
	margin-right: 0;
}
.list-point-number  .data::before {
	content: "POINT" counter(count);
	counter-increment: count 1;
	position: absolute;
	left: 0;
	top: 64px;
	display: block;
	line-height: 1;
	background-color: #FC531F;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	padding: 4px 1em 6px 1em;
	margin: auto;
}
.list-point-number .data .title {
	line-height: 1.5;
	text-align: left;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #FC531F;
	padding: 0;
	margin: 0 0 20px 0;
}
.list-point-number .data p {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #000;
	margin: 0;
}
.list-tainyu-count {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.list-tainyu-count li {
	text-align: center;
	width: 13%;
}
.list-tainyu-count li a {
	display: block;
	text-align: center;
	border: 3px solid #ff5200;
	border-radius: 8px;
	padding: 0.5em 0;
	transition: 0.5s all;
}
.list-tainyu-count li a:hover {
	background-color: #ff5200;
}
.list-tainyu-count li p {
	margin: 0;
}
.list-tainyu-count li .count {
	font-size: 20px;
	font-weight: bold;
	color: #FF5200;
}
.list-tainyu-count li a:hover p,
.list-tainyu-count li a:hover .count {
	color: #fff;
}
.list-tainyu-count li .nodata:hover {
	background-color: #fff;
}
.list-tainyu-count li .nodata:hover p {
	color: #000;
}
.list-tainyu-count li .nodata:hover .count {
	color: #FF5200;
}




/* ---------- common functions class ----------*/
@media screen and (max-width: 750px) {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	span {
		font-size: 3vw;
	}

	.fs-72 { font-size: 8vw   !important; }
	.fs-48 { font-size: 4.8vw !important; }
	.fs-36 { font-size: 4.5vw !important; }
	.fs-34 { font-size: 4.5vw !important; }
	.fs-32 { font-size: 4.4vw !important; }
	.fs-30 { font-size: 4.3vw !important; }
	.fs-28 { font-size: 4.0vw !important; }
	.fs-26 { font-size: 3.8vw !important; }
	.fs-24,
	.fs-22,
	.fs-20,
	.fs-18 { font-size: 3.5vw !important; }
	.fs-16,
	.fs-14,
	.fs-12 { font-size: 3vw !important; }

	.mb-16p { margin-bottom: 4% !important; }
	.mb-24p { margin-bottom: 6% !important; }
	.mb-32p { margin-bottom: 8% !important; }
	.mb-48p { margin-bottom: 12% !important; }
	.mb-64p { margin-bottom: 16% !important; }
	.mb-128p{ margin-bottom: 20% !important; }
	
	.pb-64p { padding-bottom: 16% !important;}
	.pt-64p { padding-top:    16% !important;}

	.bg-circle {
		background-size: 160%;
	}

	.wrap {
		width: 100%;
		max-width: 100%;
		padding: 0 4%;
	}
	.btn,
	.btn-imgarea,
	.btn-search,
	.btn-reset,
	.btn-gray  {
		width: 11em;
		border-radius: 3em;
		font-size: 3.5vw;
		padding: 1em 0;
	}
	.btn-search {
		width: 14em;
	}
	.btn-mail,
	.btn-line {
		width: 12em;
		font-size: 3.5vw;
		padding: 8px 0;
		margin: 0;
	}
	.btn-line.large {
		font-size: 4vw;
		line-height: 1.5;
	}
	.title-arrow {
		line-height: 1.5;
		font-size: 5vw;
		margin: 1em 0 6% 0;
	}
	.title-arrow:before {
		width: 100%;
		height: 4px;
		left: 0;
		top: -0.55em;
		background-color: #FF5200;
	}
	.title-arrow::after {
		display: none;
	}
	.title-arrow span,
	.title-arrow .en {
		left: initial;
		right: 4vw;
		top: -1.5em;
		width: 9em;
		line-height: 1.5;
		font-size: 3vw;
	}
	.title-noarrow {
		font-size: 5vw;
		margin: 0;
	}
	.title-noarrow span,
	.title-noarrow .en {
		width: 10.5em;
		left: 0;
		right: 0;
		top: -1.75em;
		font-size: 3vw;
		margin: auto;
	}
	.title-orangeline {
		font-size: 5vw;
		padding: 0;
		margin: 0 0 6% 0;
	}
	.title-orangeline::after {
		width: 7em;
	}
	.title-underline {
		text-align: center;
		font-size: 4vw;
		padding: 0.75em 0;
		margin: 0 0 0.75em 0;
	}
	.title-orange {
		font-size: 4.5vw;
		margin: 0 auto 6% auto;
	}
	.title-hasimg {
		font-size: 5vw;
		min-width: auto;
		padding: 2% 0;
		margin: 0 0 4% 0;
	}
	.title-fukidasi {
		font-size: 4.5vw;
		margin: 0 auto 6% auto;
	}
	.list-simple {
		flex-direction: column;
	}
	.list-simple .head,
	.list-simple .data { 
		width: 100%;
		text-align: center;
		border-bottom: none;
		font-size: 4.5vw;
	}
	.list-simple .head,
	.list-simple .head:last-of-type {
		border-bottom: 2px solid #707070;
	}
	.list-simple2 {
		margin: 0 0 6% 0;
	}
	.list-simple2 .head,
	.list-simple2 .data,
	.list-simple2 .data .cat { 
		font-size: 3vw;
	}
	.list-border-box {
		flex-wrap: wrap;
	}
	.list-border-box.col6 .data {
		width: 49%;
		margin-bottom: 2%;
	}
	.list-border-box .data {
		font-size: 3.5vw;
		padding: 1em;
	}
	.list-cubebox {
		margin: 0 0 8% 0;
	}
	.list-cubebox .note {
		top: -2.25em;
		font-size: 2vw;
	}
	.list-cubebox .data {
		width: 18vw;
		height: 18vw;
		margin: 0.5em;
	}
	.list-cubebox.has-note {
		margin-top: 8%;
	}
	.list-cubebox.has-note > li {
		margin-bottom: 2.5em;
	}
	.list-hasimg {
		margin: 0 0 8% 0;
	}
	.list-hasimg .data {
		padding: 6% 0;
	}
	.list-hasimg .data > a {
		width: 25%;
	}
	.list-hasimg .data .text {
		width: 72%;
		line-height: 1.25;
		font-size: 3.5vw;
		padding: 0;
	}
	.list-hasimg .data .text .note {
		font-size: 3vw;
		margin-bottom: 0.5em;
	}
	.list-faq summary {
		font-size: 3vw;
		padding: 1em 2.25em;
	}
	.list-faq .faq-text {
		font-size: 3vw;
		padding: 1em;
		margin-bottom: 1em;
	}
	.list-faq-noimg summary {
		font-size: 3vw;
		padding: 1em 2.25em;
	}
	.list-faq-noimg .faq-text {
		font-size: 3vw;
		padding: 1em;
		margin-bottom: 1em;
	}
	.list-traiangle {
		margin: 0 0 6% 0;
	}
	.list-traiangle li {
		width: 50%;
		font-size: 3vw;
	}
	.list-flow-number .data {
		border-radius: 4vw;
		padding: 16% 4% 4% 4%;
	}
	.list-flow-number .data::before {
		top: 6%;
		font-size: 4vw;
	}
	.list-flow-number .data .title {
		font-size: 4.8vw;
		padding: 0 0 4% 0;
		margin: 0 0 4% 0;
	}
	.list-flow-number .data p {
		font-size: 3.5vw;
	}
	.list-flow-number .data .col2 .img {
		width: 22%;
	}
	.list-flow-number .data .col2 .text {
		width: 75%;
	}
	
	.list-flow-circle .data {
		background-size: 9vw;
		padding: 0 0 9vw 12vw;
	}
	.list-flow-circle .data::before {
		left: calc(4.5vw - 2px);
	}
	.list-flow-circle .data .title {
		font-size: 4.5vw;
		padding: 2.5vw 0;
	}
	.list-flow-circle .data .col2 {
		flex-flow: column;
	}
	.list-flow-circle .data .col2 .img {
		width: 100%;
		margin: 0 0 4% 0;
	}
	.list-flow-circle .data .col2 .text {
		width: 100%;
		margin: 0;
	}
	.list-flow-circle .data .col2 .text .fukidasi {
		font-size: 3.5vw;
		margin: 4% 0 0 0;
	}
	.list-merit-number {
		flex-direction: column;
	}
	.list-merit-number .data {
		width: 100%;
		border-radius: 4vw;
		padding: 16% 8% 4% 4%;
		margin: 0 0 6% 0;
	}
	.list-merit-number .data:nth-of-type(odd) {
		margin-right: 0;
	}
	.list-merit-number  .data::before {
		left: 0;
		top: 4vw;
		font-size: 4.5vw;
	}
	.list-merit-number  .data::after {
		right: -8%;
		bottom: 22%;
		font-size: 4.5vw;
	}
	.list-merit-number .data .title {
		font-size: 4.8vw;
		margin: 0 0 6% 0;
	}
	.list-merit-number .data p {
		font-size: 3.5vw;
	}
	.list-fukidasi {
		flex-direction: column;
	}
	.list-fukidasi .data {
		width: 100%;
		margin: 0 0 6% 0;
	}
	.list-fukidasi .data:nth-of-type(odd) {
		margin-right: 0;
	}
	.list-fukidasi .data .title {
		font-size: 4.5vw;
		margin: 0 0 4% 0;
	}
	.list-fukidasi .data .title:before {
		top: 100%;
	}
	.list-fukidasi .data p {
		font-size: 3.5vw;
	}
	.list-point-number {
		flex-wrap: wrap;
	}
	.list-point-number .data {
		width: 100%;
		border-radius: 16px;
		padding: 18% 4% 4% 4%;
		margin: 0 0 8% 0;
	}
	.list-point-number .data::before {
		top: 8%;
		font-size: 4.75vw;
	}
	.list-point-number .data .title {
		font-size: 4.8vw;
		margin: 0 0 6% 0;
	}
	.list-point-number .data p {
		font-size: 3.5vw;
	}
	.list-tainyu-count {
		justify-content: center;
	}
	.list-tainyu-count li {
		width: 40%;
		margin-bottom: 2em;
	}
	.list-tainyu-count li:nth-of-type(1) {
		width: 85%;
	}
	.list-tainyu-count li:nth-of-type(even) {
		margin-right: 5%;
	}
	.list-tainyu-count li .count {
		font-size: 3.75vw;
	}
}
@media screen and (max-width: 414px) {
	.list-cubebox .data {
		width: 24vw;
		height: 24vw;
		margin: 0.5em;
	}
	.list-cubebox.has-note > li {
		margin-bottom: 2em;
	}
	.list-cubebox .note {
		top: -2.75em;
	}

}

/*--------- header ---------*/
.site-header {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	max-width: 1000px;
	height: 96px;
	background-color: #fff;
	padding: 22px 16px;
	margin: 0 auto;
}
.header-logo {
	display: block;
	width: 320px;
	margin-right: 1em;
}
.header-logo > img {
	display: block;
	width: 100%;
}
.header-title {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	margin-bottom: 0;
}
.header-text {
	font-size: 12px;
	color: #444;
	line-height: 1;
	letter-spacing: 2px;
	margin: 0;
}
.btn-menu-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	display: block;
	width: 42px;
	height: 42px;
	background-image: url(/wp-content/themes/connect/images/icon-menu-open.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto 0 auto auto;
	z-index: 1001;
}
.btn-menu-close {
	background-image: url(/wp-content/themes/connect/images/icon-menu-close.svg);
}
.header-menu {
	display: none;
}
.header-menu {
	position: absolute;
	width: 100%;
	top: 96px;
	left: 0;
	right: 0;
	background-color: #FF5200;
	margin: auto;
	z-index: 1000;
}
.header-menu ul {
	width: 100%;
	max-width: 1000px;
	display: flex;
	border-top: 3px solid #FF5200;
	border-bottom: 3px solid #FF5200;
	padding: 0 16px;
	margin: 0 auto;
}
.header-menu .sp-only {
	display: none;
}
.header-menu ul li a {
	display: block;
	position: relative;
	text-decoration: none;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	padding: 1em;
	margin: 0;
	transition: all 0.5s;
}
.header-menu ul li a::before {
	content: "＞";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	transform: scale(0.75, 1);
	line-height: 1;
	margin: auto;
}
.header-menu ul li a:hover {
	background-color: #fff;
	color: #FF5200;
}

@media screen and (max-width: 750px) {
	.site-header {
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		min-width: auto;
		height: 64px;
		padding: 0 4%;
	}
	.header-logo {
		width: 32%;
		height: auto;
		margin: 0 2% 0 0;
	}
	.header-logo > img  {
		width: 100%;
		margin: 0;
	}
	.header-title {
		font-size: 2.5vw;
	}
	.header-text {
		font-size: 2vw;
		letter-spacing: 0;
	}
	.btn-menu-icon {
		right: 4%;
		width: 32px;
		height: 32px;
	}
	.btn-menu-close {
		background-image: url(/wp-content/themes/connect/images/icon-menu-close-sp.svg);
	}
	.header-menu {
		top: 0;
		z-index: 1000;
	}
	.header-menu ul {
		min-width: auto;
		height: 100vh;
		flex-wrap: wrap;
		flex-direction: column;
		border-top: none;
		border-bottom: none;
		padding: 96px 8% 8% 8%;
	}
	.header-menu .sp-only {
		display: block;
	}
	.header-menu ul li a {
		padding: 0.6em 0.6em 0.6em 1em;
	}
}

/*--------- footer ---------*/
footer {
	width: 100%;
}
.footer-list {
	padding: 64px 0;
}
.footer-main {
	padding: 64px 0 16px 0;
}
.footer-main .footer-logo {
	display: block;
	width: 248px;
	padding: 0;
	margin: 0 auto 48px auto;
}
.footer-main .copyright {
	text-align: center;
	font-family: sans-serif;
	font-weight: normal;
	color: #fff;
	font-size: 14px;
}
.footer-menu ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 auto 96px auto;
}
.footer-menu li {
	width: 20%;
}
.footer-menu li a {
	text-decoration: none;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
.footer-fix-menu {
	position: relative;
	padding: 16px 0;
}
.footer-fix-menu .wrap {
	justify-content: space-between;
}
.footer-fix-menu .okigaru {
	width: 55%;
}
.footer-fix-menu .btn-mail,
.footer-fix-menu .btn-line {
	width: 20%;
	background-position: left 0.75em center;
	text-indent: 1.5em;
	font-size: 16px;
	padding: 4px 0;
}
.footer-fix-menu .btn-pagetop {
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 2em;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 100;
}
footer .list-traiangle li::before {
	display: none;
}
footer .list-traiangle li a::before {
	content: "▶";
	padding: 0  0.1em 0 0;
}

@media screen and (max-width: 1064px) {
	.footer-fix-menu .btn-pagetop {
		right: 0.5em;
	}
	.footer-fix-menu .wrap {
		padding: 0 48px 0 16px;
	}
}
@media screen and (max-width: 750px) {
	.footer-list {
		padding: 8% 0 6% 0;
	}
	.footer-main {
		padding: 8% 0 4% 0;
		margin-bottom: calc(100% * 0.17);
	}
	.footer-main .footer-logo {
		width: 50%;
		padding: 0;
		margin: 0 auto 2% auto;
	}
	.footer-main .copyright {
		font-size: 3vw;
		margin: 0;
	}
	.footer-menu ul {
		flex-direction: column;
		margin: 0 auto 6% auto;
	}
	.footer-menu li {
		width: 100%;
		text-align: left;
		border-bottom: 2px dotted #fff;
		padding: 0.5em 0;
	}
	.footer-menu li:last-of-type {
		border-bottom: none;
	}
	.footer-menu li a {
		font-size: 3.5vw;
	}
	.footer-fix-menu {
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		padding: 4px 0;
		margin: auto;
		z-index: 100;
	}
	.footer-fix-menu .wrap {
		flex-wrap: wrap;
		padding: 0 4%;
	}
	.footer-fix-menu .okigaru {
		width: 100%;
		margin: 0 0 2% 0;
	}
	.footer-fix-menu .btn-mail,
	.footer-fix-menu .btn-line {
		width: 49%;
		background-position: left 1em center;
		text-indent: 1.5em;
		font-size: 16px;
		padding: 10px 0;
		margin: 0;
	}
	.footer-fix-menu .btn-pagetop {
		display: none;
	}
}

/*-------- top page ---------*/
.slider-top .data {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
}
.slider-top .data .text-area {
	width: 30%;
	padding: 0 0 32px 8px;
	margin: 0;
}
.slider-top .data .text-area .img-head {
	display: block;
	width: 75%;
	margin: 0 0 1em 0;
}
.slider-top .data .text-area p {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 23px;
	line-height: 1.3;
	margin: 0 0 48px 0;
}
.slider-top .data .img-area {
	display: block;
	width: 70%;
	margin: 0 0 0 auto;
}
.slider-top .slick-dots {
	text-align: left;
}
.slider-top .slick-dots li button:before{
	font-size: 20px;
}
.slider-top .slick-dots li.slick-active button:before,
.slider-top .slick-dots li button:hover:before,
.slider-top .slick-dots li button:focus:before {
	opacity: 1;
	color: #FF5200;
}
/* jsの読み込みが終わるまで縦並びになってしまう現象を防ぐ。
   jsがロードされてクラスが割り当てられてから表示させる  */
.slider-top {
	opacity: 0;
	transition: opacity .3s linear;
}
.slider-top.slick-initialized{
	opacity: 1;
}

.top-search {
	overflow: hidden;
	margin: 0 auto 64px auto;
}
.top-search .wrap {
	padding-top: 48px;
	padding-bottom: 16px;
}
.top-search .kininaru {
	display: block;
	width: 640px;
	margin: 0 auto;
}
.top-search .list-border-box {
	margin-bottom: 48px;
}
.top-search .btn-area {
	display: flex;
	justify-content: center;
}
.top-search .btn-area .btn-search {
	margin-right: 2em;
}
.bn-flow,
.bn-mikeiken,
.bn-taiken,
.bn-ranking {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 64px 0;
	margin: 0;
}
.bn-flow p,
.bn-mikeiken p,
.bn-taiken p,
.bn-ranking p {
	color: #fff;
}
.bn-flow { background-image: url(/wp-content/themes/connect/images/bg-flow.jpg); }
.bn-flow .title-noarrow {
	color: #fff;
	text-shadow: 2px 2px 5px #FC4C56;
}
.bn-flow .title-noarrow span,
.bn-flow .title-noarrow .en {
	color: #FF5200;
	background-color: #fff;
	text-shadow: none;
}
.bn-flow .btn-imgarea {
	background-color: rgba(252, 82, 31, 0.5);
}
.bn-flow .btn-imgarea:hover {
	background-color: rgba(252, 82, 31, 0);
}
.bn-mikeiken { background-image: url(/wp-content/themes/connect/images/bg-mikeiken.jpg); }
.bn-mikeiken .title-noarrow {
	color: #fff;
	text-shadow: 2px 2px 5px #a0a0a0;
}
.bn-mikeiken .title-noarrow span,
.bn-mikeiken .title-noarrow .en {
	color: #000;
	background-color: #fff;
	text-shadow: none;
}
.bn-mikeiken .btn-imgarea {
	background-color: rgba(0, 0, 0, 0.5);
}
.bn-mikeiken .btn-imgarea:hover {
	background-color: rgba(0, 0, 0, 0);
}
.bn-taiken { background-image: url(/wp-content/themes/connect/images/bg-taiken.jpg); }
.bn-taiken .title-noarrow {
	color: #fff;
	text-shadow: 2px 2px 5px #707070;
}
.bn-taiken .title-noarrow span,
.bn-taiken .title-noarrow .en {
	color: #000;
	background-color: #fff;
	text-shadow: none;
}
.bn-taiken .btn-imgarea {
	background-color: rgba( 0, 0, 0, 0.5);
}
.bn-taiken .btn-imgarea:hover {
	background-color: rgba( 0, 0, 0, 0);
}
.bn-ranking { background-image: url(/wp-content/themes/connect/images/bg-ranking.jpg); }
.bn-ranking .title-noarrow {
	color: #fff;
	text-shadow: 2px 2px 5px #FC4C56;
}
.bn-ranking .title-noarrow span,
.bn-ranking .title-noarrow .en {
	color: #FF5200;
	background-color: #fff;
	text-shadow: none;
}
.bn-ranking .btn-imgarea {
	background-color: rgba( 252, 83, 31, 0.5);
}
.bn-ranking .btn-imgarea:hover {
	background-color: rgba( 252, 83, 31, 0);
}
.top-specialmenu .col2.flex li:nth-of-type(odd) {
	margin-right: 2em;
}
.top-specialmenu .col2.flex li img {
	display: block;
	width: 100%;
}
.top-specialmenu .col2.flex li a img {
	opacity: 1;
	transition: all 0.5s;
}
.top-specialmenu .col2.flex li a:hover img {
	opacity: 0.7;
}

@media screen and (max-width: 750px) {
	.slider-top .data {
		flex-direction: column-reverse;
	}
	.slider-top .data .text-area {
		width: 100%;
		padding: 0 0 4% 0;
	}
	.slider-top .data .text-area .btn {
		padding: 0.75em 0;
		margin: 0 auto;
	}
	.slider-top .data .text-area p {
		font-size: 5vw;
		margin: 0 0 4% 0;
	}
	.slider-top .data .text-area .img-head {
		width: 33%;
		margin: 0 0 4% 0;
	}
	.slider-top .data .img-area {
		width: 100%;
		margin: 0;
	}
	.slider-top .slick-dots {
		text-align: center;
	}
	.top-search {
		margin: 0 auto 6% auto;
	}
	.top-search .wrap {
		padding-top: 10%;
		padding-bottom: 4%;
	}
	.top-search .kininaru {
		width: 90%;
	}
	.top-search .list-border-box {
		margin-bottom: 4%;
	}
	.top-search .btn-area {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.top-search .btn-area .btn-search {
		width: 14em;
		font-size: 4.5vw;
		margin: 0 auto 4% auto;
	}
	.top-search .btn-area .btn-search::after {
		right: 0.75em;
	}
	.top-search .btn-area .btn-reset {
		width: 12em;
		font-size: 3.5vw;
		margin: 0 auto;
	}
	.bn-flow,
	.bn-mikeiken,
	.bn-taiken,
	.bn-ranking {
		min-width: auto;
		padding: 12% 0 8% 0;
	}
	.bn-taiken  .btn-imgarea,
	.bn-ranking .btn-imgarea {
		width: 17em;
	}
	.top-specialmenu .col2.flex {
		width: 80%;
		flex-direction: column;
		margin: 0 auto;
	}
	.top-specialmenu .col2.flex li {
		width: 100%;
		margin-bottom: 4%;
	}
}


/* slider */
.slider-shoplist {
	display: block;
	width: 100%;
	padding: 0 !important;
	margin: 0 0 32px 0 !important;
}
.slider-shoplist .data img {
	display: block;
	object-fit: cover;
	width: 80%;
	height: 90%;
	margin: 0 auto;
}
.slider-shoplist .data a {
	color: #FC531F;
}
.slider-shoplist .slick-prev,
.slider-shoplist .slick-next {
	width:  30px;
	height: 30px;
}
.slider-shoplist .slick-prev { left: -12px; }
.slider-shoplist .slick-next { right:-12px; }
.slider-shoplist .slick-prev:before,
.slider-shoplist .slick-next:before {
	color: #FF5200;
	font-size: 30px;
}
.slider-shoplist .slick-track {
	display: flex;
}
.slider-shoplist .slick-track::before,
.slider-shoplist .slick-track::after {
	display: none;
}
.slider-shoplist .slick-slide {
	position: static !important;
	float: none;
	height: auto !important;
	padding: 0 !important;
}
.slider-shoplist .slick-slide::before {
	display: none;
}
.slider-shoplist .slick-slide p {
	margin: 0;
}
@media screen and (max-width: 750px) {
	.slider-shoplist {
		width: 90%;
		margin: 0 auto 6% auto !important;
	}
	.slider-shoplist .slick-prev,
	.slider-shoplist .slick-next {
		width:  24px;
		height: 24px;
	}
}
.slider-text {
	width: 95%;
	margin: 0 auto;
}
.slider-text .slick-track {
	display: flex;
}
.slider-text .slick-slide {
	height: auto !important;
}
.slider-text .data div {
	display: block;
	width: 85%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	margin: 0 auto;
}
.slider-text .data div .img-area {
	display: flex;
	align-items: center;
	width: 100%;
	height: 12em;
	overflow: hidden;
}
.slider-text .data div .img-area img {
	display: block;
	width: 100%;
	height: auto;
}
.slider-text .data div p {
	height: 7em;
	overflow: hidden;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	padding: 0.5em;
	margin: 0;
}
.slider-text .slick-prev,
.slider-text .slick-next {
	width:  30px;
	height: 30px;
}
.slider-text .slick-prev { left:  -20px;  }
.slider-text .slick-next { right: -20px; }
.slider-text .slick-prev:before,
.slider-text .slick-next:before {
	color: #fff;
	font-size: 30px;
}

@media screen and (max-width: 500px) {
	.slider-text .data div .img-area {
		height: 14em;
	}
	.slider-text .data div p {
		font-size: 3vw;
	}
	.slider-text .slick-prev { left:  -12px; }
	.slider-text .slick-next { right: -12px; }
}


/*-------- static page ---------*/
.page-header {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 0 32px 0;
}
.page-header .head-img,
.page-header .head-title {
	height: 296px;
}
.page-header .head-img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.page-header .head-title {
	position: absolute;
	display: flex;
	width: 100%;
	max-width: 1000px;
	left: 0;
	right: 0;
	top: 0;
	align-items: center;
	padding: 0 16px;
	margin: 0 auto;
}
.page-header .head-title h1 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 36px;
	line-height: 1;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: 2px 2px 8px #FF5200;
}
.page-header .breadcrumb {
	width: 100%;
	background-color: #F4EDE6;
	padding: 12px 16px;
	margin: 0;
}
/*
.page-header .breadcrumb > ol {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	width: 1200px;
	padding: 0 16px;
	margin: 0 auto;
}
.page-header .breadcrumb > ol > li {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #000;
	padding: 0 0.5em 0 0;
	margin:  0;
}
.page-header .breadcrumb > ol > li::after {
	content: "＞";
}
.page-header .breadcrumb > ol > li:last-of-type::after {
	display: none;
}
.page-header .breadcrumb > ol > li > a > span {
	transition: all 0.5s;
}
.page-header .breadcrumb > ol > li > a:hover > span {
	color: #ff5200;
}
*/

@media screen and (max-width: 750px) {
	.page-header {
		margin: 0 0 6% 0;
	}
	.page-header .head-img,
	.page-header .head-title {
		height: 180px;
	}
	.page-header .head-title {
		padding: 0 4%;
	}
	.page-header .head-title h1 {
		font-size: 5vw;
		text-shadow: 2px 2px 8px #FF5200;
	}
	.page-header .breadcrumb {
		padding: 0.25em 0;
	}
	/*
	.page-header .breadcrumb > ol {
		width: 100%;
		padding: 0 4%;
		margin: 0 auto;
	}
	.page-header .breadcrumb > ol > li {
		font-size: 2.5vw;
	}
	*/
}
@media screen and (max-width: 414px) {
	.page-header .head-img,
	.page-header .head-title {
		height: 96px;
	}
}

/*-------- company ---------*/
.company .company-map {
	display: block;
	width: 100%;
	height: 563px;
	margin: 0;
}
@media screen and (max-width: 750px) {
	.company .company-map {
		height: calc(100vw * 0.56);
	}
}

/*-------- about ---------*/
.about {
	overflow: hidden;
}
.about .bg-circle {
	padding-top: 48px;
	padding-bottom: 16px;
}
@media screen and (max-width: 750px) {
	.about .bg-circle {
		padding-top: 0;
		padding-bottom: 4%;
	}
}

/*-------- flow ---------*/
.flow .flow-agent .col2 {
	display: flex;
}
.flow .flow-agent .col2 .img {
	display: block;
	width: 33%;
	height: 100%;
}
.flow .flow-agent .col2 .text {
	width: 65%;
	margin-left: auto;
}
.flow .flow-agent .border {
	display: block;
	width: 100%;
	border: 1px solid #707070;
	padding: 2em;
}
.flow .flow-agent .border p {
	font-size: 80%;
	margin: 0;
}

.bn-contact {
	background-color: #51C9CE;
	padding: 64px 0;
}
.bn-contact .left {
	width: 60%;
	text-align: center;
}
.bn-contact .title {
	width: 14em;
	text-align: center;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 22px;
	background-color: #fff;
	color: #51C9CE;
	padding: 2px 0;
	margin: 0 auto 16px auto;
}
.bn-contact .btn-area {
	justify-content: center;
}
.bn-contact .btn-area .btn-mail {
	margin-right: 1em;
}
.bn-contact .btn-area .btn-mail,
.bn-contact .btn-area .btn-line {
	display: block;
	position: relative;
	width: 14em;
	border-radius: 3em;
	border: 4px solid #fff;
	background-size: 1.25em;
	background-position: left 2em center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 1em 0;
}
.bn-contact .btn-area .btn-mail:after,
.bn-contact .btn-area .btn-line:after {
	content: "→";
	width: 1em;
	height: 1em;
	line-height: 1;
	position: absolute;
	right: 1.5em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.bn-contact .right {
	width: 40%;
	border-left: 3px dotted #fff;
	background-image: url(/wp-content/themes/connect/images/bn-contact-illust.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 112px;
	padding: 0 128px 0 24px;
}
.bn-contact .right p {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	margin: 0;
}
@media screen and (max-width: 750px) {
	.flow .flow-agent .col2 {
		flex-flow: column;
	}
	.flow .flow-agent .col2 .img,
	.flow .flow-agent .col2 .text {
		width: 100%;
		margin: 0 0 4% 0;
	}
	.bn-contact {
		padding: 8% 0;
	}
	.bn-contact .wrap.flex {
		flex-wrap: wrap;
		padding: 0 8%;
	}
	.bn-contact .left {
		padding: 0 0 6% 0;
	}
	.bn-contact .left,
	.bn-contact .right {
		width: 100%;
		margin: 0;
	}
	.bn-contact .title {
		font-size: 4.5vw;
		margin: 0 auto 4% auto;
	}
	.bn-contact .left > img {
		display: block;
		width: 90%;
		margin: 0 auto 6% auto;
	}
	.bn-contact .btn-area .btn-mail,
	.bn-contact .btn-area .btn-line {
		font-size: 3.5vw;
		background-position: left 0.9em center;
		text-indent: 0.8em;
	}
	.bn-contact .right {
		background-size: 24%;
		border-left: none;
		border-top: 4px dotted #fff;
		background-position: right top 1em;
		padding: 6% 28% 9% 0;
	}
	.bn-contact .right p {
		font-size: 3.5vw;
	}
}

/*------------------- single-job.php （求人詳細画面）-------------------*/
/* スターチャート */
.star-chart-wrap {
	max-width: 1000px;
	padding: 16px;
	margin: 0 auto;
	background-color: #ffeddc;
}
.star-chart-wrap > br {
	display: none;
}
.star-chart {
	display: flex;
	align-items: center;
	border-top: 1px solid #FF8509;
	padding: 12px 0;
}
.star-chart-wrap .star-chart:last-of-type {
	border-bottom: 1px solid #FF8509;
}
.star-chart .title {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #FC4C56;
}
.star-chart .chart-cont {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65%;
	margin: 0 0 0 auto;
}
.star-chart .chart-cont .chart {
	width: 40%;
	text-align: center;
}
.star-chart .chart-cont .title-left,
.star-chart .chart-cont .title-right {
	display: block;
	width: 5em;
	font-size: 18px;
	color: #777;
}
.star-chart .chart-cont .title-left {
	text-align: left;
}
.star-chart .chart-cont .title-right {
	text-align: right;
}
.star-chart .chart-cont .chart .fa {
	font-size: 24px;
	color: #FF5200;
}
.star-chart .chart-cont .chart .fa.fa-star-o {
	color: #f8c678;
}
.star-chart .chart-cont .chart > img {
	display: block;
	width: 100%;
}

/* 円グラフ */
.pie-chart {
	--r: 100px;
	margin: 0 auto 32px auto;
}
.pie-chart .pie-title {
	text-align: center;
	padding: 0 1em;
}
.pie-chart .chart {
	position: relative;
	width: calc(var(--r) * 4);
	height: calc(var(--r) * 4);
	border-radius: 50%;
	margin: 0 auto 16px auto;
}
.pie-chart .chart .label {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: calc(var(--r) * 0.3);
	--percentage: calc((var(--start) + var(--end)) / 2);
	--angle: calc(var(--percentage) * 360deg);
	--deg: calc(-90deg + var(--angle));
	translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
	color: #555;
}
.pie-chart .chart-sample {
	width: fit-content;
	text-align: center;
	margin: 0 auto;
}
.pie-chart .chart-sample .sample {
	display: inline-block;
	margin: 0 1em 0 0;
}
.pie-chart .chart-sample .sample:last-of-type {
	margin: 0;
}
.pie-chart .chart-sample .sample > span {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right:4px
}
/* 円グラフ2カラム表示 */
.pie-chart-col2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.pie-chart-col2 .pie-chart {
	width: 50%;
	--r:85px;
}

.pie-chart-col2 .pie-chart .chart .label {
	font-size: calc(var(--r) * 0.25);
}

/* 棒グラフ */
.bar-chart {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 32em;
	height: fit-content;
	border-left: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	padding: 0 4px;
	margin: 0 auto 2em auto;
}
.bar-chart .bars {
	display: block;
	width: 3em;
	background-color: #f8c678;
}
.bar-chart .bars.max {
	background-color: #FF5200;
}
.bar-chart .bar0  { height: 0.1em; }
.bar-chart .bar1  { height:  1em; }
.bar-chart .bar2  { height:  2em; }
.bar-chart .bar3  { height:  3em; }
.bar-chart .bar4  { height:  4em; }
.bar-chart .bar5  { height:  5em; }
.bar-chart .bar6  { height:  6em; }
.bar-chart .bar7  { height:  7em; }
.bar-chart .bar8  { height:  8em; }
.bar-chart .bar9  { height:  9em; }
.bar-chart .bar10 { height: 10em; }

.bar-chart .note1,
.bar-chart .note2 {
	position: absolute;
	bottom: -2em;
	width: fit-content;
	height: auto;
	margin-bottom: 0;
}
.bar-chart .note1 {
	text-align: left;
	left: 0;
}
.bar-chart .note2 {
	text-align: right;
	right: 0;
}

@media only screen and (max-width: 750px) {
	.bar-chart {
		width: 30em;
	}
	.bar-chart .bars {
		width: 2.5em;
	}
}
@media only screen and (max-width: 480px) {
	.bar-chart {
		width: 23em;
	}
	.bar-chart .bars {
		width: 2.5em;
	}
}

/* レーダーチャート */
.radar-chart {
	margin: 0.9em auto 1.7em;
	display: inline-block;
	position: relative;
}
ul.radar-chart-dls {
	list-style: none;
	color: #777;
	font-size: 0.72em;
	text-align: center;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
}
.radar-chart-dls li {
	position: absolute !important;
	white-space: nowrap;
	font-family: sans-serif !important;
	font-weight: normal !important;
	font-size: 12px !important;
	color: #777 !important;
	padding: 0 !important;
}
.radar-chart-dls li::before {
	display: none;
}
.radar-chart-dls dd {
	margin: 0 auto;
	font-size: 1em;
	line-height: 1.5;
}
.radar-chart-dls dt {
	font-weight: bold;
	line-height: 1;
}
.radar-chart-dl1 {
	top: -3px;
	left: 50%;
	transform: translateX(-50%);
}
.radar-chart-dl2 {
	top: 70px;
	left: 5%;
}
.radar-chart-dl3 {
	top: 232px;
	left: 20%;
}
.radar-chart-dl4 {
	top: 232px;
	right: 20%;
}
.radar-chart-dl5 {
	top: 70px;
	right: 5%;
}
.radar-chart-aria {
	transform-origin: center;
}
/* 以下はアニメーションをつけたい場合*/
.radar-chart-animataion {
	animation: radar-chart-animataion 1s ease-out;
}
@keyframes radar-chart-animataion {
	0% {
		transform: scale(0);
	}
}
.title-jobsection {
	width: 100%;
	text-align: center;
	background-color: #F4EDE6;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #000;
	line-height: 1;
	padding: 16px 0;
	margin: 0 0 32px 0;
}
.list-tag {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 16px 0;
}
.list-tag.center {
	justify-content: center;
}
.list-tag .data a,
.list-tag.nolink .data {
	display: block;
	background-color: #FF5200;
	border: 1px solid #FF5200;
	border-radius: 8px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	padding: 4px 8px;
	margin: 0 0.25em 0.25em 0;
	transition: all 0.5s;
}
.list-tag .data a:hover {
	background-color: #fff;
	color: #ff5200;
}

/*星のスタイル*/
.rating-star {
	margin: 0;
}
.rating-star .fa {
	color: #FF5200;
	font-size: 18px;
}
.rating-number {
	font-size: 18px;
	color: #707070;
	margin-left: 0.4em;
}
.job-detail-top {
	margin: 0 0 48px 0;
}
.job-detail-top .meta {
	align-items: center;
}
.job-detail-top .job-page-date {
	margin: 0 0 0 1em;
}
.job-detail-top .btn-area {
	display: flex;
	justify-content: center;
	margin: 0 0 48px 0;
}
.job-detail-top .btn-area .btn-mail,
.job-detail-top .btn-area .btn-line {
	font-size: 32px;
	border-radius: 3em;
}
.job-detail-top .btn-area .btn-mail {
	margin-right: 1em;
}

.link-area {
	display: flex;
	justify-content: center;
}
.link-area a {
	display: block;
	text-align: center;
	width: 12.5%;
	background-color: #fff;
	border: 4px solid #FC4C56;
	border-right: none;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #FC4C56;
	padding: 8px 0;
	margin: 0;
	transition: all 0.5s;
}
.link-area a:last-of-type {
	border-right: 4px solid #FC4C56;
}
.link-area a:hover {
	background-color: #FC4C56;
	color: #fff;
}
.job-map iframe {
	width: 100%;
	height: 480px;
}
.list-border-box.kuchikomi {
	flex-wrap: wrap;
	justify-content: flex-start;
}
.list-border-box.kuchikomi > a {
	display: block;
	width: 49.5%;
	margin-bottom: 1%;
	text-align: center;
	color: #FC4C56;
	border: 4px solid #FC4C56;
	font-size: 18px;
	font-weight: bold;
	padding: 16px 0;
}
.list-border-box.kuchikomi > a:nth-of-type(even) {
	margin-left: 1%;
}
.list-border-box.kuchikomi a:hover {
	background-color: #FC4C56;
	color: #fff;
}

/* slider */
.slider-job {
	display: block;
	width: 100%;
	padding: 0 !important;
	margin: 0 0 64px 0 !important;
}
.slider-job .data img {
	display: block;
	object-fit: cover;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
.slider-job .slick-track {
	display: flex;
}
.slider-job .slick-track::before,
.slider-job .slick-track::after {
	display: none;
}
.slider-job .slick-slide {
	position: static !important;
	float: none;
	height: auto !important;
	padding: 0 !important;
}
.slider-job .slick-slide::before {
	display: none;
}
.slider-job .slick-dots li button:before{
	font-size: 20px;
}
.slider-job .slick-dots li.slick-active button:before,
.slider-job .slick-dots li button:hover:before,
.slider-job .slick-dots li button:focus:before {
	opacity: 1;
	color: #FF5200;
}
.slider-job .slick-prev,
.slider-job .slick-next {
	width:  30px;
	height: 30px;
	z-index: 1000;
}
.slider-job .slick-prev { left: -12px; }
.slider-job .slick-next { right:-12px; }
.slider-job .slick-prev:before,
.slider-job .slick-next:before {
	color: #FF5200;
	font-size: 30px;
}
/* snsシェア */
.snsshare-area .flex {
	justify-content: center;
	position: relative;
}
.snsshare-area .flex a {
	display: block;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	transition: opacity 0.3s;
	margin-right: 2em;
}
.snsshare-area .flex a:hover {
	opacity: 0.6;
}
.snsshare-area .flex .sns-x {
	background-image: url(/wp-content/themes/connect/images/icon-x-wh.png);
	background-size: 50%;
	background-position: center;
	background-color: #000;
}
.snsshare-area .flex .sns-line {
	background-image: url(/wp-content/themes/connect/images/icon-line.svg);
	background-size: 60%;
	background-position: center;
	background-color: #1FC755;
}
.snsshare-area .flex .sns-facebook {
	background-image: url(/wp-content/themes/connect/images/icon-facebook.svg);
	background-size: cover;
	background-position: center;
	background-color: transparent;
}
.snsshare-area .flex .sns-urlcopy {
	background-image: url(/wp-content/themes/connect/images/icon-linkcopy-wh.svg);
	background-size: 60%;
	background-position: center;
	background-color: #FF8509;
	margin: 0;
}

/* URLコピー完了時のメッセージ（非表示）*/
.url-copied {
	display: none;
}
.url-copied span {
	background-color: #0009;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #fff;
	padding: 2px 4px;
	box-sizing: border-box;
	line-height: 14px;
	border-radius: 3px;
}

@media screen and (max-width: 750px) {
	.title-jobsection {
		min-width: auto;
		font-size: 4.5vw;
		padding: 0.75em;
		margin: 0 0 6% 0;
	}
	.list-tag {
		margin: 0 0 4% 0;
	}
	.list-tag .data a,
	.list-tag.nolink .data {
		font-size: 3vw;
		padding: 0.25em 0.75em;
		margin: 0 0.5em 0.5em 0;
	}
	.list-border-box.kuchikomi > a {
		font-size: 3vw;
		padding: 1em 0;
	}

	/* スターチャート */
	.star-chart-wrap {
		padding: 2%;
	}
	.star-chart {
		padding: 3% 0;
	}
	.star-chart .title {
		font-size: 3vw;
	}
	.star-chart .chart-cont .chart {
		width: 50%;
	}
	.star-chart .chart-cont .title-left,
	.star-chart .chart-cont .title-right {
		width: 25%;
		font-size: 2.8vw;
	}
	.star-chart .chart-cont .chart .fa {
		font-size: 3.5vw;
	}

	/* 円グラフ */
	.pie-chart {
		--r: 13vw;
		margin-bottom: 8%;
	}
	/* 円グラフ2カラム表示 */
	.pie-chart-col2 .pie-chart {
		--r:10vw;
	}
	.pie-chart-col2 .pie-chart .chart .label {
		font-size: calc(var(--r) * 0.275);
	}

	/*星のスタイル*/
	.rating-star .fa {
		font-size: 4.5vw;
	}
	.rating-number {
		font-size: 4.5vw;
	}
	.job-detail-top {
		margin: 0 0 6% 0;
	}
	.job-detail-top .btn-area {
		margin: 0 0 6% 0;
	}
	.job-detail-top .btn-area .btn-mail,
	.job-detail-top .btn-area .btn-line {
		font-size: 4.5vw;
		background-position: left 0.5em center;
	}
	.link-area a {
		width: 20%;
		font-size: 3.5vw;
	}
	.job-map iframe {
		height: 70vw;
	}
	/* job-detail */
	.slider-job {
		margin: 0 0 8% 0;
	}
	.slider-job .slick-slide img {
		width: 90%;
		margin: 0 auto;
	}
	/* snsシェア */
	.snsshare-area .flex a {
		width: 72px;
		height: 72px;
		margin-right: 0.75em;
	}
	.snsshare-area .flex a {
		font-size: 3.5vw;
		padding: 2% 0;
	}
}

/*------------------- loop-job.php （求人一覧画面）-------------------*/
.list-job {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 64px 0;
}

.list-job > .data {
	width: 49%;
	border: 3px solid #FC531F;
	border-radius: 16px;
	padding: 24px 24px 32px 24px;
	margin: 0 0 2% 0;
}

.list-job > .data > .title {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #FC531F;
	border-bottom: 1px dotted #FC531F;
	margin: 0 0 16px 0;
}
.list-job > .data > .title a,
.list-job > .data > .title a:hover {
	color: #FC531F;
	text-decoration: none;
}

.list-job > .data .title-sub {
	display: flex;
	align-items: center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #FC531F;
	margin: 0 0 16px 0;
}
.list-job > .data .title-sub:before,
.list-job > .data .title-sub:after {
	content: "";
	height: 3px;
	flex-grow: 1;
	background-color: #FC531F;
}
.list-job > .data .title-sub:before {
	margin-right: 1em;
}
.list-job > .data .title-sub:after {
	margin-left: 1em;
}

.list-job > .data > .images {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 16px 0;
}
.list-job > .data .images .img-area {
	width: 100%;
}
.list-job > .data .images .img-area img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
}
.list-job > .data .text-area,
.list-job > .data .text-area3,
.list-job > .data .from-connect > .point {
	width: 100%;
	font-size: 14px;
	margin: 0 0 16px 0;
}
.list-job > .data .text-area p {
	margin-bottom: 0;
}
.list-job > .data .text-area2 {
	text-align: center;
	background-color: #FC531F;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 0.6em 0 0.5em 0;
	margin: 0 0 16px 0;
}
.list-job > .data .text-area2 > span {
	color: #fff;
}
.list-job > .data .text-area3 {
	background-color: #ffeddc;
	padding: 0.8em;
}
.list-job > .data .from-connect > .point {
	display: block;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
}
.list-job > .data .from-connect > .point + br {
	display: none;
}
.list-job > .data .detail {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
}
.list-job > .data .detail .data {
	width: 25%;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #FC531F;
}
.list-job > .data .detail dd {
	width: 72%;
	font-size: 14px;
}
.list-job > .data .detail dd a {
	color: #FC531F;
}
.list-job > .data .detail dd span::after {
	content: '/';
}
.list-job > .data .detail dd span:last-of-type:after {
	display: none;
}
.list-job > .data .list-kuchikomi > .data {
	border: none;
	padding: 0;
	margin: 0 0 24px 0;
}
.list-job > .data .list-kuchikomi > .data .rating-star {
	margin: 0 0 6px 0;
}
.list-job > .data .list-kuchikomi > .data .honbun {
	background-color: #ffeddc;
	padding: 0.8em;
	margin: 0;
}
.list-job > .data .btn {
	width: 100%;
	background-color: #fff;
	border: 4px solid #FC531F;
	color: #FC531F;
	padding: 0.5em 0;
}
.list-job > .data .btn:hover {
	background-color: #FC531F;
	color: #fff;
}
.list-job > .data .btn,
.list-job > .data .btn.mb-32p {
	margin-bottom: 16px !important;
}
.list-job > .data .btn-area {
	display: flex;
	justify-content: space-between;
	margin-top: 32px;
}
.list-job > .data .btn-area .btn-mail,
.list-job > .data .btn-area .btn-line {
	width: 49%;
	border-radius: 3rem;
	padding: 1em 0;
}

/* タブ表示 */
.tab-box {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.tab-box .title-tab {
	cursor: pointer;
	flex: 1 1 auto;
	text-align: center;
	order: -1;
	border: 2px solid #ffb176;
	border-bottom: none;
	border-radius: 4px 4px 0px 0px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 0.3em 0;
}
.tab-box .title-tab .title {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #ffb176;
}
.tab-box .title-tab:has(:checked) {
	position: relative;
	background-color: #fff;
	color: #FC531F;
	border: 2px solid #FC531F;
	border-bottom: 2px solid #fff;
}
.tab-box .title-tab:has(:checked)  .title {
	color: #FC531F;
}
.tab-box .title-tab:has(:checked) + .content-tab {
  display: block;
}
.tab-box input {
	display: none;
}
.tab-box .content-tab {
	display: none;
	width: 100%;
	background-color: #fff;
	border-top: 2px solid #FC531F;
	margin-top: -8px;
	padding: 24px 0 32px 0;
}

@media screen and (max-width: 750px) {
	.list-job {
		margin: 0 0 10% 0;
	}
	.list-job > .data {
		width: 100%;
		padding: 4% 4% 6% 4%;
		margin: 0 0 6% 0;
	}
	.list-job > .data > .title {
		font-size: 4.5vw;
		margin: 0 0 4% 0;
	}
	.list-job > .data .title-sub {
		font-size: 4vw;
		margin: 0 0 4% 0;
	}
	.list-job > .data > .images {
		margin: 0 0 4% 0;
	}
	.list-job > .data .images .img-area img {
		height: 42.75vw
	}
	.list-job > .data .text-area,
	.list-job > .data .text-area3,
	.list-job > .data .from-connect > .point {
		font-size: 3vw;
		margin: 0 0 4% 0;
	}
	.list-job > .data .from-connect > .point {
		font-size: 3.6vw;
		margin-bottom: 0;
	}
	.list-job > .data .text-area2 {
		font-size: 3.2vw;
		margin: 0 0 4% 0;
	}
	.list-job > .data .detail .data {
		width: 18%;
		font-size: 3vw;
	}
	.list-job > .data .detail dd {
		width: 80%;
		font-size: 3vw;
	}
	.list-job > .data .list-kuchikomi > .data {
		margin: 0 0 4% 0;
	}
	.list-job > .data .list-kuchikomi > .data .rating-star .fa,
	.list-job > .data .list-kuchikomi > .data .rating-star .rating-number {
        font-size: 3vw;
    
    }
	.list-job > .data .btn,
	.list-job > .data .btn.mb-32p {
		margin-bottom: 2% !important;
	}
	.list-job > .data .btn-area {
		margin-top: 32px;
	}
/*
	.list-job > .data .btn-area .btn-mail,
	.list-job > .data .btn-area .btn-line {
		background-size: 2.25em;
		background-position: left 1.25em center;
	}
*/
	/* タブ表示 */
	.tab-box .title-tab,
	.tab-box .title-tab .title {
		font-size: 3.5vw;
	}
	.tab-box .content-tab {
		padding: 4% 0 8% 0;
	}
}

/* ---モーダルウィンドウで検索画面を表示する---- */
.btn-form {
	text-align: center;
	width: fit-content;
	height: 2em;	
	background-color: #FE7F2D;
	border: none;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
}
.search-wrapper {
	display: none;
	position: relative;
	z-index: 2;
}
.search-bg {
	background-color: rgba(255, 255, 255, 0.92);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
.search-wrapper-content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 700px;
	width: calc(650 / 768 * 100%);
	height: 200px;
	z-index: 3;
	color: #fff;
	font-size: 1.7rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search-wrapper-content .btn-gray,
.search-wrapper-content .btn-search::before {
	box-shadow: none;
}
.search-wrapper-content .btn-gray {
	width: 12em;
	font-size: 14px;
	margin: 3em auto 0 auto;
}
.top-search .search-wrapper-content .kininaru {
	margin-bottom: 32px;
}

/* ---search-form.php : エリアで検索部分---- */
#searchform .search-area select {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	position: relative;
	/*width: 20em;*/
	width: 30.5%;
	background-image: url(/wp-content/themes/connect/images/icon-arrow-down.svg);
	background-position: right 0.5em center;
	background-size: 1em;
	background-repeat: no-repeat;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	border-radius: 8px;
	border: 3px solid #FC4C56;
	background-color: #fff;
	color: #FC4C56;
	padding: 8px;
	margin: 0 auto 32px auto;
}
@media screen and (max-width: 750px) {
	#searchform .search-area select {
		width: 70.5%;
		font-size: 3.5vw;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		margin: 0 auto 4% auto;
	}
}

/* ---search-form.php : タグで検索部分---- */
/* タグをそのまま表示
#searchform .tag {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
}
#searchform .tag input[type=checkbox] {
	display: none
}
#searchform .tag .item .checkbox {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-radius: 8px;
	border: 1px solid #ff5200;
	line-height: 1.75;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FF5200;
	padding: 4px 8px 2px 32px;
	margin: 0 8px 12px 0;
	transition: all .3s ease;
}
#searchform .tag .item .checkbox:hover {
	background-color: #ff5200;
	color:#fff
}
#searchform .tag .item .checkbox::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 10px;
	border: 1px solid #ff5200;
	border-radius: 3px;
	margin-top: -9px;
	transition: all .3s ease;
	z-index: 1;
}
#searchform .tag .item .checkbox:hover::after {
	content: '';
	border: 1px solid #fff;
}
#searchform .tag .item .checkbox::before { 
	content: '';
	display: block;
	width: 8px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 14px;
	border-right: 3px solid #ff5200;
	border-bottom: 3px solid #ff5200;
	margin-top: -10px;
	opacity: 0;
	transform:rotate(45deg);
	transition: all .3s ease;
	z-index: 2;
}
#searchform .tag input[type=checkbox]:checked + .checkbox {
	background-color: #ff5200;
	color:#fff;
}
#searchform .tag input[type=checkbox]:checked + .checkbox::before {
	opacity:1;
}
#searchform .tag input[type=checkbox]:checked + .checkbox:after {
	border: 1px solid #fff;
	background-color:#fff;
}
@media screen and (max-width: 750px) {
	#searchform .tag {
		margin: 0 0 6% 0;
	}
	#searchform .tag .item .checkbox {
		font-size: 3vw;
		padding: 0.3em 0.5em 0.1em 2.25em;
		margin: 0 0.5em 0.75em 0;
	}
	#searchform .tag .item .checkbox::after {
		width: 1.25em;
		height: 1.25em;
		position: absolute;
		top: 50%;
		left: 0.5em;
		margin-top: -0.75em;
	}
	#searchform .tag .item .checkbox::before { 
		width: 1em;
		height: 1em;
		left: 0.5em;
		position: absolute;
		top: 50%;
		margin-top: -1em;
	}
}*/
/* ドロップダウンメニューで表示 */
#searchform .search-menu {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 32px 0;
}
#searchform .search-menu.area {
	justify-content: center;
}
#searchform .search-menu > details {
	position: relative;
	width: 30%;
	border: 3px solid #ff5200;
	border-radius: 8px;
}
#searchform .search-menu.area > details {
	border: 3px solid #FC4C56;
}
#searchform .search-menu > details > summary {
	text-align: left;
	background-image: url(/wp-content/themes/connect/images/icon-arrow-down.svg);
	background-position: right 0.5em center;
	background-size: 1em;
	background-repeat: no-repeat;
	text-indent: 0.4em;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	border-radius: 4px;
	background-color: #fff;
	color:  #ff5200;
	padding: 8px 0;
}
#searchform .search-menu.area > details > summary {
	color: #FC4C56;
}
#searchform .search-menu > details .tag {
	position: absolute;
	display: block;
	width: 100%;
	max-height: 5em;
	overflow-y: scroll;
	background-color: #fff;
	border: 3px solid #ff5200;
	border-radius: 8px;
	margin: 0;
	z-index: 1000;
}
#searchform .search-menu > details .tag input[type=checkbox] {
	display: none
}
#searchform .search-menu > details .tag .item .checkbox {
	position: relative;
	display: block;
	cursor: pointer;
	border-radius: 0;
	border: none;
	line-height: 1.75;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF5200;
	padding: 4px 8px 2px 32px;
	margin: 0;
	transition: all .3s ease;
}
#searchform .search-menu.area > details .tag .item .checkbox {
	color: #FC4C56;
}
#searchform .search-menu > details .tag input[type=checkbox]:checked + .checkbox,
#searchform .search-menu > details .tag .item .checkbox:hover {
	background-color: #FF5200;
	color: #fff; 
}
#searchform .search-menu.area > details .tag input[type=checkbox]:checked + .checkbox,
#searchform .search-menu.area > details .tag .item .checkbox:hover {
	background-color: #FC4C56;
	color: #fff; 
}
#searchform .search-menu > details .tag .item .checkbox::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 10px;
	border: 1px solid #ff5200;
	border-radius: 3px;
	margin-top: -9px;
	transition: all .3s ease;
	z-index: 1;
}
#searchform .search-menu.area > details .tag .item .checkbox::after {
	border: 1px solid #FC4C56;
}
#searchform .search-menu > details .tag .item .checkbox:hover::after {
	content: '';
	border: 1px solid #fff;
}
#searchform .search-menu > details .tag .item .checkbox::before { 
	content: '';
	display: block;
	width: 8px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 14px;
	border-right: 3px solid #ff5200;
	border-bottom: 3px solid #ff5200;
	margin-top: -10px;
	opacity: 0;
	transform:rotate(45deg);
	transition: all .3s ease;
	z-index: 2;
}
#searchform .search-menu.area > details .tag .item .checkbox::before { 
	border-right: 3px solid #FC4C56;
	border-bottom: 3px solid #FC4C56;
}
#searchform .search-menu > details .tag .item input[type=checkbox]:checked + .checkbox::before {
	opacity:1;
}
#searchform .search-menu > details .tag .item input[type=checkbox]:checked + .checkbox:after {
	border: 1px solid #fff;
	background-color:#fff;
}
@media screen and (max-width: 750px) {
	#searchform .search-menu {
		display: block;
		margin: 0 0 9% 0;
	}
	#searchform .search-menu > details {
		width: 70%;
		border: 3px solid #ff5200;
		border-radius: 8px;
		margin: 0 auto 4% auto;
	}
	#searchform .search-menu.area > details {
		border: 3px solid #FC4C56;
	}
	#searchform .search-menu > details > summary {
		font-size: 3.5vw;
		padding: 0.3em 0;
	}
	#searchform .search-menu > details .tag .item .checkbox {
		font-size: 3.5vw;
		padding: 0.5em 0.5em 0.3em 2.25em;
		margin: 0;
	}
	#searchform .search-menu > details .tag .item .checkbox::after {
		width: 1.25em;
		height: 1.25em;
		position: absolute;
		top: 50%;
		left: 0.5em;
		margin-top: -0.75em;
	}
	#searchform .search-menu > details .tag .item .checkbox::before { 
		width: 1em;
		height: 1em;
		left: 0.5em;
		position: absolute;
		top: 50%;
		margin-top: -1em;
	}
}

/* ---search-form.php : フリーワードで検索部分---- */
#searchform .search-word {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	box-sizing: border-box;
	width: 80%;
	background-color: #f7f7f7;
	border: 3px solid #95989A;
	border-radius: 8px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 8px 0.5em;
	margin: 0 auto 32px auto;
}
@media screen and (max-width: 750px) {
	#searchform .search-word {
		width: 100%;
		font-size: 3.5vw;
		padding: 8px 0.5em;
		margin: 0 auto 6% auto;
	}
}
/* ---search-form.php : 検索ボタン---- */
.btn-popup,
#searchform button {
	appearance: none;
	/*background: none;*/
	border: none;
	border-radius: 0;
	outline: none;
	margin: 0;
	padding: 0;
}
.btn-popup.btn-search,
#searchform button.btn-search {
	border-radius: 3em;
	padding: 1em 0;
	margin: 0 auto;
}
.btn-popup.btn-search:hover,
#searchform button.btn-search:hover {
	background-color: rgba(255, 255, 255, 1);
	color: #FF4A51;
}
.search-wrapper-content .btn-search::before {
	box-shadow: none;
}

/* ---contact form---- */
.wpcf7-form {
	display: block;
	width: 100%;
}
.list-contact {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 32px 0;
}
.list-contact .head,
.list-contact .data {
	text-align: left;
	font-family: sans-serif;
	font-size: 18px;
	padding: 1em 0;
	margin: 0;
}
.list-contact .head {
	width: 10em;
	border-right: 3px solid #707070;
}
.list-contact .data {
	width: calc(100% - 10em);
	padding-left: 2em;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	background-color: #f7f7f7;
	border: 3px solid #95989A;
	border-radius: 8px;
	line-height: 1.75;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 18px;
	padding: 8px 0.5em;
	margin: 0;
	box-sizing: border-box;
}
.wpcf7-form select {
	position: relative;
	background-image: url(/wp-content/themes/connect/images/icon-arrow-down.svg);
	background-position: center right 1em;
	background-repeat: no-repeat;
	background-size: 1em;
}
.wpcf7-form input[type="tel"] {
	width: 12em;
}
.wpcf7-form input[type="number"] {
	width: 8em;
}
.wpcf7-form .btn-submit {
	appearance: none;
	background: none;
	border: none;
	outline: none;
	display: block;
	width: 10em;
	text-align: center;
	background-color: #FF4A51;
	box-shadow: 2px 2px 5px #b2b2b2;
	border-radius: 3em;
	border: 4px solid #FF4A51;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.25em;
	color: #fff;
	padding: 1em 0;
	margin: 0 auto;
	transition: 0.5s all;
}
.wpcf7-form .read-only {
	border: none !important;
	background-color: #fff !important;
}

.wpcf7-form .btn-submit:hover {
	background-color: #fff;
	color: #FF4A51;
}
.wpcf7-form .wpcf7-spinner {
	display: block;
	margin: 32px auto 0 auto;
}

@media screen and (max-width: 750px) {
	.list-contact {
		margin: 0 0 6% 0;
	}
	.list-contact .head,
	.list-contact .data {
		font-size: 3vw;
		padding: 1em 0;
		margin: 0;
	}
	.list-contact .head {
		width: 100%;
		border-right: none;
		padding-bottom: 0;
	}
	.list-contact .data {
		width: 100%;
		padding-top: 0;
		padding-left: 0;
	}
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],
	.wpcf7-form input[type="tel"],
	.wpcf7-form input[type="number"],
	.wpcf7-form input[type="date"],
	.wpcf7-form select,
	.wpcf7-form textarea {
		font-size: 3vw;
	}
	.wpcf7-form .btn-submit {
		font-size: 3vw;
	}
}

/*------------------- single-kuchikomi.php （口コミ詳細画面）-------------------*/
.list-kuchikomi {
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
}
.list-kuchikomi .title {
	text-align: left;
	background-color: transparent;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #FC531F;
	border-bottom: 1px dotted #FC531F;
	margin: 0 0 16px 0;
}
.list-kuchikomi .title a,
.list-kuchikomi .title a:hover {
	font-size: 75%;
	color: #FC531F;
	text-decoration: none;
}
.list-kuchikomi > .data {
	width: 100%;
	border: 3px solid #FC531F;
	border-radius: 16px;
	padding: 24px;
	margin: 0 0 16px 0;
}
.list-kuchikomi > .data .profile {
	color: #FC531F;
	font-size: 18px;
	margin: 0;
}
.list-kuchikomi > .data .rating-star {
	text-align: left;
	margin: 0 0 16px 0;
}
.list-kuchikomi > .data .rating-star .fa,
.list-kuchikomi > .data .rating-star .rating-number {
	font-size: 18px;
}
.list-kuchikomi > .data h4 {
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.list-kuchikomi > .data .honbun {
	margin: 0 0 16px 0;
}
.list-kuchikomi > .data .update {
	margin: 0;
}
.more-kuchikomi .more-open,
.more-kuchikomi .more-close {
	width: 100%;
	text-align: center;
	background-color: #FC531F;
	border-radius: 8px;
	line-height: 1;
	font-size: 16px;
	color: #fff;
	padding: 1em 0;
	margin: 32px 0;
}
.more-kuchikomi .more-open {
	background-color: #F4EDE6;
	color: #FC531F;
	display: none;
}
.more-kuchikomi[ open ] .more-open {
	display: block;
}
.more-kuchikomi[ open ] .more-close {
	display: none;
}

@media screen and (max-width: 750px) {
	.list-kuchikomi .title {
		font-size: 4.5vw;
		margin: 0 0 4% 0;
	}
	.list-kuchikomi > .data {
		width: 100%;
		padding: 4%;
		margin: 0 0 6% 0;
	}
	.list-kuchikomi > .data .profile {
		font-size: 3vw;
	}
	.list-kuchikomi > .data .rating-star .fa,
	.list-kuchikomi > .data .rating-star .rating-number {
		font-size: 4.5vw;
	}
	.list-kuchikomi > .data .rating-star {
		margin: 0 0 4% 0;
	}
	.list-kuchikomi > .data h4 {
		font-size: 3.5vw;
	}
	.list-kuchikomi > .data .honbun {
		margin: 0 0 1em 0;
	}
	.more-kuchikomi .more-open,
	.more-kuchikomi .more-close {
		font-size: 3.25vw;
		margin: 6% 0;
	}
}

/*-------------------single-ranking.php （ランキング）-------------------*/
.ranking-index li a {
	display: flex;
}
.ranking-index li a > span {
	display: inline-block;
	text-indent: 0;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #FC4C56;
}
.ranking-index li a:hover > span {
	color: #FE7F2D;
}
.ranking-index li a .rank {
	width: 4em;
	text-align: right;
	padding-right: 1em;
}
.ranking-index li a .shop {
	width: calc(100% - 4em);
}

@media screen and (max-width: 750px) {
	.ranking-index li a > span {
		font-size: 3.5vw;
	}
}

/*------------------- VisualEditor -------------------*/
.user-content {
	overflow: hidden;
}
.user-content table td {
	background-color: #fff;
}
.user-content .rating-star {
	text-align: center;
}
.user-content .rating-star .fa,
.user-content .rating-number {
	font-size: 24px;
}
.user-content .radar-chart,
.user-content .radar-chart {
	transform: scale(1.5, 1.5);
	margin: 96px auto 32px auto;
}
.user-content .list-border-box {
	flex-wrap: wrap;
	margin: 0 0 32px 0;
}
.user-content .list-border-box .data {
	width: 49.5%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1%;
}
.user-content .list-border-box .data::before {
	display: none;
}
.user-content .btn {
	width: 26em;
	font-size: 22px;
	color: #fff;
	padding: 1em;
}
.user-content .btn::after {
	display: none;
}
.user-content .btn:hover {
	color: #FC531F;
}
.user-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.user-content .alignright {
	display: block;
	margin-left: auto;
	margin-right: 0;
}
.user-content .alignleft {
	display: block;
	margin-left: 0;
	margin-right: auto;
}
.user-content .note {
	background-color: #F4EDE6;
	padding: 1em;
	margin: 0 0 32px 0;
}
.user-content .note p {
	font-size: 80%;
	margin: 0;
}
.user-content .note .title {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0.3em;
}
.user-content .pickup {
	display: block;
	border: 3px solid #F4EDE6;
	background-color: #F4EDE6;
	padding: 16px;
	margin: 0 0 32px 0;
}
.user-content .pickup .title-area {
	display: flex;
}
.user-content .pickup .title-area .title {
	width: 85%;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	color: #ff5200;
	margin: 0;
}
.user-content .pickup .title-area > img {
	display: block;
	width: 12%;
	height: 100%;
	margin: 0 0 0 auto;
}
.user-content .pickup .pickup-detail {
	margin: 1em 0 0 0;
}
.user-content .slick-slider .slick-dots {
	padding: 0;
	margin: 0;
}
.user-content .slick-slider .slick-dots li {
	padding: 0;
}
.user-content .slick-slider .slick-dots li::before {
	display: none;
}

@media screen and (max-width: 750px) {
	.user-content .rating-star .fa,
	.user-content .rating-number {
		font-size: 4.5vw;
	}
	.user-content .radar-chart,
	.user-content .radar-chart {
		transform: scale(1, 1);
		margin: 8% auto 0 auto;
	}
	.user-content .list-border-box {
		flex-wrap: wrap;
		margin: 0 0 4% 0;
	}
	.user-content .list-border-box .data {
		padding-left: 0;
		padding-right: 0;
	}
	.user-content .btn {
		width: 85%;
		font-size: 3vw;
	}
	.user-content .note {
		margin: 0 0 6% 0;
	}
	.user-content .pickup {
		padding: 1em;
		margin: 0 0 6% 0;
	}
	.user-content .pickup .title-area .title {
		width: 72%;
		font-size: 3.5vw;
	}
	.user-content .pickup .title-area > img {
		width: 25%;
	}
	.user-content .pickup .pickup-detail {
		font-size: 3vw;
	}
}


/* 比較リスト */
.tbl-compare-area {
	display: block;
	width: 100%;
}
.tbl-compare {
	display: block;
	width: 968px;
}
.tbl-compare tr td {
	text-align: center;
	font-size: 12px;
	border: none !important;
}
.tbl-compare tr:nth-of-type(odd) td {
	background-color: #e0dada;
}
/* 一番上の行 */
.tbl-compare tr:nth-of-type(1) td {
	background-color: #fff;
	border: 3px solid #e0dada !important;
	letter-spacing: -1px;
}
/* 一番左の列 */
.tbl-compare tr td:nth-of-type(1) {
	text-align: left;
	position: sticky;
	left: 0;
}
/* 一番上の一番左（左上のセル）*/
.tbl-compare tr:nth-of-type(1) td:nth-of-type(1) {
	text-align: center;
}

.tbl-compare tr .title,
.tbl-compare tr .image {
	width: 189px;
}
.tbl-compare tr td {
	width: 85px;
}
.tbl-compare tr td .rating-star {
	margin: 0;
}
.tbl-compare tr td .rating-star .fa {
	font-size: 14px !important;
}
@media screen and (max-width: 1000px) {
	.tbl-compare-area {
		overflow-x: scroll;
	}
	.tbl-compare-area::after {
		display: block;
		text-align: center;
		content: '横にスクロールできます。';
		line-height: 1;
		font-size: 12px;
		color: #333;
		padding: 0.5em 0;
	}
}
@media screen and (max-width: 750px) {
	.tbl-compare {
		width: 831px;
	}
	.tbl-compare tr .title {
		width: 85px;
	}
}

/* ライタープロフィール */
.writer {
	display: flex;
	border: 3px solid #F4EDE6;
	padding: 1em;
	margin: 0 0 32px 0;
}
.writer img {
	display: block;
	width: 20%;
	height: 100%;
}
.writer .name-area {
	font-size: 14px;
	margin-bottom: 0.5em;
}
.writer .profile-area {
	font-size: 14px;
	margin: 0;
}
@media only screen and (max-width: 750px) {
	.writer .name-area,
	.writer .profile-area {
		font-size: 3vw;
		line-height: 1.25;
	}
	.writer img {
		width: 33%;
	}
}


.user-content .btn {
	width: 65%;
	font-size: 24px;
}
.bn-line {
	display: block;
	width: 65%;
	background-color: #1FC755;
	background-image: url(/wp-content/themes/connect/images/icon-line.svg);
	background-position: center left 16px;
	background-repeat: no-repeat;
	background-size: 96px;
	border-radius: 9em;
	box-shadow: 2px 2px 5px #b2b2b2;
	padding: 16px 32px 16px 128px;
	margin: 0 auto;
	transition: 0.5s all;
}
.bn-line:hover {
	opacity: 0.8;
}
.bn-line .copy1,
.bn-line .copy2,
.bn-line .title {
	display: block;
	line-height: 1.25;
	font-weight: bold;
	color: #fff;
	margin: 0;
}
.bn-line .copy1,
.bn-line .copy2 {
	color: #fff;
	line-height: 1;
	font-size: 24px;
}
.bn-line .copy1 { text-align: left; }
.bn-line .copy2 {
	text-align: right;
	background-image: url(/wp-content/themes/connect/images/icon-arrow-left-wh.svg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 1em;
	padding-right: 1.25em;
}
.bn-line .title {
	text-align: center;
	color: #1fc755;
	background-color: #fff;
	font-weight: bold;
	font-size: 24px;
	margin-top: 8px;
	margin-bottom: 8px;
}
@media only screen and (max-width: 750px) {
	.user-content .btn {
		width: 85%;
		font-size: 3.5vw;
	}
	.bn-line {
		width: 85%;
		background-position: center left 4%;
		background-size: 18%;
		padding: 2% 4% 2% 20%;
	}
	.bn-line .copy1,
	.bn-line .copy2 {
		font-size: 3vw;
	}
	.bn-line .copy2 {
		background-position: center right 0.3em;
		padding-right: 1.5em;
	}
	.bn-line .title {
		font-size: 3.5vw;
	}
}

/* 目次コンテナ */
.ez-toc-container {
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 15px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.6;
}

/* タイトル */
.ez-toc-title-container {
    margin-bottom: 10px;
}
.ez-toc-title {
    font-weight: bold;
    font-size: 15px;
}

/* リスト全体 */
.ez-toc-list ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

/* リスト項目 */
.ez-toc-list li {
    margin: 5px 0;
}

/* h2とh3の階層差 */
.ez-toc-heading-level-2 {
    margin-left: 0;
}
.ez-toc-heading-level-3 {
    margin-left: 20px;
    font-size: 13px;
}

/* ページネーション */
.pagination {
	margin: 0 0 64px 0;
}
.pagination .screen-reader-text {
	display: none;
}
.pagination .nav-links {
	text-align: center;
}
.pagination .nav-links span,
.pagination .nav-links a {
	font-size: 18px;
	line-height: 1;
}
.pagination .nav-links a {
	color: #FC531F;
}
.pagination .nav-links .next,
.pagination .nav-links .prev {
	background-color: #FC531F;
	color: #fff;
	border: 2px solid #FC531F;
	border-radius: 3em;
	padding: 0.25em 1em;
	transition: all 0.3s;
}
.pagination .nav-links .next:hover,
.pagination .nav-links .prev:hover {
	background-color: #fff;
	color: #FC531F;
}
.pagination .nav-links .next {
	margin-left: 1em;
}
.pagination .nav-links .prev {
	margin-right: 1em;
}

@media only screen and (max-width: 750px) {
	.pagination {
		margin: 0 0 10% 0;
	}
	.pagination .nav-links span,
	.pagination .nav-links a {
		font-size: 3.5vw;
	}
}


.btn-detail-kuchikomi {
	position: relative;
	display: block;
	width: fit-content;
	border: 2px solid #FC531F;
	border-radius: 2em;
	color: #FC531F;
	font-size: 14px;
	padding: 0.5em 1.75em 0.5em 1em;
	margin: 0 auto;
	transition: all 0.5;
}
.btn-detail-kuchikomi::after {
	content: "→";
	width: 1em;
	height: 1em;
	line-height: 1;
	position: absolute;
	right: 0.4em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn-detail-kuchikomi:hover {
	background-color: #FC531F;
	color: #fff;
}
@media only screen and (max-width: 750px) {
	.btn-detail-kuchikomi {
		font-size: 3vw;
	}
}