@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@500&display=swap);

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
body,div#header-container {
    background: #FDF9F7;
}
body.column-full-wide .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 900px;
}
body .is-layout-flex {
    justify-content: center;
}
#header-container {
    background: none;
}
header.article-header.entry-header {
    display: none;
}
.entry-content.cf {
    margin-top: 0;
}
div#content {
    margin-top: 4px;
}
main#main {
    padding: 0;
    border: none;
}
.home .entry-content.cf figure.wp-block-gallery::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 80px;
    background: #fdf9f7;
}
.article p {
    margin-bottom: 1em;
    text-align: justify;
}
.article p.has-text-align-center {
    text-align: center;
}
.article p.has-text-align-right{
	text-align:right;
	padding:0
}
#content-in {
    width: 100%;
}
.mb0{
	margin-bottom:0px !important;
}
.fs-115{
	font-size:115%;
}
.fs-140{
	font-size:140%;
}
.fs-160{
	font-size:160%;
}

.bg-gry {
    background: #f8f8f8;
}
.photoList h3.wp-block-heading {
    font-size: 160%;
}
.photoList p.image-title {
    color: #524438;
    line-height: 1.4em;
    padding-bottom: 0.4em;
}
.photoList .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    background: #f2ebe8;
    border-radius: 6px;
}
.photoList img {
    padding: 10px;
}
.photoList p {
    padding: 0 20px 12px;
}
.photoList .wp-block-column.is-layout-flow figure {
    margin-bottom: 1.4em;
}
body .is-layout-flex.align-c {
    justify-content: center;
}


.article h2,#cta h2,.article h3,#banner h5,.footer-info p.copy{
	font-family: 'Kaisei Tokumin', serif;
	color:#604732;
    font-weight: 500;
}
.article h2,#cta h2 {
    background: none;
    padding: 10px 0;
    text-align: center;
    font-size: 2em;
    line-height: 1.25em;
}
.article h3 {
    border: none;
    padding: 0 0 10px;
    margin-bottom: 10px;
}
.article h4 {
    border: none;
    padding: 10px 0;
    color: #604732;
    margin-bottom: 12px;
    font-family: Georgia, 游明朝体, YuMincho, 游明朝, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 600;
    font-size: 1.3em;
    font-feature-settings: 'palt';
}
body:not(.home) .article h3 {
    font-size: 160%;
}
h2.blog-h2{
margin-top: 30px;
}
p.img-title {
    text-align: center;
    margin-top: -24px;
    margin-bottom: 0;
}
.blog-2col-wrap {
    background: #f2ebe8;
    padding: 12px;
    border-radius: 5px;
}
h3.blog-voice-h3 {
    margin-bottom: 6px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
}

/*ヘッダー*/
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 67.5px;
}
.header-container-in.hlt-top-menu .logo-header a.site-name.site-name-text-link {
    padding: 0;
}
.header-container-in.hlt-top-menu .logo-header {
    max-height: unset;
}
#breadcrumb {
    max-width: 900px;
    margin: .8em auto 0;
    padding: .8em .4em 0;
}

/*グローバルメニュー*/
#navi ul.menu-top.menu-header.menu-pc {
    padding-top: 8px;
}
#navi ul.menu-top.menu-header.menu-pc li a,
#navi .navi-in > .menu-mobile li a{
    padding: 66px 18px 0;
    box-sizing: border-box;
}
#navi ul.menu-top.menu-header.menu-pc li a:hover {
    opacity: .6;
}
div#header-container-in li {
    height: auto;
}
#header-container-in .item-label {
    line-height: 1em;
    margin-bottom:10px;
    font-size: .8em;
    color: #604732;
    font-weight: bold;
}
#navi li#menu-item-29 a {
    background: url(/wp-content/uploads/2024/03/guide.png) no-repeat center top;
    background-size: 60px;
}
#navi li#menu-item-30 a {
    background: url(/wp-content/uploads/2024/03/feature.png) no-repeat center top;
    background-size: 60px;
}
#navi li#menu-item-31 a {
    background: url(/wp-content/uploads/2024/03/works.png) no-repeat center top;
    background-size: 60px;
}
#navi li#menu-item-32 a {
    background: url(/wp-content/uploads/2024/03/faq.png) no-repeat center top;
    background-size: 60px;
}
#navi li#menu-item-33 a {
    background: url(/wp-content/uploads/2024/03/company.png) no-repeat center top;
    background-size: 60px;
}
.slicknav_menu {
    background: none;
}

