@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

html{
	
}

body{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 600;
	line-height:200%;
	font-size:clamp(14px, 2.3vw, 16px);
	line-height:1.5em;
	margin:0;
}


#main{
	margin:0;	
}



.fw-400{
	font-weight:600;
	font-size:clamp(14px, 2.3vw, 16px);
	line-height:1.5em;
}

:root {
	--black:#2c2a2a;
	--green: #36afa3;
	--green2:#31564f;
	--green3:#f2fefd;
	--orange:#f05a3b;
	--orange2:#fff5ec;
	--blue:#0087dc;
	--yellow:#fffacf;
	--gray:#f5f5f5;
	--radius:30px;
	--content-width:1280px;
	--content-width-s:960px;
	
	--wide: 1200px;
    --middle: 960px;
}

#sidebar{
	/*display:none;*/
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
	align-content
}


.e_font{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
}

.blue_t{
	color:var(--blue);
}

.green_t{
	color:var(--green);
}
.green2_t{
	color:var(--green2);
}
.green3_t{
	color:var(--green3);
}

.orange_t{
	color:var(--orange);
}

.btn_fade{
	transition:0.2s;
}

.btn_fade:hover{
	opacity:0.5;
}


.small{
	font-size:80%;
}

.red{
	color:var(--red);
}


p{
	margin-top:1em;
	line-height:1.5em;
}

.big{
	font-size:150%;
}

.text_center{
	text-align:center;
}


img.responsive{
	width:100%;
}

hr{
	border:none;
	padding:40px 0;
}

#content{
	margin-top:0;
}

.text_center{
	text-align:center;
}

@media all and (min-width: 1024px) {
	.sp{
		display:none;
	}
	.pc{
		display:block;
	}
}

@media all and (max-width: 1023px) {
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}
	
}


@media all and (max-width: 1023px) {
	html{
		margin-top:50px !important;
	}
}


/*------------------------------------
 * section.content
 -----------------------------------*/

article.content_wide{
	max-width:var(--wide);
	width:100%;
	margin:5em auto;
	padding:0;
}

article.content_middle{
	max-width:var(--middle);
	width:100%;
	margin:10em auto;
}


@media all and (max-width: 1366px) {
	article.content_wide,
	article.content_middle{
		width:calc(100% - 5em - 5em);
		margin:5em auto;
	}
}


@media all and (max-width: 1024px) {
	article.content_wide,
	article.content_middle{
		width:90%;
	}
}



/*------------------------------------
 * table1
 -----------------------------------*/
.table1{
	margin:1em 0;
}
.table1 table{
	text-align:left;
}
.table1 table th{
	width:200px;
}
@media all and (max-width: 767px) {
	.table1 td,
	.table1 th{
		display:block;
	}
	.table1 table th{
		width:100%;
	}
	
	.table1 table th{
		background:var(--cocoon-xxx-thin-color);
	}
	.table1 table tr:nth-of-type(2n+1){
		background:none;
	}
}



/*------------------------------------
 * btn_p
 -----------------------------------*/
.btn_p a,
.btn_p a:visited{
	background:#fff;
	color:var(--orange);
	border:var(--orange) solid 1px;
	
	border-radius:10px;
	padding:12px 60px 12px 30px;
	font-size:1em;
	text-decoration:none;
	position:relative;
	transition:0.2s;
	line-height:2em;
	font-weight:600;
	
	display:block;
	margin:0 auto;
	width:300px;
}


.btn_p a:hover{
	background:var(--orange);
	color:#fff;
	box-shadow:var(--orange) 0 0 5px;
}

.btn_p a:active{
	box-shadow:none;
}

.btn_p a:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position:absolute;
	height:100%;
	display:block;
	top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	line-height:3.5em;
}



.btn_p.btn_p2 a,
.btn_p.btn_p2 a:visited{
	background:var(--orange);
	color:#fff;
}

.btn_p.btn_p2 a:hover{
	background:#fff;
	color:var(--orange);
}

/*middle*/
.btn_p.middle a{
	display: block;
    width: 100%;
    text-align: center;
    border-radius: 35px;
}

.btn_p.middle a:after{
	top:1em;
}

/*big*/
.btn_p.big a{
	padding:30px 80px;
	border-radius:50px;
}


.btn_p.big a:after {
	right:20px;
	top:1em;
}




