/**** Template CSS **********/
 /**** Template CSS **********/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=M+PLUS+Rounded+1c:wght@400;500;700&family=Share+Tech+Mono&display=swap');

:root {
    --light: #F6F7F8;
    --dark: #34558b;
    --yellow: #fff000;
    --red: #a70000;
    --red-light: #F8AB9E;
    --mainichi-blue: #0078c6;

	--beige: #ece6dc;
	--light-gray: #dedede;
	--moushikomi: #2a79bf;
	--primary:#0078c6;
	--campaign:#99ddcc;
	--sakura: #ffefef;
	--mizuiro: #c0dbfe;
	--spring-green: #99ddcc;
}

body {
	margin: 0px;
	font-family: Hiragino Sans, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif,Roboto;
	line-height: 1;
 font-feature-settings: "palt";
}

a {
  color: var(--mainichi-blue);
  text-decoration: underline;
}

/*------------------------------------------------------------------
Project:	Nantes - multi purpose one-page template
Version:	1.0
Last change:	18/02/2016 [...]
Designed by:	MOOZ Themes / www.MOOZthemes.com
Primary use:	One page
-------------------------------------------------------------------*/

/* main font for menu. */
@import url(http://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900);
/* font for headings, text, tags */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);


/*--------------------
1. General
--------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	letter-spacing: 0.4px;
	font-family: "Raleway", Sans-serif;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #333;
}

h2{
	font-size: 1.45rem;
        font-weight: 600;}

h4{
	font-size: 1.15rem;
        font-weight: 600;}

h5{
	font-size: 1.1rem;
        font-weight: 600;}

@media (max-width: 575px) {
	.h4, h4 {
        font-size: 1.2rem;
    }
}
@media (max-width: 575px) {
	.h4, h4 {
        font-size: 1.1rem;
    }
}

div .campaign{
	background-color: #e52b55;
	color: #FFFFFF;
	padding: 4px;
	font-size: 1.2em;
	margin-bottom: .5em;
	text-align: center;
	font-weight: 700;
}
div .campaignB{
	background-color: var(--campaign)!important;
	color: #FFFFFF;
	padding: 8px;
	font-size: 1.2em;
	margin-bottom: .5em;
	text-align: center;
	font-weight: 700;
}
@media (min-width:576px) {
	h2{
		letter-spacing: 0em;
		line-height: 1.2;
}
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	line-height: 1.7;
	font-weight: 400;
	letter-spacing: 0.3px;
	color: #333;
    margin: 0 0 1em;
}

p.note{
	font-size: .98em;
}
.bg-mainichi{
	background-color: var(--mainichi-blue)!important;
}

.bg-main{
	background-color: var(--main)!important;
}

.border-main{
	border-color: var(--main)!important;
}
.bg-main{
background-color: #edddbc!important;
	/*background-color: rgba(99,188,196,0.50)!important;*/}