/*フッター
 ****** 「ウィジェット フッター中」は非表示にしています*****
*/
.footer-left,.footer-right {
    width: 50%;
}
.footer-center {
    display: none;
}
.footer-bottom {
    margin-top: 0;
}
.footer-info p.tel img {
    width: 323px;
    display: block;
}
.footer-info p.logo {
    width: 200px;
    text-align: left;
}
.footer-info p.add,.footer-info p.tel {
    font-size: .9em;
    line-height: 1.6em;
}
.footer-info p.add {
    font-weight: bold;
    color: #604732;
    margin-bottom: 16px;
}
aside#custom_html-7, aside#custom_html-6 {
    margin-bottom: 0;
}

/*パーツ*/
p.col2 {
    display: flex;
    justify-content: center;
    gap: 2%;
}
p.col2 a.btn {
    width: 100%;
}
p.image-title {
    margin-top: -28px;
    text-align: center;
    font-weight: bold;
}


section.bg.calm.blu,
section.bg.blu.wavy{
    color: inherit;
}
.bg.calm.blu > span {
    background: url(/wp-content/uploads/2024/03/bg.png) no-repeat top center #e2f1fd;
    background-size: contain;
}
.bg.blu.wavy {
    position: relative;
    background: #e2f1fd;
    padding:54px 0;
    overflow: unset;
}
.bg.blu.wavy span.wp-block-cover__background {
    background: #e2f1fd;
}
.bg.blu.wavy::before,
.bg.wht.wavy::before{
    content: '';
    display: block;
    position: absolute;
    top: -26px;
    width: 100%;
    height: 26px;
    background: url(/wp-content/uploads/2024/03/bg-wavy.png) repeat-x bottom center;
    overflow: unset;
    background-size: 125px;
}
.bg.blu.wavy .heading {
    display: grid;
    place-items: center;
    align-content: center;
}
.bg.wht.wavy::before {
    top: -46px;
    background: url(/wp-content/uploads/2024/03/bg-wavy-wht.png);
    background-size: 125px;
}

#working-area {
    margin-top: -100px;
    padding-top: 100px;
}
#price {
    padding-top: 100px;
}

#voice {
    position: relative;
    overflow: unset;
    margin: 90px 0 120px;
    padding-bottom: 40px;
}
#voice::before {
    content: '';
    display: block;
    position: absolute;
    top: -82px;
    width: 100%;
    height: 105px;
    background: url(/wp-content/uploads/2024/03/bg-wave_top.png) repeat-x center bottom;
    background-size: 2464px;
    z-index: -1;
}
#voice::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -145px;
    top: auto;
    width: 100%;
    background: url(/wp-content/uploads/2024/03/bg-wave_btm.png) repeat-y center bottom;
    background-size: 2464px;
    z-index: -1;
}
#promise {
    padding: 60px 0;
}
#promise .wp-block-cocoon-blocks-column-2 {
    max-width: 100%;
    padding: 30px 0;
}
#promise .bg.blu.wavy {
    margin-top: 50px;
    padding: 30px 0 50px;
}
#promise h4 {
    color: #1B3E92;
    margin: 0;
}
#promise p {
    margin: 0 0 5px;
}
#promise .txt {
    margin: 0 40px;
}