/*
@media all and (max-width: 1023px) {

	.btn_p.big a {
		display:block;
		padding:20px 50px 20px 20px;
		width:100%;
		text-align:center;
	}
	
	.btn_p.big a:after {
		top:20px;
	}
	
	.btn_p a,
	.btn_p a:visited{
		width:100%;
	}
}
*/






/*------------------------------------
 * h
 -----------------------------------*/

h2.section_h2{
	text-align:center;
	color:var(--green);
	line-height:0.5;
	margin-bottom:2em;
	font-size:clamp(20px, 2.3vw, 30px);
}

h2.section_h2 .e_font{
	color:var(--black);
	display:block;
	background:url("http://amuzin.jp/wp-content/uploads/2024/10/h2_line.gif") center bottom no-repeat;
	padding-bottom:0.5em;
	font-size:200%;
}

h3.section_h3{
	padding:0;
	border:none;
	margin-top:2em;
	margin-bottom:1em;
	font-size:clamp(18px, 2.3vw, 24px);
}


/*--------------------------
 * gray_box 
 * -----------------------*/
.gray_box {
	background:var(--gray);
}



/*--------------------------
 * radius_box 
 * -----------------------*/
.radius_box {
	border-radius:1em;
}




/*--------------------------
 * padding_box 
 * -----------------------*/
.padding_box {
	padding:2em;
}


@media all and (max-width: 1023px) {
	.padding_box {
		padding:1em;
	}
}





/*--------------------------
 * yellow_box
 * -----------------------*/
.yellow_box{
	background:var(--yellow);
}


/*--------------------------
 * white_box
 * -----------------------*/
.white_box{
	background:#fff;
}


/*--------------------------
 * border_box
 * -----------------------*/
.border_box{
	border:var(--gray) solid 1px;
}


/*-------------------------
 * .flex_box
 * ----------------------*/
.flex_box{
	display:flex;
	justify-content: space-between;
	gap:1em;
}

.flex_box .box{
	width:100%;
}

.flex_box.flex_2,
.flex_box.flex_3,
.flex_box.flex_4{
	flex-wrap: wrap;
	justify-content: flex-start;
}

.flex_box.flex_2 .box{
	width:calc((100% - 1em) / 2);
}

.flex_box.flex_3 .box{
	width:calc((100% - 1em - 1em) / 3);
}

.flex_box.flex_4 .box{
	width:calc((100% - 1em - 1em - 1em) / 4);
}


@media all and (max-width: 1023px) {
	.flex_box.flex_4 .box{
		width:calc((100% - 1em) / 2);
	}
}

@media all and (max-width: 767px) {
	.flex_box.flex_2 .box{
		width:100%;
	}
	.flex_box.flex_3{
		justify-content:flex-start;
	}
	.flex_box.flex_3 .box{
		width:calc((100% - 1em) / 2);
	}
}






/*-------------------------
 * .grid_box
 * ----------------------*/

.grid_box{
	display:grid;
}

.grid_box.grid_3{
	grid-template-columns: 1fr 1fr 1fr;
}






/*-------------------------
 * .notes_box
 * ----------------------*/
.notes_box{
	font-size:80%;
}

.notes_box p:first-child{
	margin-top:0;
}


/*--------------------------
 * card 
 * -----------------------*/

.card{
	border-radius:1em;
}
.card a{
	color:var(--black);
	text-decoration:none;
	transition:.2s;
	display:block;
	border-radius:1em;
}

.card a:hover{
	opacity:0.5;
}
.card .thum{
	display:block;
	line-height:0;
}

.card .thum img{
	border-radius:1em 1em 0 0 ;
	aspect-ratio: 3 / 2;
    height: 100%;
    object-fit: cover;
}

.card .text_box{
	display:block;
	padding:1em;
	border-radius:0 0 1em 1em;
}

.card .text_box .title{
	display:block;
	width:100%;
	text-align:center;
	color:var(--orange);
	padding-bottom:1em;
	font-size:clamp(20px, 2.3vw, 30px);
}







/* accordion
-----------------------------------*/

.accordion {
  width: 100%;
	margin-bottom:100px;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: var(--padding);
  /*background: #62c9c7;*/
  cursor: pointer;
  margin: 5px 0;
  position: relative;
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  /*content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);*/
}

