/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


@charset "utf-8";

/** colmun
===================================*/
.rowflex {
	display: flex;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row1 > * {
	width: 100%:
}

.row2 > * {
	float: left;
	width: 49%;
	margin-right: 2%;
}

.row2 > *:nth-child(2n) {
	margin-right: 0;
}

.row3 > * {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.row3 > *:nth-child(3n) {
	margin-right: 0;
}

.row4 > * {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.row4 > *:nth-child(4n) {
	margin-right: 0;
}

.row5 > * {
	float: left;
	width: 18.4%;
	margin-right: 2%;
}

.row5 > *:nth-child(5n) {
	margin-right: 0;
}

.row6 > * {
	float: left;
	width: 15%;
	margin-right: 2%;
}

.row6 > *:nth-child(6n) {
	margin-right: 0;
}

.row7 > * {
	float: left;
	width: 12.57%;
	margin-right: 2%;
}

.row7 > *:nth-child(7n) {
	margin-right: 0;
}

.row8 > * {
	float: left;
	width: 10.75%;
	margin-right: 2%;
}

.row8 > *:nth-child(8n) {
	margin-right: 0;
}





/** Tablet
===================================*/
@media screen and (max-width: 1019px) {
}/* @media */





/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
/* colmun */
.rowsp1 > * {
	float: none;
	width: 100%;
	margin-right: 0% !important;
}

.rowsp2 > * {
	float: left;
	width: 49%;
	margin-right: 2% !important;
}

.rowsp2 > *:nth-child(2n) {
	margin-right: 0 !important;
}

.rowsp3 > * {
	float: left;
	width: 32%;
	margin-right: 2% !important;
}

.rowsp3 > *:nth-child(3n) {
	margin-right: 0 !important;
}
}/* @media */



/** base
===================================*/
/*
* {
	box-sizing: border-box;
}
*/

body {
}

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

/*
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

iframe {
    max-width: 100%;
    vertical-align: middle;
}
*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.fll {
	float: left;
}

.flr {
	float: right;
}

.flbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/*
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

dl {
}

dt {
}

dd {
	padding: 0;
}
*/

a {
}

a:hover {
}

a:focus {
}

.nop p {
	margin-bottom: 0;
}

/*
.ligfont {
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.bgfont {
	font-family: 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.ugfont {
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
}

.bmfont {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.umfont {
	font-family: "Times New Roman", YuMincho, "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
	font-weight: 400;
}
*/

hr.onepx {
	border: 0;
	height: 0;
	border-top: 1px solid #ccc;
}

.noappear {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/** 表示制御
===================================*/
.visible-pc {
	display: block;
}

.hidden-pc {
	display: none;
}

.visible-tb {
	display: none;
}

.hidden-tb {
	display: block;
}

.visible-sp {
	display: none;
}

.hidden-sp {
	display: block;
}


/** pを中央配置
===================================*/
.ycenter p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/** 縦横中央配置
===================================*/
.vhc {
	position: relative;
}

.vhc > * {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}


/** オンマウス
===================================*/


/** ul li 横並び
===================================*/
ul.sbs1 {
	font-size: 0;
	list-style: none;
}

ul.sbs1 > li {
	font-size: 12px;
	display: inline-block;
}

ul.sbs1 > li:last-child {
	border-right: 0;
	margin-right: 0 !important;
}

ul.sbs2 {
}

ul.sbs2:before,
ul.sbs2:after {
    content: " ";
    display: table;
}

ul.sbs2:after {
    clear: both;
}

ul.sbs2 {
    *zoom: 1;
}

ul.sbs2 > li {
	float: left;
}

ul.sbs2 > li:last-child {
	border-right: 0;
	margin-right: 0 !important;
}


/** テーブルセルを縦並びに .smptable
===================================*/
table.smptable,
table.smptable caption,
table.smptable thead,
table.smptable tbody,
table.smptable tr,
table.smptable tr th,
table.smptable tr td {
	display:block;
}
table.smptable tr th,
table.smptable tr td {
	margin:-1px; /* borderが二重になるのを防ぐ */
}


/** 白縁取りとbox-shadow
===================================*/
.wb {
    border: 5px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 3px #ddd;
}

/** box-shadow
===================================*/
/*
.shadow {
    box-shadow: 1px 1px 3px #888;
}
*/


/** base
===================================*/


/** header
===================================*/


/** navi
===================================*/


/** eyecatch
===================================*/


/** contents
===================================*/


/** side
===================================*/


/** footer
===================================*/





 /*--------------------------------------------------------------------
   === [MEDIA QUERY] ====================================
 --------------------------------------------------------------------*/


/** PC only
===================================*/
@media screen and (min-width: 1020px) {


}/* @media */



/** pc-mini
===================================*/
@media screen and (max-width: 1131px) {
}/* @media */



/** Tablet
===================================*/
@media screen and (max-width: 1019px) {
.visible-pc {
	display: none !important;
}

.hidden-pc {
	display: block;
}

.visible-tb {
	display: block;
}

.hidden-tb {
	display: none !important;
}

.visible-sp {
}

.hidden-sp {
}


}/* @media */





/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
.visible-pc {
}

.hidden-pc {
}

.visible-tb {
}

.hidden-tb {
}

.visible-sp {
	display: block !important;
}

.hidden-sp {
	display: none !important;
}

.nbr br {
	display: none;
}

.flreset {
	float: none !important;
	width: 100% !important;
}


}/* @media */



/* top-bar */
.top-bar {
    position: absolute;
    right: 0;
    z-index: 10;
/*     padding-top: 60px; */
}

.top-bar.line-content:after, .top-bar.full-width-line:after {
    border: 0;
}

.top-bar {
    padding-top: 20px;
}

.home .top-bar {
    padding-top: 60px;
}

.contactItem_inner li {
    margin-right: 10px;
}

.contactItem_inner li:last-child {
	margin-right: 0;
}

.contactItem_inner a {
    display: block;
}

.contactItem_inner img {
	vertical-align: middle;
}

.top-bar a:hover {
    opacity: 0.9;
}

.lin_btn {
	background-color: #fff;
}

.mail_btn {
	background-color: #fff;
}

.faq_btn {
	background-color: #fff;
}

.tel_btn.v1 {
	display:none;
}

.transparent .tel_btn.v1 {
	display: block;
}

.transparent .tel_btn.v2 {
	display: none;
}


/* header */
.home .header-bar {
    padding-top: 50px !IMPORTANT;
}

.branding a img, .branding img {
    max-width: 100%;
    height: auto;
}

.logo-box img {
    width: 80px;
    width: 50px;
    height: auto;
}

ul#primary-menu {
    padding-top: 70px;
}

.home ul#primary-menu {
    padding-top: 50px;
}