#price .wp-block-column img {
    border-radius: 50%;
    border: solid 4px #e2f1fd;
    box-shadow: 0 0 0 3px #FFF;
}
#price .wp-block-column figure {
    margin: 0 0 6px;
}
#price .wp-block-column p {
    text-align: center;
}
#price .wp-block-column a:hover {
    opacity: 0.7;
}
#price .txt {
    margin-right:40px;
}
#voice .wp-block-columns {
    padding: 20px;
    border: solid 3px #fff;
    border-radius: 6px;
}
#voice figure.wp-block-image img {
    border-radius: 50%;
    max-width: 250px;
    width: 100%;
}
#area {
    margin: 50px auto;
}
#contact #cta,#banner {
    margin: 0 auto;
}
body.home #content-bottom {
    background: #FFF;
}
.content-bottom {
    margin-top: 0;
}

body.home #greet .wp-block-columns,
body.home #area,
body.home #contact #cta,#banner,
body.home .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width: 1156px;
}


#greet h5 {
    border: none;
    padding: 0;
    margin: 0 0 1em;
    line-height: 1.6em;
    font-size: 1.1em;
    color: #0091d6;
}
#area h2 {
    text-align: left;
    margin-bottom: 14px;
}
#greet {
    margin-top: 70px;
}

figure#banner a {
    overflow: hidden;
    border: solid 2px #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 3px 1px #727c85;
}
figure#banner img {
    background: #000;
 transition:.6s all;
}
figure#banner a:hover img {
    transform: scale(1.1,1.1);
    transition: .6s all;
}
figure#banner::before{
	content:none;
}


/*CTA リンク*/
#cta {
    background: url(/wp-content/uploads/2024/04/contact-bg.png) no-repeat left center;
    background-size: 537px;
    padding: 30px 0;
    padding-left: 560px;
}
#cta .tel img {
    width: 323px;
}
#cta .tel {
    margin: 0;
}
a.btn {
		border: solid 2px;
    background: none;
    color: #1B3E92;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 1em;
}
a.btn:hover {
    opacity: 1;
    color: #FFF;
    background: #1b3e92;
    border-color: #1b3e92;
}
a.btn::after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: bold;
    margin-left: 10px;
}
#cta a.btn {
    background: #F06666;
    border: none;
    border-radius: 999px;
    padding: 14px 40px;
    font-size: 1.1em;
    color: #FFF;
}
#cta a.btn:hover {
    opacity: .8;
}
#cta a.btn::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0e0";
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1em;
    vertical-align: middle;
    margin-right: 10px;
    color: #ffb9b9;
}
#cta a.btn::after {
    content:none;
}

/*固定*/
footer#footer {
    padding-bottom: 160px;
}
#bottomLink {
    background: url(/wp-content/uploads/2024/03/cta-contact.png);
    background-size: 100%;
    position: fixed;
    bottom:0;
    right: 0;
    left: 0;
    margin: auto;
    text-align:center;
    z-index:1000;
    overflow:hidden;
    display:table;
    width: 636.5px;
    height: 180px;
}
#bottomLink #cta-mail {
    position: absolute;
    bottom: 14px;
    right: 80px;
    display: block;
    width: 200px;
}

#cta-tel a ,
#bottomLink #cta-mail a {
    transition: all .3s;
}
#bottomLink #cta-mail a {
    text-decoration: none;
    background: url(/wp-content/uploads/2024/03/mail.png) no-repeat right -14px top -24px #1d3e92;
    background-size: 101px;
    color: #FFF;
    display: block;
    border-radius: 6px;
    padding: 13px 10px;
    line-height: 1em;
    text-align: left;
}
#bottomLink #cta-mail a:hover {
    box-shadow: 0 0 6px 1px rgb(0 0 0 / 50%);
    background-color: #0069c4;
}
#bottomLink #cta-mail a span {
    display: block;
    font-size: .8em;
}
#cta-tel {
    position: absolute;
    bottom: 0;
    width: 340px;
    height: 80px;
}
#cta-tel a {
    display: block;
    width: 100%;
    height: 80px;
    text-indent: -9999px;
}
#cta-tel a:hover {
    background: rgb(240 101 102 / 40%);
}