.accordion-open::after{
	content: '▼';
	/*font-size: 2.5rem;*/
	/*width: 20px;
	height: 20px;*/
	position: absolute;
	top: 25%;
	right: 1em;
}

/* アイコンのー */
.accordion-open::after {
  /*transform: translateY(-50%) rotate(90deg);*/
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  /*transform: translateY(-50%) rotate(0);*/
	transform:rotate(180deg); 
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* ↑ここまで共通 */


/* Q&A追加 */
.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}
/*
.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.6em;
  left: -1.3em;
}

.accordion_qa .Q::before {
  content: 'Q.';
}
*/

.accordion_qa .A::before {
  /*content: 'A.';*/
}

.accordion_qa .accordion-open {
	padding: 10px 20px;
	padding-right:40px;
 	/*padding-left: 3em;*/
}

.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 30px;
	background:var(--green3);
	color:var(--black);
	border-radius:0 0 1em 1em;
}
/* Q&A追加ここまで */




.accordion_qa .Q::before, .accordion_qa .A::before{
	/*font-size: 1em;*/
	top: 0;
}
.accordion_qa .Q, .accordion_qa .A{
	/*font-size: 2.5rem;*/
}
.accordion_qa .inner{
	/*border:var(--gray2) solid 2px;*/
	background: var(--green);
	color:#fff;
	border-radius: 40px;
	margin-bottom: 20px;
	transition: 0.2s;
}

.accordion_qa .inner:last-child{
	margin: 0;
}
/*
.accordion_qa .inner:hover{
	background: var(--yellow);
}
*/


/*
@media all and (max-width: 1199px) {
	.accordion_qa .Q, .accordion_qa .A{
		font-size: 1.8rem;
	}
	.accordion_qa .font_bold .Q{
		
	}
	.accordion_qa .accordion-open{
		padding-right: 2em;
	}
	
	.accordion-open::after{
		font-size: 1.5rem;
	}
	
}

*/

@media all and (max-width: 1023px) {
	.accordion_qa .inner{
		border-radius:1em;
		
	}
}



/*-------------------------
 * contact_box
 * -----------------------*/

.contact_box .content{
	max-width:640px;
	width:100%;
	margin:5em auto;
}

.contact_box .content .box{
	width:100%;
	height:calc(250px - 10px -　10px);
	text-align:center;
	background:var(--orange);
	padding:10px;
	border-radius:1em;
	margin-bottom:2em;
}

.contact_box .content .box:last-child{
	margin-bottom:0;
}

.contact_box .content .box a{
	background:var(--orange);
	color:#fff;
	width:100%;
	height:100%;
	display:block;
	border:#fff solid 1px;
	text-decoration:none;
	border-radius:1em;
	font-weight:600;
	padding:1em;
	position:relative;
}

.contact_box .content .box a span{
	display:block;
	line-height:1em;
}

.contact_box .content .box a span.text{
	padding-bottom:1em;
}

.contact_box .content .box a span.tel{
	font-size:clamp(40px, 4vw, 80px);
	padding-bottom:0.2em;
}

.contact_box .content .box a span.mail{
	font-size:clamp(24px, 3vw, 40px);
}



.contact_box .content .box.mail{
	transition:.2s;
}

.contact_box .content .box.mail:hover{
	opacity:0.5;
}


@media all and (max-width: 767px) {
	.contact_box .content{
		width:90%;
	}
	.contact_box .content .box{
		margin-bottom:1em;
	}
	
	
	
}


/*
@media all and (max-width: 1023px) {
	.contact_box .wrapper{
		flex-flow: column;
	}
	
	
	.contact_box .wrapper .box a span.mail{
		padding-top:0;
	}
}
*/


/*--------------------------
 * header-container
 * -----------------------*/
#header-container{
	background:none;
	/*position:absolute;
	top:0;
	left:0;
	z-index:10;*/
	width:100%;
}
#header-container #header-container-in{
	width:100%;
	padding:30px;
	/*padding-right:5em;*/
}
.header-container-in.hlt-top-menu .navi{
	background:none;
}


.header-container-in.hlt-top-menu.hlt-tm-small .logo-header,
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header img{
	height:100%;
	max-height:106px;
}



#header-in .logo a{
	padding:0;
	margin:0;
	text-align:left;
}

#header-in .logo a span{
	width:100%;
}