.home ul#primary-menu span.menu-item-text {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}

/*
#phantom {
    background: #fff9e6 none repeat center center;
    background-size: auto;
}
*/

.branding {
    width: 120px;
    padding: 10px 0;
}

.home .branding {
    width: auto;
    padding: 0px 0;
}


/* footer */
.footer_1 {
}

.ftpt_l {
	float: left;
	width: 20%;
}

.ftpt_r {
    float: left;
    width: 60%;
    margin-left: 5%;
	margin-right: 15%;
    font-size: 13px;
    line-height: 1.9;
}

.footer_2 {
}

.ftpt_menu {
}

.ftpt_menu li {
    font-size: 12px;
}

.ftpt_menu li a {
}

#branding-bottom {
    display: none;
}

#branding-bottom img {
    width: 130px;
    height: auto;
}

.logo-center#bottom-bar .wf-float-left {
    line-height: 40px;
}

#fix_menu {
	display: none;
}


/* contents */
#mainImg {
	position: relative;
}

#mainSlider {
	position: relative;
	width: 100% !important;
}

#mainSlider::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
	z-index: 3;
}

#mainSlider img {
	max-width: 100%;
	vertical-align: middle;
}

.mainSlider_item.swiper-slide {
}

.mainInner {
    margin: auto;
    max-width: 1300px;
	padding: 0 50px;
    position: absolute;
    z-index: 10;
    bottom: 60px;
    left: 0;
    right: 0;
    color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#mainExp {
	float: left;
}