.bg-main-red{
	background-color:#CC0000;}

.bg-beige{
	background-color: var(--beige);
}

.bg-mizuiro{
	background-color: var(--mizuiro);
}
.border-mizuiro{
	border-color: var(--mizuiro)!important;
}
.bg-light-gray{
	background-color: var(--light-gray);
}

.bg-sakura {
  background-color: var(--sakura) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-sakura-illust{
	background-image:url("/maisho/2025spring/assets/img/bg-sakura.png");
	background-position:center top;
	background-size: contain;
	background-repeat: no-repeat;
}

.bg-mizuiro-gradient {
  background: linear-gradient(180deg, rgba(178,226,246,1) 15%, rgba(225,242,255,1.00) 30%);
}

.border-primary{
	    border-color:var(--primary)!important;
}

.font-sizeSmall {
  font-size: .9rem;
}
.font-sizeBig{
	font-size: 2.9rem;
	font-family: 'Hind Siliguri', sans-serif;
	margin-left: .8rem;margin-right: .8rem;
	line-height: 1;
	vertical-align: -0.1em;
}
.dark-bg p {
color: #B1B1B1;	
}

a,a img{
    moz-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    transition: 0.4s ease;
}

a:hover, a:focus, a:active, a.active {
	color: var(--mainichi-blue);
	outline: 0;
}

a.d-block:hover{
	opacity: .6;
}
p span.text{}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.text-muted {
    color: #777;
	font-size: .8em;
}
::selection {
	text-shadow: none;
	background: #eaff00;
}


ul li, ul {
	font-size: 0;
}
ul {
	border: 2px solid var(--mainichi-blue);
	padding-top: 18px;
	margin-bottom: 30px;
}

ul li {
	text-align: left;
    list-style: none;
    padding-bottom: 10px;
	padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: #000000;
}

section ul li i {
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	padding-right: 7px;
	color: #7ec5e9;
	color: #AAA;
}

img{
	width: 100%;
	height: auto;
}
img.border {
    border: 1px solid #DDD;
}


h2.midashi {
    display: block;
    font-size: 1.25rem;
    font-size: 1.3rem;
    font-weight: 700;
    position: relative;
    background-color: #FF41A1;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 8px;
    line-height: 1;
	border-radius: 3px;
}

.text-red{
	color:#FF4141;
}
.text-blue {
  color: #6AC6ED !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-mainichi{
	 color: var(--mainichi-blue)!important;
}
.display-5 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
	margin-left: 0;
	margin-bottom: 0;
}


@media (min-width: 768px){
.display-5 {
    font-size: 1.8rem;
    font-weight: 6300;
    line-height: 1.2;
}
}
@media (max-width: 400px){
p.note{
	font-size: .8em;
}
}

@media (max-width: 360px){
.display-5 {
    font-size: 1.2rem;
}
	p.note{
	font-size: .75em;
}
}

.border-dark{
	border-color:  var(--dark);
}

/*.mb-20{
	margin-bottom: 20px!important
}

.mb-30{
	margin-bottom: 30px!important
}

.mb-40{
	margin-bottom: 40px!important
}

.mb-50{
	margin-bottom: 50px!important
}*/
/*--------------------
1.1 Reset bootstrap
--------------------*/

.row-0-gutter {
    margin-left: -13px;
    margin-right: -13px;
}

.col-0-gutter {
	padding-left: 0;
	padding-right: 0;
}

.border-2{
	border-style: solid;
	border-width:  2px!important;
border-radius: 3px;}


/*.text-green{
	color: #7bc03e;
}.text-green{
	color: #7bc03e;
}
.item {
	padding:15px 5px;
	background-color: #ffffcd;
	border-radius: 3px;
}
@media (min-width: 768px) {
.item {
	padding:30px 20px;
}
}
@media (max-width: 575px) {
.item {
	margin-bottom: 10px!important
}
}*/

/*--------------------
3. Header
--------------------*/
header {
	position: relative;
	top:0;
	width: 100%;
    margin-top: 0;
	z-index: 100;
}
@media (min-width: 576px){
	header {
		position: fixed;
		background-color: rgba(255,255,255,0.87)}
}

@media (max-width: 575px){
	header #menu-btn{
		background-color: rgba(255,255,255,0.87);
		width: 100%;
		padding: 1em;
	}
	header.is-fixed #menu-btn{
		position: fixed;
		top: 0px;
	}
	.logo-maisho {
    margin-bottom: 0;
  }
	
}


.logo-maisho{
	z-index: 10;
	height: auto;
}

.logo-maisho a{
	display: block;
}


.logo-maisho img{
	display: block;
}
@media (min-width: 321px){
.logo-maisho {
		width: 120px;
	}
	#KV{
	margin-top: 0;
}
}

@media (min-width: 576px){
.logo-maisho {
		width: 150px;
	}
	
	#KV{
	margin-top: 65px;
}
}

@media (min-width: 768px){
.logo-maisho {
	width: 160px;
	}
	
#KV{
	margin-top: 80px;
}
}

@media (min-width: 992px){
.logo-maisho {
	width: 180px;
	}

#KV{
	margin-top: 85px;
}
}

.btn-gift ,.btn-shidoku ,.btn-koudoku{
	margin-left: 5px;
}

@media (max-width: 575px){
.btn-gift{
	margin-left: 0;
}
/*.btn-gift ,.btn-shidoku ,.btn-koudoku{
padding: 6px;
	}
*/}

.btn-gift a,.btn-shidoku a,.btn-koudoku a{
	display: table;
	height: 100%;
	width: 100%;
	border-radius: 4px;
	padding-left: 15px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
	line-height: 1.4;
}

.btn-gift span,.btn-shidoku a > span,.btn-koudoku span{
	display: table-cell;
	vertical-align: middle;
	padding-right: 45px;
	font-weight: 600;
}

.btn-shidoku a > span> span{
	display: inline-block;
}

.btn-gift a{
	color: var(--mainichi-blue)!important;
	background-color: var(--light-gray)!important;
	background: url(/maisho/2025spring/assets/img/icon_gift.png); 
	background-position: top 50% right 10px; 
	background-repeat: no-repeat; 
	background-size: 27px auto;
}
.btn-shidoku a{
	color: var(--mainichi-blue)!important;
	background-color: var(--yellow)!important;
	background: url(/maisho/2025spring/assets/img/icon_free.png); 
	background-position: top 50% right 4px; 
	background-repeat: no-repeat; 
	background-size: 40px auto;
}