#header-in .logo a span img{
	max-height:106px;
	max-width:200px;
}
#header{
	width:20%;
	max-width:260px;
}



@media all and (max-width: 1023px) {
	.logo-menu-button.menu-button{
		display:none;
	}
	#header-container #header-container-in{
		padding:0;
	}
	.logo{
		position:fixed;
		top:0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index:1;
	}
	
	.header-container-in.hlt-top-menu.hlt-tm-small .logo-header{
		max-height:50px;
		z-index:100;
	}
	
	#header-in .logo a span img{
		max-height:50px;
		padding:5px;
	}
	
}




/*------------------------
 * nav
 * ---------------------*/
#navi{
	width:80%;
	max-width:calc(100% - 260px);
}
#navi .navi-in > ul{
	flex-wrap: nowrap;
    /*height: 100px;*/
    align-items: center;
    flex-direction: row;
}
#navi .navi-in>ul>li{
	width:auto;
	height:100%;
}

#navi .navi-in a, #navi .navi-in a:hover{
	background:none;
	font-size:clamp(14px, 2.3vw, 20px);
}
.navi .item-label, .navi .item-description{
	height:100px;
	display:table-cell;
	vertical-align:top;
	padding:10px;
	font-weight:bold;
	transition:.2s;
	padding-top:3em;
}

.navi .item-label:hover{
	opacity:0.5;	
}


@media all and (min-width: 1024px) {
	#navi .navi-in > ul li:nth-child(1),
	#navi .navi-in > ul li:nth-child(5),
	#navi .navi-in > ul li:nth-child(7),
	#navi .navi-in > ul li:nth-child(8),
	#navi .navi-in > ul li:nth-child(9){
		display:none;
	}
}

@media all and (max-width: 1023px) {
	#navi-menu-content{
		top:50px;
		width:100%;
		background:var(--green3);
	}
	
	
	#navi-menu-close, #sidebar-menu-close, #search-menu-close, #share-menu-close, #follow-menu-close{
		display:none !important;
	}
	
	.menu-close-button{
		text-align:right;
		padding-right:20px;
	}
	
}




/*------------------------
 * header_btn
 * ------------------------*/

#header_btn{
	position:absolute;
	top:30px;
	right:30px;
	z-index:11;
}
#header_btn .btn_p.btn_p{
	margin:0;
}

#header_btn .btn_p.btn_p2 a:after{
	display:none;
}

#header_btn .btn_p.btn_p2 a{
	
/*padding:1em 2em;-*/
	display:inline;
	font-size:clamp(14px, 2.3vw, 24px);
}


.search-menu-button{
	display:none !important;
}

#header_btn .pc_t{
	display:inline;
}

#header_btn .sp_t{
	display:none;
}

@media all and (max-width: 1023px) {
	#header_btn{
		position:fixed;
		top:0;
		right:0;
	}
	#header_btn .btn_p.btn_p2 a{
		border-radius:0;
		padding:0;
		height:50px;
		display:block;
		border:none;
		width:auto;
		line-height:50px;
		padding:0 20px;
	}

	#header_btn .sp_t{
		display:inline;
	}
	#header_btn .pc_t{
		display:none;
	}
}


/*-------------------------
 * .content-in
 * ----------------------*/
.content-in{
	display:block;
	width:100%;
}




/*-------------------------
 * sidebar
 * -----------------------*/
#sidebar{
	position:fixed;
	bottom:10px;
	right:0;
	z-index:11;
	border:none;
	background:none;
	width:auto;
	padding:0;
}

#sidebar .btn_p.btn_p2{
	writing-mode: vertical-rl;
	margin:0;
}

#sidebar .btn_p.btn_p2 a:after{
	display:none;
}

#sidebar .btn_p.btn_p2 a{
	padding:10px 20px;
	display:block;
	border-radius:10px 0 0 10px;
	width:auto;
}

#sidebar .btn_p.btn_p2 a i{
	margin-bottom:10px;
}

#sidebar #sidebar-scroll aside{
	margin-bottom:10px;
}

#sidebar .btn_p.btn_p2.blue a{
	background:var(--blue);
	border-color:var(--blue);
}

#sidebar .btn_p.btn_p2.blue a:hover{
	background:#fff;
	color:var(--blue);
	box-shadow:var(--blue) 0 0 5px;
}


