@charset "UTF-8";

body{padding:0;margin:0;}

.tabmenu{width: 100%;position: fixed;top: 0;padding: 2em 0 0;left:0;}

.tab{
overflow:hidden;
margin:0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
margin-left: auto;
max-width: 940px;
}

.tab li{
cursor: pointer;
display: inline-block;
display: flex;
flex-direction: column;transition: 0.3s;align-items: center;}
				
.tab li.select{/*background:#fd9;*/color:#ff9900;}


.content div{position: relative;cursor: default;}
.ttl_index{padding:0 0 1em 0;}
.ttl_index a{font-weight:500px;color:#ff9900;font-size:1.2em;}


.hide{/*display: none;*/
    transition: 0.6s;
    visibility: hidden;
    opacity: 0;height:0;}
    
.content .sub{padding: 4em 2em 4em;/*display: flex;justify-content: space-between;*/background: #f5f5f5;}
.content .sub ul.w100{width:100%;}
.content .sub ul.w100 li{border-bottom:none;}

.content .sub ul{width:24%;margin: 0;padding: 0;}
.content .sub ul img{width:100%;}
.content .sub li{list-style:none;border-bottom:1px solid #ddd;}
.content .sub li a{padding: 13px 0px 13px 0.8em;transition:0.3s;position: relative;width: 100%;
  display: inline-block;color:#333;text-decoration:none;}
.content .sub li a:hover{transition:0.3s;color:#FC8A07;}

.content .sub ul.flex_list{display:flex;width: 100%;flex-wrap: wrap;}
.content .sub ul.flex_list li{width: 24%;margin-right:1%;}
.content .sub ul.flex_list li:nth-child(4n){margin:0;}

.content div.sub li a::before{ content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  position: absolute;
  top: 50%;
  right:1em;
  margin-top: -4px;
  transform: rotate(45deg);transition:0.3s;}

.content div.sub li a:hover::before{transition:0.3s;right: 0.5em;border-color:#FC8A07;}



.tab li:hover:after{content:" ";width:4px;height:4px;background:#FC8A07;border-radius:100px;line-height:1;transition: 0.2s;}
.tab li:after{content:" ";width:4px;height:4px;margin-top: 0.5em;transition: 0.2s;}

.tab li.select:after{content:" ";width:40px;height:4px;background:#FC8A07;border-radius:100px;line-height:1;}

/*ドロップダウンメニュー無しの場合のホバー設定*/
.tab li:nth-child(1).select::after,
.tab li:nth-child(7).select::after,
.tab li:nth-child(8).select::after,
.tab li:nth-child(9).select::after,
.tab li:nth-child(10).select::after{width:4px;background: none;}

.tab li:nth-child(1):hover:after,
.tab li:nth-child(7):hover:after,
.tab li:nth-child(8):hover:after,
.tab li:nth-child(9):hover:after,
.tab li:nth-child(10):hover:after{content:" ";width:4px;height:4px;background:#FC8A07;border-radius:100px;line-height:1;transition: 0.2s;}



/*グロナビがtarget_blankの場合の設定*/
.tab li:nth-child(10) a[target="_blank"]::after{background: unset;}


.other{margin-top: 1em;padding: 1em;}

.close{
	width:30px;
	height:30px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	color: #666;
	text-align: center;
	cursor: pointer;position: absolute;
right:20px;top: 25px;font-size:1.8em;margin: 0;line-height: 1;}



/*----------------------------------------------------------------------*/
@media screen and (max-width:1100px){
/*-----------------------------------------------------------------------*/

.tabmenu{padding:0;}
.content .sub{padding: 3em 1em 2em;}
.content .sub:after{content:" ";position: absolute;
top: 0;height: 100vh;width: 100%;
background: #f5f5f5;z-index: -1;left: 0;
bottom: 0;}
.close{width:24px;height:24px;font-size: 24px;top: 15px;right: 15px;}

.content .sub ul.flex_list{display:block;}
.content .sub ul.flex_list li{width: 100%;margin:0;}

/*----------------------------------------------------------------------*/
}/* @media screen and (max-width:767px) */