.btn-koudoku a{
	color: #FFFFFF!important;
	background-color: var(--mainichi-blue)!important;
	background: url(/maisho/2025spring/assets/img/icon_newspaper.png); 
	background-position: top 50% right 10px; 
	background-repeat: no-repeat; 
	background-size: 25px auto;
}

@media (max-width: 575px){
.btn-gift ,.btn-shidoku ,.btn-koudoku {
	width: 32%;
}
	.btn-gift a,.btn-shidoku a,.btn-koudoku a{
		min-height: 50px;
		padding-left: 10px;
	}
}

@media (min-width: 768px){

.btn-gift a,.btn-shidoku a,.btn-koudoku a{
	width: 100%;
	min-width: 200px;
	min-height: 50px;
	border-radius: 4px;
	padding-left: 15px;
	font-size: 14px;
}
.btn-gift span,.btn-shidoku a > span,.btn-koudoku span{
	padding-right: 55px;
}
	
.btn-gift a{
	background-position: top 50% right 10px; 
	background-repeat: no-repeat; 
	background-size: 35px auto;
}
.btn-shidoku a{

	background-position: top 50% right 7px; 
	background-repeat: no-repeat; 
	background-size: 50px auto;
}

.btn-koudoku a{
	background-position: top 50% right 10px; 
	background-repeat: no-repeat; 
	background-size: 35px auto;
}

}
@media (max-width: 767px){
/*
.btn-gift a,.btn-shidoku a,.btn-koudoku a{
	width: 100px;
	min-width: 100px;
	min-height: 50px;
	border-radius: 4px;
	padding-left: 10px;
	font-size: 12px;
	}*/
}
.section-title h2.kamome{
	position: relative;
	padding-top: 70px;
}
.section-title h2.kamome::after {
	content: " ";
	right: 0;
	left: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    top: 20px;
	margin: auto;
    position: absolute;
    /*background: #eaff00;*/
	background: url(../images/kamome.png); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-size: 50px auto;
}
h3 span,h2 span {
	display: inline-block
}

@media (min-width: 992px) {
	.section-title h2 {
	font-size: 1.5rem;
}
	.section-title h2.kamome{
	padding-top: 0;
}
	.section-title h2.kamome::after {
	right: -60px;
	left: inherit;
    width: 60px;
    height: 60px;
    top: -40px;
	margin: auto;
	background-position: top center; 
	background-repeat: no-repeat; 
	background-size: 60px auto;
}	
}


.section-title p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 10px ;
	font-weight: 700;
}
@media (min-width: 768px){
	.section-title p {
	font-size: 18px;
	margin: 20px 10px 60px 10px;
}
	#miryoku .section-title p {
		text-align: center;
}
}
#otanoshimi .section-title p,
#info .section-title p{
	margin: 20px 100px 60px 100px;
}
img.img-auto{
	width: 100%;
	height: auto;
}

.top-title{
	position: relative;
	z-index: 2;
	/*padding-top:150px*/
}

/*--------------------
4.1. BTN sectoin:
*/


.btn-subcolor {
    color: #FFF;
    background-color: #CC0000;
}

.btn-koudoku {
    color: #FFF;
    background-color: #5bcf89;
    border-color: #5bcf89;
}

a.btn-koudoku {
    color: #FFF;
}
.btn-moushikomi a {
	color: #FFF;
	 background-color: var(--moushikomi);
  	box-shadow: 0 6px 0 rgba(0,0,0,0.2);
	font-weight: 600!important;
	font-size: 1.4rem;
}

.btn-moushikomi a:hover,
.btn-moushikomi a:focus {
	color: #FFF;
    background-color: var(--primary)!important;
	opacity: 1;
}

.caption-btn{
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	display: block;
	padding: 10px;
	background-color: rgba(42,121,191,0.30);
	-webkit-transition: all .4s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.caption-btn:hover{
	background-color: rgba(42,121,191,0.50);
	text-decoration: none;
}

#top-copy h1 {
	color: var(--mainichi-blue);
	font-size: 5rem;
	line-height: 5rem;
	font-weight: 700;
}
#top-copy h1 span {
	font-size: 3.5rem;
	display: block;
}


img.info-img{
	/*padding: 0 25px 0 25px;
	margin-bottom: 15px;*/
}

img.info-img.sample-img{
	border: 1px solid #ddd;
	background-color: #FFF;
	padding: 5px 2px;
	border-radius: 14px;
}