@media all and (max-width: 1023px) {
	#sidebar {
		bottom:0;
		left:0;
		width:100%;
		margin:0;
	}
	
	#sidebar .btn_p.btn_p2{
		writing-mode:horizontal-tb;
		
	}
	
	#sidebar .btn_p.btn_p2 a i{
		margin-right:10px;
	}
	#sidebar #sidebar-scroll{
		display:flex;
		width:100%;
		background:#fff;
		gap:1px;
	}
	
	#sidebar #sidebar-scroll>aside{
		width:100%;
		margin-bottom:0;
		text-align:center;
	}
	
	#sidebar #sidebar-scroll>aside:first-child,
	#sidebar #sidebar-scroll .contact_btn{
		display:none;
	}
	
	#sidebar .btn_p.btn_p2 a{
		border-radius:0;
		padding-left:0;
		padding-right:0;
	}
}





/*--------------------------
 * main
 * ------------------------*/
#main{
	width:100%;
	padding:0;
	border:none;
}

#main header h1{
	padding:5em 10%;
}

@media (max-width: 1023px) {

	#main header h1{
		padding:10%;
	}
}


/*--------------------------
 * main_visual
 * ------------------------*/

#main_visual{
	display:flex;
	align-items: center;
	justify-content: space-between;  
	width:100%;
}
#main_visual ul{
	width: 70%;
	aspect-ratio: 16 / 9;
    
	padding:0;
	position:relative;
}

#main_visual ul.img li{
	margin:0;
	width:100%;
	height:100%;
	text-align:right;
	overflow:hidden;
	display:block;
	
	position:absolute;
	bottom:0;
	right:0;
	border-radius:50px 0 0 50px;
}


#main_visual ul.img li:nth-child(1){
	background:url("http://amuzin.jp/wp-content/uploads/2025/02/main_visual_1_20250210_1.jpg") center no-repeat;
	background-size:cover;
}

#main_visual .text_box{
	line-height:150%;
	padding-left:30px;
	font-size:clamp(16px, 2.3vw, 40px);
	flex: 1;
}



@media all and (max-width: 767px) {
	#main_visual{
		display:block;
		position:relative;
	}
	
	#main_visual ul{
		width:100%;
	}
	#main_visual ul.img li{
		border-radius:0;
	}
	
	#main_visual .text_box{
		width:70%;
		text-align:center;
		position:absolute;
		bottom:-3em;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index:10;
		background:#fff;
		padding:1em;
		border-radius:20px;
	}
}


/*--------------------------
 * info_box
 * -------------------------*/

.info_box .wrapper{
	position:relative;
	padding-bottom:50px;
}


.info_box .wrapper .back_l,
.info_box .wrapper .back_r{
	margin:0;
	position:absolute;
	top:0;
	width:30%;
	height:100%;
	display:block;
}

.info_box .wrapper .back_l{
	background:url("http://amuzin.jp/wp-content/uploads/2024/10/flag_l.png") top left no-repeat;
	background-size:contain;
	left:0;
}
.info_box .wrapper .back_r{
	background:url("http://amuzin.jp/wp-content/uploads/2024/10/flag_r.png") top right no-repeat;
	background-size:contain;
	right:0;
}


.info_box .wrapper h2{
	text-align:center;
	margin:0;
	padding:0;
	line-height:1.5em;
	padding-top:2em;
	position:relative;
	z-index:2;
}

.info_box .wrapper h2 .e_font{
	color:var(--black);
	font-size:clamp(24px, 2.3vw, 45px);
}

.info_box .wrapper .flex_box{
	padding:2em;
	position:relative;
	z-index:2;
	max-width:1300px;
	width:100%;
	margin:0 auto;
}

.info_box .wrapper .flex_box .box{
	text-align:center;
}

.info_box .wrapper .btn_box{
	padding:0 5%;
}
.info_box .wrapper .btn_p{
	text-align:center;
}



@media all and (max-width: 767px) {
	.info_box .content_wide{
		width:100%;
	}

	.info_box .content_wide .wrapper{
		border-radius:0;
	}
	
}





/*--------------------------
 * about
 * -------------------------*/

#about{
	background:var(--yellow) url("http://amuzin.jp/wp-content/uploads/2024/10/about_back.jpg") center bottom no-repeat;
	background-size:contain;
}

