@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/*
 * 緑色：02b37e 
 * 青色：448ddf
 * 茶色：a1783f
 * 薄い緑（背景）：ecfff9
 * 茶色：a1783f
 * 
 */


@media screen and (max-width: 768px) {
	body .post_content .kodoku_wrapper h2, body .post_content .shodoku_wrapper h2 { margin-left: 9vw!important; margin-right: 9vw!important; }
	body .index_tuyomi .swell-block-column p { font-size: 21px; }
	.callbutton a {padding-top: 10px;padding-bottom: 10px;}
	.cta_pc, .pc { display: none!important; }
}

@media screen and (min-width: 769px) {
	.callbutton a {padding-top: 30px;padding-bottom: 30px;font-size: 1.5vw;}
	.sp { display: none; }
	.cta_sp { display: none; }
}


/* flow */
.is-style-balloon > .c-tabList .c-tabList__button { background: #ecfff9!important; font-weight: 800; }
.is-style-balloon > .c-tabList .c-tabList__button::before {
	border-top: 8px solid #02b37e!important;
}
.is-style-balloon > .c-tabList .c-tabList__button:hover, .is-style-balloon > .c-tabList .c-tabList__button[aria-selected="true"] {
	background-color: #02b37e!important; font-weight: 800;
}
.index_flow h3::before { content: none; }
.index_flow h3 { margin-bottom: 15px; border-bottom: 1px dashed #999; }
.index_flow .c-tabBody {
	background: #fff; padding: 20px; border-radius: 20px;
	border: 3px solid #02b37e;
}

/* kodokushi */
.index_kodoku_naiyo h3::before, .index_kodoku_naiyo_shodoku h3::before { content: none; }
body .index_kodoku_naiyo h3, body .index_kodoku_naiyo_shodoku h3 { margin-bottom: 15px; }
body .post_content .shodoku_wrapper h2 {
	color: #448ddf; background: none; text-align: center; margin-top: -41px !important;
	margin-bottom: 0px; background-color: #fff; border: 3px solid #448ddf; border-radius: 20px;
	margin-left: 15vw; margin-right: 15vw;
}
body .post_content .kodoku_wrapper h2 {
	color: #02b37e; background: none; text-align: center; margin-top: -41px !important;
	margin-bottom: 0px; background-color: #fff; border: 3px solid #02b37e; border-radius: 20px;
	margin-left: 15vw; margin-right: 15vw;
}
.index_kodoku h2::before { content:none; }
.index_kodoku_naiyo img, .index_kodoku_naiyo_shodoku img { width: 100%; }
.shodoku_wrapper {
	border: 3px solid #448ddf; border-radius: 20px;
}
.kodoku_wrapper {
	border: 3px solid #02b37e; border-radius: 20px;
}

/* voice */
.index_voice .wp-block-columns { background: #ecfff9; padding: 20px; border-radius: 20px; line-height: 1.2; }
.index_voice .swell-block-column {
	border: 2px solid #ddd; padding: 20px;  box-shadow: 0px 0px 7px 2px #ddd;
	background: #fff; border-radius: 20px;
}

/* tuyomi */
body .index_tuyomi .swell-block-column p { padding: 15px; }
body .index_tuyomi figure { background: #02b37e; padding: 15px; margin-bottom: 0px; }
body .index_tuyomi .swell-block-column {
	border: 2px solid #02b37e; background: #fff;
}

/* service */
body .index_service h3::before {
	background: #02b37e;left: 50%; width: 30%;
	-webkit-transform: translateX(-50%); transform: translateX(-50%);
}
body .index_service h3 { margin-top: 0px; color: #02b37e; }
.index_service .swell-block-column {
	border: 2px solid #ddd; padding: 20px;  box-shadow: 0px 0px 7px 2px #ddd; 
}


/* 見出しまわり */
body .index_service h2, .index_tuyomi h2, .index_voice h2, .index_flow h2 { margin-top: 0px; }
.sub_title strong { color: #fff; background: #02b37e; border-radius: 30px; padding: 10px 30px; }
.sub_title { margin-bottom: 20px!important; }


body .top #content, body .l-content { padding-top: 0px; }
.kadomaru { border-radius: 20px; }
body .b { font-weight: 800; }
body .p20 { padding: 20px; }
body .p0 { padding: 0px; }


/* 画面下部に固定したCTA */
.l-footer {	padding-bottom: 100px; }
.callbutton td { width: 30px; text-align: center; color: #fff; font-weight: 800; }
.callbutton a { color: #fff; display: block; }
.callbutton { display: block; position: fixed; left: 0; bottom: 0px; z-index: 9999; width: 100%; }

.footer_blue { background: #004c97!important}
.footer_orange { background: #ff6503!important}
.footer_green { background: #4fcc4b!important}
.callbutton a {
	color: #fff;
	display: block;
}