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

.lock {
	overflow:hidden;
}

.modal-content {
	position:relative;
	display:none;
	width:88%;
	/*margin:30px;*/
	padding:10px 10px;
	/*border:2px solid #aaa;*/
	background:#fff;
}

.modal-content p {
	margin:0;
	padding:0;
}

.modal-overlay {
	z-index:99;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
	z-index:102;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
}


.modal-open01,.modal-open02 {
	background:#FFFFFF;
	padding: 5px 0px 4px 0px;
	/*height:30px;高さ*/
	/*text-decoration:underline;*/
}

.site-header.transform .modal-open01,.site-header.transform .modal-open02 {
	background:#282828;
}

.modal-open01 {
    margin-bottom: 2px;
}

.modal-open:hover,.modal-open01:hover,.modal-open02:hover {
	cursor:pointer;
	/*color:#f00;*/
}

.modal__closesw {
	width: 100%;
	text-align: center;
	font-size: 48px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000000;
}

.modal-close {
	color: #000000;
}

.modal-close:hover {
	cursor:pointer;
	color: #dddddd;
}

.modal__closesw {
	width: 100%;
	text-align: center;
	font-size: 48px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* モーダルサイトマップ */


.site-modal-topbar {
    width: 100%;
	clear: both;

}

.menuaria_retu {
    padding-left: 160px;
	margin-bottom: 10px;
}

.menuaria_retu02 {
	padding: 0px 0px 20px 160px;
}

.menuaria_retu02 a {
	text-decoration: none;
	color: #416d42;
}

.menuaria_retu02 ul li {
    display: inline;
    list-style-type: none!important;/*ポチ消す*/
	margin-right: 2em;
	padding: 0px 0px 0px 0px;
}

.menuaria_retu02 ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
	font-weight: 900;
    left : 0.5em; /*左端からのアイコンまで*/
    color: #416d42; /*アイコン色*/
}

.yoyaku_plan_ichiran {
	float:left;
	display: block;
	padding: 14px 30px 14px 30px;
	background-color: #416d42;
	color: #FFFFFF;
}

.yoyaku_plan_ichiran a {
    display: block;
	
	text-decoration: none;
}

.language_select_aria {
    padding: 14px 30px 0px 0px;
	float:right;
	position:relative;
	z-index: 9999;
}

@media(max-width: 900px){

	.yoyaku_plan_ichiran {
	    width: 98%;
		text-align: center;
		margin: 10px 1% 0px 1%;
	}
	.menuaria_retu {
		padding-left: 0px;
	}

	.menuaria_retu02 {
		padding: 0px 0px 20px 0px;
		text-align: center;
	}
}

@media(max-width: 680px){
    .menuaria_retu02 ul li {
	    display: list-item;
		line-height: 1.5em;
	}
}

@media(max-width: 900px){
    .language_select_aria {
	    display: none;
	}
}

.menuaria_wrapper50 {
	float:left;
	width: 50%;
}

.menuaria_wrapper {
	float:left;
	width: 16.66665%;
	height: 180px;
	padding: 0px 0px 10px 10px;
	margin-top: 10px;
	/*background-color: #999999;  テスト的に背景色をいれてます */
	font-size: 72%;
}

.menuaria_wrapper:not(:nth-child(8)) {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.menuaria_wrapper a {
    /*float:left;
	width: 50%;
	padding: 0px 0px 10px 20px;*/
	text-decoration: none;
	color: #000000;
	z-index:-5;
}


@media(max-width: 910px){
    .menuaria_wrapper50 {
	    width: 100%;	
	}
	.menuaria_wrapper {
	    width: 50%;
		height: 120px;
		font-size: 82%;
		margin-bottom: 10px;
	}
    .menuaria_wrapper:nth-child(even) {
		border-style: hidden;
	}
	.menuaria_wrapper:nth-child(odd) {
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #000000;
		
		/*background-color: #FFcccc;  テスト的に背景色をいれてます */
	}
}

.menuaria_wrapper ul {
    position: relative;
}

.menuaria_wrapper ul li {
	line-height: 1.5em;
	padding: 0 0 0 0.5em;
	list-style-type: none!important;/*ポチ消す*/
}

.menuaria_wrapper ul li:before {
  /*font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  position: absolute;*/
  /*left : 0.5em; 左端からのアイコンまで*/
  /*color: #416d42; アイコン色*/
}

.menuaria_wrapper ul li ul li:before {
  /*font-family: "Font Awesome 5 Free";
  content: "\f101";
  font-weight: 900;*/
  
}

.modal_snsrogo_wrapper {
	text-align: center;
	margin-top: 32px;
}
.modal_snsrogo_wrapper ul li {
    display: inline;
    list-style-type: none!important;/*ポチ消す*/
	margin-right: 0.5em;
}

@media(max-width: 768px){

    .menuaria_wrapper50 {
	    width: 100%;	
	}
	.menuaria_wrapper {
	    padding: 0px 0px 0px 0px;
		width: 100%;
		height: auto;
		margin-bottom: -10px;
		/*background-color: #dddddd;  テスト的に背景色をいれてます */
	}
	.menuaria_wrapper:nth-child(odd) {
	    border-style: hidden;
	}
    .menuaria_wrapper ul li {
	    border: 1px solid #000000;
		padding: 8px 0px 8px 30px;
		margin: 0px 1% 0.5em 1%;

	}
	.menuaria_wrapper ul li:before {
	    left : 1.5em; /*左端からのアイコンまで*/
	
	}
	.menuaria_wrapper ul li a {
		display: block;		
	}
	.menuaria_wrapper ul li ul li {
		display: none;
	}

}


.modal_attention {
	font-size: 0.75em;
	margin: 8px auto 10px auto;
	text-align: center;
}

.modal_attention ul li{ 	
    display: inline;
	margin-right: 1.25em;	
}
@media(max-width: 880px){
	.modal_attention ul li{ 	
		display: block;
		line-height: 1.5em;
	}
}