@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
/*ajust break points*/
.unbr{display:inline-block;}
@media screen and (min-width:750px){.pc_br{display:block;}.sp_br{display:none;}}
@media screen and (max-width:751px){.pc_br{display:none;}.sp_br{display:block;}}
/*multi_purpuse*/
.bld{font-weight:bold!important;}
/*縁文字テキスト*/
.txtstr{
	position: relative;
	font-family:"Noto Serif JP";
	height: 100px;
	color:#3cbabc;
}
.txtstr h2{
	font-weight: 600;
	letter-spacing: 0.2em;
}
.str{
	-webkit-text-stroke:  7px #fff !important;
}
.apploach{
    position: absolute;
	top:-30px;
	font-size:50px;
}
.apploachTxt{
    position: absolute;
	top:15px;
	font-size:15px;
	line-height:2.5em;
}
/*汎用*/
.text_s{font-size:50%;font-family:inherit;color:inherit;}
.text_m{font-size:75%;font-family:inherit;color:inherit;}
.text_l{font-size:150%;font-family:inherit;color:inherit;}
/*ヘッダー調整*/
.menuLogo{width:100px;}
.naviMenu a{line-height:3em;color:#333;}
/*特商法調整*/
.law_tab{table-layout:fix;width:100%;}
.postage td,.postage th{font-size:12px;color:#595757!important;border:1px solid #ccc;padding:.25em 1em;text-align:right;}
.postage td:first-child{text-align:left;}
.postage th{text-align:center;background-color:#eee;}
.law a{color:#999!important;/*text-decoration:underline!important;text-decoration-color:#ccc;text-underline-offset:5px;*/}
.law a:hover{opacity:.6!important;}
/*フォーム調整*/
form p,.mw_wp_form_complete p,.mw_wp_form_complete a,.mw_wp_form_complete li{font-family:inherit;font-size:15px;color:#595757;font-weight:normal;line-height:2em;letter-spacing:1px;}
.red_tag{display:inline-block;color:#fff;font-size:80%;font-weight:bold;line-height:2em;margin:0 0 .5em .5em;background-color:#B7282C;padding:0 1em;}
.form_text{display:inline-block; margin-top:2em;}
form input[type="submit"]{margin-top:2em;}
.mw_wp_form_complete a{text-decoration:underline!important;}
.mw_wp_form_complete a:hover{opacity:.6;}
/*フッター調整*/
.footer_section a:hover{opacity:.6;}
.footer_section a{margin-right:4em;}
.footer_section a:last-child{margin-right:0;}
.footer_copy{text-align:center;color:#fff;font-size:15px;letter-spacing:1px;}
/*Pad*/
@media screen and (max-width:1020px){
    .apploach{
		top:0;
        font-size:38px;
    }
    .apploachTxt{
		top:0;
        font-size:16px;
    }
.menuLogo{width:80px;}
.footer_copy,form p,.mw_wp_form_complete p,.mw_wp_form_complete a,.mw_wp_form_complete li{font-size:12px;}
.postage th,.postage td{font-size:8px;}
}
/*sp*/
@media screen and (max-width:599px){
/*メニュー：スマホ位置調整*/
#navi .elementor-widget-container{width:100vw;}
body:not(.rtl) .elementor-15 .elementor-element.elementor-element-929dad4{right:0!important;}
    .txtstr{
        height: 70px;
    }
    .apploach{
        font-size:25px;
    }
    .apploachTxt{
        font-size:12px;
    }
.naviMenu a{font-size:12px}
.footer_section a{margin-right:2em;}
}

/*animation*/
/*trigger※公開する時に{opacity:0;}に*/
.fadeInTrigger , .fadeUpTrigger , .fadeRightTrigger , .fadeLeftTrigger{opacity:0;}
/* fadeIn */
.fadeIn{
  animation: fadeInAnime 2s forwards;
  animation-delay: 0.5s;
  opacity:0;
}
@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* fadeUp */
.fadeUp{
  animation: fadeUpAnime 2s forwards;
  opacity:0;
}
@keyframes fadeUpAnime{
  0% {
    opacity: 0;
    transform: translateY(300px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* fadeRight */
.fadeRight{
  animation: fadeRightAnime 2s forwards;
  opacity:0;
}
@keyframes fadeRightAnime{
  0% {
    opacity: 0;
    transform: translateX(300px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* fadeLeft */
.fadeLeft{
  animation: fadeLeftAnime 2s forwards;
  opacity:0;
}
@keyframes fadeLeftAnime{
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*edit width */
@media screen and (min-width:1100px){
.full-cnt_left{padding-left:calc(50vw - 550px);}
.full-cnt_right{padding-right:calc(50vw - 550px);}
}
@media screen and (max-width:599px){
	.elementor-15 .elementor-element.elementor-element-0786459:not(.elementor-motion-effects-element-type-background){
		background-size:70vw;
	}
}
.elementor-15 .elementor-element.elementor-element-929dad4 .elementor-toggle-icon.elementor-toggle-icon-right {
	margin-top: 1%!important;
}
@media screen and (max-width:599px){
	.elementor-15 .elementor-element.elementor-element-929dad4 .elementor-toggle-icon.elementor-toggle-icon-right {
		margin-top: 3.5%!important;
	}
}