@media (min-width: 768px){
	.btn-moushikomi a {
	font-size: 1.5rem;
}
}
/*.koudoku-copy img.info-img {
	margin-bottom: 20px;
}

.caption-btn{
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	display: block;
	padding: 10px;
	margin-top: 20px;
	background-color: var(--red);
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.caption-btn:hover{
	background-color: var(--red-light);
	color: #FFF;
	text-decoration: none;
}*/
@media (min-width: 768px) {
/*.button-cta {
    width: 100%;
    font-size: 1.4rem;
    line-height: 65px;
    border-radius: 35px;
	}
	
.koudoku-copy{
	padding-bottom: 50px;
}*/
.koudoku-copy img.info-img {
	margin-bottom: 20px;
	padding: 0px 30px 0;
}
}
@media (min-width: 992px) {
.koudoku-copy{
	padding-left:60px;
}
}

/*--------------------
4.1. About
--------------------*/

.voice-underline {
    background: linear-gradient(transparent 60%, rgba(255,255,255,1.00) 0%);
    font-weight: 600;
}

.ot-circle {
	height: 95px;
	width: 95px;
	text-align: center;
	line-height: 98px;
	color: #f93;
	color: #999;
	margin: 0 2px 4px;
	font-size: 75px;

	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;

}

/*--------------------
4.4. Dark Short section (counters, quote, etc)
--------------------*/

.bg_light_sub {
	 background-color:var(--light-sub)!important;}


.bdr_light_sub {
	 border-color:var(--light-sub)!important;}

@media (min-width: 576px){
.bg_seethrough {
    background: linear-gradient(to bottom, transparent 0%, #fff  95%, #fff 100%), url(/maisho/2022summer/images/bg.jpg?000);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
	}
}

.bg_gradientblue {background: rgb(166,209,255);
	background: linear-gradient(180deg, rgba(166,209,255,1) 52%, rgba(255,255,255,1) 100%);}

.bg_gradientyellow {background: rgb(247,255,39);
	background: linear-gradient(180deg, rgba(247,255,39,1) 70%, rgba(255,255,255,1) 100%);}

.bg_nami,.bg_nami_2 {
	background-repeat: repeat-x;
    background-position: left top;
	background-size: auto 15px;
	height: 20px
	}

.bg_nami {
    background-image:  url("/maisho/2024summer-2/images/nami.png");
    background-position: left bottom;
	}

.bg_nami_2 {
    background-image:  url("/maisho/2024summer-2/images/nami2.png");
    background-position: left top;
	}

@media (min-width: 576px){
	.bg_nami,.bg_nami_2 {
			background-size: auto 21px;
			height: 30px
	}
}
.b-rd20{
	border-radius: 20px
}


@media (min-width: 768px){
	#otanoshimi.cloud-bg{
	padding: 140px 0 70px 0;
}
}


.short-section {
	border-top: 1px solid #5D5D5F;
	border-bottom: 1px solid #5D5D5F;
	padding-top: 70px;
	padding-bottom: 70px;
}

.counter-item h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 900;
}

.counter-item h6 {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}


/*--------------------
4.5. Partners Slider
--------------------*/
h3{
	/*font-size: 1.25rem;*/
	font-size: 1.13rem;
	font-weight: 900;
	letter-spacing: -0.6px;
	position: relative;
	margin-bottom: 1em;/**/
}


/*** social ***/
section#social{
	padding-top: 0
}
#social div{
	background-color: #FFFFFF;
	padding-top: 10px;
}
#social a{
	display: inline-block;
	vertical-align: middle;
	color: #333;
}
#social a{
	display: inline-block;
	vertical-align: middle;
	color: #333;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
	font-weight:500;
	font-size: .85em;
}
#social i{
	background-color: #FFFFFF;
	font-size: 50px;
	display: block;
	padding: 0 10px 0;
}

#social img{
	display: block;
width: 50px;
padding: 0 2px 0;
    margin: 0 8px 0;
border-radius: 10px;}


/*--------------------
5. Footer
--------------------*/

footer {
	position: relative;
	padding: 40px 30px 20px 30px;
	background-color: #007Ac3;	
	min-height: 100px
}

footer p {
	color: #FFF;
	margin: 0 auto;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1.6px;
}
footer p.right-fix {
	position: absolute;
	right:30px;
	bottom: 20px;
}
@media (max-width: 768px){
	footer p.right-fix {
	position: relative;
	right:inherit;
	bottom:inherit;
		text-align: center;
}
}
footer p a {
	color: #fff;
}

footer p a span {
	color: #ff9933;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: 700;
}

footer .link-company p{
		font-size: 12px;
}

footer .link-company p span{
	display: block;
	font-weight: 600;
}