#mainExp h2 {
    color: #fff;
    line-height: 1.5;
}

#mainExp p {
    color: #fff;
    line-height: 2;
    margin-bottom: 0;
}

#scrollGuide {
	float: right;
}

#scrollGuide img {
	width: 64px;
}

.dTitle h2 {
    color: #fa844c;
	letter-spacing: 0.05em;
	text-indent: -0.05em;
}

.dTitle h3 {
    color: #fa844c;
	letter-spacing: 0.05em;
	text-indent: -0.05em;
}

.rImg img {
	border-radius: 7px;
}

.repeatBg {
	background-repeat: repeat !important;
}

#serviceRow {
}

#serviceRow h2 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 15px;
}

#serviceRow .uvc-sub-heading {
    text-align: left;
    font-size: 14px;
    margin-bottom: 25px;
}

.uniRow {
}

.uniRow .uvc-heading .uvc-main-heading h2 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.uniRow .uvc-sub-heading {
    text-align: left;
    font-size: 14px;
    margin-bottom: 25px;
}

.repeatBg {
    background-size: contain;
}

.tenpoBk {
	color: #fff;
}

.tenpoTitle h2 {
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}

.tenpoText {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 2;
}

.blueBk {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #282f39 50%, #282f39 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#282f39 50%,#282f39 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#282f39 50%,#282F3A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#282f39',GradientType=0 );
}

.blueBk .uvc-main-heading h2 {
}

.blueBk .uvc-main-heading h2 br {
	display: none;
}

.blueBk .reason .uvc-main-heading h2 {
	color: #fff;
}

.blueBk .uvc-sub-heading {
	color: #fff;
}

.medidBox {
    border: 1px solid #fa844c;
    padding: 30px 20px 0px;
    margin: 0px 0px;
}

.uniP {
	font-size: 16px;
	line-height: 1.8;
}

.before_after_box {
	justify-content: space-between;
}

.baImg img {
	max-width: 100%;
	vertical-align: middle;
}

.before_after_box .baImg {
	width: 49%;
	position: relative;
}

.before_after_box .baImg.before_img {
}

.before_after_box .baImg.after_img {
}

.before_after_box .baImg .b_aIcon {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #fa834d70;
    text-align: center;
    padding: 0px 10px;
    font-size: 13px;
}

.brandListBox {
}

ul.bLB_inner {
	padding: 0;
	margin: 0;
	list-style: none;
}

.bLB_inner > li {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    list-style: none;
    background-size: cover;
    background-position: center center;
    padding: 40px 10px;
    box-sizing: border-box;
}

.bLB_inner > li span {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin: auto;
    display: inline-block;
    height: auto;
    width: auto;
}

#brandTab h3.ui-accordion-header {
}

#brandTab h3.ui-accordion-header > a {
    display: block;
    border: 1px solid #282f39;
    text-align: center;
    padding: 10px;
    width: 340px;
    margin: auto;
    background-color: #282f39;
    color: #fff;
    font-weight: bold;
}

#brandTab .wpb_accordion_header>a:after, #brandTab .wpb_accordion_header>a:before {
    right: 7px;
}

#brandTab .wpb_accordion_header > a span {
    color: #fff;
    color: #fff !important;
}

#brandTab .wpb_accordion_header > a:hover:after span {
    color: #fff !important;
}

/*
.wpb_content_element.dt-style:not(.dt-accordion-bg-on) .wpb_accordion_header > a:hover:after, .wpb_content_element.dt-style:not(.dt-accordion-bg-on) .ui-state-active > a:hover:after {
    color: #fa844c;
}
*/

