@charset "utf-8";
/* CSS Document */




/*--------------------------------
スマホ section area
---------------------------------*/


section#sub_contents{
	width:90%;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	overflow:hidden;
}
main#main_contents{
	width:90%;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	overflow:hidden;
}

section#one_contents{
	width:90%;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	overflow:hidden;
}



section#sub_contents div.sidebar{
	width:90%;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	display: none;
}

section#sub_contents div.sidebar aside{
	width:100%;
	margin:0 auto 0px auto;
	padding:25px 0;
	text-align:center;
	background-color: rgb(255 255 255 / .7);
	position:relative;
}

/*--------------------------------------
  スマホ aside
--------------------------------------*/
div.sidebar .sidebar_t{
	padding:0px 0 35px 0;
	margin:40px  auto 0 0px;
	line-height:1.3;
	text-align:left;
	font-size:113%;
	
}
div.sidebar .sidebar_t span{
	display: flex;
  align-items: center;
  color: #003399;
  text-transform: uppercase;
}

div.sidebar .sidebar_t span::before {
  content: '';
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 2px;
  background-color: #06441F;
}


div.sidebar .sidebar_menu{
	width:80%;
	padding:55px 0 0 0;
	border-top:1px #E4B6B6 solid;
	margin:0 auto;
	text-align:left;
}

div.sidebar .sidebar_menu li{
	padding:0 0 30px 0;
	margin:0 auto;
	text-align:left;
}
div.sidebar .sidebar_menu li span{
	padding:0 0 0px 0;
	margin:0 auto;
	text-align:left;
	float: left;
}

/*--------------------------------
スマホ  image_right
---------------------------------*/
.image_right{
	padding:0 0 20px 0;
	margin:0 auto;
	clear: both;
	text-align:center;
}

.image_right img{
	width:100%;
	height:auto;
	margin:20px 0 0 0px;
	padding:0 0 30px 0;
	text-align:center;
	max-width:640px;
}


/*--------------------------------------
  スマホ sub_middle_t
--------------------------------------*/
.sub_middle_t{
	margin:60px auto 60px auto;
	text-align:center;
	width:100%;
	clear:both;
	padding:0 0 20px 0;
	border-bottom:5px #EDEAE0 solid;
}

.sub_middle_t h3{
	padding:0px;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-size:152%;
	letter-spacing:8px;
}

.sub_middle_t .middle_t_KiwiMaru{
		padding:10px 0 0px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:90%;
}
.sub_middle_t:first-child{
	margin:30px auto 60px auto;
}

/*--------------------------------------
 スマホ photo01
--------------------------------------*/
div.photo01{
	width:100%;
	margin:40px auto;
	text-align:center;
}
div.photo01 img{
	width:100%;
	margin:0px auto;
	text-align:center;
	height:auto;
	/*--max-width:600px;--*/
}

/*--------------------------------------
  スマホ three_box
--------------------------------------*/
.three_box{
	margin:20px auto 20px auto;
	text-align:center;
	padding:0;
	width:100%;
	clear:both;
}



.three_box li{
	width:31%;
	margin:0 3.5% 30px 0;
	vertical-align:top;
	overflow:hidden;
	float:left;
	
}

.three_box li img{
	height:auto;
	width:100%;
	max-width:640px;
}




.three_box li:nth-of-type(3n){
	margin:0 0 0 0;
}

/*--------------------------------------
  スマホ list_box
--------------------------------------*/
div.list_box{
	background-color: rgb(0 217 163 / .1);
	width:100%;
	padding:5% 5% 2% 5%;
	margin:30px auto;
	text-align:center;
}
div.list_box li{
	padding:0 0 20px 0;
	margin:0px auto;
	text-align:left;
}


div.list_box h5{
	font-size:113%;
	line-height:1.3;
	text-align:left;
	padding:0 0 10px 0;
	border-bottom:1px #80C080 solid;
	margin:0 0 30px 0;
	}