footer .link-company a{
	display: inline-block;
	font-size: 12px;
	margin: auto 1em;
}
footer .link-company a:first-child{
	margin-left: auto 0;
}
footer .link-company a:last-child{
	margin-right: auto 0;
}
@media (max-width: 420px){
	footer {
	padding: 15px;
	background-color: var(--mainichi-blue);	
	min-height: 200px
}
	
	footer .link-company a{
	font-size: 10px;
	margin: auto 1em;
}
}
/*--------------------
6. Modal
--------------------*/

.modal-content {
	border-radius: 0;	
}

.modal-title {	
	text-transform: uppercase;
	font-size:16px;
	font-weight: 700;
}

.modal-body {
	padding: 0;
}

.modal-body p {
	text-align: left;
	margin: 30px 20px;
	color: #2D2D2D;	
	/*font-size: 1.6rem;*/
	line-height: 1.6;
}

.modal-works {
font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	margin: 25px 20px;
}

.modal-works span {
	background-color: #FED136;
	margin-right: 15px;
	padding: 5px 10px;
}

/*--------------------
7. Components
--------------------*/

.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
	color: #fff;
	background-color: #dfdfdf;
	border-color: #dfdfdf;
}

.btn-maisho:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
	background-color: #dfdfdf;
	border-color: #dfdfdf;
}

.btn-maisho {
	display: block;
	padding: 8px 20px;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 2.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
	background-color: #ff9933;
margin: 0 auto 10px;
}

/*.btn i{
	color: rgba(0,0,0,.50)
}*/
.btn span{
	display: inline-block;
	margin-right: 10px
}

@media (max-width: 420px){
	.btn {
	padding: 8px 10px;
	font-size: 16px;
	line-height: 2.2;
}
}

.btn-xl {
color: #fff;
    background-color: #ff9933;
    /* border-color: #726FB9; */
    font-family: "Open Sans",sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 17px 45px;
}
.btn-lg {
    width: 100%
}

.btn-default {
    color: #FFF;
}



/*jiyukenkyu
---------------------------------- */
#contents-jiyukenkyu .border{
	padding-bottom: 1rem !important;
}
#contents-jiyukenkyu a{
	text-decoration: none;
	color: #333;
}
#contents-jiyukenkyu p{
	margin: 0 0 .4em;
	font-size: .9em
}

#contents-jiyukenkyu h4{
	font-size: 1.0em;
	padding-top: 10px;
	font-weight: 700;
}

#contents-jiyukenkyu h4{
	font-size: 1.0em;
	color:#FFF!important;
	font-weight: bold!important;
}
#contents-jiyukenkyu h4.bg-green{
	font-size: 1.0em;
	color:#FFF!important;
	font-weight: bold!important;
}

#contents-jiyukenkyu .text-box{
	padding: 20px;
}


#contents-jiyukenkyu .btn{
	font-size: .9em;
	line-height: 1;
	padding: 8px 10px;
	color: #FFF;
	background-color: #E73394;
	min-width: 50%;
}


#contents-jiyukenkyu .btn.btn-blue{
	background-color: #3c66bd;
}

#contents-jiyukenkyu a:hover .btn{
	background-color: rgba(231,51,148,0.7);
}

#contents-jiyukenkyu a:hover .btn.btn-blue{
	background-color: rgba(60,102,189,.5)!important;
}
/* Back to top button
---------------------------------- */
/**/#back-top {
	position: fixed;
	z-index: 100;
	bottom: 20px;
	right: 30px;
}
#back-top a {
	width: 48px;
	height: 48px;
	display: flex;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background: #007Ac3;
	align-items: center;
  justify-content: center;
	font-weight: normal;}
	/* background color transition */
		/*-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.back-to-top {
    position: fixed;
    display: none;
    right: 15px;
    bottom: 125px;
    z-index: 100;
}
#back-top a:hover {
	background: #fed136;
}
/* arrow icon (span tag) */
	/*#back-top i {
	margin-top: 15px;
	font-size: 28px;
}*/

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
#back-top {
	position: fixed;
	bottom: 10px;
	right: 30px;
}
#back-top a {
	width: 40px;
	height: 40px;
}
#back-top i {
	margin-top: 7px;
	font-size: 20px;
}
}

/*yoikoto{
	font-size: 1.4em;
	font-weight: 600;
	background-color: #FF4141;
	border-radius: 3px;
	color: #FFF;
	padding: 8px 8px 5px 8px;
	
}
.yoikoto span{
	font-size: 1.1rem;
	display: inline-block;
	
}

@media (min-width: 575px){
	.yoikoto{
	margin-bottom:10px;
}
}*/
/* 下から */