/*parts*/
.align-c {
    text-align: center;
}
.article section.align-c p {
    text-align: center;
}
span.points {
    background: #b2deff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 16px;
}
p.check {
    padding-left: 1.6em;
}
#container .check::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 0.6em;
    margin-left: -1.6em;
}
p.font105 {
    font-size: 1.1em;
    font-feature-settings: 'palt';
    font-weight: bold;
    color: #4976b0;
}
.wp-block-column.border-blk {
    border: solid #CCC;
    padding: 20px;
    border-radius: 8px;
    background: #f2f2f2;
    box-shadow: 0 0 6px 0 #CCC;
}
a.wp-block-button__link.wp-element-button {
    background: #009be5;
    border-radius: 999px;
    font-size: .9em;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}
a.wp-block-button__link.wp-element-button::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 1.1em;
    color: #75d2ff;
    padding-left: 8px;
}
a.wp-block-button__link.wp-element-button:hover {
    background: #004099;
    color: #FFF;
}
.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button,
.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button::after {
    color: #004099;
}

.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button:hover,
.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button:hover::after {
    color: #FFF;
    border-color:#004099;
}
.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button {
    padding: .4em 2em;
    border-radius: 3px;
}
span.caution-title {
    display: inline-block;
    padding: .2em .4em;
    margin-right: .2em;
    line-height: 1.2em;
    font-size: .84em;
    font-weight: bold;
    font-feature-settings: 'palt';
    background: #C00;
    color: #FFF;
}

section.align-c .is-layout-flex {
    justify-content: center;
}
section.align-c .wp-block-column figure img {
    text-align: center;
    display: block;
}
section.align-c figure img {
    display: block;
    margin: 0 auto;
}
section.align-c figure.wp-block-image {
    margin-bottom: .6em;
}


/*faq*/
section.faq_wrap div.wp-block-cover__inner-container {
    border: 4px double #614732;
    padding: 20px;
    border-radius: 5px;
	width: 900px;
	background: #fff9f9;
}

/*list*/
ul.normal-list {
	list-style-type: none;
	margin-left: 1em;
}
ul.normal-list, ul li {
    list-style: none;
}
ul.normal-list li::before {
    margin-right: 6px;
    content: "●";
    font-size:.7em;
    color:#009be5;
    vertical-align:middle;
    margin-left: -1em;
}
ul.voice li {
    font-size: 1.1em;
    color: #604732;
    line-height: 1.6em;
    margin-bottom: 12px;
}
ul.voice li::before {
    content: "\f0a1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    color: #f06566;
    margin-right: 0.6em;
    margin-left: -1.7em;
}

/*タイムライン*/
.wp-block-cocoon-blocks-timeline.timeline-box.cf.block-box.not-nested-style.cocoon-block-timeline {
    border: none;
    padding: 0;
}
.cocoon-block-timeline .timeline-item-title {
    font-size: 1.1em;
}
.cocoon-block-timeline .timeline-item:before {
    background: #f06566;
}
.cocoon-block-timeline .timeline-item-content {
    border-color: #f0edec;
}

/*テーブル*/
figure.wp-block-table table {
    width: 100%;
}
figure.wp-block-table table,
figure.wp-block-table table th,
figure.wp-block-table table td{
    border:none;
}
figure.wp-block-table table th,
figure.wp-block-table table td{
    border-bottom:1px solid #dcdcdc;
}
.width-max {
    max-width: 100% !important;
}

/*ブログ*/
.post-template-default #content-in,
body.category #content-in{
    max-width: 1256px;
}
.post-template-default main#main,
body.category main#main{
    padding: 0 20px;
}
.post-template-default #content,
body.category #content{
    background: #FFF;
    padding-top: 3em;
}