div.list_box h5:before{
    content: "\e92f";
	font-family: "Material Symbols Outlined";
	margin-right:5px;
	float:left;
	padding:0px 10px 0px 0px;
	}

div.list_box li p{
	padding:0 0 30px 0;
	margin:0px auto;
	text-align:left;
}

/*--------------------------------------
  スマホ　lineimg
--------------------------------------*/
.lineimg{
	margin:30px auto 30px auto;
	text-align:center;
	padding:0;
	width:100%;
	clear:both;
}
.lineimg img{
	width:100%;
	height:auto;
	max-width:250px;
	text-align:left;
}
/*--------------------------------------
  スマホ　lineimg02
--------------------------------------*/
.lineimg02{
	margin:30px auto 30px auto;
	text-align:center;
	padding:0;
	width:100%;
	clear:both;
}
.lineimg02 img{
	width:100%;
	height:auto;
	max-width:250px;
	text-align:left;
}
.lineimg02 li{
	width:48%;
	height:auto;
	display: inline-block;
}

/*--------------------------------
スマホ　surround_box01
---------------------------------*/
.surround_box01{
	border:10px #D6CEB8 solid;
	width:98%;
	padding:5%;
	margin:10px auto;
}
.surround_box01 p{
	text-align:left;
	padding:0 0 30px 0;
}
.surround_box01 p:last-child{
	text-align:left;
	padding:0 0 0px 0;
}

.surround_box01 h5{
	text-align:left;
	padding:0 0 30px 0;
	font-size:130%;
}
/*--------------------------------
スマホ　surround_box_white
---------------------------------*/
.surround_box_white{
	background-color: #fff;
	width:100%;
	padding:10%;
	margin:20px auto;
	clear: both;
}

.surround_box_white_l{
	width:100%;
	margin:0 0 30px 0;
	padding:0;
}
.surround_box_white_r{
	width:100%;
	margin:0;
	padding:0;
}

.surround_box_white p{
	text-align:left;
	padding:0 0 30px 0;
}
.surround_box_white p:last-child{
	text-align:left;
	padding:0 0 0px 0;
}

.surround_box_white h5{
	text-align:left;
	padding:10px;
	font-size:110%;
	background-color: #EBE4DC;
	margin: 0 0 20px 0;
}

.surround_box_white li{
	text-align: left;
	padding:0 0 10px 0;
}
.surround_box_white .syncable{
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 0 20px 0;
}
/*--------------------------------
スマホ pdfflyer_img
---------------------------------*/
.pdfflyer_img{
	width:100%;
	text-align:left;
	margin:30px auto;
	clear:both;
}

.pdfflyer_img img{
	text-align:left;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	max-width:540px;
}


/*--------------------------------------
  スマホ　qa-container
--------------------------------------*/
.qa-container {
    text-align: justify;
    margin-bottom: 0.5rem;
   }
.qa-container label {
    display: block;
    position: relative;
    background: rgb(255 255 255 / .8);
    padding: 1rem 2.5rem 1rem 0.5rem;
    cursor: pointer;
   }
   .qa-container label:after {
    content: '';
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    transform: rotate(45deg) translate(100%, 100%);
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0.5rem;
    margin-right: 1rem;
   }
   .qa-container input:checked ~ label:after {
    transform: rotate(-135deg) translate(-100%, -100%);
    margin-top: 0.75rem;
   }
   .qa-container input {
    display: none;
   }
   .qa-container p {
    height: 0px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out;
    margin: 0 0.5rem;
   }
   .qa-container input:checked ~ p {
    height:auto;
    opacity: 1;
    transition: opacity 0.3s 0.2s ease-in-out, height 0.3s ease-in-out;
    margin: 1rem 0.5rem;
   }
   ＠media (max-width: 600px) {
    .container {
     margin: 0;
     padding: 2rem 1rem;
    }
    .qa-container input:checked ~ p {
     height: 200px;
    }
   }


/*--------------------------------------
  スマホ　contact_area
--------------------------------------*/

