/*
Theme Name: majestic_plus_child
Template: majestic_plus
*/

/* ----- ボタンの背景色 ------*/
.wp-block-button__link,
.wp-block-button {
	background-color: #09d100;
	border-radius: 5px;
/*グラデ用 	background: linear-gradient(0deg, #f35c51 0%, #fe2d2d 50%, #6b0800 100%);  */
}
/* ----- ボタンのテキストの色 ------*/
.wp-block-button__link:not(.has-text-color),
.wp-block-button__link:not(.has-text-color):active,
.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button__link:not(.has-text-color):hover,
.wp-block-button__link:not(.has-text-color):visited {
	color: #fff;
}

/* ----- ヘッダーパーツのロゴ ------*/
#smart-logo {
/*     top: 34px; */
/*     left: 30px; */
}
#smart-logo img {
/* 	max-height: 46px; */
}

@media only screen and (max-width: 769px) {
	#smart-logo img {
/* 		max-height: 28px; */
	}
	#smart-logo {
/* 		top: 14px; */
/* 		left: 14px; */
	}
}

/* ----- ヘッダーパーツの電話番号 ------*/
#header-parts .header-tell {
/*     font-size: 1.7em; */
}


h1.post-title:before,
h1.entry-title:before{
	background: -webkit-gradient(linear, left top, right bottom, from(#eeffec), to(#09d100));
	background: -webkit-linear-gradient(left top, #eeffec 0%, #09d100 100%);
	background: -o-linear-gradient(left top, #eeffec 0%, #09d100 100%);
	background: linear-gradient(to right bottom, #eeffec 0%, #09d100 100%);
}

/* ----- トップパーツ背景カラー ------- */
.internet-insurance,
.ins_company,
body.home .company {
	background: #eeffec;
}

/* ----- ページ送りカラー ------- */
.pnavi .page-numbers.current {
	background-color: #09d100;
}


/* ----- 画面サイズ調整用 ------- */
@media screen and (min-width:770px) and ( max-width:1240px) {
	#menu-menu li a {
/* 		font-size: 1.1em; */
	}
	body,
	.bg_image,
	#nav-topbar .container {
/* 		    min-width: 1200px; */
	}
	.page-image .image-container {
/* 		height: 350px; */
	}
}

/* ----- スライダースマホ対応用 ------- */
@media only screen and (max-width: 769px) {
	.main-slider,
	.bg_image {
/* 		height: 190px; */
	}
	.bg_image {
/* 		margin-top: 0px; */
	}
	body.home .site-content-contain {
/* 		margin-top: 260px; */
	}
}
/* ----- 進行状況確認用 ------- */
.progress-box {
	position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 100;
    text-align: center;
}
.progress-box a {
	display: block;
    background: #333;
    color: #FFF;
    font-size: 14px;
    width: 100px;
    padding: 10px;
    border-radius: 5px;
	 line-height: 1;
}
.progress-box a span{
	font-size: 10px;
    display: block;
    margin-top: 5px;
}
@media only screen and (max-width: 769px) {
	.progress-box {
		display: none;
	}
}


.hide{
	display:none;
}
/*吸わんトク*/
.swan-box{
	   border-radius: 10px;
	width:60%;
	background-color:#ffffff;
    -webkit-box-shadow: 0 7px 16px -11px rgb(0 25 50 / 70%);
    box-shadow: 0 7px 16px -11px rgb(0 25 50 / 70%);
    overflow: hidden;
	margin:30px auto 20px;
	border:solid 1px #666666;
}
@media only screen and (min-width: 770px){
.swan-shohin{
	padding-top:30px;
	align-items:center;
	max-width:860px;
	min-width:820px;
	margin:0 auto;
}
}

.swan-box img{
	display:block;
	margin:0;
	padding:0;
}

.swan-box h3{
	margin:10px auto;
	font-size:22px;
}
.swan-box p{
	line-height:1.4em;
}
@media only screen and (max-width: 769px){
	.swan-box h3{
		font-size:14px;
	}
	.swan-box{
		width:90%;
	}
	.internet-insurance .swan-box figure img{
		width:100% !important;
	}
}

.internet-insurance .swan-box .wp-block-group__inner-container{
	width: 100%;
    margin: 0 auto;
    margin-top: 0;
    display: block;
    flex-wrap: wrap;
}
.internet-insurance .swan-box .wp-block-image{
	width: 100%;
    margin: 20px auto;
    text-align: center;
	border:none;
	border-radius:0;
    -webkit-box-shadow: 0 rgb(0 0 0 / 70%);
    box-shadow:none;
    overflow: hidden;
}
.internet-insurance .swan-box figure img{
	margin:0 auto;
	width:100%;
}
.internet-insurance  #swan-img{
	width:100%;
}
.swan-b img{
	width:40% !important;
}
body.solicitation-policy h2{
	padding:20px;
}