#brandTab div.ui-accordion-content {
    border: 1px solid #333;
    padding: 20px;
    line-height: 2.5;
	background-color: #fff;
}

.dTitle .uvc-sub-heading {
    padding-top: 15px;
    font-size: 16px;
}

p.brandsText {
    color: #555;
}

.brandRow {
	background-size: 600px;
    background-repeat: no-repeat;
    background-position: left top;
}

#priceBox {
    border: 1px solid #fa834d;
    border-radius: 10px;
    padding: 0px 15px;
    margin-left: 0;
    margin-right: 0;
}

.priceTitle {
    background-color: #29303a;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

.course_text {
    border-left: 1px solid #29303a;
    padding-left: 20px;
    line-height: 1.8;
    margin: 35px 0;
	color: #29303a;
}

.course_text strong {
    color: #fa824e;
}

#Flow {
}

#Flow * {
	box-sizing: border-box;
}

ul.FlowList {
    padding: 0;
    margin: 0;
	list-style: none;
}

.FlowList .steps {
}

.cardBox {
    position: relative;
    padding: 15px;
    border-radius: 5px;
	background-color: #fff;
	margin-bottom: 30px;
}

.steps .stepNum {
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    background-color: #fa824ea8;
    color: #fff;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.cardBox .cardImg {
	border-radius: 7px;
	margin-bottom: 15px;
}

.cardBox h3.cardTitle {
	text-align: center;
	font-size: 18px;
	color: #fa844c;
}

.cardBox .cardBox p {
	line-height: 1.7;
}

.cardBox address {
    font-style: normal;
    color: #fa834d;
}

#FlowRow .dt-btn-l {
    line-height: 1.5;
    background-color: #f7b52d;
    border: 1px solid #f7b52d;
}

#FlowRow .dt-btn-l:hover {
    background-color: #fff;
    border: 1px solid #f7b52d;
	color: #f7b52d;
}

.dTitle.ver_white h2 {
	color: #fff;
}

ul.contact_btn_row {
    list-style: none;
    padding: 0;
    justify-content: space-between;
}

.contact_btn_row img {
	vertical-align: middle;
}

.contact_btn_row a:hover img {
	opacity: 0.8;
}

/*
.cbr_1 {
	width: 38.5%;
}

.cbr_2 {
	width: 20%;
}

.cbr_3 {
    width: 18.9%;
}

.cbr_4 {
	width: 20.333%;
}
*/

.cbr_1 {
	width: 33.5%;
}

.cbr_2 {
	width: 17%;
}

.cbr_3 {
    width: 16%;
}

.cbr_4 {
	width: 17.2%;
}

.uniCarousel .post-thumbnail-wrap {
}

.uniCarousel .post-entry-content {
}

.uniCarousel h3.entry-title {
    padding: 8px 0 10px;
}

.uniCarousel .entry-meta {
}

.mediaBox.shopBox {
	padding-bottom: 20px;
}


/* page */
.dTitle.contact_title .uvc-sub-heading {
    font-size: 14px;
    line-height: 1.8;
}

.contact_title a {
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
	color: #975c01;
}

.contactTableWrap {
    background-color: #f0ede7;
    width: 940px;
	max-width: 100%;
    margin: auto;
    padding: 30px 20px;
    border-radius: 5px;
    box-sizing: border-box;
}

input[type="text"], .widget_search input[type="text"].searchform-s, input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select {
    border-color: rgba(51, 51, 51, 0.53);
}

.wpcf7-form label {
    cursor: pointer;
}

#contactTableBox {
    width: 900px;
    max-width: 100%;
    margin: 0 auto 30px;
}

.contactTable {
}

.contactTable th {
    padding: 20px 10px 20px 5px;
    width: 30%;
    line-height: 1.8;
}

.contactTable td {
    padding: 20px 10px 20px 5px;
    line-height: 1.8;
}

span.contactIcon {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    padding: 0 5px;
    color: #fff;
    line-height: 1.6;
    background-color: #ccc;
    margin-right: 10px;
}

