@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
*/

/*一時的に消したい要素に利用するクラス*/
.is-display-none {
  display: none;
}

/*トップ画像上の文字スタイル*/
.p-mainVisual__slideTitle{
  font-size: 44px;
}

.p-mainVisual__slideText{
	margin-top: -0.25rem;
	font-size: 16px!important;
}

/*フッターsnsアイコン*/
.l-footer__foot .c-iconList__item a{
    font-size: 40px;
}

.c-iconList__item.-facebook {
  color: #1877F2 !important;
}

.c-iconList__item.-twitter-x {
  color: #000000 !important;
}

.c-iconList__item.-tiktok {
  color: #000000 !important;
}

.c-iconList__item.-rss {
  color: #FFA500 !important;
}

/*スマホサイズでの変更*/
@media (max-width: 480px){
.p-mainVisual__slideTitle{
  font-size:30px;  /*メインテキストのフォントサイズ変更*/
}
.p-mainVisual__slideText{
  font-size: 16px!important;
}
}


/*フッター直前の余白を消す*/
.w-beforeFooter {
	margin-top:0!important;
}
.l-content{
	margin: 0 auto 0;
}

.header-button-nobr{
  white-space : nowrap;
}

/*半透明の英字の見出しデザイン（文字色:藍色）*/

.heading06 {
  	left: 50%;
  	margin-bottom: 20px;
  	transform: translateX(-50%);
	color: rgba(4,56,76,1);
  	font-style: italic;
}

.heading06 {
    font-size: 65px;
}

@media screen and (max-width: 768px) {
    .heading06 {
	   
        font-size: 50px;
    }
}

@media screen and (max-width: 480px) {
    .heading06 {
        font-size: 40px;
    }
}

/*半透明の英字の見出しデザイン（文字色:白色）*/
.heading06-white {
    left: 50%;  
 	margin-bottom: 20px!important;
	transform: translateX(-50%);
    color: #ffffff!important;
  	font-style: italic;
    font-size: 65px!important;
}
@media screen and (max-width: 768px) {
    .heading06-white { 
    font-size: 50px!important;
    }
}
@media screen and (max-width: 480px) {
     .heading06-white {
  font-size: 40px!important;
    }
}