/* 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: #2b2b2b;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;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
#body_wrap { /*width: 960px;*/ margin: 0 auto;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;}
.img_right,.img_right2{float: right;padding: 0 0 2rem 2rem;}
.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:Ryumin ExtraBold KL,serif;}
.bg_b {background: #000;}
p + img, img + p, p + p {margin-top: 2rem;}
.w100 {width: 100%;}
.w35{width: 35%;}
/*--------Header--------*/
header {width: 100%;background: url(../img/ttl_bg.jpg)no-repeat top center;background-attachment: fixed;background-size: inherit;padding:1rem;}
header h1 img {width: 480px;padding: .5rem 0;}
header h1 ruby > rt {font-size: 35%;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
section {padding: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: 5rem 0 0;}
.sec_inner {width: 860px;margin: 0 auto;}
.sec_inner2 {width: 960px;margin: 0 auto;}
.shadow {text-shadow: 2px 2px 2px #000000;
    box-shadow: 0px 2px 0px #000000;}

.box1 .reco_box {box-shadow: none;}
.box1 {background: #ededed;padding: 2rem 2rem 4rem;margin: 0 auto 4rem;}
.box1 p+p{margin-top: 0;}

.flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-content: stretch;}

#message{background: url("../img/bg_message.jpg")no-repeat top center / cover;padding: 6rem 0;}
.note_wrap{background: #fff;padding: 1em 2em;box-shadow: 5px 5px 20px 5px rgb(189 161 106);}
.note{background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 97%,#ddd 97%,#ddd 100%);background-size:100% 2em;line-height:2;}
.note p{margin-bottom: 2em;font-family: Ryumin Medium KL;}
.note p + img,.note img + p{margin-top: 1rem;}
/*--------　list / box --------*/
/* 共通 */
/*--.list1 {background: #ffffff9e;padding: 2rem;margin: 4rem auto;box-shadow: 2px 2px 8px #a59595;}--*/
.list1 li {position: relative;padding: 0 0 2rem 3.5rem;line-height: 1.4;font-weight: bold;}
.list1 {padding: 2rem;margin: 2rem auto;}
.list1 li {position: relative;padding: 0 0 2rem 3rem;line-height: 1.5;font-weight: bold;font-size: 2.6rem;color: #fff;font-family: Ryumin ExtraBold KL,serif;text-shadow: 2px 2px 3px black;}
.list1 li::after {display: block;content: '';position: absolute;top: .5rem;left: -.6rem;width: 40px;height: 50px;/* background-color: #f00; */background: url(../img/icon.png) no-repeat;background-size: 80%;}
.list2{margin: 0;}
.list2 li {position: relative;padding: 0 0 0 3.5rem;font-weight: bold;line-height: 2;}
.list2 li:last-child{padding-bottom: 0;}
.list2 li::after {display: block;content: '';position: absolute;left: 0;background: url(../img/check2.png) no-repeat;background-size: 100%;transform: translateY(-50%);top: 50%;width: 25px;height: 20px;}
/* achiev */
/*-------- profile --------*/
.profile {background: url('../img/tanaka_profile_bg.jpg')top center;position: relative;padding: 4rem 0;background-size: cover;z-index: -1;}
.profile2 {background: url('../img/tanaka_profile_bg.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: 100%;padding-left: 5rem;}
.profile_inner {width: 77%;padding-left: 5rem;}
.prof_img {position: absolute;left: 60%;transform: translatex(-25%);top: 0;}
/*-------- reccomend --------*/
/* achiev */
.achiev_wrap {padding: 0;text-align: center;margin: 0 auto 6rem;}
.achiev {width: 48%;overflow: hidden;border-radius: 8px;border-left: solid 1px #ddd;border-right: solid 1px #ddd;border-bottom: solid 5px #d2d2d2;margin: 2rem auto 0;margin: 2rem 0 0;}
.achiev img {width: 100%;}
.achiev_num {position: relative;box-sizing: border-box;}
.achiev_num p {display: inline-block;position: absolute;top: -1px;left: -1px;margin: 0;padding: 0;z-index: 2;width: 90px !important;text-align: center;font-size: 3.5rem;color: white !important;background: rgb(39 155 175 / 60%);font-weight: bold;font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";}
.achiev_txt {padding: 1.5rem .5rem;font-weight: bold;text-align: center;line-height: 1.4;margin: 0;}
/*
#reco {position: relative;text-shadow: 2px 2px 2px #0c0073;background: linear-gradient(#0075c7, #0c0073, #0075c7);}
#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 #0075c7 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 #0075c7 transparent transparent;}
#reco2 {position: relative;text-shadow: 2px 2px 2px #0c0073;background: linear-gradient(#0075c7, #0c0073, #0075c7);}
#reco2::before {content: "";position: absolute;top: -80px;left: 0;width: 0;height: 0;border-style: solid;border-width: 80px 100vw 0 0;border-color: transparent #0075c7 transparent transparent;}
*/
.reco_box {width: 360px;
    background: #222;
    box-shadow: 4px 4px 15px #ac9b78;}
.reco_box img, .reco_box2 img {max-width: 100%;}
.reco_box2 {width: 50%;background: #000;}
.flex + .flex {margin-top: 4rem;}
.reco_wrap {width: 760px;margin: 0 auto;}
.reco_inner {width: 100%;background: url(../img/tanaka_reco_bg.jpg)no-repeat center center/cover;padding: 5rem 0;}
.reco_inner2{width: 100%;background: url(../img/tanaka_reco_bg.jpg)no-repeat center/cover;
	padding: 5rem 0;}
.pic_inner {width: 100%;background: url(../img/tanaka_reco2_bg.jpg)no-repeat center center/cover;padding: 5rem 0;
}
#reco .flex p {margin: 0 auto;
    padding: 2rem 0rem;
    font-size: 100%;
    text-align: center;
    color: #0c0073;
    width: 100%;
    text-shadow: none;
    background-image: -webkit-linear-gradient( 
315deg
 , #ffab3e 0%, #ffe88b 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #ffe16f 63%, #ffab3e 100%);
    background-image: linear-gradient( 
135deg
 , #ffab3e 0%, #ffe88b 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #ffe16f 63%, #ffab3e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 游明朝, "Yu serif", Yuserif, "Hiragino serif ProN", "Hiragino serif Pro", HGS明朝E, メイリオ, Meiryo, serif;}
#reco .flex .reco_txt {padding: 3.5rem 1rem;}
#reco .flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-content: stretch;}
.flex p {margin: 0 auto;padding: 2rem 0rem;font-size: 80%;text-align: center;color: #0c0073;width: 95%;text-shadow: none;}
#merit {background: url(../img/bg.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 #ffcd5d;background: #f5f5f5;font-weight: bold;filter: drop-shadow(5px 5px 5px #955c1f);font-size: 3rem;color: #222;line-height: 1.4;}
#merit h3:before {position: absolute;top: -150%;left: -100px;width: 200px;height: 300%;content: '';-webkit-transform: rotate(25deg);transform: rotate(25deg);background: #222;}
#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;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/tanaka_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;}
.contents {
	background: #fff;
	padding: 2rem;
}
.contents table {width: 100%;}
.contents table th {
	position: relative;
	text-align: left;
	width: 15%;
	color: #d11019;
	font-weight: bold;
}
.contents table th:after {
	display: block;
	content: "";
	width: 30px;
	height: 2px;
	background-color: #333;
	position: absolute;
	top: calc(50% - 1px);
	right: 15px;
}
.contents table td {
	text-align: left;
	width: 85%;
	line-height: 1.4;
}
.pic_inner img{box-shadow: 4px 4px 15px #030025;}
/*-------- 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: 600px;display: block;margin: 5rem auto 0rem;border-radius: 50px;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.5rem;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 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#710707+0,a90329+52,710707+100 */
	background: rgb(113,7,7); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(113,7,7,1) 0%, rgba(169,3,41,1) 52%, rgba(113,7,7,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(113,7,7,1) 0%,rgba(169,3,41,1) 52%,rgba(113,7,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(113,7,7,1) 0%,rgba(169,3,41,1) 52%,rgba(113,7,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#710707', endColorstr='#710707',GradientType=1 ); /* IE6-9 */
	border-top: 3px solid #cf2121;
	padding: 2rem 0;
}
.form.form_b { background: #222; border-top: 2px solid #fff; border-bottom: 2px solid #fff; 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; font-weight: bold;}
.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 2rem 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_btn2 { width: 100%; background: #00ad48; border: 2px solid #7dff88; border-radius: .5rem; font-family: Gothic MB101 DemiBold, sans-serif; font-size: 3rem; line-height: 1; color: #fff; cursor: pointer; position: relative; transition: all 0.2s ease; height: 6.4rem;}
.form_btn i { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 80%; line-height: 1; }
.form_btn2 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_btn2: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;z-index: 2; text-align: left;}
.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_btn2:hover + .form_caution { display: block; position: absolute; right: 0; margin-top: 1rem; padding: 1rem; background: #ff7; font-size: 1.3rem; line-height: 1.5;z-index: 2; text-align: left;}
.form_btn2: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; z-index: 5; 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; }
#scfooter .form_btn2:hover + .form_caution { bottom: 7rem; }
#scfooter .form_btn2: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: 4rem auto 0;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;}

/* achiev */
.achiev_wrap {padding: 0;text-align: center;
    width: 860px;
    margin: auto;
}
.achiev {
	width: 48%;
	overflow: hidden;
	border-radius: 8px;
	border: 2px solid #04233b;
	margin: 2rem auto 0;
	margin: 2rem 0 0;
	background: #e2eeff;
}
.achiev img {width: 100%;}
.achiev_num {position: relative;box-sizing: border-box;}
.achiev_num p {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 1rem;
	z-index: 2;
	width: 90px;
	text-align: center;
	font-size: 2.5rem;
	color: #fff;
	background:#04233b;
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.achiev_txt {
	padding: 1.5rem .5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	margin: 0;
}
.panel .img_area {
    margin-bottom: 2rem;
}

/*--------footer--------*/
footer {width: 100%;padding: 5rem 0;background: #eee;}
#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;}
.sec-bottom{ padding-bottom: 0;}

.btn_inner{ background: #ecf5f9;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 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;}
	.img_right2{width: 40%;padding: 0 0 0 1rem;}
	.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;	font-size: 4vw;}
	.caption {font-size: 4.3vw;}
	.caption_center {font-size: 4.3vw;}
	p + img, img + p, p + p { margin-top:0;}
	
	/*--------Section / sub_head / sec_inner--------*/
	section {padding:0;}
	.sub_head {margin: 0 auto 1.5rem;	font-size: 6.5vw;padding: 6vw 0 .5vw;}
	.sec_inner {width: 80%;}
	.sec_inner2 {width: 95%}
	/*--------Header--------*/
	header {}
	header h1 img {margin: 0 auto;	width: 70%;}
	header h1 {padding: 0;}
	/*--------　list / box --------*/
	ul.list1 {margin: 0;padding: 0rem 1rem 1rem 2rem;}
	ul.list1 li {padding: 2vw 0 2vw 6vw;font-size: 4.7vw;text-shadow: 1px 3px 3px black;}
	.list1 li::after {top: 1.8vw;left: -2.5vw;background-size: 7vw;}
	.last {padding: 3rem 0 .2rem;}
	.last::before {top: -40px;	border-width: 40px 100vw 0 0;}
	.last2 {padding:0 .2vw;}
	.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/tanaka_profile_bg_sp.jpg)center #f4f2ec;	padding: 0 0 2rem;}
	#body02 .profile{background: none;padding: 0;}
	.profile2 {background: url(../img/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_name {width: 100%;padding: 0;}
	.profile img {margin: 0;}
	#message{background: linear-gradient(#ffecb8, #fffdf3,#ffecb8);padding: 2rem 0;}
	.note_wrap{padding: 2rem 1.5rem 0;box-shadow: 5px 5px 5px 0 rgb(189 161 106);background: #ffffffdb;}
	.note{background: none;}
	.note p + img, .note img + p {margin-top: 0;}
	/*-------- contents --------*/
	.contents {
		padding: 2rem .5rem;
	}
	.contents table th:after {
		display: none;
	}
	.contents table th {
		line-height: 1.4;
		text-align: center;
		border-right: 2px solid #d11019;
		position: static;
	}
	.contents table td {
		padding: 0 0 0 0.5rem;
	}
	.box1 .contents .u {
		text-align: center;
	}
	.contents tr {
		margin-bottom: 1rem;
		display: block;
	}
	.note {
     background-image:none; 
}
	/*-------- 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;}
	#reco2::before {top: -40px;border-width: 40px 100vw 0 0;}
	#reco .flex p {padding: 3vw 0rem;font-size: 5vw;font-family:Ryumin ExtraBold KL,serif;}
	.reco_wrap {width: 100%;}
	.reco_box {width: 80%;	margin: 2vw auto;}
	.reco_box2 {width: 70%;	margin: 0 auto;}
	.reco_inner .reco_wrap .flex .w100 {width: 70% !important;}
	.reco_inner {width: 100%;background: url(../img/tanaka_reco_bg_sp.jpg)no-repeat center;padding: 5vw 0;background-size: cover;box-shadow:inset #4a1200cf 4px 11px 15px 1px, inset #4a1200cf -4px -11px 15px 1px;}
	.reco_inner2 {width: 100%;background: url(../img/tanaka_reco_bg_sp.jpg)no-repeat center;padding: 5vw 0;background-size: cover;box-shadow: inset #4a1200cf 4px 11px 15px 1px, inset #4a1200cf -4px -11px 15px 1px;
}
	.pic_inner {width: 100%;background: url(../img/tanaka_reco2_bg_sp.jpg)no-repeat center/cover;padding: 5vw 0;}
	.pic_inner {
    width: 100%;
    background: url(../img/tanaka_reco2_bg_sp.jpg)no-repeat center center;
    padding: 4.5vw 0;
}
	.pic_inner img{width:100%;}
	#reco .flex .reco_txt { padding: 2rem 0;
}
	.reco .caption {width: 79%;	padding: 2vw .5vw;	font-size: 80%;}
	.flex + .flex {margin-top: 0;}
	/*--------btn--------*/
	.btn {width: 90%;	margin: 4vw auto 0vw;}
	.btn p {font-size: 5.5vw;	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;}
	
	/* achiev */
	.achiev.top{margin-top: 0;}
	.achiev{width: 80%;margin: 0 auto 2rem;}
	.achiev img {width: 100%;	}
	.achiev_num {position: relative;box-sizing: border-box;	}
	.achiev_num p {top: 0;width: 12.5vw;font-size: 4vw;padding: 3vw;}
	.achiev_txt {padding: 3vw 2vw 2vw;font-size: 4vw;min-height: 18vw;}
	.achiev_wrap {
		width: auto;
	}
	/* form
	------------------------------------------------------ */
	.form {
		padding: 2vw 0 1vw;
	}
	.form_caution { display: none; }
	.form form { width: 94%; }
	.form_sub {
		width: 100%;
		margin: 0 ;
	}
	.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: 5vw 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_btn2 {    display: table;
    width: auto;
    margin: 1rem auto 0;
    padding: 1rem 6rem;
    font-size: 6vw;
    height: 5rem;

	}
	.form_notice p { font-size: 3.5vw; }
	.form_notice  { margin: .5rem 0 0 0;}

	/* scfooter
	------------------------------------------------------ */
	#scfooter.form { padding: 1rem 0; z-index: 3}
	#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; }
	#scfooter .form_btn2 { display: block; width: 100%; margin-top: 0; padding: 0; font-size: 4vw; line-height: 1.1; }
	#scfooter .form_btn2 i { right: 1rem; }
	#scfooter .form_btn2:hover + .form_caution { width: 90vw; bottom: 17vw; }
	#scfooter .form_btn2:hover + .form_caution:before { right: 12%; left: auto; }
	/*--------吹き出し--------*/
	.form_attention .attention2 {display: none;	right: 0;	left: auto;	width: 300px;}
	/*--------footer_attention--------*/
	.service_list {margin: auto 0}
	.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/tanaka_slider_sp.jpg);	height: 120px;margin: 3rem 0}
	.achiev {width: 100%;}
	.sp_pt0{padding-top: 0;}
	#merit {background: url(../img/bg.jpg)center/cover;}
	.sec-bottom{ padding-bottom: 0;}
	
}