/*お問い合わせフォーム*/
table.contactTbl,table.contactTbl th,table.contactTbl td {
    border: none;
    background: none;
}
table.contactTbl th {
    white-space: nowrap;
    text-align: left;
}
input.wpcf7-submit {
    display:block;
    margin:0 auto;
    width:80%;
    line-height:2.2em;
    font-size:1em;
    font-weight:bold;
    background: #1d3e92;
    color: #fff;
    border-radius:999px;
    transition: opacity .4s;
}
input[type="submit"]:hover {
  opacity: .6;
}
table.contactTbl span.wpcf7-list-item {
    display: block;
}

span.cf7_req::before,span.cf7_opt::before {
    content: '必須';
    display: inline-block;
    padding: 0 10px;
    margin-right: 8px;
    line-height: 1.4em;
    background: #C00;
    color: #FFF;
    font-size: .8em;
    font-weight: normal;
    vertical-align: text-bottom;
}
span.cf7_opt::before {
    background: #999;
    content: '任意';
}
p.tel-link {
    background: #edf9ff;
    padding: 10px 0;
}
p.text-link a::after {
    content: '\f101';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #004099;
}

/*カバー minheight解除*/
.wp-block-cover.minheight-none .wp-block-cover {
    min-height: unset !important;
}

/*1024px以上*/
@media screen and (min-width: 1024px){
#navi ul.menu-top.menu-header.menu-pc {
    justify-content: center;
}
	nav#navi {
    background: url(/wp-content/uploads/2024/03/head-tel.png) no-repeat right 20px top 18px;
    background-size: 181px;
}
	#navi .navi-in > .menu-mobile li a {
    padding: 66px 18px 0;
}
	#contact #cta {
    padding: 60px 0;
    padding-left: 46%;
}
}

@media screen and (max-width: 1150px){
#greet .wp-block-columns, #area, #contact #cta, #banner, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: unset;
    padding-left: 2%;
    padding-right: 2%;
}
	#contact #cta {
    padding-left: 44%;
    background: url(/wp-content/uploads/2024/04/contact-bg.png) no-repeat left -90px center;
    background-size: 537px;
}
}
@media screen and (max-width: 1110px){
nav#navi {
    background: none;
}
	#navi .navi-in > .menu-mobile li a {
    padding: 66px 12px 0;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
#navi .navi-in > .menu-mobile li {
    width: auto;
    height: auto;
    line-height: unset;
}
	
#contact #cta {
    background: url(/wp-content/uploads/2024/04/contact-bg.png) no-repeat top center;
    background-size: 537px;
    padding: 340px 0 0;
    text-align: center;
}
#contact #cta h2.wp-block-heading {
    text-align: center !important;
}
#cta .tel img {
    margin: 0 auto;
}
}

@media screen and (min-width:600px) and ( max-width:1023px){
	#header-container-in {
    flex-direction: unset;
}
.slicknav_menu {
    display: none;
}
	#price .txt {
    margin-right:0;
    padding: 20px;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
	#greet .wp-block-columns,#promise .bg.blu.wavy {
    flex-direction: column-reverse;
}
	section.bg.calm.blu, section.bg.blu.wavy {
    padding: 1em;
	}
	#promise .txt {
    margin: 0;
    padding: 0 12px;
}
	#voice figure.wp-block-image img {
    margin: 0 auto;
    max-width: 160px;
}
	#area img {
    max-width: 267.5px;
    margin: 0 auto;
}
#price .wp-block-column .wp-block-column {flex-basis: 30% !important;}
}

@media screen and (min-width: 767px){
	.entry-content ul.flex-list {
    display: flex;
    flex-wrap: wrap;
}
.entry-content ul.flex-list li {
    width: 32%;
}
#topbannerSP {
    display: none;
}
}
@media screen and (max-width: 767px) {
#topbannerPC {
    display: none;
}
#topbannerSP {
    display: block;
}
}