.fadeUp-1{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeUp-2{
animation-name:fadeUpAnime;
animation-delay: 0.2s;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}


@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.balloon2 {
  position: relative;
  display: block;
  margin: 1.5em 15px 1.5em 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 10px;
}
@media (min-width: 576px){
.balloon2:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
}
}
@media (max-width: 575px){
.balloon2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}
}
.balloon2-right p {
  margin: 0;
  padding: 0;
}

.balloon3 {
  margin: 1.5em 15px 1.5em 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 10px;
}
.js-fix.is-fixed {
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-o-transition: all 3s ease;
	-ms-transition: all 3s ease;
	transition: all 3s ease;}

.js-fix.is-fixed {
    position: fixed;
    left: 0;
	right: 0;
	top: -1rem;
    width: 100%;
	z-index: 1000;
	margin: auto;
	background-color: rgba(255,253,253,1.00);
	-moz-animation-name: anime;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

	-webkit-animation-name: anime;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-o-animation-name: anime;
	-o-animation-duration: 1.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: anime;
	-ms-animation-duration: 1.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;
	}

@-moz-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}

@-webkit-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}

@-o-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}

@-ms-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}
/*ここから追加*/
/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-mainichi  {
	background-color: var(--mainichi-blue);
    color: #FFFFFF;
}

.btn.btn-mainichi:hover {
   	background-color: var(--dark);
    color: #FFFFFF;
}
.btn.btn-moushikomi  {
	background-color: var(--moushikomi);
    color: #FFFFFF;
}

.btn.btn-moushikomi:hover {
   	background-color: var(--primary);
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.offcanvas-start {
	width: auto;
}
h1{
	font-size: 1.1em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
}

.top-info-{
	margin-top: -70px;
}

.navbar-collapse {
    align-items: center;
    position: fixed;
    overflow: auto;
    top: 60px;
    right: 0;
    background-color: #fff;
    z-index: 100;
}
@media (min-width: 768px) {
	
.navbar.bg-white {
	background-color: #B2E2F6!important;
}
	.top-info-{
	margin-top: -130px;
}
	.collapse:not(.show) {
    display: none!important;
}
	h1{
	font-size: 1.5em;
	}
}
	
@media (min-width: 992px) {
	.top-info-{
	margin-top: -190px;
}
		}

/*h1 > span{
	display: inline-block;
	padding: .5em
}
h1 > span:first-child{
	display: inline-block;
	background: var(--mainichi-blue);
	color: #FFF;
	border-radius: 3px;
	font-weight: bold;
}*/


.logo-top {
	height: 40px;
	width: auto;

}
@media (min-width: 600px) {
.logo-top {
	height:60px;
	width: auto;
}}
@media (min-width: 992px) {
.logo-top {
	height: 77px;
	width: auto;
	}}

.btn-link {
    font-weight: 400;
    color: #676767;
    text-decoration: none;
}
.navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0;
}

.carousel-item{}

.carousel-caption {
    font-weight: bold;
}
.carousel-caption {
position: static}

@media (max-width: 768px) {
	.sp-mt-100{margin-top: -100px!important}
}

.js-fix.is-fixed {
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-o-transition: all 3s ease;
	-ms-transition: all 3s ease;
	transition: all 3s ease;}

.js-fix.is-fixed {
    position: fixed;
    left: 0;
	right: 0;
	bottom: -1rem;
    width: 100%;
	z-index: 1000;
	margin: auto;
	background-color: rgba(220,220,220,0.7);
	-moz-animation-name: anime;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

	-webkit-animation-name: anime;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-o-animation-name: anime;
	-o-animation-duration: 1.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: anime;
	-ms-animation-duration: 1.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;
	}

@-moz-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}

@-webkit-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}

@-o-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}

@-ms-keyframes anime {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
	}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 33%;
	 bottom: auto;}

@media (max-width: 400px) {
	.carousel-control-prev, .carousel-control-next {
    top: 25%;
	 }
}
.carousel-caption {
	background-color: #FFF;
    padding-top: 1.25rem;
    padding-bottom: .2rem;
	margin-bottom: 1.25rem;
	border-radius: 0 0 8px 8px;
}

/*
.carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e);
}*/
.carousel-control-prev, .carousel-control-next {
	opacity: .6;
}

.carousel-control-next-icon{
background-image: none;
  position: relative;
  padding-left: 30px;
}
 .carousel-control-prev-icon{
background-image: none;
  position: relative;
  padding-right: 30px;
}
.carousel-control-next-icon::before,
 .carousel-control-prev-icon::before{ /* 背景の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 40px; /* 横幅 */
  height: 40px; /* 高さ */
  border-radius: 50%; /* 角の丸み */
  background:   var(--red);
}
 