#about:before,
#about:after{
	display:block;
	content:"";
	height:5px;
	width:100%;
	background:url("http://amuzin.jp/wp-content/uploads/2024/10/line.gif") repeat-x;
}

#about .box_header{
	text-align:center;
	margin-bottom:2em;
}

#about .box_header .box.text_box{
}


#about .box_header .box.text_box h2{
	color:var(--green);
	line-height:150%;
	margin-bottom:1em;
	font-size:clamp(24px, 2.3vw, 50px);
}


#about .box_header .box.img_box img{
	border-radius:30px 0 0 30px;
}


#about .box_body{
	display:grid;
    gap: 2em;
	grid-template-columns: 1fr 1fr;
}
#about .box_body .box:nth-child(even){
	padding-top:5em;
}

#about .box_body .text_box{
	margin-top:-3em;
	position:relative;
	z-index:2;
}

#about .text_box h3{
	color:var(--green);
	display:table;
}
#about .text_box h3 span{	
	display:table-cell;
	vertical-align:middle;
}
#about .text_box h3 span.number{
	background:var(--green);
	color:#fff;
	display:block;
	width:2em;
	height:2em;
	border-radius:50%;
	line-height:2em;
	text-align:center;
	font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
	font-style:italic;
	/*font-size:2em;*/
}


#about .text_box h3 span.text{
	padding-left:5px;
}



#about .video{
	background:var(--green);
	color:#fff;
	text-align:center;
	width:80%;
	margin:2em auto;
}

#about .video .text{
	margin:0;
	padding-bottom:1em;
	font-size:clamp(20px, 2.3vw, 30px);
}


#about .video video{
	width:100%;
}



@media all and (max-width: 767px) {
	#about .box_body{
		display:block;
	}
	#about .box_body .box:nth-child(even){
		padding-top:2em;
	}

	#about .video{
		width:100%;
	}
	
	#about .box_body .text_box{
		margin-top:-50px;
	}
}


/*
@media all and (max-width: 1023px) {
	.index.about .box_header{
		display:block;
		padding:5%;
	}
	
	.index.about .box_header .box.text_box,
	.index.about .box_header .box{
		width:100%;
	}
	
	.index.about .box_header .box.img_box img{
		border-radius:30px;
	}
	
	.index.about .box_body{
		grid-template-columns: 1fr;
	}
	
	.index.about .box_body .box:nth-child(even){
		padding-top:0;
	}
}
*/






/*--------------------------
 * method
 * -------------------------*/
#method{
	background:var(--green3);
	padding:1px 0;
}

#method h2{
	text-align:center;
	color:var(--green);
	margin-bottom:30px;
	font-size:clamp(30px, 2.3vw, 50px);
}



/*-------------------------
 * covid-19
 * --------------------------*/


#covid-19 h2{
	text-align:center;
	font-size:clamp(20px, 2.3vw, 35px);
	line-height:1.2em;
}

#covid-19 .grid_box{
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	padding:1em;
}

#covid-19 .grid_box .box{
	text-align:center;
}


#covid-19 .white_box span{
	font-size:clamp(18px, 2.3vw, 24px);
}

#covid-19 .grid_box .box:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
#covid-19 .grid_box .box:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
#covid-19 .grid_box .box:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
#covid-19 .grid_box .box:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
#covid-19 .grid_box .box:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
#covid-19 .grid_box .box:nth-child(6) { grid-area: 2 / 3 / 3 / 4; }
#covid-19 .grid_box .box:nth-child(7) { grid-area: 3 / 1 / 4 / 2; }
#covid-19 .grid_box .box:nth-child(8) { grid-area: 3 / 2 / 4 / 4; }



@media all and (max-width: 767px) {
	#covid-19 .grid_box {
		display:block;
		padding:0;
	}
	
	#covid-19 .grid_box .box{
		width:50%;
		float:left;
	}
	
	#covid-19 .grid_box .box:nth-child(8){
		float:none;
		clear:both;
		width:100%;
	}

}



/*-------------------------
 * flow
 * --------------------------*/


#flow .box {
	padding-bottom:50px;
	padding-left:70px;
	border-left:var(--green) solid 10px;
	margin:0 20px;
}


#flow .box:last-child{	
	border-color:#fff;
}