@media screen and (max-width: 782px){
	#area{
    flex-direction: column-reverse;
}
}
/*600px以下*/
@media screen and (max-width: 600px){
nav#navi.navi {
    display: none;
}
	.article h2.wp-block-heading {
    margin-bottom: 10px;
}
	#header-container-in {
    flex-direction: initial;
    padding: 0 12px;
}
	.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex,
	.wp-block-button.is-style-outline,
	.wp-block-button.is-style-outline a {
    display: block;
    width: 100%;
    line-height: 1.5em;
}
	.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    text-align: center;
}
	.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex a.wp-block-button__link,
    .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button {
    display: block;
    font-size: 1em;
}
	#banner figure.wp-block-image {
    width: 100% !important;
    max-width: 370px;
}
	span.points {
    display: block;
    width: 100px;
}
	.article h3 {
    font-size: 1.3em;
}
	.article h4 {
    font-size: 1.2em;
}
	#price .wp-block-columns {
		max-width: 260px;
		display: block;
		margin: 0 auto;
 	   padding: 1px;
	}
#price .txt.is-layout-flow {
    margin: 0;
}
#price .wp-block-columns .wp-block-column {
	margin-bottom: 2em;
	}
	.slicknav_btn {
    background-color: #1d3e93;
    position: absolute;
    right: 0;
}
	.slicknav_nav {
    margin-top: 40px;
}
	.slicknav_nav a {
    background: #4a98de;
    margin: 1px 5px;
}
	.go-to-top {
    bottom: 60px;
}
	.go-to-top-button {
    background-color: #f06566;
    color: #FFF;
    height: 32px;
}
	#price .wp-block-column .wp-block-column {
    flex-basis: 100% !important;
}
	#price .wp-block-column img {
    margin: 0 auto;
}
	p.col2 a.btn {
    margin: 0 auto 0.8em;
    max-width: 300px;
}
p.col2 {
    display: block;
}
	#contact #cta h2.wp-block-heading {
    font-size: 1.4em;
}
	#banner .wp-block-column {
    margin: 0 auto 26px;
    max-width: 400px;
}
	
table.contactTbl th, table.contactTbl td {
    display: block;
}
table.contactTbl th {
    padding-top: 8px;
}
	
	footer#footer {
    margin-bottom: 66px;
    padding-bottom: 0;
}
	#bottomLink {
    background: none;
    width: 100%;
    height: 72px;
}
#bottomLink #cta-tel {
    background: url(/wp-content/uploads/2024/03/bottomTel-sp.png) no-repeat center #F06566;
    background-size: 301.5px;
    width: 100%;
    height: 72px;
}
#bottomLink #cta-mail {
    display: none;
}
.wp-block-columns.reverse-clm {
    flex-direction: column-reverse;
}
}

.blogContact {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}
.blogContact a.bc-btn {
    position: absolute;
    width: calc(100% - 23%);
    left: 4%;
    bottom: calc(0% + 54px);
    display: block;
    background: #f06566;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 0;
    text-align: center;
    border-bottom: solid 3px #b01c1d;
    border-radius: 999px;
}
.blogContact a.bc-btn:hover {
    background: #db5253;
    bottom: calc(0% + 53px);
    border-width: 2px;
}

@media screen and (max-width: 600px){
	.blogContact a.bc-btn {
    bottom: calc(0% + 14%);
}
.blogContact a.bc-btn:hover {
    bottom: calc(0% + 13.9%);
}
}
@media screen and (max-width:400px){
.blogContact a.bc-btn {
    width: 100%;
    left: 0;
    bottom: 5px;
}
.blogContact a.bc-btn:hover {
    bottom: 4px;
}
}
/*送信完了*/
.wpcf7 form.sent .wpcf7-response-output {
    padding: 20px;
    text-align: center;
    background: #f06566;
    color: #FFF;
    font-weight: bold;
    border: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}