@charset "UTF-8";

/* -----------v120------------- */
li.menu__multi :hover {
	background: #5fb6de;
}

ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

ul.menu__third-level {
	display: none;
}
.cmn-header-gnav > li.menu__multi {
	position: relative;
}

li.menu__multi ul.menu__second-level {
	position: absolute;
	top: 10px;
	width: 100%;
	background: #0090d4;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__multi:hover ul.menu__second-level {
	top: 60px;
	visibility: visible;
	opacity: 1;
}

li.menu__multi ul.menu__second-level li {
	position: relative;
}

li.menu__multi ul.menu__second-level li:hover {
	background: #5fb6de;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
	position: absolute;
	top: -10px;
	left: 100%;
	width: 100%;
	background: #0090d4;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
	top: 0.1px;
	display: block;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
	position: relative;
	
}

/* ---sumaho--- */
ul.menu_spbox_second-level {
	display: none;
}

ul.menu_spbox_third-level {
	display: none;
}

/*menu anime */
.menu_spbox_anime{
  position: relative;
}

.menu_spbox_anime:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*縦線*/
  width: 15px;
  height: 2px;
  background: rgb(255, 255, 255);
  transition: all .2s ease-in-out;
}

.menu_spbox_anime:before{
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  /*横線に*/
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}

.menu-open1:before{
	transform: rotate(180deg);
}
.menu-open1:after{
	opacity: 0;
	display: none;
}

.top-page-midasi{
	color: #0090d4 !important;	
}
.top-page-problem li ul li{
	list-style: none;
}
.top-page-problem li{
	list-style: none;
}
.top-page-problem li ul{
	font-size: 1.125rem ;
	line-height: 1.4444 ;
	padding-left: 20px ;
}

.contact-btn li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin-bottom: 10px;
}	
/* sp-size */
@media screen and (max-width: 767px) {
.top-page-midasi{
	font-size: 1.125rem !important;
	line-height: 1.4444 !important;
	color: #0090d4 !important;	
}
.top-page-problem li ul{
	font-size: .9375rem !important;
	line-height: 1.5333 !important;
	padding-left: 0px !important;
}
}
/* ------------120v------------- */


/* ------------136v------------- */
.diagonal_line{
	background-image:
	 linear-gradient(to right top,
		transparent calc(50% - 0.5px),
		#e6e6e6 50%,
		#e6e6e6 calc(50% + 0.5px),
		transparent calc(50% + 1px))
}
/* ------------136v------------- */