#flow .inner .box h3{
	color:var(--green);
	position:relative;
	font-size:clamp(20px, 2.3vw, 28px);
}
#flow .inner .box h3:before{
	display:block;
	content:"";
	
	position:absolute;
	left:-100px;
	top:0;
	width:40px;
	height:40px;
	border-radius:50%;
	border:var(--green) solid 5px;
	background:#fff;
}


@media all and (max-width: 767px) {
	#flow .inner .box{
		padding-left: 30px;
        margin: 0;
	}
	
	#flow .inner .box h3:before{
		left:-50px;
		width:20px;
		height:20px;
	}
}





/*--------------------------
 * faq
 * ------------------------*/


#faq .flex_box .box {
	line-height:1em;
}


#faq .flex_box .box span.thum{
	display:block;
}
#faq .flex_box .box span.text{
	display:block;
	padding-top:1em;
}

#faq .flex_box .box span.text span{
}



/*---------------------------
 * company
 * ------------------------*/

#company .inner .thum{
	max-width:var(--content-width-s);
	width:100%;
	margin:0 auto;
}

#company h3{
	padding:1em 0;
	font-size:clamp(24px, 2.3vw, 30px);
}



/*------------------------
 * footer
 * -----------------------*/

#footer{
	padding:0;
	margin:0;
	background:var(--orange2);
}


#footer:before{
	display: block;
    content: "";
    height: 5px;
    width: 100%;
    background: url(http://amuzin.jp/wp-content/uploads/2024/10/line.gif) repeat-x;
}

#footer-in{
	padding-top:3em;
	width:100%;
}

#footer-in .banner ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap: wrap;
    justify-content: center;
	padding:1em;
}

#footer-in .banner ul li{
	margin:0;
	padding:0;
	list-style:none;
	max-width:780px;
	width:100%;
}
#footer-in .footer-bottom{
	padding:0;
}

#footer-in .navi-footer-in > .menu-footer li{
	border:none;
}


#footer-in .copyright{
	background:var(--black);
	color:#fff;
}




@media all and (max-width: 1023px) {
	#footer{
		padding-bottom:57px;
	}
}



/*-----------------------------
 * form_box
 * ------------------------*/

.form_box input[type="submit"]{
	background: #fff;
    color: var(--orange);
    border: var(--orange) solid 1px;
    border-radius: 10px;
    padding: 12px 30px 12px 30px;
    font-size: 1em;
    text-decoration: none;
    position: relative;
    transition: 0.2s;
    line-height: 2em;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    width: 300px;
}

.form_box input[type="submit"]:hover{
	background:var(--orange);
	color:#fff;
	box-shadow:var(--orange) 0 0 5px;
}


/*---------------------------
 * 固定ページ
 * ----------------------*/
main article.article {
	max-width:var(--middle);
	width:100%;
	margin:0 auto;
}

@media (max-width: 1366px) {
    main article.article {
        width: calc(100% - 5em - 5em);
        margin: 5em auto;
    }
}

@media (max-width: 1024px) {
    main article.article {
        width: 90%;
    }
}

#main header h1{
	padding:0;
	font-size:clamp(20px, 2.3vw, 40px);
}



/*------------------------
 * 投稿ページ
 * -------------------------*/
.category-content #archive-title .fas,
.category-content .category-page-content.entry-content{
	display:none;
}

#list,
.under-entry-content{
	max-width: var(--middle);
    width: 100%;
    margin: 10em auto;
}

#breadcrumb{
	max-width: var(--middle);
    width: 100%;
    margin: 0 auto;
}

#pager-post-navi{
	flex-direction:row;
}

.post-navi-default.post-navi-border a{
	width:50%;
	border-top-width:1px !important;
}


.pagination-next a{
	background: #ffffff;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 10px;
    border: var(--orange) solid 1px;
    color: var(--orange);
}
.pagination-next a:hover{
	background:var(--orange);
	color:#fff;
}

h1#archive-title{
	max-width: var(--middle);
    width: 100%;
    margin: 0 auto;
	padding: 0;
    font-size: clamp(20px, 2.3vw, 40px);
}


h1#archive-title span{
	display:none;
}


@media (max-width: 1366px) {
    #list ,
	.under-entry-content{
        width: calc(100% - 5em - 5em);
        margin: 5em auto;
    }

	#breadcrumb {
        width: calc(100% - 5em - 5em);
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {
    #list ,
	#breadcrumb ,
	.under-entry-content{
        width: 90%;
    }
}