﻿/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:after, blockquote:before, q:after, q:before {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}table + p {margin-top: 2rem;}img {margin: 0 auto;padding: 0;max-width: 100%;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}a[href^="tel:"] {pointer-events: none;text-decoration: none;color: #666;}
/*--------Basic--------*/
html {font-size: 62.5%;}
body  { width: 100%;font-size: 2.2rem;color: #3f3f3f;font-weight: 500;line-height: 1.7;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;background: #eee;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
#body_wrap {/*width: 960px;*/margin: 0 auto;box-shadow: 0 0 5rem rgba(0,0,0,0.2);background: #fff;}
#body_wrap .sub_head{color: #000;}
.pc {display: block;}
.sp {display: none;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.img_right {float: right;padding: 0 0 2rem 2rem;}
.img_left {float: left;padding: 0 2rem 2rem 0;}
.caption {width: 100%;padding: 1rem;margin: 0;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
/* Font */
h1 {font-weight: normal !important;font-feature-settings: "palt"1;}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #d00;}
.rubi {display: inline-block;line-height: 1;}
.rubi ruby {display: inline-table;vertical-align: bottom;}
.rubi rb {display: table-footer-group;}
.rubi rt {display: table-header-group;font-size: .5em;text-align: center;font-weight:100;}
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.xxsmall {font-size: 30%;}
.xsmall {font-size: 60%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.xlarge {font-size: 140%;}
.xxlarge {font-size: 160%;}
.gradation_g { color: #f9db7f;background: -webkit-linear-gradient(0deg, #f9db7f, #fff8c8, #f9db7f);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Gothic MB101 Heavy', sans-serif;}
.serif {-webkit-font-feature-settings: 'palt' 1;font-feature-settings: 'palt' 1;font-family:'Noto Serif JP', "Ryumin ExtraBold KL", 游明朝, "Yu serif", Yuserif, "Hiragino serif ProN", "Hiragino serif Pro", HGS明朝E, メイリオ, Meiryo, serif;}
.bg_b {background: #000;}
p + img, img + p, p + p {margin-top: 2rem;}
.w100{width: 100%;}
/*--------Header--------*/
header {width: 100%;background: url(../img/k_bg1.jpg)no-repeat top center #000;background-attachment: fixed;background-size: inherit;}
header h1 {padding: 3rem 0;filter: drop-shadow(2px 2px 2px #000);font-family: Reimin Y10 Medium;color: #fff;text-align: center;font-size: 4rem;}
header h1 ruby > rt {font-size: 35%;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
section {padding: 5rem 0;}
.sub_head {color: #fff;font-size: 5rem;font-weight: 900;line-height: 1.3;text-align: center;letter-spacing: -1px;font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;margin: 0 auto 4rem;display: table;border-bottom: 2px solid #fff;padding: 0 0 1rem;}
.sec_inner {width: 860px;margin: 0 auto;}
.box1 {background: #ededed;padding: 2rem 2rem 4rem;margin: 0 auto 4rem;}
.box1 p+p{margin-top: 0;}
/*--------　list / box --------*/
/* 共通 */
.list1{background: #ffffff9e;padding: 2rem;margin: 2rem auto;box-shadow: 2px 2px 8px #a59595;}
.list1 li {position: relative;padding: 0 0 2rem 1.5rem;line-height: 1.4;font-weight: bold;}
.list1 li:last-child{padding-bottom: 0;}
.list1 li::after {display: block;content: '';position: absolute;top: .65em;left: -.5rem;width: 10px;height: 2px;background-color: #f00;}
/*-------- profile --------*/
.profile {background: url('../img/k_bg3.jpg')center;position: relative;padding: 4rem 0;background-size: cover;background-attachment: fixed;}
.profile2 {background: url('../img/k_bg8.jpg')center;position: relative;padding: 4rem 0;background-size: cover;background-position: top;}
.profile img,.profile2 img{margin: 0;}
.profile_img{z-index:0;position: absolute;right:calc((100% - 960px)/2);bottom:0px}
.profile_wrap{width: 960px;margin: 0 auto;position: relative;z-index: 1;}
.profile_name {width: 65%;padding-left: 5rem;}
.profile_inner {width: 70%;padding-left: 5rem;}
.prof_img{ position: absolute;left: 50%;transform: translatex(-25%);top: 0;}
/*-------- reccomend --------*/
#reco{position: relative;text-shadow: 2px 2px 2px #5d1a1a;background:linear-gradient(#710707, #b20000,#710707);}
#reco::before{content:"";position: absolute;top: -80px;left: 0;width: 0;height: 0;border-style: solid;border-width: 80px 100vw 0 0;border-color: transparent #710707 transparent  transparent;}
#reco::after{content:"";position: absolute;bottom: -80px;left: 0;width: 0;height: 0;border-style: solid;border-width:  0 100vw 80px 0;border-color: transparent #710707 transparent  transparent;}
.reco_box{width: 320px;background: #000;}
.reco_box img,.reco_box2 img{width: 100%;}
.reco_box2{width: 50%;background: #000;}
.flex + .flex {margin-top: 4rem;}
.reco_wrap{width: 700px;margin: 0 auto;}
.reco_inner{width: 100%;background: url(../img/k_bg4.png)no-repeat center center;}
#reco .flex p{width: 100%;}
#reco .flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-content: stretch;}
.flex p {margin: 0 auto;padding: 1rem;font-size: 80%;text-align: center;color:#fff;width: 95%;text-shadow: none;}
#merit {background:url(../img/k_bg2.jpg)center/cover;padding: 10rem 0;background-attachment: fixed;}
#merit h3 {position: relative;overflow: hidden;padding: 1.5rem 2rem 1.5rem 130px;border: 2px solid #000;background: #f5f5f5;font-weight: bold;filter: drop-shadow(5px 5px 5px #000);font-size: 3rem;}
#merit h3:before {position: absolute;top: -150%;left: -100px;width: 200px;height: 300%;content: '';-webkit-transform: rotate(25deg);transform: rotate(25deg);background: #710708;}
#merit h3 span {font-size: 4rem;position: absolute;z-index: 1;top: 0;left: 0;display: block;padding-top: 3px;padding-left: 16px;color: #fff;line-height: 1.8;font-family: UD Shin Go NT Bold;}
#merit h3 + h3 {margin-top: 1rem;}
#merit .sub_head {padding: 0 0 1rem;font-family: Reimin Y10 Medium;line-height: 1;}
.last{position: relative;text-shadow: 2px 2px 2px #5d1a1a;background: linear-gradient(#710707, #b20000);padding: 5rem 0 .2rem;}
.last::before{content:"";position: absolute;top: -80px;left: 0;width: 0;height: 0;border-style: solid;border-width: 80px 100vw 0 0;border-color: transparent #710707 transparent  transparent ;}
.last2 {position: relative;text-shadow: 2px 2px 2px #ffffff;background: linear-gradient(#e2e2e2, #ffffff);padding: 5rem 0 .2rem;}
.last2::before{content:"";position: absolute;top: -80px;left: 0;width: 0;height: 0;border-style: solid;border-width: 80px 100vw 0 0;border-color: transparent #e2e2e2 transparent  transparent ;}
.last2 .sub_head{color: #000;border-bottom: 2px solid #000;}
#slide {background: url(../img/slider.jpg);background-position: 0px 0px;height: 200px;width: 100%;position: relative;-webkit-animation: SlideAnime 40s linear infinite;}
@-webkit-keyframes SlideAnime {0%    {background-position:0px 0px;}
  100%  {background-position:-2160px 0px;} /*スライド画像の横幅をマイナス*/
}
.table-contents {margin: 2rem 0;line-height: 1.5;color: #474747;border: double 5px #e2e3e6;background: #fff;padding: 2rem 1rem 2rem 2rem;}
/*-------- button:hover --------*/
@-webkit-keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------btn--------*/
.btn {width: 860px;display: block;margin: 3rem auto 6rem;border-radius: 40px;box-shadow: 0px 2px #1591bb;background: #2193bc;background: -moz-linear-gradient(-45deg, #2193bc 0%, #32cddb 100%);background: -webkit-linear-gradient(-45deg, #2193bc 0%,#32cddb 100%);background: linear-gradient(135deg, #2193bc 0%,#32cddb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );text-decoration: none;transition: all .3s;line-height: 1.4;}
.btn p {padding: 2rem;color: #fff;font-size: 3.2rem;font-weight: bold;text-align: center;}
.btn:hover{filter: brightness(120%);}
.btn::after {content: '》';position: absolute;display: block;right: 45px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 145%;}
.move {animation: move 2s infinite;}
@keyframes move {0% {transform: translate(2px, 0px);}
	5% {transform: translate(-2px, 0px);}
	10% {transform: translate(2px, 0px);}
	15% {transform: translate(-2px, 0px);}
	20% {transform: translate(2px, 0px);}
	25% {transform: translate(-2px, 0px);}
	30% {transform: translate(0px, 0px);} }
/* form
------------------------------------------------------ */
.form {     background: #bb131a;
    border-top: 3px solid #fff292; padding: 2rem 0; }
.form form { width: 960px; margin: 0 auto; }
.form_inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.form_sub { width: 100%; margin: 0 auto 1rem; }
.form_sub p { margin-bottom: 1rem; font-family: Gothic MB101 DemiBold, sans-serif; font-size: 3rem; text-align: center; color: #fff; line-height: 1; }
.form_left { width: 60%; position: relative; }
.form_must { position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); background: #e53935; font-family: Gothic MB101 Medium, sans-serif; font-size: 1.2rem; color: #fff; padding: 0.5rem; line-height: 1; z-index: 1; }
.form_label { position: absolute; top: 50%; left: 5rem; transform: translateY(-50%); font-family: Gothic MB101 Medium, sans-serif; font-size: 1.8rem; color: #aaa; line-height: 1; transform-origin: 0 0; transition: all 0.2s ease; }
.form_input { position: relative; background: #fff; border: none; border-radius: 5px; padding: 2rem 0 1rem 5rem; width: 100%; font-family: inherit; font-size: 2rem; line-height: 1; box-shadow: 0 0 0 0 #fff inset; transition: all 0.2s ease; }
.form_input:not(:placeholder-shown) + span { color: #5a667f; transform: translateY(-2.2rem) scale(0.7); }
.form_input:focus { outline: none; box-shadow: 0 0 0 2px #07f inset; }
.form_input:focus + span { color: #07f; transform: translateY(-2.2rem) scale(0.7); }
.form_right { width: 38%; }
.form_btn { width: 100%; background: #00ad48; border: 2px solid #7dff88; border-radius: 10rem; font-family: Gothic MB101 DemiBold, sans-serif; font-size: 3rem; line-height: 1; color: #fff; cursor: pointer; position: relative; transition: all 0.2s ease; }
.form_btn i { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 80%; line-height: 1; }
.form_btn:hover { background: #fff; border: 2px solid #00ad48; color: #00ad48; }
.form_attention { position: relative; }
.form_caution { display: none; }
.form_btn:hover + .form_caution { display: block; position: absolute; right: 0; margin-top: 1rem; padding: 1rem; background: #ff7; font-size: 1.3rem; line-height: 1.5; }
.form_btn:hover + .form_caution:before {content: ""; width: 0; height: 0; position: absolute; top: -2rem; left: 50%; transform: translateX(-50%); border-bottom: 2rem solid #ff7; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: none; }
.form_notice { width: 100%; margin: 1rem 0 0 60rem; }
.form_notice p { font-size: 1.4rem; color: #fff; text-align: center; }

/* scfooter
------------------------------------------------------ */
#scfooter { width: 100%; position: fixed; bottom: 0; display: none;}
#scfooter .form_btn:hover + .form_caution { bottom: 7rem; }
#scfooter .form_btn:hover + .form_caution:before { border-top: 2rem solid #ff7; border-bottom: none; bottom: -2rem; top: auto; }

@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------吹き出し--------*/
/* 共通 */
.form_attention .attention, .form_attention .attention2 { display: none;position: absolute;left: 15%;top: 120%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention3 { display: none;position: absolute;left: 15%;top: -330%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention:after, .form_attention .attention2:after { position: absolute;content: "";top: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-bottom: 16px solid #ff0;}
.form_attention .attention3:after { position: absolute;content: "";bottom: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-top: 16px solid #ff0;}
.form_attention:hover .attention, .form_attention:hover .attention2, .form_attention:hover .attention3 { z-index: 2;display: block;}
/* 固有 */
.form_attention { position: relative;z-index: auto;}
.form_attention img { width: 100%;height: 100%;}
.form_attention .attention { width: 650px;}
.form_attention .attention2 { width: 300px;}
.form_attention .attention3 { width: 300px;}
.form_attention .txt { top: 8px;left: 4px;padding: 1rem;color: #000;font-size: 1.1rem;line-height: 1;}
/*--------footer_attention--------*/
#footer_attention { width: 960px;margin: 0 auto;background: #fff;padding: 4rem 0;}
#footer_attention p, #footer_attention ul { font-size: 1.4rem;}
#footer_attention ul { text-indent: -1rem;padding-left: 1rem;margin: 2rem auto;}
.service_list { margin: 0 auto;font-size: 80%;line-height: 1.4;background: #fff;}
.service_list th, .service_list td { padding: 1rem;border: 1px solid #ccc;vertical-align: middle;}
.service_list th { background: #eee;}
.service_list_A, .service_list_C { width: 25%;}
/*--------footer_attention2--------*/
p + ul { margin-top: 2rem;}
.service_list2 li { font-size: 1.4rem;}
.attention_box { margin: 2rem auto;background: #e9fbfa;border: solid 2px #cce4e3;}
.attention_box p { width: 95%;margin: 0 auto 15px;padding-top: 1.5rem;line-height: 1.2;font-size: 1.4rem;}
.attention_box h3 { width: 95%;margin: 20px auto 0;font-weight: bold;}
/*--------footer--------*/
footer {width: 100%;padding: 5rem 0;background: #ddd;}
#footer_inner {width: 960px;margin: 0 auto;font-size: 1rem;}
#footer_inner .logo {width: 25%;margin: -1rem auto 3rem;}
#footer_inner ul {display: flex;justify-content: center;}
#footer_inner li {padding: 0 2rem;border-left: 1px solid #ccc;}
#footer_inner li:first-child {padding-left: 0;border: none;}
#footer_inner p {padding-top: .5rem;text-align: center;}
#footer_inner a {text-decoration: none;}
#footer_inner a:link, #footer_inner a:visited, #footer_inner a:hover, #footer_inner a:active {color: #989898;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {/*--------Basic--------*/
    body {width: 100%;font-size: 4.5vw;}
    a[href^="tel:"] {pointer-events: auto;text-decoration: underline;color: #00e;}
    #body_wrap {width: 100%;}
    /* Float */
    .img_right, .img_left {float: none;width: 80%;padding: 0 0 2rem;margin: 0 auto;}
    .pc {display: none;}
    .sp {display: block;}
    .xxsmall {font-size: 60%;}
    .xsmall {font-size: 70%;}
    .small {font-size: 80%;}
    .large {font-size: 110%;}
    .xlarge {font-size: 130%;}
    .xxlarge {font-size: 150%;}
    .sp_x {flex-wrap: wrap;}
    .sp_x div {width: 50%;}
    .flex p {margin: 0 auto;}
	.caption{font-size:4.3vw;}
	.caption_center{font-size:4.3vw;}
    /*--------Section / sub_head / sec_inner--------*/
    section {padding: 7vw 0;}
    .sub_head {margin: 0 auto 1.5rem;font-size: 6.5vw;}
    .sec_inner {width: 95%;}
    /*--------Header--------*/
	header {}
	header h1 img{margin: 0 auto; width: 80%;}
	header h1 {padding: 2rem 0;}
    /*--------　list / box --------*/
	ul.list1{margin: 0;}
	ul.list1 li{padding: 2vw  0 2vw 3vw;}
	.list1 li::after {top: 1.6rem;left: -1rem;}
	.last {padding:3rem 0 .2rem;}
	.last::before {top: -40px;border-width: 40px 100vw 0 0;}
	.last2::before {top: -40px;border-width: 40px 100vw 0 0;}
	/*-------- merit --------*/
	#merit h3 {font-size: 4vw;line-height: 1.4;padding: 1.5rem 2rem 1.5rem 70px;}
	#merit h3 span {font-size: 5vw;padding-top: 10px;padding-left: 8px;line-height: 1.4;}
	#merit h3:before {top: -150%;left: -100px;width: 155px;height: 280%;}
	#merit{ padding: 5rem 0;}
	/*-------- profile--------*/
	.profile {background: url(../img/k_bg3.jpg)center #f4f2ec;padding: 1rem 0 6rem;}
	.profile2 {background: url(../img/k_bg8.jpg)center #f4f2ec;padding: 1rem 0 6rem;}
	.profile_wrap{width: 100%;}
	.profile_inner {padding: 0;margin: 0 auto;width: 95%;}
	.profile_name {width: 100%;padding: 0;}
	/*-------- profile_bottom --------*/
	.prof_img{display: none;}
	/*-------- reccomend --------*/
	#reco::before {top: -40px;border-width: 40px 100vw 0 0;}
	#reco::after {bottom: -40px;border-width: 0 100vw 40px 0;}
	.reco_wrap{width: 100%;}
	.reco_box{width: 70%;margin: 2vw auto;}
	.reco_box2{width: 70%;margin: 0 auto;}
	.reco_inner .reco_wrap .flex .w100{width: 70% !important}
	.reco .caption{width: 79%;padding: 2vw .5vw;font-size:80%;}
	.flex + .flex {margin-top: 0;}
	/*--------btn--------*/
	.btn {width: 90%; margin: 2rem auto 3rem;}
	.btn p{font-size:4.2vw;padding: 3.5vw;}
	.btn::after{right: 4vw;content: '>';top: 46%;}
	/*--------　lead (settlement) --------*/
	.lead { border-left-width: 5px;font-size: 5.5vw;padding: 0.5rem;}
	.mail_box { padding: 1rem;}
	.mail_box2 { padding: 1rem;}
	.mail_box2 li { font-size: 3.5vw;padding: 1rem;}
	.mail_box2_ttl { font-size: 4.5vw;}
	.mail_box2_ttl .far { font-size: 5vw;}
	.table-contents { font-size: 4.5vw;margin: 1rem 0 1.5rem;text-indent: .4rem;padding: 3vw;}
	.table-contents li { text-indent: -1em;padding-left: 1em;}
	.table-contents li {padding-bottom: .5rem;}
	.table-contents li:last-child {padding-bottom: 0;}
    /* form
	------------------------------------------------------ */
	.form form { width: 90%; }
	.form_sub p { font-size: 5.5vw; line-height: 1.3; }
	.form_left { width: 100%; }
	.form_must { font-size: 3vw; }
	.form_label { font-size: 4.7vw; left: 12vw; }
	.form_input { font-size: 4.5vw; padding: 2rem 0 1rem 12vw; }
	.form_input:focus + span, .form_input:not(:placeholder-shown) + span { transform: translateY(-2.2rem) scale(0.7); }
	.form_right { width: 100%; }
	.form_btn { display: table; width: auto; margin: 1rem auto 0; padding: 1rem 6rem; font-size: 6vw; }
	.form_notice p { font-size: 3.5vw;}
	.form { padding: 1.3rem 0 1rem; }
	.form_sub{margin: 0;}
	.form_notice {margin : .5rem 0 0 0;}

	/* scfooter
	------------------------------------------------------ */
	#scfooter.form { padding: 1rem 0; display: none; z-index: 1;}
	#scfooter .form_left { width: 63%; }
	#scfooter .form_must {  width: 1.5em; text-orientation: upright; text-align: center; padding: 0.5em 0; }
	#scfooter .form_label { left: 8vw; font-size: 3.3vw; }
	#scfooter .form_input { padding: 2rem 0 1rem 8vw; }
	#scfooter .form_right { width: 35%; }
	#scfooter .form_btn { display: block; width: 100%; margin-top: 0; padding: 0; font-size: 4vw; line-height: 1.1; }
	#scfooter .form_btn i { right: 1rem; }
	#scfooter .form_btn:hover + .form_caution { width: 90vw; bottom: 17vw; }
	#scfooter .form_btn:hover + .form_caution:before { right: 12%; left: auto; }
    /*--------吹き出し--------*/
    .form_attention .attention2 { display: none;right: 0;left: auto;width: 300px;}
    /*--------footer_attention--------*/
    .service_list th, .service_list td { padding: .5em;}
    .service_list th { background: #f5f5f5;}
    .service_list td.large { font-size: 120%;}
    .service_list2 { text-indent: -1em;padding-left: 1em;}
    /*--------footer-------*/
    footer {padding: 4vw 0;}
    #footer_inner {width: 90%;}
    #footer_inner p {text-align: center;}
	#footer_inner .logo {width: 55%;margin: 0 auto 2rem;}
	#slide {background: url(../img/slider_sp.jpg);height: 120px;}
}