span.contactIcon.nin_i {
    background-color: #888;
}

span.contactIcon.vreq {
    background-color: #F44336;
}

.contactTable .wpcf7-form-control-wrap {
}

.contactTable input.wpcf7-form-control {
    color: #333;
    vertical-align: middle;
    margin-bottom: 0 !important;
}

.contactTable textarea.wpcf7-form-control {
    color: #333;
}

.contactTable .shortInput  .wpcf7-form-control-wrap {
	display: inline-block;
}

.contactTable .shortInput input.wpcf7-form-control {
    width: 200px;
}

.contactTable .shortInput.vm input.wpcf7-form-control {
    margin-left: 10px;
    margin-right: 20px;
    width: 130px;
}

.zip-box > p {
    display: flex;
    flex-wrap: wrap;
    line-height: 38px;
}

.contactTable .zip-box input.wpcf7-form-control {
    margin-left: 10px;
}

.contactTable .accept-pp span.wpcf7-list-item {
    margin: 0;
}

.contact_submit_wrap {
    text-align: center;
}

div.wpcf7 .wpcf7-submit:disabled {
    background-color: #ccc !important;
    border-color: #ccc !important;
	color: #fff !important;
}

input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit), .post-password-form input[type="submit"], .mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"] {
    font-size: 20px;
    padding: 12px 30px;
    letter-spacing: 0.1em;
	font-weight: normal;
	outline: none !important;
}

td.acceptance_info small {
    color: #f44336;
}

h3.accept-title {
    text-align: center;
    margin-top: 50px;
    margin-bottom: -20px;
}

.accept-ppBox {
    width: 940px;
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
    border: 1px solid #282f39;
    padding: 20px;
    margin: 50px auto 30px;
    height: 400px;
    overflow: auto;
    color: #555;
	border-radius: 5px;
}

.accept-ppBox li {
	margin-bottom: 10px;
}

.work_line {
    padding: 30px 0 0;
}

#jireiTable {
	border: 0;
}

#jireiTable th, #jireiTable td {
    border: 0;
    padding: 0 0 5px;
    font-weight: normal;
}

#jireiTable strong {
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 15px;
    display: block;
}

table#jreiBrand td {
    padding: 15px 15px 0;
}

table#jreiBrand td strong {
    padding-bottom: 0px;
}

.price_line {
    padding-top: 75px;
    margin-top: -75px;
}

p.priceExp {
    padding: 30px 0 0;
    text-align: center;
    font-size: 16px;
}

/** pc-mini
===================================*/
@media screen and (max-width: 1131px) {

/* topbar */
.contactItem_inner li {
	background: none;
}

li.tel_btn {
    width: 290px;
}

.lin_btn {
	background: none;
	width: 140px;
}

.mail_btn {
	background: none;
	width: 134px;
}

.faq_btn {
	background: none;
	width: 116px;
}

.contactItem_inner img {
	max-width: 100%;
}


/* header */
.main-nav > li > a {
    margin: 18px 8px 18px 8px;
}

.main-nav > li > a .menu-text {
    font-size: 13px;
}


/* fotter */
.ftpt_r {
	width: 70%;
    margin-left: 5%;
    margin-right: 5%;
}




}/* @media */



/** Tablet
===================================*/
@media screen and (max-width: 992px) {
.mobile-header-bar .mobile-branding {
    width: 80px;
}

li.tel_btn {
    width: 200px;
}

.lin_btn {
    background: none;
    width: 100px;
}

.mail_btn {
    background: none;
    width: 96px;
}

.faq_btn {
    background: none;
    width: 84px;
}

.sticky-mobile-on {
}

.sticky-mobile-on .tel_btn.v1 {
	display: none;
}

.sticky-mobile-on .tel_btn.v2 {
	display: block;
}

.contactTableWrap {
    width: 100%;
}

#contactTableBox {
    width: 100%;
}

#mainExp h2 {
    font-size: 20px;
}

