@charset "UTF-8";

/*
Theme Name: Wavy		
Author: Aimi Kinjo
Version: 1.0
*/

/*--------------------------------------------------------------------------------
 *
 *
 * 下層ページ
 *
 *
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
 *
 * 共通
 *
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
 * subpage_kv
--------------------------------------------------------------------------------*/
.subpage_kv-underlayer { width: 100%;}
.subpage_kv-inner {height: 300px; 
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-pack: left; -ms-flex-pack: left;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;	
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.subpage_underLayer-kv {height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.subpage_underLayer-kv .catch-copy {height: auto; width: 100%; color: #fff;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.subpage_underLayer-kv h2 {font-size: 32px; margin: 0;}

@media screen and (max-width:966px){
	.subpage_kv-underlayer {width: 100%; padding-top: 60px;}	
}

@media screen and (max-width:766px){
	.subpage_kv-inner  { width:100%; height: 200px;}
	.subpage_kv-inner .catch-copy { width:100%; text-align:center;}
	.subpage_kv-inner .catch-copy span {margin: 10px auto 0;}
	.subpage_underLayer-kv { height: 200px;}
}

/*--------------------------------------------------------------------------------
 *
 * MENU
 *
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
 * subpage_menu
--------------------------------------------------------------------------------*/
.subpage_menu-kv { background-image: url(images/menu.jpg) ;}
.subpage_menu .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_menu .inner { width: 90%; padding: 60px 0; }
}
.subpage_menu h3 {text-align: center; margin-bottom: 40px; letter-spacing: 4px;}
.subpage_menu h3 span {font-size: 14px; display: block; margin-top: 10px; margin: 10px auto 0; font-weight: normal; letter-spacing: 4px;}
.subpage_menu h4 {text-align: center; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid;}
.subpage_menu .menu-wrapper { padding: 60px 30px;}
.subpage_menu ul { margin-bottom: 40px;
	display:-webkit-box; display:-ms-flexbox; display:flex; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between; 
	-ms-flex-wrap:wrap; flex-wrap:wrap; }
.subpage_menu ul > li { width: calc(32%); margin:10px 0;}
.subpage_menu li p { font-size:14px; margin: 0;}
.subpage_menu ul > li .menu-img {height: 170px;}
.subpage_menu ul > li .menu-img img {width: 100%; height: 100%; object-fit: cover;}
.subpage_menu .txt-wrapper {padding: 25px;}
.subpage_menu ol > li {font-size: 12px;}

@media screen and (max-width:766px){
	.subpage_menu_kv {background-attachment: inherit;}
	.subpage_menu h3 {margin-bottom: 5%;}
	.subpage_menu h4 {font-size: 1.6em;}
	.subpage_menu ul {display: block;}
	.subpage_menu ul > li {margin: 5% 0; width: 100%;}
	.subpage_menu .menu-wrapper {padding: 5%;}	
	.subpage_menu .txt-wrapper {padding: 5%;}
}

/*--------------------------------------------------------------------------------
 * subpage_comment
--------------------------------------------------------------------------------*/
.subpage_comment .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_comment .inner { width: 90%; padding: 60px 0; }
}
.subpage_comment ul {display: flex; display: -webkit-box; display: -ms-flexbox;}
.subpage_comment ul li:first-child {width: 35%; position: relative; height: auto;}
.subpage_comment ul li:first-child img {width: 100%; height: 100%; object-fit: cover; position: absolute;
    left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.subpage_comment ul li:last-child {width: 65%; padding-left: 30px;}
.subpage_comment h3 {text-align: left; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid;}
.subpage_comment .comment-profile {margin-bottom: 0px; letter-spacing: 1px; padding-top: 20px; text-align: right;}
.subpage_comment .comment-profile p {margin-bottom: 0;}   
.subpage_comment .comment-name {font-size: 18px; margin-bottom: 10px; letter-spacing: 2px;}
.subpage_comment .comment-name span { margin-left: 10px;font-size: 12px;}

@media screen and (max-width:966px){
	.subpage_comment ul {display: block;}
	.subpage_comment ul li:first-child {width: 100%; height: 400px; margin-bottom: 5%;}
	.subpage_comment ul li:last-child {width: 100%; padding-left: 0;}
}

@media screen and (max-width:766px){
	.subpage_comment ul {display: block;}
	.subpage_comment ul li:first-child {width:100%; padding-right:0; margin-bottom: 10%; height: 200px;}
	.subpage_comment ul li:last-child {width:100%; padding-left: 0px;}	
}

/*--------------------------------------------------------------------------------
 *
 * FLOW
 *
--------------------------------------------------------------------------------*/ 
.subpage_flow-kv {background-image: url(images/flow.jpg);}
.subpage_flow .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_flow .inner { width: 90%; padding: 60px 0; }
}
.subpage_flow ul {width: 100%; counter-reset: number;}
.subpage_flow ul li {margin-bottom: 20px; padding: 30px;  position: relative; 
	display:-webkit-box; display:-ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;}
.subpage_flow ul li::before {counter-increment: number; content: "" counter(number); font-size: 25px; position: absolute; background: inherit; color: currentColor;
    width: 70px; height: 70px; top: 0; left: 0; 
    display:-webkit-box; display:-ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.subpage_flow ul li .img-wrapper {width: 30%; margin-bottom: 0;}
.subpage_flow ul li .img-wrapper img {width: 100%; height: 100%; object-fit: cover;}
.subpage_flow ul li .txt-wrapper {width: 70%; padding-left: 30px;}
.subpage_flow ul li h3 {font-size: 20px; font-weight: 500; margin-bottom: 10px; border-bottom: 1px solid; padding-bottom: 10px;}

@media screen and (max-width:966px){ 
	.subpage_flow ul li .img-wrapper {width: 100%; height: 400px;}
	.subpage_flow ul li .img-wrapper img { width: 100%; height: 100%; object-fit: cover;}
	.subpage_flow ul li .txt-wrapper { width: 100%; padding-left: 0; margin-top: 5%;}	
}

@media screen and (max-width:766px){ 
	.subpage_flow ul li {display: block; width: 100%; padding: 5%;}
	.subpage_flow ul li .img-wrapper {width: 100%; height: 200px;}
	.subpage_flow ul li .img-wrapper img { width: 100%; height: 100%; object-fit: cover;}
	.subpage_flow ul li .txt-wrapper { width: 100%; padding-left: 0; margin-top: 10%;}	
}

/*--------------------------------------------------------------------------------
 *
 * MESSAGE & MEMBER
 *
--------------------------------------------------------------------------------*/
.subpage_message-kv { background-image: url(images/staff.jpg)}

/*--------------------------------------------------------------------------------
 * subpage_message
--------------------------------------------------------------------------------*/
.subpage_message .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_message .inner { width: 90%; padding: 60px 0; }
}
.subpage_message ul {display: flex; display: -webkit-box; display: -ms-flexbox;}
.subpage_message ul li:first-child {width: 45%; position: relative; height: auto;}
.subpage_message ul li:first-child img { width: 100%; height: 100%; object-fit: cover; position: absolute;
    left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.subpage_message ul li:last-child {width: 55%; padding-left: 30px;}
.subpage_message h3 {font-size: 20px; font-weight: 500; margin-bottom: 10px; border-bottom: 1px solid; padding-bottom: 10px;}
.subpage_message .profile {margin-bottom: 0px; letter-spacing: 1px; padding-top: 20px; margin-top: 20px; text-align: right;}
.subpage_message .work {margin-bottom: 0;}
.subpage_message .name {font-size: 18px; margin-bottom: 10px; letter-spacing: 2px;}
.subpage_message .name span {margin-left: 10px; font-size: 12px;}

@media screen and (max-width:966px){
	.subpage_message ul {display: block;}
	.subpage_message ul li:first-child {width: 100%; height: 400px; margin-bottom: 5%;}
	.subpage_message ul li:last-child {width: 100%; padding-left: 0px;}
}

@media screen and (max-width:766px){
	.subpage_message ul {display: block;}
	.subpage_message ul li:first-child {width: 100%; height: 200px;}
	.subpage_message ul li:last-child {width: 100%; margin-top: 10%;}
}

/*--------------------------------------------------------------------------------
 * subpage_staff
--------------------------------------------------------------------------------*/
.subpage_staff .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_staff .inner { width: 90%; padding: 60px 0; }
}
.subpage_staff ul {width: 100%; 
	display: -webkit-box; display: -ms-flexbox; display: flex;   
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-ms-flex-wrap: wrap; flex-wrap: wrap;}
.subpage_staff ul li { width: calc(49%); margin: 10px 0; padding: 30px;}
.subpage_staff p.lead {text-align: center;}
.subpage_staff img { width: 180px; height: 180px; object-fit: cover; margin: 20px auto; border-radius: 50%;}
.subpage_staff h3 {font-size: 20px; font-weight: 500; margin-bottom: 10px; border-bottom: 1px solid; padding-bottom: 10px; margin-top: 30px;}
.subpage_staff h4 {font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.subpage_staff h4 span { margin-left: 15px; font-size: 16px; font-weight: bold;}
.subpage_staff p {margin-bottom: 0px;}
.subpage_staff .profile {margin-bottom: 0px; letter-spacing: 1px; padding-top: 20px; margin-top: 20px; text-align: right;}
.subpage_staff .name {font-size: 18px;  margin-bottom: 10px; letter-spacing: 2px;}
.subpage_staff .name span {margin-left: 10px; font-size: 12px;}

@media screen and (max-width:966px){
	.subpage_staff img { width: 150px; height: 150px;}
}

@media screen and (max-width:766px){
	.subpage_staff ul li:first-child {width: 100%;}
	.subpage_staff ul li:last-child { width: 100%;}
	.subpage_staff ul li {width: 100%; padding: 7%;}
	.subpage_staff img { width: 130px; height: 130px;}
}

/*--------------------------------------------------------------------------------
 *
 * ABOUT
 *
--------------------------------------------------------------------------------*/
.subpage_about-kv {background-image: url(images/about.jpg);}

/*--------------------------------------------------------------------------------
 * subpage_what
--------------------------------------------------------------------------------*/
.subpage_what .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_what .inner { width: 90%; padding: 60px 0; }
}
.subpage_what .img-box {overflow: hidden; margin-bottom: 0; margin-top: 50px; height: 520px; position: relative;}
.subpage_what .img-box img {width: 100%; height: 100%; object-fit: cover; position: absolute;
    left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.subpage_what p {text-align: center;}

@media screen and (max-width:966px) {
	.subpage_what .img-box {height: 400px; margin-top: 5%;}
}

@media screen and (max-width:766px) {
	.subpage_what .img-box {height: 200px; margin-top: 10%;}
}

/*--------------------------------------------------------------------------------
 * subpage_business
--------------------------------------------------------------------------------*/
.subpage_business .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_business .inner { width: 90%; padding: 60px 0; }
}
.subpage_business ul {
	display:-webkit-box; display:-ms-flexbox; display: flex; 
	-ms-flex-wrap: wrap; flex-wrap: wrap; 
	-ms-flex-pack: distribute; justify-content: space-around; 
	-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;} 
.subpage_business ul li { text-align: center; width: calc(47%); margin-bottom: 5%;}
.subpage_business .img-box {margin-bottom: 0; height: 300px;}
.subpage_business .img-box img {width: 100%;
    height: 100%;
    object-fit: cover;}
.subpage_business .txt-box {padding: 30px;}
.subpage_business .txt-box h3 {text-align: center; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid;}

@media screen and (max-width:966px) {
	.subpage_business .img-box {margin-bottom: 0; height: 230px;}
}

@media screen and (max-width:766px) {
	.subpage_business ul {display: block;}
    .subpage_business ul li {width: 100%;}
    .subpage_business .img-box {margin-bottom: 0; height: 200px;}
    .subpage_business .txt-box {padding: 5%;}
}

/*--------------------------------------------------------------------------------
 * subpage_support
--------------------------------------------------------------------------------*/
.subpage_support .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_support .inner { width: 90%; padding: 60px 0; }
}
.subpage_support ul {
	display:-webkit-box; display:-ms-flexbox; display: flex; 
	-webkit-box-pack: center; -ms-flex-pack: center; 
	-ms-flex-pack: distribute; justify-content: space-around; 
	-ms-flex-wrap: wrap; flex-wrap: wrap;}
