@charset "UTF-8;
/***********************************************
CSS information
Last modified : :2022
***********************************************/




*{
	margin:0;
	padding:0;
	}



@media print, screen and (min-width: 770px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.eop_pc { display: block !important; }
.eop_sp { display: none !important; }


.eop_menu-main {
                                position:relative;
	padding:0;
	width:100%;
	text-align:center;
	margin: 40px auto;
	}


.eop_menu-head {

                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
	padding:0;
                                margin: auto;
                                width:95%;
                                text-align:left;
                                background-size: contain; 
                                background-repeat: no-repeat;
                                background-position: right top; 
                                font-size:32px;
                                color:#616161;
                                border-bottom-right-radius: 10px;
                                 border-right: 2px solid #bcbcbc;

	}

.eop_menu-headtitle-s {
                                margin:20px 0 0 0;
	padding:1%;
                                width:98%;
	font-size:14px;
	line-height:1em;
                                background-color: #e6e6e6; 
                                border-radius: 5px;
	text-align:left;
                                 border-bottom: 2px solid #bcbcbc;
                                background:rgba(0,0,0,0.1);
	}



.eop_menu-body {

                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
	padding:0;
                                margin:80px auto;
                                width:95%;
                                text-align:center;

	}


.eop_menu-body .eop_set1 {
                                position:relative;
	padding:0;
                                margin:0 30px 30px 0;
                                width:267px;
                                text-align:left;
	float:left;
	font-size:12px;
	line-height:1.5em;
	}


.eop_menu-body a:link {
	color:#717171;
	text-decoration: none;
	}


.eop_menu-body a:visited {
	color:#a5a2a2;
	text-decoration: none;
	}


.eop_menu-body a:hover {
	color:#ffac1b;
	text-decoration: none;
	}




.eop_menu-body .eop_set1-pht {
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                margin: auto;
	padding:0;
                                width:100%;
                                text-align:center;
	}

.eop_menu-body .eop_set1-pht img{
                                margin: 10px 0 10px 0;
                                height:160px;
	}

.eop_menu-body .eop_set1-name {
	padding:0 ;
                                margin: 20px 0 5px 0;
                                width:100%;
                                text-align:left;
	font-size:16px;
	line-height:1.2em;
	}

.eop_menu-body .eop_set1-head {
	padding:3px ;
                                margin: 5px 0 5px 0;
                                width:100%;
                                text-align:left;
	font-size:12px;
	line-height:1em;
                                background-color: #e6e6e6; 
	}




}




@media only screen and (max-width: 770px) {

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.eop_sp { display: block !important; }
.eop_pc { display: none !important; }

.eop_menu-main  {
	margin:0;
	padding:0;
	text-align:center;
	margin: 0 auto;
	}

.eop_menu-head {

	padding:5px 0 0 0;
	margin:0 0 0 2%;
                                width:98%;
                                text-align:left;
                                background-size: cover; 
                                background-repeat: no-repeat;
                                background-position: right top; 
                                font-size:1.4em;
	line-height:1.3em;
                                color:#616161;
                                border-top-right-radius: 10px;
                                border-bottom-right-radius: 10px;
                                 border-right: 2px solid #bcbcbc;
                                background-color:rgba(255,255,255,0.7);
                                background-blend-mode:lighten;
	}


.eop_menu-headtitle-s {
                                margin:10px 0 0 0;
	padding:1%;
                                width:98%;
	font-size:0.5em;
	line-height:1.2em;
                                background-color: #e6e6e6; 
                                border-radius: 5px;
	text-align:left;
                                 border-bottom: 2px solid #bcbcbc;
                                background:rgba(0,0,50,0.2);
	}


.eop_menu-body {
	padding:3%;
                                margin:15px auto;
                                width:94%;
                                text-align:left;
	}


.eop_menu-body a:link {
	color:#717171;
	text-decoration: none;
	}


.eop_menu-body a:visited {
	color:#a5a2a2;
	text-decoration: none;
	}


.eop_menu-body a:hover {
	color:#ffac1b;
	text-decoration: none;
	}



.eop_menu-body .eop_set1 {
	padding:0;
                                margin:0 0 20px 2%;
                                width:96%;
                                text-align:left;
                                 border-top: 1px solid #bcbcbc;
	font-size:0.8em;
	line-height:1.3em;
	}



.eop_menu-body .eop_set1-pht {
                                margin: 0;
	padding:3%;
                                width:100%;
                                text-align:center;
	}

.eop_menu-body .eop_set1-pht img{
                                margin: 10px 5% 0 0;
                                width:90%;
	}

.eop_menu-body .eop_set1-name {
	padding:0 ;
                                margin: 20px 0 5px 0;
                                width:100%;
                                text-align:left;
	font-size:1.2em;
	line-height:1.2em;
	}

.eop_menu-body .eop_set1-head {
	padding:1% ;
                                margin: 5px 0 5px 0;
                                width:98%;
                                text-align:left;
	line-height:1em;
                                background-color: #e6e6e6; 
	}



}