section#contact_area{
	width:100%;
	margin:50px auto 40px auto;
	padding:5% 5% 2% 5%;
	text-align:center;
	background-color: rgb(255 255 255 / .5);
	letter-spacing:3px;
}
section#contact_area .contact_area_t{
	text-align:left;
	padding:0 0 20px 0;
	margin:0 auto 20px auto;
	border-bottom:1px #E4B6B6 solid;
	font-weight:bold;
	font-size:100%;
	
}

section#contact_area .contact_txt{
	text-align:left;
	padding:0px 0 20px 0;
	margin:0 ;
	
}

section#contact_area h5{
	text-align:left;
	padding:0px 0 5px 0;
	margin:0 ;
	
}

section#contact_area .wel-chan{
	float:right;
	width:70px;
	padding:30px 0 0 0;
}

section#contact_area .wel-chan img{
	width:100%;
	height:auto;
	max-width:150px;
}



/*--------------------------------------
 スマホ パンくず
--------------------------------------*/
div#breadcrumb {
	display:none;
}



/* ↑↑幅768px以下にてスマホ（768px以下のスマホ用）の設定***********************************/

/* ↓↓幅768px～1024pxまでタブレット（768px以上）の設定 ***********************************/

/*--------------------------------------
  切替 768px
--------------------------------------*/

@media print,screen and (min-width : 768px){

/*--------------------------------------
  768 sub_contents
--------------------------------------*/

section#sub_contents{
	width:90%;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
}



/*--------------------------------------
  768 sidebar
--------------------------------------*/




/*--------------------------------------
  768　lineimg
--------------------------------------*/
.lineimg{
	margin:30px auto 30px auto;
	text-align:center;
	padding:0;
	width:100%;
	clear:both;
		clear:both;
	display:block;
}
.lineimg img{
	width:100%;
	height:auto;
	max-width:150px;
	text-align:left;
	float:left;

}






/*--------------------------------------
  768 パンくず
--------------------------------------*/
div#breadcrumb {
	padding: 10px 0 50px 0px;
	margin:0 auto;
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	display:inline-block;
	font-size:80%;
}

div#breadcrumb ul {
	padding:0 0px 0 0;
}

div#breadcrumb li {
  display: inline-block;
  text-align:left;
}

div#breadcrumb li:not(:first-child)::before {
  margin: 0px 2px;
  content: "\e5cc";
  font-family: "Material Symbols Outlined";
}


}/*768end*/








/* ↓↓　1024px以上にてPCの設定 
***********************************/

/*--------------------------------------
  切替 1024px
--------------------------------------*/

@media print,screen and (min-width : 1024px) {



/*--------------------------------------
  1024px 
--------------------------------------*/

/*--------------------------------
1024 section area
---------------------------------*/

section#one_contents{
	width:1100px;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	clear:both;
}


section#sub_contents{
	width:1100px;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	clear:both;
}


section#sub_contents main#main_contents{
	width:690px;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	float:right;
}

section#sub_contents div.sidebar{
	width:340px;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	float:left;
	display: inline-block;
}

section#sub_contents div.sidebar aside{
	width:100%;
	margin:0 auto 0px auto;
	padding:25px 0;
	text-align:center;
	background-color: rgb(255 255 255 / .7);
	position:relative;
}

/*--------------------------------------
  1024px aside
--------------------------------------*/
div.sidebar .sidebar_t{
	padding:0px 0 35px 0;
	margin:0  auto 0 0px;
	line-height:1.3;
	text-align:left;
	font-size:113%;
	
}
div.sidebar .sidebar_t span{
	display: flex;
  align-items: center;
  color: #003399;
  text-transform: uppercase;
}

div.sidebar .sidebar_t span::before {
  content: '';
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 2px;
  background-color: #003399;
}


div.sidebar .sidebar_menu{
	width:80%;
	padding:55px 0 0 0;
	border-top:1px #E4B6B6 solid;
	margin:0 auto;
	text-align:left;
}



/*--------------------------------
1024  pdfflyer_img
---------------------------------*/
.pdfflyer_img{
	width:100%;
	text-align:left;
	margin:30px auto;
}