.mb-header-contact span {
    font-size: 8px;
    text-align: center;
    display: block;
    line-height: 1.2;
    font-weight: normal;
}



}/* @media */


/** SmartPhone
===================================*/
@media screen and (max-width: 778px) {
/* top-bar */
.top-bar {
    position: relative;
    padding: 0;
    font-size: 12px;
    background-color: #282f39;
    color: #fff;
	min-height: 30px;
}

.home .top-bar {
    padding-top: 0px;
}

.top-bar p {
    color: #fff;
    font-size: 12px;
}


/* mobile-menu */
.dt-mobile-header .mobile-mini-widgets-in-menu>* {
    margin: 0;
}

.mobile-mini-widgets-in-menu {
    padding: 10px 0;
}

.contactItem_inner {
}

.contactItem_inner img {
	width: 100%;
	margin-bottom: 15px;
}

li.tel_btn.v1 {
	display: none !important;
    width: 100%;
    margin: 0;
    background-color: #000;
    padding: 10px 10px 0;
}

.transparent .tel_btn.v2 {
    display: block;
    width: 100%;
}

.transparent .tel_btn.v2 img {
	margin-bottom: 20px;
}

.contactItem_inner a {
    text-decoration: none;
}

address.visible-sp.teltap {
    margin-top: -15px;
    color: #333;
    text-decoration: none !important;
    border: 0;
    font-size: 10px;
    font-style: normal;
}

li.tel_btn.v2 {
    width: 100%;
    margin-right: 0;
}

li.lin_btn {
    width: 51%;
    margin: 0;
}

li.mail_btn {
    width: 49%;
    margin: 0;
}

li.faq_btn {
    width: 51%;
    margin: 0;
}

/* header */
.mobile-header-bar .mobile-branding {
    width: 50px;
}

.second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-navigation {
    margin-right: 0px;
}

.mb-header-contact {
}

.mb-header-contact a {
    text-align: center;
    color: #333;
    display: block;
    text-decoration: none !important;
}

.mb-header-contact a:hover {
	color: #333;
}

.mb-header-contact i {
    font-size: 28px;
}

.transparent .mb-header-contact a {
	color: #fff;
}

.transparent .sticky-mobile-on .mb-header-contact a {
	color: #333;
}

.transparent .sticky-mobile-off .mb-header-contact a:hover {
	color: #fff;
}


}/* @media */

/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {

#main {
    padding: 40px 0 40px 0;
}

/* top-bar */
.top-bar {
    position: relative;
    padding: 0;
    font-size: 12px;
    background-color: #282f39;
    color: #fff;
	min-height: 30px;
}

.home .top-bar {
    padding-top: 0px;
}

.top-bar p {
    color: #fff;
    font-size: 12px;
}


/* mobile-menu */
.dt-mobile-header .mobile-mini-widgets-in-menu>* {
    margin: 0;
}

.mobile-mini-widgets-in-menu {
    padding: 10px 0;
}

.contactItem_inner {
}

.contactItem_inner img {
	width: 100%;
	margin-bottom: 15px;
}

li.tel_btn.v1 {
	display: none !important;
    width: 100%;
    margin: 0;
    background-color: #000;
    padding: 10px 10px 0;
}

.transparent .tel_btn.v2 {
    display: block;
    width: 100%;
}

.transparent .tel_btn.v2 img {
	margin-bottom: 20px;
}

.contactItem_inner a {
    text-decoration: none;
}

address.visible-sp.teltap {
    margin-top: -15px;
    color: #333;
    text-decoration: none !important;
    border: 0;
    font-size: 10px;
    font-style: normal;
}

li.tel_btn.v2 {
    width: 100%;
    margin-right: 0;
}

li.lin_btn {
    width: 51%;
    margin: 0;
}

li.mail_btn {
    width: 49%;
    margin: 0;
}

li.faq_btn {
    width: 51%;
    margin: 0;
}

