@charset "utf-8";
/*
Theme Name: WS-DESIGN New
Theme URI: http://
Description: s71_2017.08改訂
Version: 1.0
Author: K-net
Author URI: http://www.tsubame-k.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

@import "base.css";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;1,600&display=swap');/*FAQ*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{font-size:16px;color:#4e4e4e;font-family: "Noto Sans JP", sans-serif;}
html {visibility: hidden;}
html.wf-active,html.loading-delay {visibility: visible;}

.brc{clear:both;}
.ctr{text-align:center; margin:0 auto;}
.none{display:none;}

/* ??? */
.mbtm4p{margin-bottom:4%;}.mtop30{margin-top:30px;}.mtop15{margin-top:15px;}.mbtm30{margin-bottom:30px;}.mbtm15{margin-bottom:15px;}.w100{width:100%;}.w90{width:90%;}.w80{width:80%;}.w70{width:70%;}.w60{width:60%;}.w50{width:50%;}.w40{width:40%;}.w30{width:30%;}.w20{width:20%;}.w10{width:10%;}.f_17{font-size:17px}.f_inn{margin:0 auto;max-width:1100px;width:100%;}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#313131;
}

a:hover, a:active{
outline: none;
color:#6f6f6f;
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

.post {font-family: 'Noto Sans JP', sans-serif;font-size: 16px;color: #393939;letter-spacing: 1px;line-height: 1.5rem;}
.post p {padding-bottom: 0!important;}

/* レイアウト
------------------------------------------------------------*/
#wrapper{margin:0 auto;width:100%;}/*TOPページ・その他の大枠設定*/
#page_wrapper{width:100%;margin:0 auto;max-width: 1100px;}/*店舗事例・お客様の声ページの大枠設定*/

#content{float:right;width:820px;padding:22px 0 50px;}
#sidebar{float:left;width:240px;padding:22px 0 50px;}

#bread_bg {max-width: 1100px;margin: 10px auto 0;}
#content02{max-width:100%;padding:22px 0 50px;margin: 0 auto;overflow:hidden;}


/* トップページ　文字感設定
------------------------------------------------------------*/
.post{background: #fff;}
.toppage{padding:0;margin:0;letter-spacing: 1px;line-height: 1.5rem;overflow: hidden;}
.blog{letter-spacing: 1px;line-height: 1.8rem;}

/*???*/
#mainImg{clear:both;margin-top:20px;line-height:0;text-align:center;z-index:0;}
.toppage h4{margin:0 0 10px;font-size:16px;font-weight:normal;color:#333;}


/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　ヘッダー
******************************************************************************************************************************************/
#header {height: 60px; width: 100%;z-index:99999!important;position:fixed;top:0;}
#header.change-color {background:#FFF8F1;transition: .8s;box-shadow: 0 0 10px rgba(0, 0, 0, .10);}

.h1_inner {max-width:300px;width:100%;z-index:9999;background:none;color:#4e4e4e;display:inline-block;position:absolute!important;top:10px;}
.inner{width:100%;max-width:1100px;margin:0 auto;}

#header h1{padding:5px 0;font-size:10px;font-weight:normal!important;width: 100%;max-width: 1100px;margin: 0 auto;}
.logo_inner {z-index:9999;max-width:135px;margin:0 30px;padding:10px 0 0;display:inline-block;}

/* メインメニュー　PC用
------------------------------------------------------------*/
.pc_none{display:none;}

nav#mainNav {z-index:9999;max-width:900px;width:100%;display:inline-block;position:absolute;right:0;top:10px;}
nav div.panel{display:block !important;}
nav#mainNav .inner{}
nav#mainNav ul li{position: relative;}	
nav#mainNav ul{display:flex;justify-content:space-around;}
nav#mainNav ul li a{display: block;text-align: center;padding:10px 0;font-size: 14px;font-family: 'Open Sans',sans-serif;font-weight: 600;}

/* 初期設定の非表示!? */
a#menu{display:none;}
/*nav#mainNav ul li a span,nav#mainNav ul li a strong{display:block;}
nav#mainNav ul li a span{font-size:70%;color:#888;font-weight:normal;font-family:"Times New Roman", Times, serif;}*/

/* マウスホバー */
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{color:#ee3281;box-sizing: border-box;transition: .5s cubic-bezier(0.45, 0, 0.55, 1);}

/* 問合せボタン */
#menu-item-1547 a {width: 140px;background: #EE3281;color: #FFFFFF!important;border-radius: 5px;border: #EE3281 2px solid;box-sizing: border-box;transition: .5s cubic-bezier(0.45, 0, 0.55, 1);}
#menu-item-1547 a:hover {width: 140px;background: #FFFFFF;color:#ee3281!important;border: #EE3281 2px solid;transition: .5s cubic-bezier(0.45, 0, 0.55, 1);}

/*???????*/
nav#mainNav ul ul{width:160px;}
nav#mainNav ul li ul{display: none;}
nav#mainNav ul li:hover ul{display: block;position: absolute;top:42px;left:-1px;z-index:500;}
nav#mainNav ul li li{margin:0;float: none;height:40px;line-height:40px;width:160px;background:#fff;}
nav#mainNav ul li li:last-child{border:0;}
nav#mainNav ul li li a{width:100%;height:40px;padding:0 0 0 10px;line-height:40px;font-size:95%;text-align:left;}
nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#6f6f6f}


/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　ヘッダーとTOPの間
******************************************************************************************************************************************/
/* 固定ページ外殻 */
.phead{background:url(images/hd_inquary.png) no-repeat center center;width: 100%;background-size:cover;min-height: 170px;display: flex;justify-content: center;align-items: center;margin: 60px 0 0;}

.phead h2.title {text-shadow: 0 0 3px rgb(0, 0, 0, 0.6); text-align: center;letter-spacing: 1px;font-size: 32px;line-height: 38px;font-weight: 600; color:#fff;padding:0!important;}
.phead h2.title span{display:block;font-size:14px;line-height: 20px;font-weight: normal;padding: 10px 0 0;}

.ph_company{background:url(images/hd_company.png) no-repeat center center;background-size:cover;}
.ph_contact{background:url(images/hd_contact.png) no-repeat center center;background-size:cover;}
.ph_produce{background:url(images/hd_produce.png) no-repeat center center;background-size:cover;}
.ph_voice{background:url(images/hd_voice.png) no-repeat center center;background-size:cover;}
.ph_support{background:url(images/hd_suport.png) no-repeat center center;background-size:cover;}
.ph_fdb_re{background:url(images/hd_fdb_re.png) no-repeat center center;background-size:cover;}
.ph_archive{background:url(images/hd_archive.png) no-repeat center center;background-size:cover;}
.ph_faq{background:url(images/hd_faq.png) no-repeat center center;background-size:cover;}

.ph_plan{background:url(images/hd_voice.png) no-repeat center center;background-size:cover;}
.ph_property ,.ph_planning ,.ph_funding ,.ph_management ,.ph_design ,.ph_advertising ,.ph_employment{background:url(images/hd_fdb_re.png) no-repeat center center;background-size:cover;}

/*test用*/
.ph_test{background:url(images/hd_archive.png) no-repeat center center;background-size:cover;}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{padding:0;}
ul.post li{margin:0 10px;padding:20px 0 15px;border-bottom:1px dashed #dcdcdc;}
ul.post li:last-child{border:0;}
ul.post img{float:left;margin:0 15px 5px 10px;}
ul.post h3{margin:0 0 10px 10px;font-size:14px;font-weight:normal;color:#333;border:0;}


/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　サイドバー　ウィジェット
******************************************************************************************************************************************/
section.widget ul, .widget_search, #calendar_wrap, .textwidget{background: #fff;}

section.widget ul ul{border:0;margin:0;padding:0 0 0 10px;}
p.banner{padding-bottom:15px;}
p.banner img{max-width:233px;height:auto;}
p.banner img:hover{cursor:pointer;opacity:.8;}

.widget h3{clear:both;margin:1.5rem 0 0.5rem;padding:5px 8px ;background: #ee3281;color: #fff;}
.widget li a{color: #4e4e4e;}
.widget li a:hover {text-decoration: underline;}
.widget li:last-child a{border:0;}
#searchform input[type="text"]{line-height:1.7;height:24px;width:90px;vertical-align:bottom;}

.s_bx01{}
.s_bx01 span{display:block;background:#ee3281;color:#fff;margin:0 0 1rem;padding:5px 8px;}
.s_bnner{margin: 2rem 0 0;}

.s_bx02 {border-bottom: solid 1px #D7D7D7; border-top:solid 1px #D7D7D7;}
.s_bx02 li {margin: 10px 0;position: relative;}
.s_bx02 p {display: inline-block;background: #EE3281;width: 35px;height: 35px;border-radius: 35px;text-align: center;vertical-align: middle;position: relative;margin: 0 10px 0 0!important;}
.s_bx02 p i {position: absolute;top:10px;right: 9px;color: #fff;}
.fa-question ,.fa-building {padding: 0 3px 0 0;}
.s_bx02 li::after {content: ""; display: block;position: absolute;top: 50%;right: 0;width: 8px;height: 8px;border-top: 2px solid #EE3281;border-right: 2px solid #EE3281;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}


#post-17 .page_ft06 ,#post-17 .page_ft01{display:none;}/*17-店舗リフォーム*/

/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　会社概要のページ
******************************************************************************************************************************************/
.com_flex01{display:flex;margin:0 auto 1rem;}
.com_flex01 img {object-fit:cover; width: calc(100%/2);margin:0 5px;}
.com_flex02{display:flex;justify-content:space-around;margin:0 auto;}
.ggrmp{margin:0 auto 3rem;}
.ggrmp iframe{width:100%;height:340px;}
.com_bx01{width:100%;max-width:45%;}
.com_bx01 span{display:block;}
.com_bx02{width:100%;max-width:50%;}
.com_title {font-size: 28px;position: relative;padding: 0 0 0.2em 0.5em;border-bottom: 6px solid #FCD8DA;margin-bottom:20px;}
.com_title:before {position: absolute;bottom: -6px;left: 0;width: 20%;height: 6px;content: '';background: #ee3281;}


/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　問合せのページ
******************************************************************************************************************************************/
/* 問合せフォーム
------------------------------------------------------------*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	vertical-align:middle;
	width: 400px;
	height:30px;
	padding:5px 8px;
	border: solid 3px #D8D8D8;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#fcfcfc;
	font-size: 100%;
}
.wpcf7-select,.wpcf7-textarea,.wpcf7 textarea[name="your-message"] {
	vertical-align:middle;
	border: solid 3px #D8D8D8;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#fcfcfc;
}
.wpcf7-select {/*ドロップダウン*/	height:40px;padding: 0 5px;	font-size: 95%;}
.wpcf7-textarea{/*1行入力*/padding:10px;font-size: 100%;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.wpcf7 textarea[name="your-message"] {width: 400px;}/*問合せ内容*/
.wpcf7 input[name="yosan"] ,input[name="openday"] {width: 200px!important;}/*開店予定希望日、予算*/

/*テーブル余白調整*/
.tbl_ctr table p {padding-bottom:0!important;}
.tbl_ctr table th {width: 40%; padding:0 20px 0 0!important;font-weight: 600;font-size: 0.9rem;vertical-align: middle;line-height: 1rem;}
.tbl_ctr table td {vertical-align: middle;padding:30px 0!important;}

.verticallist .wpcf7-list-item{/*ラジオボタンを縦並び指定*/display:block;}
.tbl_ctr table td.formline{/*ライン*/border-bottom: dotted 2px #D8D8D8!important; padding: 0!important;}
.f_or{/*必須の調整*/font-size:7px; padding:5px; background:#ff9393; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px;}

/*物件検索エリア*/
.tbl_ctr table tr table.bukken {margin: 0 auto 30px;background: #F9F9F9;}
.tbl_ctr table tr table.bukken th {padding: 0 50px 0 30px!important;}
.tbl_ctr table tr table.bukken td {padding: 15px 30px 15px 0!important;background: #F9F9F9;}

/*送信ボタン*/
input[type="submit"],input[type="reset"],input[type="button"]{
	padding:0.7rem 3.5rem;
	background: #f78377;
	border:0;
	line-height:1.5;
	font-size:120%;
	color:#fff;
	border-radius: 5px;
	transition: box-shadow 0.5s;
    box-shadow:3px 3px 3px rgba(84,84,84,0.3);
	-webkit-appearance: none;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{background: #f78377;cursor:pointer;box-shadow:1px 1px 1px rgba(84,84,84,0.1);}
*:first-child+html input[type="submit"]{padding:3px;}

/* お問合せ ページ
------------------------------------------------------------*/
.info-text {font-size: 18px;line-height: 2rem;margin: 40px 0 20px;}

/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　よくある質問のページ
******************************************************************************************************************************************/	
/* アコーディオン全体 */
.accordion-area{list-style: none;width: 96%;max-width: 900px;margin:0 auto;}
.accordion-area li{margin: 10px 0;}
/*アコーディオンタイトル*/
.faq-list_q {position: relative;/*+マークの位置基準とするためrelative指定*/cursor: pointer;font-size:1rem;font-weight: normal;padding: 3% ;transition: all .5s ease;display: flex;align-items: center;font-weight: 700;cursor: pointer;background: #f7f7f7;border-radius: 10px;}

/*アイコンの＋と×*/
.faq-list_q::before,
.faq-list_q::after{position: absolute;content:'';width: 15px;height: 2px;background-color: #333;}
.faq-list_q::before{top:48%; right: 15px; transform: rotate(0deg);}
.faq-list_q::after{top:48%;right: 15px;transform: rotate(90deg);}

/*　closeというクラスがついたら形状変化　*/
.faq-list_q.close::before{transform: rotate(45deg);}
.faq-list_q.close::after{transform: rotate(-45deg);}

/*アコーディオンで現れるエリア*/
.faq-list_a {display: none;/*はじめは非表示*/background: #fff;margin:0;padding: 3%}
.ico-round {display: block;color: #fff;border-radius: 100px;font-family: Montserrat,sans-serif;font-weight: 800;text-align: center;vertical-align: middle;width: 36px;height: 36px;margin-right:15px;line-height: 36px;}
.ico-round--q {background: #191919;}
.ico-round--a {background: #f03748;float: left;}
.faq-list_a p {overflow: auto;line-height: 2;letter-spacing: 1px;margin: 0;}
.faq-list_q-tex {margin: 0;width: 80%;}

/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　店舗デザイン事例のページ
******************************************************************************************************************************************/
/* 記事ループ　店舗事例--カテゴリページ
*****************************************************/
.list{padding:10px 0;}
.list:last-child{border:0;}
.post .list p{padding:0;}
.list span{padding-left:10px;}

.articles_iindex_thumbnail{display:flex;margin: 1rem 0 0 1rem;align-items: center;}
.articles_index {width: 100%;;border-bottom: dotted 1px #000;}

.post_pdt{width:100%;float:right;margin:0 auto;padding:20px 0 20px;background: #fff;}
.fx_content{width: 100%;margin: 0 auto;display: flex;justify-content: flex-start;max-width: 800px;flex-wrap: wrap;}

.articles_news {width: 100%;max-width: 31%;margin-right: 1%;margin-bottom: 1%;padding:0 10px 15px 0;}
.articles_news_thumbnail a.thumb{width:100%;display: block;margin-right: 20px;text-align: center;}

.articles_news img {width:100%;height:auto;max-width: 100%;}
.articles_news_thumbnail{line-height: 1.5rem;}


/* page navigation
------------------------------------------------------------*/
.pagenav{clear:both;width: 100%;height: 30px;margin: 5px 0 20px;}
#pageLinks{clear:both;color:#4f4d4d;text-align:center;}

/* アーカイブページネーション */
.pagenation {margin: 1em 0;width: 100%;text-align: center;}
.pagenation:after, .pagenation ul:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.pagenation ul {margin: 0;}
.pagenation li {list-style: none outside none;margin-left: 3px;display: inline-block;}
.pagenation li:first-child {margin-left: 0;}
.pagenation li.active {background-color: #999999;border-radius: 3px;color: #FFFFFF;cursor: auto;padding: 10px 20px;}
.pagenation li a {background: none repeat scroll 0 0 #CCCCCC;border-radius: 3px;color: #FFFFFF;display: block;padding: 10px 20px;text-decoration: none;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);}
.pagenation li a:hover {background-color: #444444;color: #FFFFFF;opacity: 0.8;transition-duration: 500ms;transition-property: all;transition-timing-function: ease;}


/* タイポグラフィ 店舗事例--個別ページ
*****************************************************/
/* blogタイトル */
h2.title{clear:both;margin:0;font-size:32px;}
/* blog日付 */
.dateLabel{text-align:right;font-size:14px;letter-spacing: normal;}
p.dateLabel {padding: 0 0 10px!important;}
.dateLabel>.fa-regular {margin: 0 5px 0 0;}
/* 見出しタイトル */
.post.blog h3{font-weight: bold;background:#FFF8F1;font-size: 24px;padding:15px;margin:60px 0 30px;border-left: #EE3281 solid 6px;}
.post.blog h4{font-weight: bold; font-size: 20px;margin: 60px 0 15px;border-left: #EE3281 solid 6px; padding: 5px 15px;}
.post.blog h5{font-size: 18px;font-weight: 600;margin: 40px 0 15px;}
/* 引用デザイン */
.su-quote-style-default {width: 75%;margin: 0 auto;background: #F5F5F5;padding: 1.8em 4em!important;}
.su-quote-style-default:before {top: 10px!important;left: 10px!important;}
.su-quote-style-default:after {right: 10px!important;bottom: 10px!important;}
.blog a {text-decoration: underline;color:#0571CB; }
.post table.blog{border-collapse: collapse;border-spacing: 0;margin:10px 0 20px;}
.post table.blog tr{padding:3px;margin: 0;}
.post table.blog td{padding:3px;vertical-align: top;width: 50%;}
.post table.blog td img {vertical-align: bottom;}
.post ol{margin: 0 0 10px 30px;}
.post ol li{list-style:decimal;}
.post blockquote {clear:both;padding:10px 0 10px 15px;margin:10px 0 25px 30px;border-left:5px solid #ccc;}
.post blockquote p{padding:5px 0;}
.post dt{font-weight: 600;}
.post dd{padding-bottom:10px;}
.post img{max-width:100%;height:auto;}

img.aligncenter {display: block;margin:5px auto;}
img.alignright, img.alignleft{margin: 10px 10px 15px 15px;display:inline;}
img.alignleft{margin:10px 15px 15px 10px;}
.alignright{float:right;}
.alignleft{float:left;}
#gallery-1 img{border:1px solid #eaeaea !important;padding:5px;background:#fff;}
#gallery-1 img:hover{background:#fffaef;}

/* もくじ */
#toc_container{margin: 50px auto 0;font-size: 100%!important;line-height: 1.6rem;padding: 20px 30px!important;width: 80%!important;}

/* AddQuicktag用文字装飾 */
.f_mk{background: linear-gradient(transparent 65%, #f6ff00 65%);font-weight: bold;} /* 黄色マーカー+太字 */
.f_b{font-weight: 600;letter-spacing:0.1em;} /* 太字 */
.f_r{color:#e00000;font-weight: bold;} /* 赤字+太字 */
.f_bk{background:#F2F2F2;width: 85%; padding: 15px;margin: 10px;} /* グレー背景 */
.bulletpoints {width: 85%;margin: 15px 0 15px 25px;}
.bulletpoints li {list-style:disc;}.bulletpoints li::marker {color: #B7B7B7;}

/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　お客様の声ページ
******************************************************************************************************************************************/
.review-area {text-align: center;margin: 0 auto 70px;max-width: 1100px;}
.review-area ul {margin: 0;}
li.review {background: #FFFFFF;border: #B7B7B7 2px solid;box-shadow: 0 0 10px rgba(0, 0, 0, .10);padding: 25px!important;margin: 15px!important;box-sizing: border-box;max-width: 500px;display: inline-block;position: relative;vertical-align: top;}
li.review:after {content: "";position: absolute;right:-1px;bottom: -1px;width: 0px;height: 0px;border-top: 18px solid transparent;border-right: 18px solid #B7B7B7;border-bottom: 18px solid #B7B7B7;border-left: 18px solid transparent;}
.review_cp {text-align: left;}
.review_img {width: 35%;display: inline-block;vertical-align: top;}
.review_cpbun {width: 60%;margin: 0 0 0 5px;display: inline-block;vertical-align: top;}
.review_cptitle {font-size: 16px;background:#EE3281;color: #FFFFFF;text-align: center;}
.review_cptex {margin: 30px 0 0;font-size: 22px;line-height: 2rem;font-weight: 600;}
.review_tex {text-align: left;font-size: 16px;font-weight: normal;line-height: 1.6rem;}
.fa-circle-question {font-size: 1.5rem;color: #3D8FD5;padding: 0 8px 0 5px;}
.question {font-weight: 600;margin: 30px 0 0;}
.answer {margin: 5px 0 0;padding: 5px 0 0; border-top: #B7B7B7 dotted 1px;}

/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　リニューアル料金ページ
******************************************************************************************************************************************/
.price_content {max-width: 950px;margin: 0 auto;position: relative;z-index: 9999}
.price_con01 h2 {font-size: 32px;font-weight: bold;line-height: normal;padding: 20px 0;}
.price_con01 {text-align: center;padding: 50px 0 70px;}
.price_con02 ul {display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.price_con02 li {width: 250px;height: 250px; background: #EE3381;border-radius: 50%;justify-content: center;display: flex;align-items: center;}
.price_con02 img {width: 65%;}
.price_con03 {font-size: 20px; margin: 70px auto; padding: 70px 0; text-align: center; border-radius:30px 0 30px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);background-image: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/hai-01.png"),url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/hai-02.png");background-repeat:  no-repeat;background-position: right top ,left bottom;background-size:12%;background-color: #FFF;}
.price_con03 h2 {font-size: 28px;font-weight: bold;padding: 15px 0;letter-spacing: 0.3rem;}
.en-icon,.money ,.zei {color:#EE3381;display: inline-block;font-weight: bold;}
.money {padding: 20px 0 0;font-size: 92px;line-height: 92px;font-family:Meiryo,YuGothic, "Yu Gothic medium", "Hiragino Sans",  "sans-serif";}
.en-icon {font-size: 64px;}.zei {font-size: 32px;}
.price_con03 span {display: block;}
.price_con04 {text-align: center;font-weight: 500;}
.price_con04 ul {display: flex;flex-wrap: wrap;}
.price_con04 li {width: calc(100% / 4);box-sizing: border-box;line-height: 1.4rem;padding: 30px 0 10px;}
.price_con04 li img {width: 40%;padding: 0 0 5px;}
.price_con05 {margin: 70px auto; padding: 70px; text-align: center; border-radius:30px 0 30px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);}
.price_con05-tex01 {font-size: 28px;color: #EE3381;line-height: 2.5rem;font-weight: 500;letter-spacing: 0.2rem;border-bottom: #EE3381 3px solid;padding: 0 0 10px;}
.price_con05-tex02 {}
.fa-arrow-down {font-size: 48px;color:#686868;padding: 20px 0 0;}
.en-icon2,.money2 ,.zei2 {color:#686868;display: inline-block;font-weight: bold;}
.money2 {padding: 20px 0 0;font-size: 54px;line-height: 54px;font-family:Meiryo,YuGothic, "Yu Gothic medium", "Hiragino Sans",  "sans-serif";}
.en-icon2 {font-size: 42px;}.zei2 {font-size: 24px;}
.naname1{position: relative;}
.naname1::after {content: '';transform: rotate(-7deg);width: 100%;border-top: 3px solid #686868;position: absolute;top: 50%;left: 0;}

/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　リニューアル強みページ
******************************************************************************************************************************************/
.strong_content,.produce_content {max-width: 1100px;margin: 0 auto;}
.st_con01 {counter-reset:point;margin-top: 40px;}
.st_block {display: flex;align-items:center;padding-bottom:40px;}
.st-reverse {-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.st-reverse>.st-tex {padding: 0 50px 0 0;}
.st-img {width: 50%;}
.st-tex {width: 50%;padding:0 0 0 50px;}
.stBox__ttl {font-family: "Noto Sans JP", sans-serif;font-size: 24px;font-weight: 600;margin-bottom: 10px;display: -ms-flexbox;display: flex;-ms-flex-flow: column;flex-flow: column;position: relative;}
.stBox__ttl:before {font-family: "Roboto", sans-serif;content: counter(point, decimal-leading-zero);counter-increment: point;font-size: 44px;font-weight: 600;color: #EE3381;line-height: 1;margin-top: 22px;display: inline-block;}
.stBox__ttl span {position: absolute;top: 0;font-size: 18px;color: #EE3381;}
.stBox__ttl p {line-height: 2.1rem;}

/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　リニューアルできる事ページ
******************************************************************************************************************************************/
.produce_ttl {display: flex;}
.produce_ttl-imgBox {width: 50%;}
.produce_ttl-texBox {width: 50%; padding: 20px 0 0 50px;}
.produce_ttl__ttl{font-family: "Noto Sans JP", sans-serif;font-size: 32px;font-weight: 600;margin-bottom: 10px;line-height: 2.5rem;}

.worries_content {margin: 0 auto;width: 100%;padding: 45px 0;}
.worriesBox {background: #fed9e1; border-radius: 10px;position: relative;padding: 50px 45px;margin-bottom: 60px;}
.worriesBox:before {content: "";position: absolute;bottom: -44px;left: 50%;margin-left: -32px;display: block;width: 0;height: 0;border-style: solid;border-width: 45px 32px 0 32px;border-color: #fed9e1 transparent transparent transparent;}
.worries__ttl {font-family: "Noto Sans JP", sans-serif;font-size: 32px;font-weight: 600;line-height: 2.5rem;text-align: center;margin-bottom: 30px;}
.worries__tex {width: 680px;margin: 0 auto;}
.worries__tex li {font-size: 20px; position: relative;padding-bottom: 20px;margin-bottom: 5px;padding-left:5px;}
.worries__tex li::before {content: "\f058";font-family: "Font Awesome 5 Free";font-weight: 600;color: #EE3381;position: absolute;left: -20px;}
.worries__tex li::after {height: 1px;content: "";background-image: linear-gradient(to right, #FFF, #FFF 3px, transparent 3px, transparent 8px);    background-size: 8px 1px;background-repeat: repeat-x;position: absolute;bottom: 10px;left: -20px;right: 0;}
.worries__texBox {background-image: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/supo_q2.png"),url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/supo_q1.png");background-repeat:  no-repeat;background-position: right bottom ,left bottom;background-size:12%;}

.solution_content {border: 2px solid #EE3381;padding: 50px;border-radius: 10px;}
.solution__ttl {font-family: "Noto Sans JP", sans-serif;font-size: 32px;font-weight: 600;line-height: 2.5rem;text-align: center;}
.solution__Box {counter-reset:point;margin-top: 40px;}
.so_block {display: flex;align-items:center;-webkit-justify-content: space-between;justify-content: space-between;padding-bottom:40px;padding-left: 10px;}
.so-img {width: 45%;}.so-tex {width: 50%;padding:0 20px 0 0;}
.soBox__ttl {font-family: "Noto Sans JP", sans-serif;font-size: 24px;font-weight: 600;margin-bottom: 10px;display: -ms-flexbox;display: flex;-ms-flex-flow: column;flex-flow: column;position: relative;}
.soBox__ttl:before {font-family: "Roboto", sans-serif;content: counter(point, decimal-leading-zero);counter-increment: point;font-size: 44px;font-weight: 600;color: #EE3381;line-height: 1;margin-top: 22px;display: inline-block;}
.soBox__ttl span {position: absolute;top: 0;font-size: 18px;color: #EE3381;}
.soBox__ttl p {line-height: 2.1rem;}

/********************************　できることトップページ　*********************************/
.produce_main {text-align: center;padding-bottom: 80px;}
.produce_main p{text-align: left;margin-top: 40px!important;}
.produce_mainBox {display: flex;padding-bottom: 120px;}
.produce_main-texBox {display: flex;flex-flow:column;padding: 15px 0 0 30px;width: 50%;}
.produce_main__ttl {font-size: 32px;line-height: 1.1; font-weight: 600;display: flex;align-items: center;margin-bottom: 20px;}
.produce_main__QA{font-size: 22px;font-weight: 600;margin-bottom: 15px;}
.produce_main__ttl::before { display: inline-block;content: ""; margin-right:10px;}
.produce_main__QABOX {list-style: disc;padding-left: 25px;margin-bottom:30px;}
.produce_main__QABOX li {line-height: 2rem;}

.more_btn{position: relative;display: inline-block;font-size: 14px;padding: 15px 40px 15px 20px; max-width: 100%;background-color: #fff;line-height: 1.25;text-align: center;font-weight: 600;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);border-radius: 8px;margin-left: 5px;z-index: 9999;transition: color 0.5s ease, background-color 0.5s ease;}
.more_btn::after{content: "\f138";font-family: "Font Awesome 5 Free";font-weight: 600;color: #EE3381;position: absolute;right: 15px;transition: 1s all;font-size: 1rem;}
.more_btn:hover {background:#EE3381;color: #FFFFFF;}
.more_btn:hover::after{color: #FFFFFF;transform:translateX(30%) ;}

.st-reverse>.produce_main-texBox {padding: 15px 30px 0 0;}
.produce_main-icon01::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon01_buken.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}
.produce_main-icon02::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon02_concept.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}
.produce_main-icon03::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon03_keikaku.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}
.produce_main-icon04::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon04_kouji.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}
.produce_main-icon05::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon05_keiei.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}
.produce_main-icon06::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon06_design.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}
.produce_main-icon07::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon07_sns.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}
.produce_main-icon08::before{background: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/icon08_staff.svg")no-repeat;background-size: 100%;width: 47px;height: 47px;}


/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　TOPページ
******************************************************************************************************************************************/
#page_wrapper p {padding: 0;margin: 0;}
/********************************
　　 　　TOP-キービジュアル　
*********************************/
.catch {max-width:1150px;margin: 120px auto 0 ;padding: 0 10px;position: relative;z-index:9999;}
.catch__1 {padding: 30px 0 25px ;color: #4e4e4e;font-size:48px;font-weight: bold;line-height: 4rem;font-family: 'Noto Sans JP', sans-serif;}
.catch__2  {width: 420px;font-size: 16px;line-height: 30px;}
.catch_bg {position:absolute;width: 55%; height: auto; top:0; right:0; z-index:40;}
.catch_img img { border-bottom-left-radius: 30px;}
/********************************
　　　　　TOP-cotent設定　
*********************************/
.cotent01 {position: relative;overflow: hidden;height: 670px;box-sizing: border-box;}
.cotent02,.cotent03,.cotent04,.cotent05,.cotent06,.cotent07 {overflow: hidden;
	position: relative;font-family: 'Noto Sans JP', sans-serif;font-weight:400;line-height: 2.2rem;color:#4e4e4e;}
.cotent02 {line-height: inherit;}
.cotent03 {padding-top: 100px;}
.cotent04 {}
.bg01 {/*TOP背景*/position: absolute;bottom: 0;left: calc(60% - 1200px);background-repeat:no-repeat;background-position:50% 50%;	background-size:cover;width: 2133px;height: 1625px;background-image: url(https://www.ws-ds.com/wpwsds/wp-content/uploads/2023/02/kv.png);z-index:0;}
.bg02 {/*pink背景01*/position: absolute;top: 130px;left: calc(50% - 1200px);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width: 2000px;height: 2343px;background-image: url(https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/haikei.png);z-index:0;}
.bg03 {/*pink背景02*/position: absolute;top:0;left: calc(50% - 1600px);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width: 2748px;height: 2719px;background-image: url(https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/haikei2.png);z-index:0;}
.bg04 {/*footer黄色背景*/position: absolute;top: 80px;left: calc(60% - 1200px);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width: 2133px;height: 1729px;background-image: url(/wpwsds/wp-content/uploads/2023/02/haikei3.png);z-index:0;}
/*インナーBOX*/
.topinner {width:1170px; margin: 0 auto;padding: 40px;box-sizing: border-box;position:relative;z-index:9999;}
.topinner__ji {width:100%; margin: 0 auto;box-sizing: border-box;position:relative;z-index:9999;}
/*タイトル*/
.stTop__tex h2 ,.proTop h2 ,.jissekiTop h2 ,.vocTop h2 ,.companyTop__tex h2 ,.faq_area h2 ,.footer_another h2{font-size: 32px;font-weight: bold;line-height: 1;}
/********************************
　　　　TOP-料金エリア　
*********************************/
.more-price_area {margin: 50px 0 0;text-align: center;}
/********************************
　　　TOP-私たちの強みエリア　
*********************************/
.stTop{display: flex;align-items: center;margin: 100px 0;}
.stTop__img {width: 50%;}.stTop__tex{width: 45%;padding-left: 70px;}
.stTop__texBox{padding: 30px 0 60px;}
/********************************
　　　TOP-できる事エリア　
*********************************/
.proTop h2 {padding: 0 0 15px;}
.proTopBox {margin: 20px 0 0;}
.proTopBox ul {display: flex;flex-wrap: wrap;justify-content: center;}
.proTopBox li {width: calc(95% / 4);box-sizing: border-box;line-height: 1.4rem;margin-right: 12px;margin-bottom: 12px;z-index: 9999;display: flex;}
.proTopBox__WBox {background: #FFF;display: block;padding: 15px 0;border-radius: 20px 0 20px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);transition : 1s;}
.proTopBox__WBox h3 {font-size: 16px;font-weight: bold;text-align: center;}
.proTopBox__WBox img {max-width: 75px;padding-bottom:10px;}
.proTopBox__tex {padding: 10px 15px;font-size: 14px;}
.proTopBox__WBox:hover{transform: translateY(-6px);box-shadow: 0 3px 10px rgba(0,0,0,0.36);}
.proTopBox__Box a:hover {opacity: 1!important;}

/*moreボタン*/
.more_btn__pro{position: relative;display: inline-block;font-size: 14px;padding: 15px 17px 15px 35px; max-width: 100%;background-color: #fff;line-height: 1.25;text-align: center;font-weight: 600;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);border-radius: 8px;margin-right: 15px;z-index: 9999;transition: color 0.5s ease, background-color 0.5s ease;}
.more_btn__pro::after{content: "\f58d";font-family: "Font Awesome 5 Free";font-weight: 600;color: #EE3381;position: absolute;left: 12px;transition: 1s all;}
.more_btn__pro:hover {background:#EE3381;color: #FFFFFF;}
.more_btn__pro:hover::after{color: #FFFFFF;}
.more-pro_area {text-align: right;margin-top: 20px;}
/********************************
　　　TOP-施工事例エリア　
*********************************/
.jissekiTop {text-align: center;}
.jissekiTopBox {width:100%;margin: 20px auto;}
.jisseki_slide {}
.ji_slide__Box {width:400px;margin: 10px;background: #FFF;border-radius: 20px 0 20px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16); }
.ji_slide__Box img {border-radius: 20px 0 0 0;}
.ji_slide__Box a{display: block;}.ji_slide__Box a:hover {opacity: 0.7;}
.ji_slide__tex {font-size: 16px;text-align: left;padding: 10px 20px 20px;}
.ji_slide__tex span {font-size: 14px;color: #656565;display: block;line-height: 1;margin-top: 10px;}
.jisseki_slide .slick-prev,.jisseki_slide .slick-next {background: #EE3381;border-radius: 50%;width: 40px;height: 40px;z-index: 9999;}
.jisseki_slide .slick-prev{left: 60px;} .jisseki_slide .slick-next {right: 60px;}
.jisseki_slide .slick-prev:before,.jisseki_slide .slick-next:before {color: #FFFFFF;font-family: "Font Awesome 5 Free";-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;font-weight: 700;}
.jisseki_slide .slick-prev:before{content: "\f053";}
.jisseki_slide .slick-next:before{content: "\f054";}
.jisseki_slide .slick-prev:hover,.jisseki_slide .slick-prev:focus,.jisseki_slide .slick-next:hover,.jisseki_slide .slick-next:focus{background:#F05093;transition :.7s;}
/********************************
　　　TOP-お客様の声エリア　
*********************************/
.vocTop {width: 1170px;margin: 100px auto;text-align: center;}
.vocTopBox {margin: 20px 0 0;}
.voc_slide {}
.voc_slide__Box {width:50%;margin: 15px;padding: 60px 60px 50px; background: #FFF;border-radius: 20px 0 20px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);text-align: left;position: relative;}
.voc_slide .slick-prev,.voc_slide .slick-next {background: #EE3381;border-radius: 50%;width: 40px;height: 40px;z-index: 9999;}
.voc_slide .slick-prev{left: -50px;} .voc_slide .slick-next {right: -50px;}
.voc_slide .slick-prev:before,.voc_slide .slick-next:before {color: #FFFFFF;font-family: "Font Awesome 5 Free";-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;font-weight: 700;}
.voc_slide .slick-prev:before{content: "\f053";}
.voc_slide .slick-next:before{content: "\f054";}
.voc_slide .slick-prev:hover,.voc_slide .slick-prev:focus,.voc_slide .slick-next:hover,.voc_slide .slick-next:focus{background:#F05093;transition :.7s;}
.voc_slide__tex {line-height: 1.8rem;}
.voc_slide__tex::before {content: "\f10d";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute; right:5%; top:8%;font-size: 58px;color:#EE3381;opacity: 0.1;}
.voc_slide__tex h3 {font-size: 28px;font-weight: bold;line-height: 2.5rem; margin: 0 0 20px;}
.voc_slide__tex h3 span {color: #EE3381;}
.voc_slide__name {padding: 30px 0 0;font-size: 14px;}
/********************************
　　 　TOP-会社概要エリア
*********************************/
.companyTop{box-sizing: border-box;width: 1100px; display: flex;-ms-flex-direction: row-reverse;flex-direction: row-reverse;justify-content: flex-end;-webkit-justify-content: space-between;justify-content: space-between;margin: 100px auto;}
.companyTop__img {width: 40%;}
.companyTop__tex{width: 50%;}
.companyTop__texBox{padding: 30px 0 60px;line-height: 1.7rem;}
.companyTop { padding: 70px; border-radius:30px 0 30px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);background-image: url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/hai-01.png"),url("https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/2025/hai-02.png");background-repeat:  no-repeat;background-position: right top ,left bottom;background-size:12%;background-color: #FFF;}
/********************************
　　 　TOP-NEWSエリア
*********************************/
.news {box-sizing: border-box;width: 1100px;margin: 0 auto 100px; position: relative;z-index:9999;background-color: #FFF;border-radius:30px 0 30px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);padding: 50px}
.news01 {font-family: 'Roboto', sans-serif;font-size:32px;font-weight: 700;}
.news02{margin-top: 20px;}
ul.news_list li {line-height: 1.6rem;margin-bottom: 20px;}
ul.news_list li .cat{margin: 0 0.5rem 0 0.8rem;color:#fff;font-weight:normal;font-size: 10px;}
ul.news_list li .jisseki_re{background:#ee3281;padding:5px 10px;border-radius:5px;font-size: 10px;}
ul.news_list li .reform{background:#b29067;padding:5px 10px;border-radius:5px;font-size: 10px;}
ul.news_list li .news{background:#3FC98C; padding:5px 23px;border-radius:5px;font-size: 10px;box-shadow: none;}
ul.news_list li .trivia{background:#f1ce0c;padding:5px 4px;border-radius:5px;font-size: 10px;}
ul.news_list li a:hover{transition: 0.7s;}

.more_btn__company {font-size:14px;font-weight:600;position: absolute;top: 15%;right: 5%;letter-spacing: normal;transition: 0.5s all;}
.more_btn__company::after{content: '';position: absolute;right: 0;bottom:5px;display: inline-block;width: 110px;height: 3px;background-color: #EE3381;}
.more_btn__company::before{content: "\f58d";font-family: "Font Awesome 5 Free";font-weight: 600;color: #000000;position: absolute;left: -20px;transition: 0.5s all;}
.more_btn__company:hover {color: #EE3381;}.more_btn__company:hover::before{color: #EE3381;}
/********************************
　　 　TOP-メッセージエリア
*********************************/
.message{width: 1100px;margin: 150px auto;display: flex;justify-content: center;flex-direction: row-reverse}
.message__tate{writing-mode: vertical-rl;font-size: 28px;font-weight: 500;line-height: 2;}
.t_yohaku {padding: 0 80px;}
/********************************
　　　　TOP-CTAエリア　
*********************************/
.CTA_area{box-sizing: border-box;width: 1100px;margin: 10px auto; position: relative;z-index:9999;background-color: #FFF;border-radius:30px 0 30px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);padding: 50px;display: flex;align-items: center;}
.CTA__tex {font-size: 22px; font-weight: 700;width: 50%; flex-grow: 1;padding-left: 20px;letter-spacing: 2px;line-height: 1.75;}
.CTA__btn {width: 50%;flex-grow: 1;}
.CTA__LINE,.CTA__MAIL {border-radius:100vh;font-size: 20px;font-weight: 700;color: #FFFFFF;display: block;text-align: center;margin: 5px 0;position: relative;transition : 1s;padding: 20px 0;}
.CTA__LINE{background: #4cc764;margin-bottom: 15px;}.CTA__MAIL{background:#EE3381;}

.CTA__btn_line::before {content: "";display: inline-block;width: 45px;height: 45px;background-image: url('https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/logo_line.svg');background-size: contain; vertical-align: middle;background-repeat: no-repeat; padding-right: 50px;}
.CTA__btn_mail::before {content: "";display: inline-block;width: 45px;height: 45px;background-image: url('https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/logo_mail.svg');background-size: contain; vertical-align: middle;background-repeat: no-repeat;padding-right: 60px;}

.CTA__LINE:hover,.CTA__MAIL:hover {transform: translateY(4px);color: #FFFFFF;}
/********************************
　　　　TOP-よくある質問エリア　
*********************************/
.faq_area{margin: 100px auto 0;}
.faq_area h2 {text-align: center;padding-bottom: 30px;}
.acd {overflow: auto;line-height: 2;letter-spacing: 1px;margin: 0;}
/*アコーディオンタイトル*/
.top-faq_q {position: relative;cursor: pointer;font-size:1rem;font-weight: 700;padding: 1% ;transition: all .5s ease;display: flex;align-items: center;}
/*アイコンの＋と×*/
.top-faq_q::before,.top-faq_q::after{position: absolute;content:'';width: 15px;height: 2px;background-color: #333;}
.top-faq_q::before{top:48%;right: 15px;transform: rotate(0deg);}
.top-faq_q::after{top:48%;right: 15px;transform: rotate(90deg);}
/*　closeというクラスがついたら形状変化　*/
.top-faq_q.close::before{transform: rotate(45deg);}
.top-faq_q.close::after{transform: rotate(-45deg);}
/*アコーディオンで現れるエリア*/
.top-faq_a {display: none;margin:0;padding: 1%;}
.more-faq_area {width: 900px;text-align: right;margin: 50px auto 0;}

/*********背景 浮遊オブジェクト**********/
.objects {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.obj1 {position: absolute;display:inline-block;top: 0;right: -190px;width: 180px;}
.obj2 {position: absolute;display:inline-block;top: 380px;right: -144px;width: 45px;}
.obj3 {position: absolute;display:inline-block;bottom: 1520px;left: -110px;width: 45px;}
.obj4 {position: absolute;display:inline-block;bottom: 500px;left: -240px;width: 220px;}
.obj5 {position: absolute;display:inline-block;bottom: 260px;left: -40px;width: 100px;}
.obj6 {position: absolute;display:inline-block;bottom: 1330px;left: -60px;width: 110px;}

.obj7 {position: absolute;display:inline-block;top: 20px;right: 100px;width: 56px;}
.obj8 {position: absolute;display:inline-block;top: 120px;right: 170px;width: 130px;}
.obj9 {position: absolute;display:inline-block;top: 570px;right: -100px;width: 270px;}
.obj10 {position: absolute;display:inline-block;bottom: 760px;left: 20px;width: 42px;}
.obj11 {position: absolute;display:inline-block;bottom: 480px;left: 60px;width: 135px;}




/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　画面幅調整エリア
******************************************************************************************************************************************/

@media only screen and (max-width:1500px){
	
}

@media only screen and (max-width:1400px){
	/******** ヘッダー 　*********
	*************************************************/
	.h1_inner {display:none;}
}

@media only screen and (max-width:1280px){
}

@media only screen and (max-width:1200px){	
	
}
@media only screen and (max-width:1170px){
	/*パンくず*/
	#bread_bg {margin: 10px 5px 0;}
	/*********　TOPページ　　*********
	*************************************************/
	.topinner {width: 100%;padding:40px 20px;}
	.vocTop{width: 90%;}
	.voc_slide .slick-prev{left: -4%;} .voc_slide .slick-next {right: -4%;}
	.voc_slide__texBox {max-height: 250px;overflow: auto;}
}

@media only screen and (max-width:1100px){
	/*********　リニューアル強みページ　*********
	*************************************************/
	.strong_content,.produce_content {padding: 0 30px;}
	/*********　リニューアルできる事ページ　*********
	*************************************************/
	.produce_ttl-texBox {padding: 20px 0 0 20px}
}

@media only screen and (max-width:1080px){
	/******** ヘッダー 　*********
	*************************************************/
	#header {background:#FFF8F1;height:42px;}
	.logo_inner {max-width:95px;margin:0 10px;padding: 6px 0 0;}
	.contact, nav#mainNav {display:none;}
	.pc_none {display:block!important;}
	.nav-unshown {display:none;}
	
	#nav-drawer{position:fixed;top: 10px;right: 0px;z-index:9999;background: #FFF8F1;padding: 0;}
	#nav-open {display: inline-block;width: 40px;height: 18px;position: relative;top: 0;}
	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {position: absolute;height: 4px;/*線の太さ*/width: 32px;/*長さ*/border-radius: 6px;background: #ee3281;display: block;content: '';cursor: pointer;}
	#nav-open span:before {bottom: -9px;}
	#nav-open span:after {bottom: -18px;}
	/*中身*/
	#nav-content {overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;/*最前面に*/width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/max-width: 330px;/*最大幅（調整してください）*/height: 100%;background: #FFF8F1;/*背景色*/transition: .3s ease-in-out;/*滑らかに表示*/-webkit-transform: translateX(-105%);transform: translateX(-105%);/*左に隠しておく*/padding-top:2%;color:#77310a;text-align: left;}
	#nav-content ul li{margin-top:5%;margin-bottom:2%;padding-left:5%;}
	#nav-content ul li a{color:#77310a;font-size:16px;font-weight: 600;}
	/*閉じる用の薄黒カバー*/
	#nav-close {display: none;/*はじめは隠しておく*/position: fixed;z-index: 99;top: 0;/*全体に広がるように*/left: 0;width: 100%;height: 100%;background: black;opacity: 0;transition: .3s ease-in-out;}
	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {display: block;/*カバーを表示*/opacity: .5;}
	#nav-input:checked ~ #nav-content {-webkit-transform: translateX(0%);transform: translateX(0%);/*中身を表示（右へスライド）*/box-shadow: 6px 0 25px rgba(0,0,0,.15);}
	
	/******** ページの大枠設定 　*********
	*************************************************/
	#content {clear:both;width:90%;float:none;margin:0 auto;padding:10px 0;	}
	/******** サイドバーウィジット 　*********
	*************************************************/
	#sidebar {display: none;}
	/******** お客様の声のページ 　*********
	*************************************************/
	li.review {max-width: 80%;}
	
}

/* iPadサイズ以下から
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	/*********　TOPページ　　*********
	*************************************************/
	.topinner{padding: 0;}
	.stTop ,.proTop {padding: 0 3%;position: relative;z-index: 999;}
	.proTopBox li{width:calc(90% / 4);}
	.companyTop ,.news {width: 88%;}
	.message {width: 100%;}
	.CTA_area {width: 88%;display: block;}
	.CTA__tex {width: 100%;padding-left: 0;text-align: center;padding-bottom: 15px;}.CTA__btn{width: 100%;}
	
	
}


/* 959px以下から 1カラム表示
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	body{font-size:14px;}
	
	/*********　TOPページ　*********
	*************************************************/
	.cotent01{height: auto;padding-bottom: 10%;}
	.catch_bg {width: 100%;position: inherit;padding-left: 5%;}
	.catch{margin: 0;padding-left: 5%;}
	.catch__2{width: 80%;line-height: inherit;}
	.cotent02 {margin-top: 50px;}
	.stTop{display: block;}.stTop__img{width: 100%;text-align: center;}.stTop__img img {width: 80%;}
	.stTop__tex{width: 100%;padding-left:0;padding-top: 40px;}
	.stTop__texBox{padding: 15px 0 30px;}
	.proTopBox li{width:calc(90% / 3);}
	/*********背景 浮遊オブジェクト**********/
	.obj1 {bottom: 8%;right: -15%;top: auto;}
	.obj2 {bottom: 25%;right: 0;top: auto;}
	.obj4 {bottom: 30%;left: -10%;}
	.obj5 {bottom: 26%;left: 23%;}
	.obj3 {bottom:3%;left: 7%;}
	.obj6 {bottom: 6%;left:-5%;}
	
	.voc_slide__Box {padding: 40px 40px 50px;}
	.companyTop {display:block;}
	.companyTop__img ,.companyTop__tex {width: 100%;}.companyTop__img img {object-fit: cover;width: 100%;height: 100%;margin-bottom: 20px;}
	.more-faq_area{width: 95%;margin: 30px auto 0;}.faq_area h2{padding-bottom:15px;}
	
	/******** ヘッダー 　*********
	*************************************************/
	#nav-drawer{background: #FFF8F1;}
	#wrapper, .inner{width:100%;}
	.banner{width:100%;margin:0 auto;text-align:center;}
	p.banner img{width:100%;height:auto;}
	section.widget_search{text-align:center;}
	#calendar_wrap table{width:260px;}
	.pro_bx06{max-width:95%;}	
	/******** パンくず 　*********
	*************************************************/
	#bread_bg {margin: 10px 10px 0;font-size: 12px;}
	#bread_bg .post {font-size: 10px!important;}
	/*********　リニューアル料金ページ　*********
	*************************************************/
	.price_content {margin: 0 3%;}
	.price_con02 li {width: 200px;height: 200px;}
	.money {padding: 10px 0 0;font-size: 74px;line-height: 74px;}
	.en-icon {font-size: 58px;}.zei {font-size: 28px;}
	.price_con05 {padding: 50px 25px;}
	/*********　リニューアル強みページ　*********
	*************************************************/
	.st_block {-ms-flex-direction: column;flex-direction: column;}
	.st-img {width: 100%;}
	.st-img img {display: block; margin: 0 auto;}
	.st-tex {width: 100%;padding:0;}
	.st-reverse>.st-tex {padding: 0;}
	/*********　リニューアルできる事ページ　*********
	*************************************************/
	.produce_ttl{display: inline-block;}
	.produce_ttl-imgBox{width: 100%;}.produce_ttl-texBox{width: 100%;padding: 20px 0 0 ;}
	.worries__texBox {background-image: none;}.worries__tex{width: 90%;}
	.solution_content {padding: 50px 50px 10px;}
	.so_block{display: -webkit-flex;display: flex;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;padding-left: 0;}
	.so-img,.so-tex {width: 100%;}.so-img {text-align: center;}
	/***　出来る事トップページ　***/
	.produce_mainBox{display: inline-block;}
	.produce_ttl-imgBox{width: 100%;}.produce_main-texBox{width: 100%;padding: 30px 0 0 15px;}
	
}

/* 幅790px以下から 微調節
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 790px){
	/* ブログ記事一覧画面　店舗事例--カテゴリページ*/
	.articles_news img{width:100%;max-width:100%;}
	.articles_news{max-width:46%;margin: 0;padding: 8px 5px 25px 3px; }
	
}

/* 幅644px以下から ヘッダー等微調節
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	/******** TOPページ 　*********
	*************************************************/
	.stTop__tex h2 ,.proTop h2 ,.jissekiTop h2 ,.vocTop h2 ,.companyTop__tex h2 ,.faq_area h2,.footer_another h2 {font-size: 20px;}
	.catch__1{font-size: 36px;line-height:3rem;padding: 20px 0 10px;}
	.proTopBox li{width:calc(90% / 2);}
	.ji_slide__Box{width: 250px;margin: 5px;}
	.jisseki_slide .slick-prev{left: 2%} .jisseki_slide .slick-next {right: 2%;}
	.ji_slide__tex{line-height: 1.3rem;}
	.ji_slide__tex span{margin-bottom: 10px;}
	.vocTop {margin: 60px auto;}
	.companyTop {padding: 50px;margin: 60px auto;}.news {padding: 50px;}
	.companyTop__texBox {padding: 10px 0 40px;}
	.message {margin: 0 auto 60px;}
	.message__tate {font-size: 24px;line-height: 1.5;}.t_yohaku{padding: 0 40px;}
	.CTA_area {padding: 30px;}
	.CTA__tex {font-size: 18px;line-height: 1.5rem;}
	.CTA__LINE, .CTA__MAIL {font-size: 14px;padding: 15px 0 ;}
	.CTA__btn_line::before ,.CTA__btn_mail::before {width: 30px;height: 30px;padding-right:30px;}
	/* 新着情報 */
	.more_btn__company {top: 3%;right: 6%;}
	.news01{font-size: 24px;}
	
	/******** ヘッダー 　*********
	*************************************************/
	#header {text-align:left;}
	
	/*?????*/
	img.alignright, img.alignleft{display: block;margin:5px auto;}
	.alignright,.alignleft{float:none;}
	.pro_bx01,.pet_bx12,.pet_bx13,.pet_bx07,.pet_bx08,.com_bx01,.com_bx02{width:100%;max-width:100%;}
	.pet_flex01,.pet_flex03,.pet_flex02,.com_flex02,.vo_flex01{flex-wrap:wrap;}
	.pro_bx06:before{width:60px;height:90px;top: -2.5rem;left: -1rem;}
	.pro_bx06{padding: 2rem 0 2rem 2.5rem;}
	.pro_bx06:after{width: 60px;height: 85px;bottom: -2rem;right: -1rem;}
	.sup_bx09:before,.sup_bx09:after{width: 95px;height: 55px}
	.pet_bx05{max-width: 80%;margin: 0 auto 1rem;}
	.pet_bx10 span:before{width:23px;height:23px;}
	.pet_bx01 span{font-size: 25px;max-width: 276px;}
	.pet_bx02:before{width: 60px;height: 87px;bottom: -2rem;right: 0rem;}
	.pet_bx02{font-size: 18px;padding: 1rem;margin: 2rem auto 0;}
	.pet_bx04,.pet_bx04 span,.vo_bx01 span{font-size:16px;}
	.pet_bx04:before{height: 30px;left: -1rem;}
	.pet_bx04:after{height: 30px;right: -1rem;}
	.pet_flex02{margin:1rem auto 2rem;}
	.vo_bx02 h4{line-height:1.2;}
	.vo_bx03{font-size: 17px;line-height: 1.5;}
	
	/******** 問い合わせフォーム 　*********
	*************************************************/
	.tbl_ctr table.tbl_ctt {margin: 0;width: 95%;}
	.post table.tbl_ctt th,.post table.tbl_ctt td{display:block;width: 100%;}
	.post table.tbl_ctt th {padding: 20px 0 5px!important;}
	.post table.tbl_ctt td {padding: 0 0 10px!important;}
	.tbl_ctr table tr table.bukken th {padding: 0 0 0 20px!important;}
	.tbl_ctr table tr table.bukken td {padding: 5px 0 30px 20px!important;width: 90%;}
	.tbl_ctr table tr table.bukken th.yohaku {padding: 30px 0 0 20px!important;}
	.wpcf7 input[type="text"] {width: 85%;}
	.wpcf7 input[name="your-name"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"] {width: 95%;}
	.wpcf7 textarea[name="your-message"] {width: 95%;}/*問合せ内容*/
	.kaigyou {display: block;}
	input[type="submit"],input[type="reset"],input[type="button"]{margin: 15px 0 5px 60px;}
	
	/******** 問合せページ 　*********
	*************************************************/
	.info-text {font-size: 14px;font-weight: normal;line-height: 1.4rem;margin: 25px 0 0;}

	/******** 記事ループ　店舗事例--カテゴリページ 　*********
	*************************************************/
	.articles_news_thumbnail{line-height: 1.3rem;}

	/******** お客様の声のページ 　*********
	*************************************************/
	li.review {max-width: 95%;padding: 20px 15px!important;margin: 30px 0!important;}
	.review_img {width: 100%!important;}
	.review_img img {width: 100%;}
	.review_cpbun {width: 100%;margin: 15px 0 0;}
	.review_cptex {margin: 15px 0 0;}
	
	/******** 固定ページ外殻 　*********
	*************************************************/
	.phead{min-height:100px;}
	.phead h2.title{font-size:18px;line-height: 20px;}
	.phead h2.title span {font-size: 10px;line-height:1.2;}
	.phead h2.title:before {width: 13px;height: 13px;top:0;}
	
	/******** 会社概要のページ 　*********
	*************************************************/
	.com_flex01 img {margin: 0;}

	/*********　リニューアル料金ページ　*********
	*************************************************/
	.price_con01 {padding: 0 0 60px;}
	.price_con01 h2 {font-size: 20px;}
	.price_con02 li {width: 160px;height: 160px;}
	.price_con03 {font-size: 16px;margin: 30px auto;padding: 50px 0;background-size:18%;}
	.price_con03 h2 {font-size: 18px;padding: 5px 0;}
	.money {padding: 10px 0 0;font-size: 58px;line-height: 58px;}
	.en-icon {font-size: 42px;}.zei {font-size: 20px;}
	.price_con04 li {width: calc(100% / 3);line-height: 1.2rem;}
	.price_con05-tex01 {font-size: 18px;line-height:1.5rem;}
	.fa-arrow-down {font-size: 36px;padding: 10px 0 0;}
	.money2 {padding: 20px 0 0;font-size: 36px;line-height: 36px;}
	.en-icon2 {font-size: 28px;}.zei2 {font-size: 16px;}
	/*********　リニューアルできる事ページ　*********
	*************************************************/
	.produce_ttl__ttl,.worries__ttl,.solution__ttl {font-size: 28px;}.worries__tex{width: 100%;}
	/***　出来る事トップページ　***/
	.produce_main__ttl{font-size: 28px;}.produce_main-texBox{padding: 30px 0 0;}
	
}


/* 幅420px以下から 微調節
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 420px){
	/*********　TOPページ　*********
	*************************************************/
	.catch__1{font-size: 28px;line-height: 2.3rem;padding: 15px 0 13px;}
	.catch__2{font-size: 14px;width: 90%;line-height: 1.5;}
	.stTop{margin: 50px 0 70px;}
	.stTop__texBox{font-size: 14px;}.stTop__img img {width: 90%;}
	.proTop {font-size: 14px;}.proTop h2 {padding: 0 0 5px;}
	.proTopBox__WBox {padding: 15px 10px;}
	.proTopBox__WBox h3{font-size: 14px;line-height: 1rem;}
	.proTopBox__WBox img {width: 30%;}.proTopBox__tex{font-size: 12px; line-height: 1rem;padding:13px 0 0;}
	/* more_btn */
	.more_btn__pro{font-size: 12px;}
	/*********背景 浮遊オブジェクト**********/
	.obj1 {bottom: 8%;right: -40%;top: auto;}
	.obj2 {bottom: 20%;right: 0;top: auto;}
	.obj4 {bottom: 30%;left: -35%;}
	.obj5 {bottom: 23%;left: 15%;}
	.obj3 {bottom:0%;left: 7%;}
	.obj6 {bottom: 6%;left:-20%;}
	
	.jissekiTop {font-size: 14px;}
	.jissekiTopBox{margin: 0 auto;}
	.jisseki_slide .slick-prev, .jisseki_slide .slick-next ,.voc_slide .slick-prev, .voc_slide .slick-next{width: 25px;height: 25px;}
	.jisseki_slide .slick-prev:before, .jisseki_slide .slick-next:before,.voc_slide .slick-prev:before, .voc_slide .slick-next:before{font-size: 12px;}
	.ji_slide__tex,.vocTop {font-size: 14px;}.ji_slide__tex span{font-size: 12px;}
	.vocTopBox{margin: 0;}
	.voc_slide__tex h3{font-size: 20px;line-height: 1.5rem;}
	.voc_slide__texBox{font-size: 14px;line-height: 1.5rem;}
	.voc_slide__Box {padding: 25px 25px 30px;}
	.voc_slide__name{font-size: 12px;}
	.companyTop,.news {padding: 30px;}
	.companyTop__texBox {font-size: 14px;line-height: normal;padding: 10px 0 30px;}
	.message__tate {font-size: 18px;}.t_yohaku{padding: 0 25px;}
	.CTA__tex {font-size: 14px;}.CTA__LINE, .CTA__MAIL {padding: 8px 0;}
	.top-faq_q {line-height: normal;font-size: 14px;}
	.acd{font-size: 14px;line-height: normal;}
	/* 新着情報 */
	.news_title a {font-size: 14px;line-height:16px;}
	ul.news_list li {line-height:1.3rem;}
	
	/*********　よくある質問のページ　*********
	*************************************************/
	.faq-list_q {font-size: 14px;}
	.faq-list_q-tex {width: 70%;}
	
	/******** 記事ループ　店舗事例--カテゴリページ　*********
	*************************************************/
	.articles_news{max-width:47%;}
	/******** ページネーション ********/
	.pagenation li.active {padding: 8px 15px;}
	.pagenation li a {padding: 8px 15px;}
	.pagenation li {margin-left: 0;}
	
	/******** タイポグラフィ 店舗デザイン事例--個別ページ　*********
	*************************************************/
	#bread_bg {font-size: 10px;}
	#content h2.title{font-size:18px;line-height: 140%;}
	.post.blog h3 {font-size: 18px;padding: 10px;}
	.post.blog h4 {font-size: 16px;padding: 5px 10px;}
	.post.blog h5 {font-size: 14px;}
	.su-quote-style-default {padding: 1.8em 2em!important;}
	
	/******** お客様の声のページ　*********
	*************************************************/
	.review_cptex {font-size: 18px;line-height: 1.8rem;}
	.review_tex {font-size: 14px;line-height: 1.3rem;}
	.question {margin: 35px 0 0;}
	
	/*********　リニューアル料金ページ　*********
	*************************************************/
	.price_content {padding: 0 0 30px;}
	.price_con01 {font-size: 14px;line-height: normal;padding: 0 0 30px;}
	.price_con01 h2 {padding: 10px 0;}
	.price_con02 li {width: 120px;height: 120px;}
	.money {padding: 10px 0 0;font-size: 42px;line-height: 42px;}
	.en-icon {font-size: 32px;}.zei {font-size: 16px;}
	.price_con04 {font-size: 14px;}
	.price_con04 li {font-size: 12px;line-height: normal;padding: 15px 0 0px;}
	.price_con05-tex01 {letter-spacing:normal;}
	.fa-arrow-down {font-size: 28px;}
	.money2 {padding: 15px 0 0;font-size: 28px;line-height: 28px;}
	.en-icon2 {font-size: 24px;}.zei2 {font-size: 14px;}
	/*********　リニューアル強みページ　*********
	*************************************************/
	.strong_content ,.produce_content {padding: 0 15px;}
	.stBox__ttl{font-size:20px;}
	.stBox__ttl:before{font-size: 36px;}
	.st-texbox{font-size: 14px;}
	.stBox__ttl p {line-height:1.7rem;}
	/*********　リニューアルできる事ページ　*********
	*************************************************/
	.produce_ttl__ttl,.worries__ttl,.solution__ttl{font-size: 20px;line-height: 1.8rem;}
	.produce_ttl__texBox,.so-texBox{font-size: 14px;}
	.worriesBox {padding: 30px 40px;}
	.worries__tex li {font-size: 18px;}
	.soBox__ttl {font-size: 20px;} .soBox__ttl:before {font-size: 32px;margin-top:18px;}
	.soBox__ttl span{font-size: 14px;}.soBox__ttl p{line-height: normal;}
	.solution_content{padding: 30px 30px 0;}
	/***　出来る事トップページ　***/
	.produce_main__ttl{font-size: 24px;}
	.produce_main__QA{font-size: 18px;}.produce_main__QABOX{font-size: 14px;}
	.more_btn{font-size: 12px;padding: 12px 30px 12px 15px;}
	.more_btn::after {font-size: 0.8rem;right: 8px;}
}

/* 幅360px以下から 微調節
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 360px){
	/*********　リニューアル料金ページ　*********
	*************************************************/
	.price_con02 li {width: 105px;height: 105px;}
	.price_con03 {font-size: 14px;padding:35px 0;}
	.money {padding: 10px 0 0;font-size: 30px;line-height: 30px;}
	.en-icon {font-size: 16px;}.zei {font-size: 12px;}
	.price_con05 {padding: 30px 15px;}
	.fa-arrow-down {font-size: 18px;}
	.money2 {padding: 15px 0 0;font-size: 20px;line-height: 20px;}
	.en-icon2 {font-size: 18px;}.zei2 {font-size: 10px;}
}





/*****************************************************************************************************************************************
　　 　　　　　　　　　　　　　　　フッター
******************************************************************************************************************************************/
#footer{clear:both;background:#FFF8F1;} 

.ft_flex01 {width: 100%;max-width: 1050px;margin: 0 auto;display: flex;justify-content: center;font-family: "M PLUS 1",'Noto Sans JP', sans-serif;padding: 95px 0 0;}
.ft_bx01 {width: 100%;max-width: 450px;margin: 0 6rem 0 0;text-align: center;}
.ft_bx01 img {width: 58%;}
.ft_bx02 {width: 100%; max-width: 450px; margin: 0;}
.ft_sns img {width: 50px;display: inline-block;margin: 0 20px;}
.ft_sns {padding-bottom: 20px;}
.ft_sns a:hover{opacity: 0.7;transition: 0.5s;}

/* コピーライト */
.ft_flex02 {width: 100%;margin: 0 auto; display: flex;justify-content: center;background: #593A28;padding: 5px 0;}
#copyright {clear: both; padding: 0 ;color: #FFFFFF;font-size: 10px;}

/* 右下ポップアップエリア */
#flyin {z-index:999999;border-radius:10px 0 0;-moz-border-radius:10px 0 0;-webkit-border-radius:10px 0 0;max-width: 325px;position:fixed;bottom:5px;right:15px;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:flipInY 1s cubic-bezier(0.77,0,.175,1);-moz-animation:flipInY 1s cubic-bezier(0.77,0,.175,1);-o-animation:flipInY 1s cubic-bezier(0.77,0,.175,1);animation:flipInY 1s cubic-bezier(0.77,0,.175,1);-webkit-transition:bottom .5s ease,background-position .5s ease;transition:bottom .5s ease,background-position .5s ease;padding:0;filter: drop-shadow(0px 0px 5px #aaa);transition: 0.3s ease-in-out;}		
#flyin .flyinclose {-webkit-transition:0 .5s ease .2s,opacity .5s ease,top .5s ease .2s;transition:transform .5s ease .2s,opacity .5s ease,top .5s ease .2s;content:'';display:block;z-index:2;box-shadow:0 0 5px rgba(0,0,0,.2);cursor:pointer;width:28px;height:27px;border-radius:28px;background:#fff url(https://www.ws-ds.com/wpwsds/wp-content/themes/base/images/popup_close.svg) no-repeat center center;position:absolute;top:-10px;right:-15px;margin:0;padding:0;border: none;}
.hide {opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;}
.hide div {top:60%!important;-webkit-transition:top 1s ease;transition:top 1s ease;}
div#flyin:hover {transform: translateY(-5px);transition: all .5s;}
#ws_popup-sp {display: none;}

/* newエリア */
.bg05 {/*footer黄色背景*/position: absolute;top: 80px;left: calc(60% - 1200px);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width: 2133px;height: 1729px;background-image: url(/wpwsds/wp-content/uploads/2023/02/haikei3.png);z-index:0;}
.footer_another {width: 100%;max-width: 1100px;margin: 0 auto;}
.footer_anotherBox {margin: 20px 0 0;}
.footer_anotherBox ul {display: flex;flex-wrap: wrap;justify-content: center;}
.footer_anotherBox li {width: calc(95% / 4);box-sizing: border-box;line-height: 1.4rem;margin-right: 12px;margin-bottom: 12px;z-index: 9999;position: relative;flex-grow: 1;}
.footer_anotherBox__WBox {background: #FFF;display: block;padding: 15px 0;border-radius: 20px 0 20px 0;box-shadow: 0 3px 10px rgba(0,0,0,0.16);transition : 1s;position: relative;overflow: hidden;}
.footer_anotherBox__WBox h3 {font-size: 16px;font-weight: bold;text-align: center;}
.footer_anotherBox__WBox img {max-width: 75px;padding-bottom:10px;}
.footer_anotherBox__tex {padding: 10px 15px;font-size: 14px;}
.footer_anotherBox__WBox:hover{transform: translateY(-6px);box-shadow: 0 3px 10px rgba(0,0,0,0.36);}
.footer_anotherBox__Box a:hover {opacity: 1!important;}
.footer_anotherBox__WBox::after {content: "";display: block;width: 25px;height: 100%;position: absolute;top: 0px;right: 0px;background:#EE3381;}
.footer_anotherBox__WBox::before{content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 600;color: #FFF;position: absolute;right: 9px;top: 40%;z-index: 10;font-size: 20px;}
.footer_jisseki{margin: 100px 0;}


/* フッダー画面調節エリア　幅959px以下から
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1100px){
	.footer_another {width: 95%;margin-bottom: 20px;}
}
@media only screen and (max-width: 959px){
	.ft_flex01 {display: block;}
	.ft_bx01 {max-width: 100%;}
	.ft_bx02 {max-width: 90%;margin: 20px 45px;}
	.ft_bx01 img {width: 40%;}
	.footer-cta {width: 95%;}
	
	.footer_anotherBox li {width: calc(95% / 3);}
	.ft_sns img {width: 15%;}
}
@media only screen and (max-width: 644px){
	/* 右下ポップアップエリア */
	#flyin {width: 60%;}
	#flyin .flyinclose  {width: 20px;height: 20px;right: -10px;}
}
@media only screen and (max-width: 420px){
	.ft_flex01 {padding: 55px 0 0;}
	
	/* 右下ポップアップエリア */
	#flyin {padding-bottom: 7px;bottom:-5px;filter: drop-shadow(0px 0px 0px #aaa);}
	#ws_popup {display: none;}
	#ws_popup-sp {display:block;}
	
	/* new */
	.footer_jisseki{margin: 60px 0;}
	.footer_another {margin-left: 4%;}
	.footer_anotherBox__WBox {padding: 15px 10px;}
	.footer_anotherBox__WBox h3{font-size: 12px;line-height:normal;}
	.footer_anotherBox__WBox img {width: 30%;}.footer_anotherBox__tex{font-size: 12px; line-height: 1rem;padding:13px 0 0;}
	.footer_anotherBox__WBox::after {width: 18px;}
	.footer_anotherBox__WBox::before {right: 6px;font-size: 18px;}
}


/* 文章の改行・余白　設定エリア　
----------------------------------------------------------------------------------------------------------------*/
.tex_yohaku {margin: 20px 0 0;}
.kai {display: inline-block;}

@media only screen and (max-width: 644px){
	.kai {display:block;}
}
@media only screen and (max-width: 420px){
	
}