.carousel-control-next-icon::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 12px;
  width: 15px;
  height: 15px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.carousel-control-prev-icon::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0px;
  width: 15px;
  height: 15px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg);
}

@media (min-width: 992px) {
	.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 38%;
	 bottom: auto;}
	
	.carousel-control-next-icon::before,
 .carousel-control-prev-icon::before{ /* 背景の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -10px;
  width: 60px; /* 横幅 */
  height: 60px; /* 高さ */
  border-radius: 50%; /* 角の丸み */
  background:   var(--red);
}
 
.carousel-control-next-icon::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 7px;
  width: 20px;
  height: 20px;
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
  transform: rotate(45deg);
}
.carousel-control-prev-icon::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 1px;
  width: 20px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 6px solid #fff;
  transform: rotate(-45deg);
}

}

 /* 声 */
.bdr-koe{
	position: relative;
	border: 3px solid var(--mizuiro)!important;
	border-radius: 8px;
}
.bdr-koe span{
	display: block;
	font-size: .9rem;
}

.bdr-koe:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(230,39,39,0.00);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:14px;
    border-right-width:14px;
    margin-top: -10px;
    border-right-color:var(--mizuiro);
    right:100%;
    top:50%;
}

/*carousel*/
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 33%;
	 bottom: auto;}

@media (max-width: 400px) {
	.carousel-control-prev, .carousel-control-next {
    top: 25%;
	 }
}
.carousel-caption {
	background-color: #FFF;
    padding-top: 1.25rem;
    padding-bottom: .2rem;
	margin-bottom: 1.25rem;
	border-radius: 0 0 8px 8px;
}

/*
.carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e);
}*/
.carousel-control-prev, .carousel-control-next {
	opacity: .6;
}

.carousel-control-next-icon{
background-image: none;
  position: relative;
  padding-left: 30px;
}
 .carousel-control-prev-icon{
background-image: none;
  position: relative;
  padding-right: 30px;
}
.carousel-control-next-icon::before,
 .carousel-control-prev-icon::before{ /* 背景の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 30px; /* 横幅 */
  height: 30px; /* 高さ */
  border-radius: 50%; /* 角の丸み */
	 background-color:  var(--primary);
}
 
.carousel-control-next-icon::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 11px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.carousel-control-prev-icon::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg);
}
@media (min-width: 654px) {
.ml-50{margin-left:50px}
.ml--50{margin-left:-50px}
}
@media (min-width: 768px) {
.ml-50{margin-left:0px}
.ml--50{margin-left:0px}
}

/*追加*/
@media (max-width: 767px) {
	.btn-sm{
		padding-top: .1em;
		padding-bottom: .1em;
	}

	.border-end{
		border-right: none!important;
        border-bottom: 1px dotted #ccc;
	}
}
.rounded-15{
	border-radius: 15px;
}
.rounded-20{
	border-radius: 20px;
}
.sample-swiper{
		padding-top: 40px;
	padding-bottom: 40px;
}

.sample-midashi{
	position: relative;
}

h1,
.sample-swiper h2{
	font-size: 1.4rem;
    line-height: 1.3;
}

.sample-swiper p{
font-size: 1.2em;
  line-height: 2;
}

.swiper_nav{
	position: absolute;
	width: 180px;
	height: 50px;
	bottom: 10px;
	right: 0;
	left: 0;
	margin: auto;
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: -30px;
}

.swiper-button-next,
.swiper-button-prev{
	width: 50px;
    height: 50px;
    border-radius: 50px;
	background-color:  var(--primary)!important;
	color: #FFF;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
        border: 2px solid var(--primary)!important;
    background-color: #FFF!important;
color: var(--primary,var(--primary));
}

.swiper-button-next, .swiper-button-prev {
  cursor: pointer;
  color: var(--primary,var(--primary));
  color: #FFF;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 20px;
}

@media (min-width: 576px) {
	h1,
	.sample-swiper h2{
	font-size: 2rem;
    line-height: 1.3;
}
}

@media (min-width: 767px) {
	.sample-swiper{
	padding-top: 60px;
	padding-bottom: 60px;
}
	.sample-swiper h2{
	h1,
	font-size: 2.6rem;
    line-height: 1.3;
}
}
@media (min-width: 992px) {
	h1,
	.sample-swiper h2{
	font-size: 2rem;
    line-height: 1.3;
}

	.sample-midashi{
	padding-bottom: 20px;
	padding-left: 40px;
}
}
/*りぼん*/
.ribbon {
  line-height: 40px;
  position: relative;
  height: 40px;
  text-align: center;
  color: #fff;
  background: var(--primary);
	width: auto;
	font-size: .8rem;
}