.pdfflyer_img img{
	text-align:left;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	max-width:540px;
}

/*--------------------------------------
  1024px surround_box_white
--------------------------------------*/
div.surround_box_white{
	width:100%;
	margin:20px auto;
	padding:10%;
	clear:both;
	text-align:center;
}

.surround_box_white_l{
	width:46%;
	float:left;
	margin:0 8% 0 0;
	padding:0;
}
.surround_box_white_r{
	width:46%;
	float:right;
	margin:0;
	padding:0;
}



/*--------------------------------
1024  image_right
---------------------------------*/
.image_right{
	padding:0 0 20px 0;
	margin:0 auto;
	clear: both;
	text-align:center;
}

.image_right img{
	width:400px;
	height:auto;
	float:right;
	margin:0px 0 0 30px;
	text-align:center;
	padding:0 0 30px 0;
}

/*--------------------------------------
  1024 three_box
--------------------------------------*/
.three_box{
	margin:20px auto 20px auto;
	text-align:center;
	padding:0;
	width:100%;
	clear: both;
}

.three_box li{
	width:31%;
	margin:0 3.5% 30px 0;
	float:left;
	vertical-align:top;
	
}






.three_box li:nth-of-type(3n){
	margin:0 0 0 0;
}



/*--------------------------------------
  1024px sub_middle_t
--------------------------------------*/
.sub_middle_t{
	margin:60px auto 60px auto;
	text-align:center;
	width:100%;
	clear:both;
}

.sub_middle_t h3{
	padding:0px;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-size:152%;
	letter-spacing:8px;
}

.sub_middle_t .middle_t_KiwiMaru{
		padding:10px 0 0px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:90%;
}

.sub_middle_t:first-child{
	margin:40px auto 60px auto;
}



/*--------------------------------------
  1024px contact_area
--------------------------------------*/

section#contact_area{
	width:100%;
	margin:50px auto 40px auto;
	padding:30px 30px 10px 30px;
	text-align:center;
	background-color: rgb(255 255 255 / .5);
}
section#contact_area .contact_area_t{
	text-align:left;
	padding:0 0 20px 0;
	margin:0 auto 20px auto;
	border-bottom:1px #E4B6B6 solid;
	font-weight:bold;
	font-size:113%;
	
}

section#contact_area .contact_txt{
	text-align:left;
	padding:0px 0 20px 0;
	margin:0 ;
	
}

section#contact_area h5{
	text-align:left;
	padding:0px 0 5px 0;
	margin:0 ;
	
}

section#contact_area .wel-chan{
	float:right;
	width:100px;
	padding:30px 0 0 0;
}

section#contact_area .wel-chan img{
	width:100%;
	height:auto;
	max-width:150px;
}







}/*1024end*/


/* ↓↓　1300px以上にてPCの設定 
***********************************/

/*--------------------------------------
  切替 1300px
--------------------------------------*/

@media print,screen and (min-width : 1300px) {

/*--------------------------------
1300 
---------------------------------*/




}/*1300end*/







/* ↓↓　PCのプリント設定 */

/*--------------------------------------
  切替 printのみ
--------------------------------------*/

@media print {

body {
	width: 100%;
	box-sizing: border-box;
	width: 297mm;
	height: 210mm;
	margin: 0;
	padding: 10mm;
	-webkit-print-color-adjust: exact; //safari、Chrome用
    color-adjust: exact;
	background: none;
}	
.global-nav-box{
	display: none;
}
.hamburger-menu{
	display: none;
}

.sidebar{
	display: none;
}

aside{
	display: none;
}
footer{
	display: none;
}

#footmenu{
	display: none;
}

	
.page-break {
    page-break-before: always;
}

#main_contents{
	width: 100%;
}
#breadcrumb{
	display: none;
}


/*--------------------------------------
  TOPへ戻る
--------------------------------------*/

.pagetop {
	display:none;
}
	
	
	
}/*print　end*/