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

/* 外部フォント */ 
.min {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-weight: 400;
}


/*PCメニュー消す
.l-header__gnav {
display: none;}

@media screen and (min-width: 961px) {
    .l-header__menuBtn.sp_ {
        display: block!important;
        position: relative;
        top: 7px; //表示位置
    }
    .p-spMenu {
        display: block!important;
    }
    .p-spMenu__inner {
        max-width: 600px; //幅を設定
    }
}*/ 
/*PCメニュー消す(固定ヘッダーのメニュー）
.c-gnavWrap ul.c-gnav  {
	display:none!important;
}*/


/* ページタイトルの調整 */
.l-topTitleArea__body {
	background:rgba(0,0,0,0.6);
}
/* 見出し */
/*h2*/h2.wp-block-heading {
	border-left: solid 4px #FE3B1F;
	border-bottom: solid 1px #001e5e;
	padding: 4px 4px 4px 0.51em;
}
/*h3*/h3.wp-block-heading{
  padding-bottom: 5px;
  font-weight: bold;
  position: relative;
  border-left: 4px solid #FE3B1F;
	padding: 0.25em;
}
h3.wp-block-heading::before{
  content: '';
  display: block;
	left: -4px;
	width: 4px;
  height: 50%;
  background: #001e5e;
}

/* 縦書き設定 */
.tategaki {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	display: inline-block;
	line-height: 2;
}
.main-copy {
 	text-align: center;
}
/*トップスライダーのコピーの書体を変更*/
.p-mainVisual__slideTitle {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-weight: 400;
}

/* トップページ用見出し */
.why-title {
  position: relative!important;
  max-width: 480px;
  margin: 0 auto 1em!important;
  border-bottom: 3px solid #001f58;
}
    
.why-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 50%;
  height: inherit;
  border-bottom: 3px solid #ff391a;
}

.why1 {
 background:linear-gradient(to right,#001f58 0%,#001f58 65%,#fff 65%,#fff 100%);
}
.why-text {
background-color: #fff;
padding: 2em;
border: solid 1px #555;
}
.why2 {
 background:linear-gradient(to right,#fff 0%,#fff 35%,#ff391a 35%,#ff391a 100%);
}

h2 {
border: none!important;
}


/* お問い合わせ form */
div.wpcf7 {
	max-width:640px;
	margin: auto;
	padding: 2em 2.5em 0;
	background-color: #dbdbff;
}
.wpcf7 .required {
	display: inline-block;
	font-size: 0.75em;
	padding: 1px 3px 0;
	color:#fff;
	background-color: #ff0000;
	border-radius: 4px;
}
input, textarea {
  width: 100%;
  max-width: 100%;
  border: none;
  margin: 0.5rem 0 2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: darken(#f9f9f9, 10%);
  color: darken(#f9f9f9, 50%);
  
  &[type=submit] {
    background: #00205c;
    color: #fff;
		margin: 2em auto;
  }
  &[type=submit]:hover {
		background: #ff391a;
	}
  &::placeholder {
    color: darken(#f9f9f9, 50%);
  }
	&[type=checkbox] {
		width: 1.25em;
	}
  &.error {
    background: $red;
    color: #fff;
    &::placeholder {
      color: darken($red, 60%);
    }
  }
}
textarea {
  height: 10rem;
}
.captcha {
  float:left;
  input {
    float: right;
  }
  input[name=question] {
    width: 4rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: right;
    padding-right: 0;
  }
  [name=captcha] {
    width: 5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0.5rem;
    &::placeholder {
      text-align: center;
    }
  }
}


/*ニクアケに興味のある方へPC*/
.collme {
	padding: 0 35px;
	position: relative;
	top: 20px;
}
.collme::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f93b1d;
    transform: skewY(-3deg);
    z-index: -1;
}
.collme .swell-block-fullWide__inner {
	max-width: 1050px;
	margin: auto;
}

.collme p {
	position: relative;
	left: 2%;
	z-index: 1;
}

.collme-img img {
	display: block;
	position: absolute;
	top: -26%;
	right: 4%;
}
/*ニクアケに興味のある方へSP*/
@media screen and (max-width: 959px) {
	.collme_sp {
		padding: 0 35px;

		top: 20px;
	}
	.collme_sp::after {
		content: '';
    	position: absolute;
    	top: 0;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	background-color: #f93b1d;
    	transform: skewY(-3deg);
    	z-index: -1;
	}
	.collme_sp .swell-block-fullWide__inner {
		max-width: 1050px;
		margin: auto;
	}
}

/* SP固定メニュー上追従バナー */
@media screen and (max-width: 959px) {
    body {
        padding-bottom: 0; /* 固定メニューの高さに合わせて余白を設定 */
    }
    .p-fixBtnWrap {
        bottom: 5.5em; /* 上に戻るボタンの位置を上に */
    }
    #fixed-bottom-menu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
        background-color: #000;
        padding: .3em .3em;
    }
    #fixed-bottom-menu .swell-block-column {
        padding: .5em;
    }
    #fixed-bottom-menu .swell-block-button__link[data-has-icon] {
        padding: 1em 1em;
    }    
}

/* fixed banner------------------------ */
.fixed_banner {
	padding:0;
position: fixed; /* 追従させる為にfixedの値を記述 */
z-index: 99999; /* 他の要素の下に隠れないように全面配置 */
top: 200px;
right: 0px;
background: rgba(255,255,255,0);
border: none;
}
.fixed_banner_flex {
	display:flex;
	flex-direction:column;
}
.fixed_banner_pc {
width: 40px; /* バナーの横幅*/
}

.floating-banner:hover {
opacity: .8; /* マウスが重なった時に少し透過させます */
}





@media screen and (min-width: 960px) {
    #fixed-bottom-menu, #fixed-sidebar-menu {
        display: none; /* PCでは非表示にする */
    }
}