/* header */
.mobile-header-bar .mobile-branding {
    width: 50px;
}

.second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-navigation {
    margin-right: 0px;
}

.mb-header-contact {
}

.mb-header-contact a {
    text-align: center;
    color: #333;
    display: block;
    text-decoration: none !important;
}

.mb-header-contact a:hover {
	color: #333;
}

.mb-header-contact i {
    font-size: 28px;
}

.transparent .mb-header-contact a {
	color: #fff;
}

.transparent .sticky-mobile-on .mb-header-contact a {
	color: #333;
}

.transparent .sticky-mobile-off .mb-header-contact a:hover {
	color: #fff;
}



/* main_img */
#sp_mainImg {
	position: relative;
}

#sp_mainSlider {
	position: relative;
	width: 100% !important;
	padding-top: 30px;
}

#sp_mainSlider::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
	z-index: 3;
}

#sp_mainSlider img {
	max-width: 100%;
	vertical-align: middle;
}

.mainInner {
    padding: 20px;
    bottom: 0;
}

#mainExp h2 {
    font-size: 24px;
}

#mainExp p {
    font-size: 11px;
}

#mainExp p br {
}

#scrollGuide {
    display: none;
}

.dTitle h2 {
    font-size: 22px !important;
    line-height: 1.5 !important;
}

#serviceRow .wpb_column.vc_column_container.vc_col-sm-4 {
    margin-bottom: 40px;
}

#StenpoBk h2 {
    font-size: 20px !important;
    line-height: 1.5 !important;
    text-shadow: #111 1px 1px 1px, #111 -1px 1px 1px, #111 1px -1px 1px, #111 -1px -1px 1px;
}

.tenpoTitle {
}

.tenpoText {
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 2;
    text-shadow: #111 1px 1px 1px, #111 -1px 1px 1px, #111 1px -1px 1px, #111 -1px -1px 1px;
}

#skillsRow {
}

#skillsRow h2 {
    color: #fff !important;
}

.blueBk .uvc-main-heading h2 {
    color: #fff;
}

.blueBk .uvc-main-heading h2 br {
	display: block;
}

.blueBk {
    background: #282f39;
}

.reason.wpb_column.vc_column_container.vc_col-sm-4 {
    margin-bottom: 15px;
}

.medidBox {
    padding: 25px 10px;
}

br.nbr {
	display: none;
}

#works .reason.wpb_column.vc_column_container.vc_col-sm-4 {
    margin-bottom: 20px;
}

.brandRow {
    background-size: 100%;
    background-position: center top 100px;
}

.dTitle .uvc-sub-heading {
    font-size: 14px;
}

.bLB_inner > li {
    padding: 30px 5px;
    margin-bottom: 8px;
}

#brandTab h3.ui-accordion-header > a {
    width: auto;
}

#brandTab div.ui-accordion-content {
    padding: 15px;
}

#brandTab div.ui-accordion-content  p {
    font-size: 13px;
}

#priceBox {
    border: 0;
    padding: 0;
}

#priceBox_sp li.ui-state-default {
    width: 48%;
    text-align: center;
    margin: 0 1% !important;
}

#priceBox_sp .wpb_column.vc_column_container.vc_col-sm-4 {
    margin-bottom: 40px;
}

.course_text {
    border: 0;
    padding: 15px;
    background-color: #f7f7f7;
    border-radius: 8px;
    margin-top: -35px;
}

.course_text h3 {
    font-size: 18px;
}

#Flow {
    width: auto;
    overflow: auto;
    /* max-width: none; */
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 0px;
}

ul.FlowList {
    width: auto;
    width: max-content;
    overflow: scroll;
}

.FlowList .steps {
    width: 300px;
    margin-left: 20px;
    margin-bottom: 0;
}

.FlowList .steps:last-child {
    margin-right: 20px !important;
}

#FlowRow .dt-btn-l {
    font-size: 16px;
    padding: 12px;
}

ul.contact_btn_row {
    margin: 0;
}

