@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
*/
/* 投稿リストのカード型とサムネイル型を4列表示にする */
@media (max-width: 960px) {
	.l-header {
	background:linear-gradient(to right,#2ca7f7,#68e0cf);
		padding:5px 16px;
}
.-txt .c-headLogo__link {
    color: #fff;
	font-size:14px;
	font-weight:normal;
}
.c-iconBtn__icon{
		color:#ffffff;
	}
}
@media (min-width: 960px) {
.-type-card .p-postList__item {
    width: 25%;
}
}
.p-postSlider__title{
	padding-bottom:1em;
	background:linear-gradient(to right,#2ca7f7,#68e0cf);
	background-clip: text;
	color: transparent;
}
.c-widget__title {
	padding-bottom:1em;
	background:linear-gradient(to right,#2ca7f7,#68e0cf);
	background-clip: text;
	color: transparent;
	text-align:center;
	font-size:20px;
    }
.c-headLogo{
	background:linear-gradient(to right,#2ca7f7,#68e0cf);
	background-clip: text;
	color: transparent;}
@media (min-width: 960px) {
    .-parallel .l-header__gnav {background:linear-gradient(to right,#2ca7f7,#68e0cf); color: #fff;}
}
.side_bana li{position:relative; display:flex; justify-content:center; align-items:center;}
.side_bana p{position:absolute; color:#fff; font-size:1.2em; font-weight:bold; letter-spacing:1px;}
.bg_lg a{background:linear-gradient(to right,#2ca7f7,#68e0cf)!important;}

#custom_html-12{
	max-width: 1200px;
	margin:0 auto;
	padding:60px 0;
}

.foot_bana_wrap{padding:68px 16px; background:#f9f9f9;}
.foot_bana{display:flex; justify-content:center; align-items:center; gap:30px;}
.foot_bana li{position:relative; display:flex; justify-content:center; align-items:center;}
.foot_bana p{position:absolute; color:#fff; font-size:1.2em; font-weight:bold; letter-spacing:1px; bottom: 50%; right: 0; left: 0; margin: auto; display:block; width:100%; text-align:center;}
.foot_bana p:nth-child(2){margin-bottom:-2em; font-size:80%;}
@media (max-width: 960px) {
.foot_bana{flex-direction:column;}	
}

@media (min-width: 960px) {
.w-beforeFooter .l-container{max-width:100%!important; background:#fff;}
}
#custom_html-8{margin-top:0;}
.foot_over{padding:68px 16px; background:#f3f3f3;}
.foot_over h2,.foot_over p{text-align:center;}
.foot_over h2{
	font-size:1.8em;
	background:linear-gradient(to right,#2ca7f7,#68e0cf);
	background-clip: text;
	color: transparent;
	margin-bottom:0.5em;
}
.foot_over p{font-size:0.8em;}

button, input, select, textarea {
    width: 100%;
}
.l-footer .copyright a{color:#fff;}