.ribbon :before,
.ribbon :after {
  position: absolute;
  top: 0;
  display: block;
  height: 40px;
  content: '';
  border: 20px solid var(--primary);
}

.ribbon :before {
  left: -35px;
  border-left-width: 13px;
  border-left-color: transparent;
}

.ribbon :after {
  right: -30px;
  border-right-width: 13px;
  border-right-color: transparent;
}

.ribbon  span {
  position: relative;
  display: block;
}

@media (min-width: 768px) {
.ribbon {
	font-size: 1.1rem;
}
}

@media (min-width: 1320px) {
	h1,
	.sample-swiper h2{
	font-size: 2.6rem;
    line-height: 1.3;
}
}

.swiper-pagination-bullet-active{
	background:var(--primary,var(--primary));
}

.swiper-container{overflow: hidden;}

.swiper-thum-img img{
	border-radius: 3px;
}
.sample-link:focus{
  display: flex;
  /*position: absolute;*/
  width: 100%;
  height: 100%;
  background: hsla(199,81%,77%,0.70);
  align-items: center;
  justify-content: center;
  /*opacity: 0;*/
  transition: opacity ease-in-out 0.25s;
  z-index: 1;
  border-radius: var(--bs-border-radius) !important;
}

.modal-header .btn-close,
.modal-header .btn-close.btn-close-white{
	position: relative;
	color: #FFF!important; 
	background-color: var(--primary)!important; 
	opacity: 1;
	border-radius: 30px;
	/*--bs-btn-close-white-filter: invert(-1) grayscale(90%) brightness(100%);*/
	--bs-btn-close-color: #000!important; 
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.swiper-container {
  margin-bottom: 75px;
}
.swiper-pagination-fraction{
z-index: 1;
	z-index: inherit;
	}
.swiper-pagination-fraction{
	bottom: var(--swiper-pagination-bottom,auto);
  top: var(--swiper-pagination-top,auto);
color:var(--primary)!important; }


.sample-link {
  position: relative;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: fit-content;
}
.sample-link .kotoba-hover {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(169,80%,77%,0.70);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.25s;
	z-index: 1;
	border-radius: var(--bs-border-radius) !important;
}

.sample-link .kotoba-hover .kotoba-hover-content i{
    font-size: 2rem;
    color: white!important;
}

.sample-link:hover .kotoba-hover {
    opacity: 1;
}

.sample-link:hover img{
transition: 0.5s;
  transform: scale(1.1);
}

.lightboxOverlay {
  background-color: var(--sakura) !important;
  opacity: 0.9;
}
.lb-dataContainer {
	position: relative;
}
.lb-closeContainer{
	float: none;
	position: absolute;
	top:0;
	right: 0;
	width: 45px;
	height: 45px;
	background-color: var(--primary)!important;
	border-radius: 23px;
	opacity:.7;
}
.lb-data .lb-close {
  display: block;
	float: none;
	position: absolute;
margin:auto;
		width:26px;
	height: 26px;
	top:0;
	bottom: 0;
	right: 0;
	left:0;
background: url("/maisho/2025spring/assets/img/close.png") top right no-repeat;
background-size: 26px 26px;}

.lb-closeContainer{
	opacity:1;}

.lb-data,
.lb-data .lb-number {
  color: #333;
}
.lb-nav a.lb-prev,
.lb-nav a.lb-next {
	display: block;
	position: relative;
	background:none;
	width: 40%;
}

.lb-nav a.lb-next:before {
	display: block;
	position: absolute;
	content: '';
	width: 45px;
	height: 45px;
	border-radius: 23px;
	top:0;
	bottom: 0;
	right: -23px;
	margin:auto;	
	background-color: var(--primary)!important;
	opacity:.7;
}
.lb-nav a.lb-next:after {
	display: block;
	position: absolute;
	content: '';
	width: 18px;
	height: 32px;
	top: 0;
	bottom: 0;
	right: -11px;
	margin: auto;
	background: url(/maisho/2025spring/assets/img/next.png)  top right  no-repeat;
	background-size: 18px auto;
}

.lb-nav a.lb-prev:before {
	display: block;
	position: absolute;
	content: '';
	width: 45px;
	height: 45px;
	border-radius: 23px;
	top:0;
	bottom: 0;
	left: -23px;
	margin:auto;	
	background-color: var(--primary)!important;
	opacity:.7;
}
.lb-nav a.lb-prev:after {
	display: block;
	position: absolute;
	content: '';
	width: 18px;
	height: 32px;
	top: 0;
	bottom: 0;
	left: -11px;
	margin: auto;
	background: url(/maisho/2025spring/assets/img/back.png)  top right  no-repeat;
	background-size: 18px auto;
}