.cbr_1 {
    width: 100%;
    margin-bottom: 15px;
}

.cbr_2 {
    width: 32%;
    margin-right: 2%;
    background-color: #00b901;
}

.cbr_2 {
    order: 3;
    width: 48%;
    padding-top: 15px;
    background: none;
}

.cbr_3 {
    width: 32%;
    margin-right: 2%;
}

.cbr_4 {
    width: 32%;
    margin-right: 0%;
    background-color: #f7b52d;
}

.vc_custom_1593704696611 {
    background-color: #402712 !important;
}


/* footer */
.rowsp1 > * {
    width: 50%;
    /* font-size: 14px; */
}

.ftpt_menu li {
    font-size: 14px;
    line-height: 2.2;
}

ul.ftpt_menu.v3 {
    width: 100%;
}

ul.ftpt_menu.v3 > li {
    width: 25%;
    float: left;
}

ul.ftpt_menu.v3 {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 0;
}


/* fix_menu */
#bottom-bar.solid-bg {
    padding-bottom: 60px;
}

.mb-header-contact span {
    font-size: 8px;
    text-align: center;
    display: block;
    line-height: 1.2;
	font-weight: normal;
}

#fix_menu {
    position: fixed;
    background-color: #fff;
    width: 100%;
    left: 0;
    z-index: 10;
    transition: .5s;
    bottom: 0px;
	display: block;
}

#fix_menu.menu_hidden {
    bottom: -60px;
}

#fix_menu a {
	color: #282f39;
}

ul.fix_menu_list  {height: 60px;overflow: hidden;}

#fix_menu li {
    width: 20%;
    float: left;
    text-align: center;
    font-size: 10px;
    line-height: 1.4;
    padding: 7px 5px 5px;
    box-sizing: border-box;
}

#fix_menu li img {
	width: 30px;
}

.scroll-top {
    display: none;
}



/* contents */
.dTitle.contact_title .uvc-sub-heading {
    text-align: left;
}

.contactTableWrap {
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    padding: 30px 20px;
    margin: 0 -20px;
    border-radius: 0;
}

#contactTableBox, #contactTableBox * {
	box-sizing: border-box;
}

#contactTableBox, #contactTableBox tr, #contactTableBox th, #contactTableBox td {
	display: block;
	width: 100%;
}

.contactTable th {
	border-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.contactTable td {
    border-top: 0;
    padding-top: 0;
    padding: 0 0px 20px;
}

.contactTable .shortInput.vm input.wpcf7-form-control {
    margin-left: 10px;
    margin-right: 15px;
    width: 108px;
}

.contactTable .zip-box input.wpcf7-form-control {
    margin-left: 0;
}

div.wpcf7 .ajax-loader {
    display: none;
}

.accept-ppBox {
    padding: 20px 15px;
    margin: 30px 0 0;
}

h3 {
    font-size: 22px;
}

.accept-ppBox h3 {
    font-size: 18px;
}

#content .priceTable th {
    padding: 10px;
    font-size: 13px;
}

#content .priceTable2 th {
    padding: 10px;
    font-size: 13px;
}

#content .priceTable3 th {
    padding: 10px;
    font-size: 13px;
}

.vc_toggle_title>h4 {
    font-size: 16px;
}

p.priceExp {
    text-align: left;
    font-size: 14px;
}

}/* @media */








/* home */


/* content */


/* page */
#fancy-header .fancy-title>span {
    display: inline-block;
    letter-spacing: 5px;
    /* text-indent: -5px; */
}






























/** ここから公開用調整
===================================*/
ul.contact_btn_row {
	justify-content: center;
}

ul.contact_btn_row li {
    margin: 0 10px;
}





/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
ul.contact_btn_row li {
    margin: 0 0px;
}

ul.contact_btn_row {
    justify-content: space-between;
}

.cbr_1 {
	padding-bottom: 15px;
}

.cbr_3 {
    width: 48%;
}

.cbr_4 {
    width: 48%;
}

}/* @media */