.subpage_support ul li {width: 31%; margin-bottom: 5%;}
.subpage_support ul li .img-box {height: 210px; overflow: hidden;}
.subpage_support ul li .img-box img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width:766px) {
	.subpage_support ul {display: block;}
	.subpage_support ul li {width: 100%;}
	.subpage_support ul li .img-box {height:  30vh;}
}

/*--------------------------------------------------------------------------------
 *
 * COMPANY
 *
--------------------------------------------------------------------------------*/
.subpage_company-kv { background-image: url(images/company.jpg);}

/*--------------------------------------------------------------------------------
 * subpage_company
--------------------------------------------------------------------------------*/
.subpage_company .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_company .inner { width: 90%; padding: 60px 0; }
}
.subpage_company .company-wrapper {display:-webkit-box; display:-ms-flexbox; display:flex; }
.subpage_company ol.company-table {width: 50%; border: none; padding: 0; padding-right: 15px;}  
.subpage_company ol.company-table > li { border-top: 1px solid #e6e6e6; padding: 22px 0; text-align: left; vertical-align: middle; line-height: 1.5; 
	display:-webkit-box; display:-ms-flexbox; display:flex;  
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.subpage_company ol.company-table > li:last-child {border-bottom: 1px solid #e6e6e6;}
.subpage_company ol.company-table .company-left {width: 23%; font-weight: bold; margin-right: 5%;}
.subpage_company ol.company-table .company-right {width: 77%;} 
.subpage_company ul.location li {font-size: 12px;}
.subpage_company #map { height: auto; }
.subpage_company iframe { max-width: 100%; height: 100%; /* width: 50%; padding-left: 15px; */ }

@media screen and (max-width:766px){
	.subpage_company .company-wrapper {display:block; }
	.subpage_company ol.company-table {width: 100%; padding-right: 0;}  
	.subpage_company iframe {width: 100%; padding-left: 0; height: 30vh; margin-top: 5%;}
}

/*--------------------------------------------------------------------------------
 * subpage_gallery
--------------------------------------------------------------------------------*/ 
.subpage_gallery .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_gallery .inner { width: 90%; padding: 60px 0; }
}
.subpage_gallery ul {margin-top:50px; 
	display:-webkit-box; display:-ms-flexbox; display:flex; 
	-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; 
	-ms-flex-wrap:wrap; flex-wrap:wrap;}
.subpage_gallery li { width: calc(25%);margin: 5px 0; padding: 0px 5px; }
.subpage_gallery ul li .gallery-img {height: 170px;}
.subpage_gallery ul li .gallery-img img  {width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width:966px){
	.subpage_gallery ul li { width:calc(25%);}
	.subpage_gallery ul li .gallery-img {height: 12vh;}
}

@media screen and (max-width:766px){
	.subpage_gallery  ul li { width:calc(50%);}	
	.subpage_gallery ul li .gallery-img {height: 15vh;}
}

/*--------------------------------------------------------------------------------
 *
 * CONTACT
 *
--------------------------------------------------------------------------------*/
.subpage_contact-kv { background-image: url(images/contact.jpg);}

/*--------------------------------------------------------------------------------
 * subpage_line-tel
--------------------------------------------------------------------------------*/ 
.subpage_line-tel .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_line-tel .inner { width: 90%; padding: 60px 0; }
}
.subpage_line-tel .inner {padding: 0;}
.subpage_line-tel ul {display:-webkit-box; display:-ms-flexbox; display:flex;}
.subpage_line-tel ul li {width: 50%;  padding: 20px 0; position: relative; font-size: 16px;
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.subpage_line-tel ul li:hover {opacity: .9;}
.subpage_line-tel i {position: absolute; top: 50%; right: 1%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

/*ボタン*/
.subpage_line-tel .line-btn, 
.subpage_line-tel .phone-btn {outline: none; cursor: pointer; text-align: center; color: #fff;}
.subpage_line-tel .line-btn {background: #00c300; color: #fff;}
.subpage_line-tel .phone-btn i {font-size: 18px;}
.subpage_line-tel .phone-btn {border-radius: 5px;}
.subpage_line-tel .phone-btn span {font-size: 12px; display: block; margin-top: 10px;}
.subpage_line-tel .line-btn .fa-chevron-circle-right, 
.subpage_line-tel .phone-btn .fa-chevron-circle-right  {font-size: 20px;
	position: absolute; top: 50%; right: 0%;  -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

@media screen and (max-width:766px){ 
	.subpage_line-tel ul {display: block;}
	.subpage_line-tel ul li {width: 100%; height: 70px;}
}

/*--------------------------------------------------------------------------------
 * subpage_contact
--------------------------------------------------------------------------------*/ 
.subpage_contact .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_contact .inner { width: 90%; padding: 60px 0; }
}
.subpage_contact ul { 
	display:-webkit-box; display:-ms-flexbox; display:flex; 
	-webkit-box-pack:center; -ms-flex-pack:center; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between;/*均等*/ 
	-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
.subpage_contact ul li {width: 48%;padding: 30px;}
.subpage_contact h3 {margin-bottom: 12px; text-align: center;}
.subpage_contact .contact-wrapper {padding: 30px; }
.subpage_contact .cta-box {margin-top: 30px;}

@media screen and (max-width:766px){
	.subpage_contact ul { width: 100%; display: block;}
	.subpage_contact ul li {width: 100%; padding: 5%; margin-bottom: 10%;}	
	.subpage_contact h3 {font-size: 6vw;}
	.subpage_contact .contact-wrapper {padding: 5%;}
}

/*form*/
.subpage_contact dl { padding: 0 0 10px 0; border-bottom: 1px solid #eee;
	display:-webkit-box; display:-ms-flexbox; display:flex;  
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.subpage_contact dt {font-size: 16px; width: 40%; display: table-cell; table-layout: fixed; vertical-align: middle;}
.subpage_contact dd, .subpage_contact dd span, .subpage_contact input, .subpage_contact textarea { width: 100% !important;}
.subpage_contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, 
.subpage_contact input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email, 
.subpage_contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel, 
.subpage_contact input.wpcf7-form-control.wpcf7-text, 
.subpage_contact textarea.wpcf7-form-control.wpcf7-textarea {padding: 20px; background-color: #fff; border: 2px solid #ccc; border-radius: 5px; height: auto; line-height: 1;}
.subpage_contact input {padding: 20px; border: 2px solid #ccc; border-radius: 5px; height: auto; line-height: 1;}
.subpage_contact span.wpcf7-list-item { display: inline-block; width: 100%; float: left; line-height: 3; }
.subpage_contact dl ul {margin-left: 200px;}

@media screen and (max-width:766px){
	.subpage_contact dl { display: grid; padding: 4% 0;}
	.subpage_contact dt {line-height: 2; width: 100%;}
	.subpage_contact span.wpcf7-list-item {width: 100%;}
}

.subpage_contact dl.form dl, .subpage_contact dt, .subpage_contact dd {margin:0; padding:0; }
.subpage_contact dl.form{ width:100%; }
.subpage_contact dl.form dt, .subpage_contact dd { padding:20px 0; }
.subpage_contact dl.form dt { clear:left; float:left; width:27%; font-size:14px; border-top:1px solid #ccc; }
.subpage_contact dl.form dd { margin-left:27%; border-top:1px solid #ccc; }

@media screen and (max-width:766px){
	.subpage_contact dl.form dt, .subpage_contact dd { padding:0; }
	.subpage_contact dl.form dt { clear:both; float:none; width:100%; border-top:1px solid #ccc; padding:20px 0 10px 0; }
	.subpage_contact dl.form dd { margin-left:0%; border-top:none; padding-bottom:20px; }
}

/* 必須赤色表示 */
.subpage_contact .wpcf7 .required { color: #000000;}

/* 任意緑色表示 */
.subpage_contact .wpcf7 .any{ color: #080;}
.subpage_contact select { background:#ffffff; border:1px solid #cccccc; border-radius:3px; color:#0C2245; font-size:14px; height:40px; line-height:30px; text-align:left; text-indent:5px; vertical-align:middle; width:100%; }

/* 必須or任意 */
.subpage_contact .hissu,
.subpage_contact .nini { color:#ffffff; margin:0 0 0 5px; padding:3px 7px; font-size:10px; font-weight:bold; border-radius:3px; }
.subpage_contact .hissu { background:#D8544F; }
.subpage_contact .nini { background:#78919C; }
.subpage_contact ::placeholder { color:#999999; }

/* ------------------------------送信ボタン------------------------------　*/
.subpage_contact input[type="submit"] { -webkit-appearance:none; margin:0 auto; position: relative;  outline: none; border: none;  font-size: 18px; padding: 20px 0; border-radius: 5px; max-width: 500px !important;
    height: 65px;}
.subpage_contact .contact-btn {width: 400px; margin: auto; position: relative; }
.subpage_contact .contact-btn i {position: absolute; top: 50%; right: 0%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2;}
.subpage_contact input.wpcf7-submit{ background:#fff136; display:block; font-size:24px!important; color:#CF2B4B; width:70% ; border-radius:55px!important; margin:0 auto; border:none!important; position: relative; outline: none; cursor: pointer; font-weight: bold; padding: 3%;}
.subpage_contact input.wpcf7-submit:hover {background-color: rgba(0, 0, 0, 0); border-color: #ff8c00; color: #ff8c00; border: 2px solid #ff8c00 !important;}

@media screen and (max-width:768px) {
	.subpage_contact input.wpcf7-submit {height: auto; padding: 5% 0; width: 100% !important;}	
	.subpage_contact input[type="submit"]  {height: auto;}
	.subpage_contact .contact-btn {width: 100%;}
}

/* ------------------------------チェックボックスのデザイン------------------------------　*/
.subpage_contact input[type=checkbox] { display:none; }
.subpage_contact .wpcf7-list-item-label { position:relative; padding:0 0 0 56px; top:0px; }
.subpage_contact .wpcf7-list-item-label:hover:after { border-color:#CF2B4B; }
.subpage_contact .wpcf7-list-item-label:after,  
.subpage_contact .wpcf7-list-item-label:before{position:absolute; content:""; display:block; top:50%; }
.subpage_contact .wpcf7-list-item-label:after { left:0px; margin-top:-20px; width:36px; height:36px; border:2px solid #ccc; border-radius:3px; }
.subpage_contact .wpcf7-list-item-label:before { left:18px; margin-top:-7px; width:5px; height:9px; border-right:3px solid #CF2B4B; border-bottom:3px solid #CF2B4B; transform:rotate(45deg); opacity:0; }
.subpage_contact input[type=checkbox]:checked + .subpage_contact .wpcf7-list-item-label:before {opacity:1 !important; }

@media screen and (max-width:768px){
	.subpage_contact .wpcf7-list-item  { padding:15px 0; } /* チェックボックス下に14pxのスペース */
}

/*--------------------------------------------------------------------------------
 * subpage_resolution
--------------------------------------------------------------------------------*/
.subpage_resolution .inner { width:90%; max-width: 1000px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width:766px) {
    .subpage_resolution .inner { width: 90%; padding: 60px 0; }
}
.subpage_resolution ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.subpage_resolution ul li:first-child { width: 70%; padding-right: 1em; }
.subpage_resolution ul li:last-child { width: 30%; }
.subpage_resolution h2 { color: #fff; margin-bottom: 0; font-size: 22px; text-align: left; }
.subpage_resolution .btn { display: block; font-size: 16px;  position: relative; outline: none; cursor: pointer;text-align: center; padding: 18px 0; position: relative; z-index: 2; /*font-weight: bold; */color: #fff; border-radius: 50px; }
.subpage_resolution .btn:hover { transition: all .3s; border-radius: 50px; box-sizing: border-box; }
.subpage_resolution #cta-btn {
    width: 100%;
    border-radius: 4px;
    position: relative;
    height: auto;
}
.subpage_resolution #cta-btn i { position: absolute; top: 50%; right: 1%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 16px; }
.subpage_resolution #cta-btn span { display: block; font-size: 16px; }
.subpage_resolution #cta-btn:hover { box-sizing: border-box; border-radius: 100px; }

@media screen and (max-width:966px) {
    .subpage_resolution #cta-btn { width: 100%; margin: 5% auto 0; }
}
@media screen and (max-width:766px) {
    .subpage_resolution { background-attachment:inherit; }
    .subpage_resolution ul { display: block; }
    .subpage_resolution ul li:first-child { width: 100%; }
    .subpage_resolution ul li:last-child { width: 70%; margin: 10% auto 0; }
    .subpage_resolution h2 { font-size: 1.4em; text-align: center; letter-spacing: 3px; }
    .subpage_resolution .btn { width: 70%; padding: 10px 0; font-size: 14px; }
    .subpage_resolution #cta-btn { margin-left: auto; margin: auto; width: 100%; height: auto; /*font-size: 5vw;*/ }
    .subpage_resolution #cta-btn span { font-size: 3vw; }
}