@charset "UTF-8";

/* ★ココカエテ　全体　*/
body  {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    width: 100%;
    height: 0;
    background-image: url("../total_images/cocokaete_bg.jpg");
    background-size: cover;
}

p {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 0px;
}

h2 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 0px;
}

img {
    image-rendering: auto;
}

figure {
  margin: 0;
}





/* //////////////////////////////////　サイト全体の【共通項目】　ここから（全サイズ）　//////////////////////////////////　*/
/*スライドショー*/
.slider a:hover {
	opacity: 0.7;
}


/* ふわっと表示　ここから */
/* フェードインのセレクタ */
.fadeInUp {
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-name: appearfade;
  animation-name: appearfade;
}
@-webkit-keyframes appearfade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes appearfade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* フェードアウトのセレクタ */
.fadeOutDown {
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-name: leavefade;
  animation-name: leavefade;
}
@-webkit-keyframes leavefade {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@keyframes leavefade {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
 }
}
 
/* ふわっと表示　ここまで */




.row.active{
  opacity : 1;
  transform : translate(0, 0);
}

/* デフォルトマージンカット */
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.container-fluid .row {
    margin-left: auto;
    margin-right: auto;
}

/* 【共通項目】 ページ全体　*/
.w-1200 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.w-1200 .wrap_margin {
    margin-left: 20px;
    margin-right: 20px;
}

.w-1200 .wrap_margin_10px {
    margin-left: 10px;
    margin-right: 10px;
}

.coco_gn_width_bg {
    background-color: #F8F9FA;
    width: 100%;
}

/* 【共通項目】最上部のロゴ　*/
.row .col-12.coco_header_ci a {
    display: block;
    max-width: 25%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.row .col-12.coco_header_ci a:hover {
	opacity: 0.7;
}

/* デフォルトマージンカット */
.container-fluid .row .coco_header_ci {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.container-fluid .row a:hover {
	opacity: 0.7;
}





/*###########################################################*/
/*###########################################################*/
/*###########################################################*/

.coco-gn-wrap {
	background-color: #c9b196;
}


.coco-gn-max-1920 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

/*###########################################################*/
/*###########################################################*/
/*###########################################################*/

/* ココカエテ　TOP：GNの色変更　*/
.navbar-nav .nav-item .nav-link.pad-right {
	padding-right: 10px;
}


.navbar {
  background-color: #c9b196;
}
.navbar .navbar-brand {
  color: #523400;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #785f41;
}
.navbar .navbar-text {
  color: #523400;
}
.navbar .navbar-text a {
  color: #785f41;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #785f41; 
}
.navbar .navbar-nav .nav-link {
  color: #523400;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #785f41;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #785f41;
  background-color: #EDBE85;
}
.navbar .navbar-toggle {
  border-color: #EDBE85;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #EDBE85;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #523400;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #523400;
}
.navbar .navbar-link {
  color: #523400;
}
.navbar .navbar-link:hover {
  color: #785f41;
}
.row .col-md-12.top-message_title_1 h2 {
    margin-bottom: 0px;
}

.container-fluid .row .col-md-12.top-message_text {
    font-size: 19px;
    line-height: 38px;
    text-align: left;
    color: #523400;
    margin-bottom: 200px;
}
.w-1200 section .container-fluid.sub_service_profile_in_page_sw {
}

.col-md-6 .container-fluid .row.top_page_link_margin {
}
.w-1200 section .container-fluid.sub_service_profile_in_page_sw_wrap {
}
.w-1200 section .container-fluid.sub_service_profile_in_page_sw {
}
.w-1200 section .container-fluid.sub_service_profile_in_page_sw_wrap {
    margin-bottom: 200px;
}
.w-1200 section .container-fluid.sub_service_profile_in_page_sw {
}
.w-1200 section .container-fluid.sub_service_profile_in_page_sw {
}
.w-1200 section .container-fluid.sub_tel_mail_text_wrap {
    margin-bottom: 300px;
}







@media screen and (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #523400;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #785f41;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #785f41;
    background-color: #44AF36;
  }

}

@media screen and (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #523400;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #785f41;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #785f41;
    background-color: #44AF36;
  }
}

@media screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #523400;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #785f41;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #785f41;
    background-color: #44AF36;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #523400;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #785f41;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #785f41;
    background-color: #44AF36;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #523400;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #785f41;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #785f41;
  background-color: #44AF36;
}


/* GN　ハンガーメニューの色変更　*/
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(130,100,66,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* GN　ハンガーメニューの色変更（スマホでのタップフォーカスの色をカット）　*/
.navbar-toggler:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
}

/*###########################################################*/
/*###########################################################*/
/*###########################################################*/




/* ★ココカエテ　【共通項目】（ページ内のタイトルの背景と文字と矢印）　ここから　*/
.container-fluid .row.coco-page-title {
    margin-top: 100px;
    width: 100%;
    height: 80px;
    display: grid;
    place-items: center;
    background-image: url("../total_images/coco_page_title_bg_w1920px.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}


.row.coco-page-title .col-12 p {
    font-size: 22px;
    text-align: center;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0.3ex;
    padding-left: 0.3ex;
}


.fadeblock .container-fluid .row.coco-page-title-under-ya {
    max-width: 35px;
    margin-top: 10px;
    margin-bottom: 30px;
}


/* ★ココカエテ　【共通項目】（目次のタイトル）　*/
.container-fluid .row.coco-index-page-title {
    width: 100%;
    height: 60px;
    display: grid;
    place-items: center;
    background-color: #533511;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    opacity: 50%;
    margin-top: 20px;
}

/*　★打合せ後の文字大きく修正で、削除
.container-fluid .row.coco-index-page-title h2 {
    font-size: 17px;
    text-align: center;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0.3ex;
    padding-left: 0.3ex;
}
*/

.container-fluid .row.coco-index-page-title p {
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0.3ex;
    padding-left: 0.3ex;
}


/* ★ココカエテ　【共通項目】（目次の本文）　*/
.container-fluid .row.coco-index-page-main .col-12.coco-index-page-main-in {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ★ココカエテ　【共通項目】（目次の本文）　★ デフォルトマージンカット　*/
.row.coco-index-page-main .col-12.coco-index-page-main-in ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.col-12.coco-index-page-main-in ul li a {
    display: block;
    text-decoration: none;
    width: 100%;
}

.col-12.coco-index-page-main-in ul li a h3 .blown-color {
    color: #b39a7c;
}

.container-fluid .row.coco-index-page-main h3 {
    font-size: 19px;
    line-height: 4;
    color: #0b0b0b;
    text-align: left;
    display: block;
    margin-bottom: 0px;
}

.container-fluid .row.coco-index-page-main p {
    font-size: 14px;
    line-height: 4;
	color: #664b2b;
	text-align: left;
	display: block;
}

.col-12.coco-index-page-main-in ul .index-border {
    border-bottom: 1px dotted #513636;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 10px;
}

/* ★ココカエテ　【共通項目】（ページ内のタイトルの背景と文字と矢印）　ここまで　*/




/* 【共通項目】（ヘッダー／メールアイコンのサイズ）　*/
.col-4 a .img-fluid.mail_size {
    max-height: 20px;
}


/* 【共通項目】（ヘッダー／SNSアイコンのサイズ）　*/
.col-4.border_white a .img-fluid.sns_size {
    max-height: 20px;
}


.container-fluid .row .col-12 {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 10px;
    /* text-align: center; */
    color: #FFFFFF;
}




/* ココカエテ　【共通項目】　トップ　タイトルバー（ワークス・プライス）　*/
.coco_top_title_under_photo a:hover {
	opacity: 0.9;
	text-decoration: none;
}


/* 【共通項目】　トップページ　三角マーク　*/
/* とりあえず、非表示　→　捨てる
.adm-triangle {
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 12px solid #888888;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 25px;
}
　*/

.coco_top_title_under_photo a .img-fluid {
    margin-top: 0px;
    padding-top: 0px;
}


/* トップページ（コンテンツ 一番下のマージン）　*/
.coco_top_title_under_photo.end {
    margin-bottom: 300px;
}


/* ★ココカエテ【共通項目】　サブページ（ページトップのタイトル）　*/
.container-fluid .row.coco-sub-pagetop-title {
    max-width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
}



/* ★ココカエテ【共通項目】　フッター　*/


/* ★ココカエテ　【共通項目】　フッター　*/
.container-fluid .row.coco_footer_company_info {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 30px;
}

.row.coco_footer_company_info .col-12 .img-fluid {
    max-width: 210px;
}

.row.coco_footer_company_info .col-12 p {
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;
    font-weight: normal;
    color: #000000;
}

.row.coco_footer_company_info .col-12 p .small_1 {
    font-size: 10px;
    color: #000000;
    margin-bottom: 50px;
}


/* ★ココカエテ　【共通項目】　　フッター（電話番号箇所）　*/
.row.coco_footer_company_info .col-12 p span {
    display: inline-block;
    vertical-align: middle;
}

/* 捨てる
.row.coco_footer_company_info .col-12 p .adm_footer_tel a {
    font-size: 17px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.1em;
	padding-left: 0.1em;
}

.row.coco_footer_company_info .col-12 p .adm_footer_tel a:hover {
    color: #FF0000;
    text-decoration: none;
}

.adm_footer_tel a .small {
    font-size: 11px;
}

*/


/* ★ココカエテ　【共通項目】　フッター（メール・URL 箇所）　*/
.row.coco_footer_company_info .col-12 p .mail_url a {
    color: #000000;
}

.row.coco_footer_company_info .col-12 p .mail_url a:hover {
    text-decoration: none;
	opacity: 0.7;
}

p .footer-url a:hover {
	opacity: 0.7;
}



/* ★ココカエテ　【共通項目】　フッター（GN）　*/
.row.coco-footer-title h3 {
    font-size: 13px;
    text-align: center;
    color: #FFFFFF;
    background-color: #ab9780;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}


/* ★ココカエテ　【共通項目】　フッター（GN）　*/
.container-fluid.coco-footer-gn-bg {
	background:rgba(197,180,156,0.4);
}

.container-fluid .row.coco-footer-gn {
    max-width: 1200px;}

.container-fluid.coco-footer-gn-bg .row.coco-footer-gn.end {
    padding-bottom: 20px;
}

.row.coco-footer-gn ul {
    display: block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.row.coco-footer-gn .col-12 .coco-footer-1gyou {
    padding-right: 25px;
    padding-left: 25px;
}

.row.coco-footer-gn .col-12 .coco-footer-1gyou a li p {
	padding-left: 5px;
}


.row.coco-footer-gn ul a {
    text-decoration: none;
    display: block;
}

.row.coco-footer-gn ul a:hover {
    background:rgba(197,180,156,0.4);
}

.row.coco-footer-gn ul li {
    display: block;
    list-style-type: none;
    border-bottom: 1px solid rgba(197,180,156,0.4);
}

.row.coco-footer-gn ul a li p {
    font-size: 12px;
    line-height: 1em;
    text-align: left;
    color: #71593d;
    padding-top: 20px;
    padding-bottom: 20px;
	padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.row.coco-footer-gn ul a li p .cocokaete {
    margin-right: 10px;
}

.row.coco_footer_company_info .col-12 p .footer-url a {
    color: #000000;
}

.row.coco_footer_company_info .col-12 p .footer-url a:hover {
    text-decoration: none;
}


/* ★ココカエテ　【共通項目】　フッター（コピーライト）　*/
.col-12.coco-footer-copyright {
    background-color: #ab9780;
}

.col-12.coco-footer-copyright p {
    font-size: 9px;
    text-align: center;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* //////////////////////////////////　サイト全体の【共通項目】　ここまで（全サイズ）　//////////////////////////////////　*/






/* //////////////////////////////////　★ココカエテ　トップページ　ここから（全サイズ）　//////////////////////////////////　*/
/* ★ココカエテ　トップページ（メイン写真）　*/
.row.coco-top-page-image {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}


/* トップページ（メイン写真）ロールオーバー時の写真の明暗（ビッグイメージ）　*/
.img-fluid.hover-brightness_1 {
	transition: 0.3s;
}

.img-fluid.hover-brightness_1:hover {
	filter: brightness(1.1);
}




/* ★ココカエテ【共通項目】トップページ（ページトップのメッセージ）　*/
.container-fluid .row.coco-page-top-message h1 {
    font-size: 19px;
	line-height: 2.2;
    text-align: center;
    font-weight: normal;
    color: #0b0b0b;
    padding-top: 25px;
    padding-bottom: 15px;
    letter-spacing: 0em;
    padding-left: 0em;
}

.row.coco-page-top-message.concept .col-12 h1 .small-1 {
	display:block;
    font-size: 80%;
	line-height: 2;
}

.row.coco-page-top-message.concept .col-12 h1 .small-1 .red-color {
    color: #c05130;
}

.row.coco-page-top-message.concept .col-12 h1 .small-2 {
	display:block;
	font-size: 75%;
	line-height: 2;
}

.row.coco-page-top-message.concept .col-12 h1 .small-3.blown-color {
	display:block;
	font-size: 90%;
    color: #9c7c55;
}

.row.coco-page-top-message.concept .col-12 h1 .small-4 {
	font-size: 65%;
}

.row.coco-page-top-message.concept .col-12 h1 .small-5 {
	font-size: 65%;
}




/* ★ココカエテ　【共通項目】トップページ（ページトップのメッセージの上のメッセージ）　*/
.col-12 h1 .top_cachcopy_upper_message {
    font-size: 85%;
    line-height: 2em;
    display: inline-block;
    padding-bottom: 20px;
}



/* ★ココカエテ　【共通項目】トップページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message-under-sw {
    margin-bottom: 70px;
}

.row.coco-page-top-message-under-sw .col-12 p {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    color: #c55050;
    padding-top: 15px;
    padding-bottom: 15px;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
}

.container-fluid .row.coco-page-top-message-under-sw {
	text-align: center;
}

.row.coco-page-top-message-under-sw .col-12 a img {
	max-height: 37px;
    width: 100%;
}

.container-fluid .row.coco-page-top-message-under-sw a {
    display: inline-block;
}

.container-fluid .row.coco-page-top-message-under-sw a:hover {
	opacity: 0.8;
}



/* ★ココカエテ　【共通項目】サブページ（ページトップのメッセージ　下部のボタン）　*/
.container-fluid .row.coco-page-top-message.concept {
	text-align: center;
}


.row.coco-page-top-message.concept .col-12 a img {
	max-height: 37px;
    width: 100%;
}

.container-fluid .row.coco-page-top-message.concept a {
	display: inline-block;
}


.container-fluid .row.coco-page-top-message.concept a:hover {
	opacity: 0.8;
}


/* ★ココカエテ　トップページ（コンセプトのリンクボタン）　*/
.coco_top_concept_link a .row .col-12 .img-fluid {
	border-radius: 15px;
}

a .row .col-12.coco_top_concept_link_in {
    margin-bottom: 50px;
}



/* ★ココカエテ　トップページ（コンセプトページへのリンク）　*/
.wrap_margin .container-fluid .coco_top_concept_link {
	margin-bottom: 50px;
}

.container-fluid .coco_top_concept_link a {
    display: block;
}

.container-fluid .coco_top_concept_link a:hover {
    opacity: 0.9;
    text-decoration: none;
}


/* ★ココカエテ　トップページ（各サービス内容へのリンク画像箇所）　*/
.container-fluid .row .col-12.col-md-6.coco_service_box {
    margin-bottom: 70px;
}

.row .col-12.col-md-6.coco_service_box.fadeblock .coco_service_title {
    margin-bottom: 10px;
}

.coco_service_title img {
	display: block;
	width: 100%;
	margin: auto;
}

.coco_top_title_under_photo a .img-fluid {
	border-radius: 15px;
}

/* //////////////////////////////////　★ココカエテ　トップページ　ここまで（全サイズ）　//////////////////////////////////　*/






/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここから（全サイズ）　//////////////////////////////////　*/

/* ★ココカエテ　コンセプトページ（最上部のメッセージ）　*/
.container-fluid .row.coco-page-top-message-img {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
}

.row.coco-page-top-message-img .col-12 .img-fluid {
	max-width: 50%;
}

.container-fluid .row.coco-page-top-message.concept {
    padding-bottom: 25px;
}


/* ★ココカエテ　コンセプトページ（各サービス内容の外側のボックス）　*/
.container-fluid .row .coco_sub_concept_box {
    margin-bottom: 70px;
}

.row .coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap {
	border-radius: 15px;
    background:rgba(255,255,255,0.7);
	padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;

}


/* ★ココカエテ　コンセプトページ（各サービス内容上部のアイコン）　*/
.container-fluid .row .coco_sub_concept_box {
	text-align: center;
}

.row .coco_sub_concept_box .coco_sub_concept_title_under_photo {
    margin-bottom: 30px;
}

.coco_sub_concept_box_in_wrap .coco_sub_concept_title_under_photo .img-fluid {
	border-radius: 15px;
}


.coco_sub_concept_box_title img {
	width: 35%;
	margin-bottom: 20px;
}


/* ★ココカエテ　コンセプトページ（各サービス内容のタイトル・テキスト・リンクボタン）　*/
.coco_sub_concept_title {
}

.coco_sub_concept_title section h2 {
    font-size: 22px;
	line-height: 1.5em;
    text-align: center;
    font-weight: normal;
    color: #9c7c55;
    padding-top: 0px;
    padding-bottom: 15px;
    letter-spacing: 0.01em;
    padding-left: 0.01em;
}

.coco_sub_concept_title section h2 .small {
	font-size: 70%;
}


.row .coco_sub_concept_box .coco_sub_concept_text {
    font-size: 17px;
    line-height: 1.8;
    text-align: left;
    font-weight: normal;
    color: #0b0b0b;
    padding-top: -0px;
    padding-bottom: 0px;
	    letter-spacing: 0em;
    padding-left: 0em;
}

.coco_sub_concept_text section p .small-note {
	display: inline-block;
    font-size: 14px;
    line-height: 1.75;
}

.coco_sub_concept_text section p .brown-color {
	color: #9c7c55;
}

.coco_sub_concept_text section p .brown-color-big {
	display: inline-block;
    font-size: 110%;
	line-height: 1.75;
    color: #9c7c55;
}

.coco_sub_concept_text section p .red-color-small {
    display: inline-block;
    font-size: 13px;
    color: #c05130;
    line-height: 1.75;
    padding-top: 10px;
}

.brown-color .red-color .bold {
    font-weight: bold;
}

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_concept_sw {
    margin-top: 15px;
}

.coco_sub_concept_box_in_wrap .coco_sub_concept_sw a:hover {
	opacity: 0.9;
}

/* ★ココカエテ　コンセプトページ（最下部のメッセージの下部の空きを追加）　*/
.container-fluid .row.coco-page-top-message.concept.end {
    padding-bottom: 0px;
}

/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここまで（全サイズ）　//////////////////////////////////　*/





/* //////////////////////////////////　★ココカエテ　お見積裏ガイドページ　ここから（全サイズ）　//////////////////////////////////　*/

.fadeblock .container-fluid .row.coco-page-top-message.concept.margin-end-1 {
    margin-bottom: 130px;
}

/* //////////////////////////////////　★ココカエテ　お見積裏ガイドページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　会社概要ページ　ここから（全サイズ）　//////////////////////////////////　*/

.col-12.natures-home_site_link {
	text-align: center;
}


.col-12.natures-home_site_link a img {
    max-height: 37px;
    width: 100%;
}

.col-12.natures-home_site_link a {
    display: inline-block;
}

.col-12.natures-home_site_link a:hover {
	opacity: 0.8;
}

/* //////////////////////////////////　★ココカエテ　会社概要ページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　料金ページ　ここから（全サイズ）　//////////////////////////////////　*/
.price-text-left .red-color {
	color: #c05130;
}

.coco_sub_concept_title_under_photo .w100 tbody tr {
    border-bottom: 1px solid #9c7c55;
}

td,th{
    padding-top: 10px;
    padding-bottom: 10px;
}

.w100 {
    width: 100%;
}

.w100 tbody .coco-price-hyou-line-1 {
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 {
	width: 5%;
	vertical-align: middle;
}


tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 {
    width: 45%;
    vertical-align: middle;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 {
    width: 50%;
    vertical-align: middle;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 p {
    font-size: 16px;
    color: #9c7c55;
    text-align: left;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 p {
    font-size: 16px;
    color: #0b0b0b;
    text-align: left;
	padding-left: 5px;
    padding-right: 5px;

}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 p {
    font-size: 13px;
    color: #0b0b0b;
    text-align: left;
    border-left: 1px dotted #9c7c55;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.coco_sub_concept_text section .price-text-center {
    text-align: center;
    padding-bottom: 30px;
}

.coco_sub_concept_text section .price-text-left {
	text-align: left;
    padding-bottom: 30px;
}




/* 2つ目の料金表（料金のメインの表）全体　*/
.w100 tbody .coco-price-hyou-main {
    margin-left: auto;
    margin-right: auto;
}

.coco_sub_concept_box_in_wrap .coco_sub_concept_title_under_photo .w100.price-hyou {
    margin-left: auto;
    margin-right: auto;

}

.w100.price-hyou tbody .coco-price-hyou-main.brown-bg {
	background:rgba(225,212,191,0.2);
}




/* 2つ目の料金表（料金のメインの表）タイトル箇所　*/
/* 2つ目の料金表（料金のメインの表）→　左側　*/
.coco-price-hyou-main .coco-price-hyou_title-left-1 {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #b39a7c;
    border-left: 1px solid #b39a7c;
    background-color: #b39a7c;
}

.coco-price-hyou-main .coco-price-hyou_title-left-1 p {
    font-size: 12px;
	line-height: 1.5;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

/* 2つ目の料金表（料金のメインの表）→　中央　*/
.coco-price-hyou-main .coco-price-hyou_title-left-2 {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #b39a7c;
    background-color: #b39a7c;
}

.coco-price-hyou-main .coco-price-hyou_title-left-2 p {
	font-size: 12px;
	line-height: 1.5;
    color: #FFFFFF;
    text-align: center;
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
}

/* 2つ目の料金表（料金のメインの表）→　右側　*/
.coco-price-hyou-main .coco-price-hyou_title-right {
    border-right: 1px solid #b39a7c;
    border-bottom: 1px solid #b39a7c;
    background-color: #b39a7c;
}

.coco-price-hyou-main .coco-price-hyou_title-right p {
    font-size: 12px;
	line-height: 1.5;
    color: #FFFFFF;
    text-align: center;
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
}

/* 2つ目の料金表（料金のメインの表）メイン箇所　*/
/* 2つ目の料金表（料金のメインの表）→　左側　*/
.coco-price-hyou-main .coco-price-hyou_text-left-1 {
	border-right: 1px solid #b39a7c;
    border-bottom: 1px solid #b39a7c;
    border-left: 1px solid #b39a7c;
}

.coco-price-hyou-main .coco-price-hyou_text-left-1 p {
    font-size: 12px;
    line-height: 1.5;
    color: #0b0b0b;
	text-align: left;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

/* 2つ目の料金表（料金のメインの表）→　中央　*/
.coco-price-hyou-main .coco-price-hyou_text-left-2 {
	border-right: 1px solid #b39a7c;
    border-bottom: 1px solid #b39a7c;
}

.coco-price-hyou-main .coco-price-hyou_text-left-2 p {
	font-size: 12px;
	line-height: 1.5;
    color: #0b0b0b;
    text-align: left;
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
}

/* 2つ目の料金表（料金のメインの表）→　右側　*/
.coco-price-hyou-main .coco-price-hyou_text-right {
    border-right: 1px solid #b39a7c;
    border-bottom: 1px solid #b39a7c;
}

.coco-price-hyou-main .coco-price-hyou_text-right p {
	font-size: 12px;
	line-height: 1.5;
    color: #0b0b0b;
    text-align: right;
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
}

.coco-price-hyou-main .coco-price-hyou_text-right .red-color {
	color: #c05130;
}


.coco-price-hyou_text-right p .price-hyou-small-text {
    font-size: 10px;
}

/* //////////////////////////////////　★ココカエテ　料金ページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　特別限定プランページ　ここから（全サイズ）　//////////////////////////////////　*/

.row.coco-page-top-message.concept .col-12 h1 .small-1.btm-1 {
    padding-bottom: 0px;
}

.row.coco-page-top-message.concept .col-12 h1 .small-1.btm-1-end {
	padding-bottom: 100px;
}

/* //////////////////////////////////　★ココカエテ　特別限定プランページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　施工事例ページ　ここまで（全サイズ）　//////////////////////////////////　*/

/* サブページ　ココカエテ　施工事例　写真下のマージン　*/
.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_concept_title_under_photo.works {
    margin-bottom: 5px;
}

section p .brown-color-big.center {
    display: block;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    text-align: center;
    padding-bottom: 20px;
}

/* サブページ　ココカエテ　三角　*/
.coco_triangle {
	width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 12px solid #9c7c55;
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
    margin-bottom: 40px;
}

/* //////////////////////////////////　★ココカエテ　施工事例ページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（全サイズ）　//////////////////////////////////　*/

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_works-step {
    max-width: 45%;
    margin-left: auto;
    margin-right: auto;
	padding-top: 10px;
    padding-bottom: 25px;
}

section p .red-color {
	color: #c05130;
}

.row .col-12 .coco_triangle_downward {
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 12px solid #9c7c55;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 40px;
    padding-top: 0px;
}

.container-fluid .row .col-12.coco_sub_concept_box.workflow {
    margin-bottom: 40px;
}

/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここから（全サイズ）　//////////////////////////////////　*/

.container-fluid .row.coco-index-page-main .col-12.col-md-6.col-xl-3.coco-index-page-main-in.qa {
	border-bottom: 1px solid #e1d7cc;
}

.container-fluid .row.coco-index-page-main .col-12.coco-index-page-main-in.qa {
    justify-content: left;
    padding-left: 20px;
}

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_q-icon {
    max-width: 45%;
    margin-left: auto;
    margin-right: auto;
	padding-top: 10px;
    padding-bottom: 25px;
}

.col-12.col-md-6.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_concept_title.qa {
    border-bottom: 1px solid #b39a7c;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.coco_sub_concept_text section p a {
	color: #c05130;
}

/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここから（全サイズ）　//////////////////////////////////　*/

.row.coco-page-top-message.concept .col-12 h1 .small-2.red-color {
	color: #c05130;
}

.coco_sub_cancellation_policy_1 .coco_sub_concept_title section h2 {
    font-size: 16px;
    color: #0b0b0b;
    text-align: left;
    border-bottom: 1px dotted #0b0b0b;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.coco_sub_concept_title section h2 .blown-color {
	color: #9c7c55;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2.cancellation_policy p {
	 font-size: 13px;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3.cancellation_policy p {
	 font-size: 13px;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3.cancellation_policy p {
    border-left-style: none;
}

.coco-price-hyou-line-1-td-right-3.cancellation_policy p .brown-color {
	color: #9c7c55;
}

.row .coco_sub_concept_box .coco_sub_concept_title_under_photo.cancellation_policy {
    margin-bottom: 10px;
}

/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　個人情報保護方針ページ　ここまで（全サイズ）　//////////////////////////////////　*/

.container-fluid .row.coco-sub-pagetop-title.privacy-policy {
    margin-bottom: 40px;
}

section p .brown-color-privacy {
    color: #9c7c55;
    font-size: 110%;
    padding-bottom: 5px;
    display: inline-block;
}

/* //////////////////////////////////　★ココカエテ　個人情報保護方針ページ　ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　サブページ【 共通項目 】 ここから（全サイズ）　//////////////////////////////////　*/

/* 【 ★共通 】　サブページ（パンクズ）　*/
.container-fluid .row .col-12.sub_pankuz_box {
    padding-top: 40px;
    padding-bottom: 30px;
    padding-right: 5%;
    margin-bottom: 0px;
}

.pankuz {
    padding: 0;
    list-style: none;
    background-color: #FFFFFF;
    text-align: right;
    margin-bottom: 0px;
}

.pankuz li {
    display: inline;/*横に並ぶように*/
    list-style: none;
    font-weight: normal;/*文字の太さ*/
    font-size: 10px;
}

.pankuz li:after {/* >を表示*/
    content: '>';
    padding: 0 0.8em;
    color: #999999;
}

.pankuz li:last-child:after {
	content: '';
	padding: 0 0.0em;
}

.pankuz li a {
	text-decoration: none;
	color: #666666;/*色*/
}

.pankuz li a:hover {
	opacity: 0.8;
}

/* 【TOPページ 共通】ページタイトル画像の入れ替え　*/
.col-12 .img-fluid.smallimage-top { display: block; }  /* smallを表示 */
.col-12 .img-fluid.mediumimage-top { display: none; }  /* mediumを非表示 */
.col-12 .img-fluid.bigimage-top { display: none; }  /* bigを非表示 */


/* 【TOPページ 共通】ページタイトル画像の入れ替え（★ スライダーのボックス ★）　*/
.slider.smallimage-top-block { display: block; } /* smallを表示 */
.slider.mediumimage-top-block { display: none; } /* mediumを非表示 */
.slider.bigimage-top-block { display: none; } /* bigを非表示 */



/* 【サブページ 共通】ページタイトル画像の入れ替え　*/
.col-12 .img-fluid.smallimage { display: block; }  /* smallを表示 */
.col-12 .img-fluid.mediumimage { display: none; }  /* mediumを非表示 */
.col-12 .img-fluid.bigimage { display: none; }  /* bigを非表示 */

/* //////////////////////////////////　サブページ【 共通項目 】 ここまで（全サイズ）　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　サブページ　会社情報　ここまで　//////////////////////////////////　*/

.row.coco_top_title_under_photo .col-12 .img-fluid {
    margin-top: 0px;
    padding-top: 0px;
}

/* 捨てる
.w-1200 .adm-sub-company-each-category-wrap {
    margin-bottom: 350px;
}
*/

/* //////////////////////////////////　★ココカエテ　サブページ　会社情報　ここまで　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ　ここから　//////////////////////////////////　*/

.w-1200 .container-fluid .row.coco-page-top-message.contact {
    border-bottom: 1px dotted #0b0b0b;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.col-12 .img-fluid.contact-tel {
    max-height: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}

.col-12 a .img-fluid.contact-tel-no {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}

.col-12 .img-fluid.contact-tel-free-dial {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 50px;
}

.row .col-12 .coco_triangle_downward.contact {
    margin-bottom: 25px;
}

.w-1200 .container-fluid .row.coco-page-top-message.contact.end {
    border-bottom-style: none;
}

.row.coco-page-top-message.contact.end .col-12 .img-fluid.contact-form {
    max-height: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}

.row.coco-page-top-message.contact.end .col-12 p {
    color: #0b0b0b;
    font-size: 13px;
    line-height: 2;
    text-align: center;
}

.row.coco-page-top-message.contact.end .col-12 p .small {
	font-size: 11px;
}

.row.coco-page-top-message.contact.end .col-12 p .small .red-color {
	color: #c05130;
}

.col-12.coco_contact_sw_wrap {
    text-align: center;
}


.col-12.coco_contact_sw_wrap a img {
	max-height: 37px;
    width: 100%;
}

.col-12.coco_contact_sw_wrap a {
	display: inline-block;
}

.col-12.coco_contact_sw_wrap a:hover {
	opacity: 0.8;
}




/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ　ここまで　//////////////////////////////////　*/




/* //////////////////////////////////　★ココカエテ　サブページ　【お問合せフォーム】　ここから　//////////////////////////////////　*/

/* お問合せフォーム */
.row.coco_contact_form_top_text .col-12 p {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #0b0b0b;
}

.row .col-12.col-md-6 .coco_contact_form_left {
    font-size: 12px;
    text-align: center;
    color: #0b0b0b;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    background-color: #f4ede0;
    padding-top: 5px;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.col-12.col-md-6 .coco_contact_form_left .small {
	font-size: 10px;
}

.row .col-12.col-md-6 .coco_contact_form_right {
    font-size: 14px;
    line-height: 2;
    text-align: center;
    color: #0b0b0b;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

input[type="radio"],input[type="checkbox"]{
	position: relative;
	top: 1px;
	margin-right: 5px;
}

.wrap_margin .container-fluid .row.coco_contact_form_1_category {
    margin-bottom: 70px;
    text-align: left;
}

.row.coco_contact_form_1_category .col-12.col-md-6 .coco_contact_form_left {
	margin-bottom: 15px;
}

.container-fluid .row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box {
	font-size: 14px;
    line-height: 1.7em;
    color: #0b0b0b;
    font-weight: normal;
}

.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box input {
    width: 100%;
    height: 33px;
}

.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box_post_code input {
    height: 33px;
}

.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box_post_code p {
    display: inline;
}

.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box_post_code .post_code_box {
	width: 20%;
}

.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box_post_code .address {
    margin-top: 15px;
    width: 100%;
}


.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box textarea {
	width: 100%;
}

.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box_post_code {
	font-size: 14px;
    line-height: 1.7em;
    color: #0b0b0b;
    font-weight: normal;
}

.row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box_post_code p {
	font-size: 14px;
    color: #0b0b0b;
}

.col-12.col-md-6 .coco_contact_form_left .yellow_color {
    color: #c05130;
}

.row.coco_contact_form_top_text .col-12 p .yellow_color {
    color: #FFAC00;
}

.row .col-12.coco_contact_form_sw img {
	max-height: 30px;
}


.row .col-12.coco_contact_form_sw a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.row .col-12.coco_contact_form_sw a:hover {
	opacity: 0.9;
}

.container-fluid .row .col-6.coco_contact_form_sw_in_left {
    text-align: right;
	padding-right: 20px;
}

.container-fluid .row .col-6.coco_contact_form_sw_in_left a {
    display: inline-block;
}

.container-fluid .row .col-6.coco_contact_form_sw_in_right {
    text-align: left;
	padding-left: 20px;
}

.container-fluid .row .col-6.coco_contact_form_sw_in_right a {
    display: inline-block;
}

.row .col-12.coco_contact_form_sw .back_to_top {
    margin-top: 100px;
    margin-bottom: 100px;
}

/* //////////////////////////////////　★ココカエテ　サブページ　【お問合せフォーム】　ここまで　//////////////////////////////////　*/





/* //////////////////////////////////　サイトマップ　ここから　//////////////////////////////////　*/

.wrap_margin .container-fluid .row.coco_sitemap.top {
    margin-bottom: 30px;
}

.wrap_margin .container-fluid .row.coco_sitemap.top a p {
	font-size: 16px;
	font-weight: bold;
}

.coco_sitemap {
    margin-bottom: 30px;
}

.coco_sitemap a {
    display: block;
}

.coco_sitemap a:hover {
    text-decoration: none;
    background-color: rgba(156, 124, 85, 0.1);
}

.coco_sitemap a p {
    font-size: 14px;
    text-align: left;
    color: #0b0b0b;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    margin-bottom: 0px;
    border-bottom: 1px dotted #797979;
    line-height: 2;
}

/* //////////////////////////////////　サイトマップ　ここまで　//////////////////////////////////　*/




/*==========================================
 SNS ボタン
===========================================*/
a#snsBtn img {
	position: fixed;
	bottom: 290px;
	right: 1px;
	opacity: 0.6;
}



/*==========================================
 LINE ボタン
===========================================*/
a#lineBtn img {
	position: fixed;
	bottom: 225px;
	right: 1px;
	opacity: 0.6;
}



/*==========================================
 MAIL ボタン
===========================================*/
a#mailBtn img {
	position: fixed;
	bottom: 160px;
	right: 1px;
	opacity: 0.6;
}



/*==========================================
 TEL ボタン
===========================================*/
a#telBtn img {
	position: fixed;
	bottom: 105px;
	right: 1px;
	opacity: 0.6;
}



/*==========================================
 ページトップへボタン
===========================================*/
a#pagetopBtn img {
    position: fixed;
    bottom: 30px;
    right: 1px;
    opacity: 0.6;
}

.side-sw-wrap a:hover {
	opacity: 0.9;
}









































/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* ↓↓↓ メディアクエリ */

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* ================================================================ */






@media (max-width: 280px){

/* //////////////////////////////////　トップページ　ここから（ サイズ ＞ 280px ）　//////////////////////////////////　*/

/* ★ココカエテ【共通項目】トップページ（ページトップのメッセージ）　*/
.container-fluid .row.coco-page-top-message h1 {
    font-size: 18px;
}


/* ★ココカエテ　【共通項目】トップページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message-under-sw .col-12 p {
    font-size: 14px;
}
	
/* //////////////////////////////////　トップページ　ここまで（ サイズ ＞ 280px ）　//////////////////////////////////　*/
	
	
	
/* //////////////////////////////////　★ココカエテ　料金ページ　ここから（ サイズ ＞ 280px ）　//////////////////////////////////　*/

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 {
	width: 5%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 {
    width: 50%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 {
    width: 45%;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 p {
    font-size: 13px;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 p {
    font-size: 13px;
	padding-left: 2px;
    padding-right: 2px;

}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 p {
    font-size: 12px;
    padding-left: 7px;
}
	
	
/* 2つ目の料金表（料金のメインの表）タイトル箇所　*/
/* 2つ目の料金表（料金のメインの表）→　左側　*/
.coco-price-hyou-main .coco-price-hyou_title-left-1 p {
    font-size: 10px;
}

/* 2つ目の料金表（料金のメインの表）→　中央　*/
.coco-price-hyou-main .coco-price-hyou_title-left-2 p {
	font-size: 10px;
}

/* 2つ目の料金表（料金のメインの表）→　右側　*/
.coco-price-hyou-main .coco-price-hyou_title-right p {
    font-size: 10px;
}

/* 2つ目の料金表（料金のメインの表）メイン箇所　*/
/* 2つ目の料金表（料金のメインの表）→　左側　*/
.coco-price-hyou-main .coco-price-hyou_text-left-1 p {
	font-size: 10px;
}

/* 2つ目の料金表（料金のメインの表）→　中央　*/
.coco-price-hyou-main .coco-price-hyou_text-left-2 p {
	font-size: 10px;
}

/* 2つ目の料金表（料金のメインの表）→　右側　*/
.coco-price-hyou-main .coco-price-hyou_text-right p {
	font-size: 10px;
}
	
.coco-price-hyou_text-right p .price-hyou-small-text {
    font-size: 8px;
}

/* //////////////////////////////////　★ココカエテ　料金ページ　ここまで（ サイズ ＞ 280px ）　//////////////////////////////////　*/


}






/* ================================================================ */





/* //////////////////////////////////　サブページ　アーティサンデザインが出来る事【 共通項目 】ここから（ サイズ ＞ 320px ）　//////////////////////////////////　*/

@media (min-width: 320px){
	
/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここから（ サイズ ＞ 540px ）　//////////////////////////////////　*/

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2.cancellation_policy {
    width: 50%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3.cancellation_policy {
    width: 50%;
}

/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここまで（ サイズ ＞ 540px ）　//////////////////////////////////　*/
	
	
	
/* //////////////////////////////////　サブページ　アーティサンデザインが出来る事【 共通項目 】ここまで（ サイズ ＞ 320px ）　//////////////////////////////////　*/

}






/* ================================================================ */






@media (min-width: 412px){

/* //////////////////////////////////　トップページ　ここから（ サイズ ＞ 412px ）　//////////////////////////////////　*/

	
/* ★ココカエテ　【共通項目】トップページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message-under-sw .col-12 .img-fluid {
    max-height: 40px;
}
			
/* //////////////////////////////////　トップページ　ここまで（ サイズ ＞ 412px ）　//////////////////////////////////　*/

	
/* //////////////////////////////////　コンセプトページ　ここから（ サイズ ＞ 412px ）　//////////////////////////////////　*/
	
/* ★ココカエテ　【共通項目】サブページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message.concept .col-12 a .img-fluid {
    max-height: 40px;
}

/* //////////////////////////////////　コンセプトページ　ここから（ サイズ ＞ 412px ）　//////////////////////////////////　*/

	
/* //////////////////////////////////　★ココカエテ　会社概要ページ　ここから（ サイズ ＞ 412px ）　//////////////////////////////////　*/

.col-12.natures-home_site_link a .img-fluid {
	max-height: 40px;
}

/* //////////////////////////////////　★ココカエテ　会社概要ページ　ここまで（ サイズ ＞ 412px ）　//////////////////////////////////　*/

	
}






/* ================================================================ */






@media (min-width: 540px){

/* //////////////////////////////////　★ココカエテ　料金ページ　ここから（ サイズ ＞ 540px ）　//////////////////////////////////　*/

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 {
	width: 5%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 {
    width: 25%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 {
    width: 70%;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 p {
    font-size: 14px;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 p {
    font-size: 14px;
	padding-left: 2px;
    padding-right: 2px;

}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 p {
    font-size: 12px;
    padding-left: 7px;
}

/* //////////////////////////////////　★ココカエテ　料金ページ　ここまで（ サイズ ＞ 540px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 540px ）　//////////////////////////////////　*/

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_works-step {
    max-width: 30%;
    padding-top: 15px;
    padding-bottom: 30px;
}

/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 540px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここまで（ サイズ ＞ 540px ）　//////////////////////////////////　*/

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_q-icon {
    max-width: 30%;
    padding-top: 15px;
    padding-bottom: 30px;
}

/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここまで（ サイズ ＞ 540px ）　//////////////////////////////////　*/

	
	
	

/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここから（ サイズ ＞ 540px ）　//////////////////////////////////　*/

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2.cancellation_policy {
    width: 50%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3.cancellation_policy {
    width: 50%;
}

/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここまで（ サイズ ＞ 540px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 540px ）　ここから　//////////////////////////////////　*/

.col-12 a .img-fluid.contact-tel-no {
    max-width: 330px;
}

/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 540px ）　ここまで　//////////////////////////////////　*/
	
}





/* ================================================================ */






@media (min-width: 650px){
}





/* ================================================================ */





@media (min-width: 768px){
	
	

/* //////////////////////////////////　サイト全体の【共通項目】　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/

/* ipad ミニ以上は、タップでの電話機能：無効 　*/
a[href^="tel:"] {
    pointer-events: none;
}
	
	
/* ★ココカエテ　【共通項目】最上部のロゴ　*/
.row .col-12.coco_header_ci a {
    max-width: 15%;
    margin-top: 25px;
    margin-bottom: 25px;
}
	

/* ★ココカエテ　【共通項目】（ページ内のタイトルの背景と文字）　*/
.container-fluid .row.coco-page-title {
    margin-top: 100px;
    height: 100px;
}

	
/*　★打合せ後の文字大きく修正で、削除
.row.coco-page-title .col-12 h2 {
    font-size: 21px;
}
*/

.row.coco-page-title .col-12 p {
    font-size: 24px;
}

	
/* ★ココカエテ【共通項目】　サブページ（ページトップのタイトル）　*/
.container-fluid .row.coco-sub-pagetop-title {
    max-width: 65%;
    margin-top: 30px;
    margin-bottom: 30px;
}


/* ★ココカエテ　【共通項目】（目次のタイトル）　*/
.container-fluid .row.coco-index-page-title {
    height: 80px;
}

/*　★打合せ後の文字大きく修正で、削除
.container-fluid .row.coco-index-page-title h2 {
    font-size: 21px;
}
*/
	
	
/* ★ココカエテ【共通項目】　フッター　*/
/* ★ココカエテ　【共通項目】　フッター　*/
.row.coco_footer_company_info .col-12 .img-fluid {
    max-width: 200px;
}
	
	
/* ★ココカエテ　【共通項目】　フッター（GN）　*/
.row.coco-footer-gn ul {
    padding-right: 10px;
    padding-left: 10px;
}

.row.coco-footer-gn .col-12 .coco-footer-1gyou {
    padding-right: 25px;
    padding-left: 25px;
}

.row.coco-footer-gn .col-12 .coco-footer-1gyou a li p {
	padding-left: 10px;
}
	
/* //////////////////////////////////　サイト全体の【共通項目】　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/
	
	
	
	
	
	
/* //////////////////////////////////　トップページ　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/
		
/* 【サブページ 共通】ページタイトル画像の入れ替え　*/
.col-12 .img-fluid.smallimage-top { display: none; }  /* smallを非表示 */
.col-12 .img-fluid.mediumimage-top { display: block; }  /* mediumを非表示 */
.col-12 .img-fluid.bigimage-top { display: none; }  /* bigを表示 */
	
	
/* 【TOPページ 共通】ページタイトル画像の入れ替え（★ スライダーのボックス ★）　*/
.slider.smallimage-top-block { display: none; } /* smallを非表示 */
.slider.mediumimage-top-block { display: block; } /* mediumを表示 */
.slider.bigimage-top-block { display: none; } /* bigを非表示 */

	
/* 【サブページ 共通】ページタイトル画像の入れ替え　*/
.col-12 .img-fluid.smallimage { display: none; }  /* smallを非表示 */
.col-12 .img-fluid.mediumimage { display: block; }  /* mediumを非表示 */
.col-12 .img-fluid.bigimage { display: none; }  /* bigを表示 */

	
/* ★ココカエテ【共通項目】トップページ（ページトップのメッセージ）　*/
.container-fluid .row.coco-page-top-message h1 {
    font-size: 22px;
}

/* ★ココカエテ　【共通項目】トップページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message-under-sw .col-12 p {
    font-size: 16px;
}
	
	
/* ★ココカエテ　【共通項目】トップページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message-under-sw .col-12 .img-fluid {
    max-height: 42px;
}
	
/* ★ココカエテ　【共通項目】サブページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message.concept .col-12 a .img-fluid {
    max-height: 42px;
}
	
	
/* ★ココカエテ　【共通項目】（ページ内のタイトルの背景と文字と矢印）　ここから　*/
.fadeblock .container-fluid .row.coco-page-title-under-ya {
    margin-bottom: 10px;
}

	
/* ココカエテ　サイト全体共通小目　（左右のマージン）　*/
.w-1200 .wrap_margin {
    padding-top: 20px;
    padding-bottom: 20px;
}
	
	
/* ★トップページ（コンテンツのボックス）　*/
.container-fluid .row .col-12.col-md-6.coco_service_box {
	padding-left: 5%;
    padding-right: 5%;
}
	
/* //////////////////////////////////　トップページ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/	
	
	
	
	
/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/

/* ★ココカエテ　コンセプトページ（最上部のメッセージ）　*/
.row.coco-page-top-message-img .col-12 .img-fluid {
	max-width: 35%;
}
	
/* ★ココカエテ　コンセプトページ（各サービス内容の外側のボックス）　*/
.container-fluid .row .coco_sub_concept_box {
	padding-left: 5%;
    padding-right: 5%;
	margin-bottom: 75px;
}
	
.row .coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap {
	padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}

/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/
	
	
	
	
/* //////////////////////////////////　★ココカエテ　サブページ共通　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/	
	
/* ★ココカエテ　コンセプトページ（各サービス内容のタイトル・テキスト・リンクボタン）（ サイズ ＞ 768px ）　*/
	
.coco_sub_concept_title section h2 {
    font-size: 20px;
}

/* ★ココカエテ　コンセプトページ（各サービス内容のメインテキスト）（ サイズ ＞ 768px ）　*/
.row .coco_sub_concept_box .coco_sub_concept_text {
    font-size: 15px;
}
		
/* //////////////////////////////////　★ココカエテ　サブページ共通　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/	
	
	
	
	
/* //////////////////////////////////　★ココカエテ　料金ページ　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 {
	width: 5%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 {
    width: 50%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 {
    width: 45%;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 p {
    font-size: 15px;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 p {
    font-size: 15px;
	padding-left: 5px;
    padding-right: 5px;

}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 p {
    font-size: 13px;
    padding-left: 10px;
}

/* //////////////////////////////////　★ココカエテ　料金ページ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/

.col-12.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_concept_title.workflow {
    margin-bottom: 10px;
}
	
.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_works-step {
    max-width: 25%;
    padding-top: 15px;
    padding-bottom: 30px;
}

/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/

	
	
		
/* //////////////////////////////////　サブページ【 共通項目 】 ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/

/* 【 ★共通 】　サブページ（パンクズ）　*/
.container-fluid .row .col-12.sub_pankuz_box {
    padding-right: 3%;
}
	
/* //////////////////////////////////　サブページ【 共通項目 】 ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　会社概要ページ　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/

.col-12.natures-home_site_link a .img-fluid {
	max-height: 43px;
}

/* //////////////////////////////////　★ココカエテ　会社概要ページ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/
	
.coco_sub_concept_title {
    height: 100%;
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.coco_sub_cancellation_policy_1 .coco_sub_concept_title section h2 {
    border-bottom: none;
    font-size: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
	
.container-fluid .row .col-12.col-md-6.coco_sub_cancellation_policy_1.cancellation_policy {
    border-left: 1px dotted #0b0b0b;
    padding-left: 30px;
}
	
/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/

	

	
/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 768px ）　ここから　//////////////////////////////////　*/

.col-12 .img-fluid.contact-tel {
    max-height: 45px;
}
	
.col-12 a .img-fluid.contact-tel-no {
    max-width: 330px;
}
	
.row.coco-page-top-message.contact.end .col-12 .img-fluid.contact-form {
    max-height: 45px;
}

/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 768px ）　ここまで　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　サブページ　【お問合せフォーム】　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/
	
.row .col-12.col-md-6 .coco_contact_form_left {
    text-align: right;
	padding-top: 10px;
    padding-bottom: 11px;
	padding-right: 15px;
	margin-right: 30px;
    margin-bottom: 10px;
}
	
.container-fluid .row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box {
	padding-top: 3px;
}

.container-fluid .row.coco_contact_form_1_category .col-12.col-md-6.coco_contact_form_text_box_post_code {
	padding-top: 3px;
}
	
/* //////////////////////////////////　サブページ　【お問合せフォーム】　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/

	
	
	
	
	

/* //////////////////////////////////　サイトマップ　ここから（ サイズ ＞ 768px ）　//////////////////////////////////　*/

.coco_sitemap a {
    margin-left: 30px;
    margin-right: 30px;
	text-indent: 10px;
}
	
.row .col-12.col-md-6.col-xl-3.coco_sitemap .sitemap_small_title {
	margin-left: 30px;
    margin-right: 30px;
	text-indent: 10px;
}
	
.coco_sitemap a p {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* //////////////////////////////////　サイトマップ　ここまで（ サイズ ＞ 768px ）　//////////////////////////////////　*/
	
	

	
}






/* ================================================================ */






@media (min-width: 820px){	
	
/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 768px ）　ここから　//////////////////////////////////　*/
	
.col-12 .img-fluid.contact-tel {
    max-height: 50px;
}
	
.row.coco-page-top-message.contact.end .col-12 .img-fluid.contact-form {
    max-height: 50px;
}
	
/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 768px ）　ここまで　//////////////////////////////////　*/
	
}






/* ================================================================ */






@media (min-width: 912px){
	
/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 912px ）　//////////////////////////////////　*/

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_works-step {
    max-width: 20%;
    padding-top: 15px;
    padding-bottom: 30px;
}

/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 912px ）　//////////////////////////////////　*/
	
	
	
	
/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここまで（ サイズ ＞ 912px ）　//////////////////////////////////　*/

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_q-icon {
    max-width: 35%;
    padding-top: 15px;
    padding-bottom: 30px;
}

/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここまで（ サイズ ＞ 912px ）　//////////////////////////////////　*/

	
}






/* ================================================================ */






@media (min-width: 1024px){

	

/* //////////////////////////////////　サイト全体の【共通項目】　ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/
	
/* ★ココカエテ　【共通項目】最上部のロゴ　*/
.row .col-12.coco_header_ci a {
    max-width: 12%;
    margin-top: 30px;
    margin-bottom: 30px;
}
	
	
/* ★ココカエテ　【共通項目】（ページ内のタイトルの背景と文字）　*/
.container-fluid .row.coco-page-title {
    margin-top: 100px;
    height: 100px;
}
	
/*　★打合せ後の文字大きく修正で、削除
.row.coco-page-title .col-12 h2 {
    font-size: 23px;
}
*/

.row.coco-page-title .col-12 p {
    font-size: 26px;
}
	

/* ★ココカエテ　【共通項目】（目次のタイトル）　*/
	
/*　★打合せ後の文字大きく修正で、削除
.container-fluid .row.coco-index-page-title h2 {
    font-size: 23px;
}
*/
	
	
/* ★ココカエテ【共通項目】　サブページ（ページトップのタイトル）　*/
.container-fluid .row.coco-sub-pagetop-title {
    max-width: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
}

	
/* ★ココカエテ【共通項目】　フッター　*/
/* ★ココカエテ　【共通項目】　フッター　*/
.row.coco_footer_company_info .col-12 .img-fluid {
    max-width: 220px;
}
	

/* ★ココカエテ　【共通項目】　フッター（GN）　*/
.row.coco-footer-gn ul {
    padding-right: 40px;
    padding-left: 40px;
}

.row.coco-footer-gn .col-12 .coco-footer-1gyou {
    padding-right: 55px;
    padding-left: 55px;
}
		
/* //////////////////////////////////　サイト全体の【共通項目】　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

	
	
/* //////////////////////////////////　★ココカエテ　サブページ共通　ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/	
	
/* ★ココカエテ　コンセプトページ（各サービス内容のタイトル・テキスト・リンクボタン）（ サイズ ＞ 1024px ）　*/

.coco_sub_concept_title section h2 {
    font-size: 26px;
}

/* ★ココカエテ　コンセプトページ（各サービス内容のメインテキスト）（ サイズ ＞ 768px ）　*/
.row .coco_sub_concept_box .coco_sub_concept_text {
    font-size: 17px;
}
	
/* //////////////////////////////////　★ココカエテ　サブページ共通　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/	

	
	
		
/* //////////////////////////////////　トップページ　ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/
			
/* ★ココカエテ【共通項目】トップページ（ページトップのメッセージ）　*/
.container-fluid .row.coco-page-top-message h1 {
    font-size: 24px;
}

/* ★ココカエテ　【共通項目】トップページ（ページトップのメッセージ　下部のボタン）　*/
.row.coco-page-top-message-under-sw .col-12 p {
    font-size: 18px;
}
	
.row .col-12 .img-fluid.smallimage-top.sw {
	max-width: 15%;
}
	
/* //////////////////////////////////　トップページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/	

	
	
	
	
/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

/* ★ココカエテ　コンセプトページ（最上部のメッセージ）　*/
.row.coco-page-top-message-img .col-12 .img-fluid {
	max-width: 30%;
}
	
/* ★ココカエテ　コンセプトページ（各サービス内容の外側のボックス）　*/
.container-fluid .row .coco_sub_concept_box {
	margin-bottom: 100px;
}
	
.row .coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap {
	padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
}

	
/* ★ココカエテ　コンセプトページ（最下部のメッセージの下部の空きを追加）　*/
.container-fluid .row.coco-page-top-message.concept.end {
    padding-bottom: 20px;
}

/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/
	
	
	
	
/* //////////////////////////////////　★ココカエテ　料金ページ　ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 {
	width: 5%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 {
    width: 40%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 {
    width: 55%;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 p {
    font-size: 16px;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 p {
    font-size: 16px;
	padding-left: 5px;
    padding-right: 5px;

}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 p {
    font-size: 14px;
    padding-left: 10px;
}

/* //////////////////////////////////　★ココカエテ　料金ページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　特別限定プランページ　ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

.row.coco-page-top-message.concept .col-12 h1 .small-1.btm-1 {
    padding-bottom: 50px;
}

/* //////////////////////////////////　★ココカエテ　特別限定プランページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

.col-12.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_concept_title.workflow {
    margin-bottom: 20px;
}

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_works-step {
    max-width: 20%;
    padding-top: 15px;
    padding-bottom: 40px;
}

/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　よくある質問ーページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_q-icon {
    max-width: 35%;
    padding-top: 15px;
    padding-bottom: 40px;
}

/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/
.coco_sub_cancellation_policy_1 .coco_sub_concept_title section h2 {
    font-size: 22px;
}
	
/* //////////////////////////////////　★ココカエテ　キャンセルポリシーページ　ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 1024px ）　ここから　//////////////////////////////////　*/
	
.col-12 a .img-fluid.contact-tel-no {
    max-width: 340px;
}
	
/* //////////////////////////////////　★ココカエテ　サブページ　お問合せ（ サイズ ＞ 1024px ）　ここまで　//////////////////////////////////　*/

	

	
/* //////////////////////////////////　サブページ【 共通項目 】 ここから（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

/* 【 ★共通 】　サブページ（パンクズ）　*/
.container-fluid .row .col-12.sub_pankuz_box {
    padding-right: 2.5%;
}

/* 【TOPページ 共通】ページタイトル画像の入れ替え　*/
.col-12 .img-fluid.smallimage-top { display: none; }  /* smallを非表示 */
.col-12 .img-fluid.mediumimage-top { display: none; }  /* mediumを非表示 */
.col-12 .img-fluid.bigimage-top { display: block; }  /* bigを表示 */
	
	
/* 【TOPページ 共通】ページタイトル画像の入れ替え（★ スライダーのボックス ★）　*/
.slider.smallimage-top-block { display: none; } /* smallを非表示 */
.slider.mediumimage-top-block { display: none; } /* mediumを非表示 */
.slider.bigimage-top-block { display: block; } /* bigを表示 */
		
/* //////////////////////////////////　サブページ【 共通項目 】 ここまで（ サイズ ＞ 1024px ）　//////////////////////////////////　*/

	
	
	
}






/* ================================================================ */






@media (min-width: 1200px){


	
/* //////////////////////////////////　サイト全体の【共通項目】　ここから（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

/* ★ココカエテ　【共通項目】最上部のロゴ　*/
.row .col-12.coco_header_ci a {
    max-width: 8%;
    margin-top: 25px;
    margin-bottom: 25px;
}
	
	
/* ★ココカエテ　【共通項目】（ページ内のタイトルの背景と文字）　*/
.container-fluid .row.coco-page-title {
    margin-top: 100px;
    height: 120px;
}

/*　★打合せ後の文字大きく修正で、削除
.row.coco-page-title .col-12 h2 {
    font-size: 25px;
}
*/

.row.coco-page-title .col-12 p {
    font-size: 30px;
}
	

/* ★ココカエテ　【共通項目】（目次のタイトル）　*/
	
/*　★打合せ後の文字大きく修正で、削除
.container-fluid .row.coco-index-page-title h2 {
    font-size: 25px;
}
*/
	
	
/* ★ココカエテ【共通項目】　フッター　*/
/* ★ココカエテ　【共通項目】　フッター　*/
.row.coco_footer_company_info .col-12 .img-fluid {
    max-width: 250px;
}
	

/* ★ココカエテ　【共通項目】　フッター（GN）　*/
.row.coco-footer-gn ul {
    padding-right: 0px;
    padding-left: 0px;
}

.row.coco-footer-gn .col-12 .coco-footer-1gyou {
    padding-right: 15px;
    padding-left: 15px;
}
	
/* //////////////////////////////////　サイト全体の【共通項目】　ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/
	
	
	
	
/* //////////////////////////////////　★ココカエテ　料金ページ　ここから（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 {
	width: 5%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 {
    width: 35%;
}

tbody .coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 {
    width: 60%;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-1 p {
    font-size: 17px;
}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-2 p {
    font-size: 17px;
	padding-left: 5px;
    padding-right: 10px;

}

.coco-price-hyou-line-1 .coco-price-hyou-line-1-td-right-3 p {
    font-size: 14px;
    padding-left: 10px;
}

/* //////////////////////////////////　★ココカエテ　料金ページ　ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

	
	

/* ★ココカエテ　【共通項目】トップページ（アーティサンデザインが出来る事【写真の下の文字】）　*/
.w-1200 .wrap_margin {
    margin-left: 0px;
    margin-right: 0px;
}
	
/* //////////////////////////////////　サイト全体の【共通項目】　ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

	
	

/* //////////////////////////////////　★ココカエテ　サブページ　共通　ここから（全サイズ）1200px　//////////////////////////////////　*/	
	
/* 【サブページ 共通】ページタイトル画像の入れ替え　*/
.col-12 .img-fluid.smallimage { display: none; }  /* smallを非表示 */
.col-12 .img-fluid.mediumimage { display: none; }  /* mediumを非表示 */
.col-12 .img-fluid.bigimage { display: block; }  /* bigを表示 */

	
/* ★ココカエテ【共通項目】　サブページ（ページトップのタイトル）　*/
.container-fluid .row.coco-sub-pagetop-title {
    max-width: 40%;
    margin-top: 30px;
    margin-bottom: 45px;
}
	
/* //////////////////////////////////　★ココカエテ　サブページ　共通　ここまで（全サイズ）1200px　//////////////////////////////////　*/	
	
	
	
	
/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここから（全サイズ）1200px　//////////////////////////////////　*/

/* ★ココカエテ　コンセプトページ（最上部のメッセージ）　*/
.row.coco-page-top-message-img .col-12 .img-fluid {
	max-width: 20%;
}

/* ★ココカエテ　コンセプトページ（各サービス内容上部のアイコン）　*/
.coco_sub_concept_box_title img {
	width: 25%;
}

/* ★ココカエテ　コンセプトページ（各サービス内容の外側のボックス）　*/
.container-fluid .row .coco_sub_concept_box {
	margin-bottom: 120px;
}
	
.row .coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap {
	padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
}
	
/* ★ココカエテ　コンセプトページ（最下部のメッセージの下部の空きを追加）　*/
.container-fluid .row.coco-page-top-message.concept.end {
    padding-bottom: 50px;
}

/* //////////////////////////////////　★ココカエテ　コンセプトページ　ここまで（全サイズ）1200px　//////////////////////////////////　*/

	
	
	
	
/* //////////////////////////////////　ココカエテ　トップページ　ここから（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

/* ★ココカエテ【共通項目】トップページ（ページトップのメッセージ）　*/
.container-fluid .row.coco-page-top-message h1 {
    font-size: 25px;
}

	
/* //////////////////////////////////　ココカエテ　トップページ　ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

	
	
	
/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

.col-12.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_concept_title.workflow {
    margin-bottom: 25px;
}

.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_works-step {
    max-width: 15%;
    padding-top: 20px;
    padding-bottom: 45px;
}

/* //////////////////////////////////　★ココカエテ　ワークフローページ　ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/
	
	
	
	
/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここから（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

.container-fluid .row.coco-index-page-main .col-12.col-md-6.col-xl-3.coco-index-page-main-in.qa.none.xl {
	border-right: 1px solid #e1d7cc;
}
	
.container-fluid .row.coco-index-page-main .col-12.col-md-6.col-xl-3.coco-index-page-main-in.qa {
	border-bottom: none;
}
	
.coco_sub_concept_box.fadeblock .coco_sub_concept_box_in_wrap .coco_sub_q-icon {
    max-width: 35%;
    padding-top: 20px;
    padding-bottom: 45px;
}

/* //////////////////////////////////　★ココカエテ　よくある質問ページ　ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/
	

	
	
/* //////////////////////////////////　サブページ【 共通項目 】 ここから（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

/* 【 ★共通 】　サブページ（パンクズ）　*/
.container-fluid .row .col-12.sub_pankuz_box {
    padding-top: 10px;
    padding-right: 2%;
    padding-bottom: 10px;
}
			
/* //////////////////////////////////　サブページ【 共通項目 】 ここまで（ サイズ ＞ 1200px ）　//////////////////////////////////　*/

	

}






/* ================================================================ */

	
	



@media (min-width: 1600px){	

/* //////////////////////////////////　トップページ　ここから（ サイズ ＞ 1600px ）　//////////////////////////////////　*/
	
/* ★ココカエテ【共通項目】トップページ（ページトップのメッセージ）　*/
.container-fluid .row.coco-page-top-message h1 {
    font-size: 26px;
}

/* //////////////////////////////////　トップページ　ここまで（ サイズ ＞ 1600px ）　//////////////////////////////////　*/
	
	
	
	
/* //////////////////////////////////　サイト全体の【共通項目】　ここから（ サイズ ＞ 1600px ）　//////////////////////////////////　*/

/* ★ココカエテ　【共通項目】最上部のロゴ　*/
.row .col-12.coco_header_ci a {
    max-width: 7%;
}
	
/* //////////////////////////////////　サイト全体の【共通項目】　ここまで（ サイズ ＞ 1600px ）　//////////////////////////////////　*/
	
	
	
	
/* //////////////////////////////////　★ココカエテ　サブページ　共通　ここから（全サイズ）1600px　//////////////////////////////////　*/	
	
/* ★ココカエテ【共通項目】　サブページ（ページトップのタイトル）　*/
.container-fluid .row.coco-sub-pagetop-title {
    max-width: 35%;
    margin-top: 50px;
    margin-bottom: 50px;
}
	
/* //////////////////////////////////　★ココカエテ　サブページ　共通　ここまで（全サイズ）1600px　//////////////////////////////////　*/	
	
	
}






/* ================================================================ */