@charset "utf-8";

/* 元のcss修正 */
.gs18-Footer {
    padding: 30px 20px;
}
@media only screen and (max-width:980px){
	.gs18-Header__Search .gs18-SearchBox__QueryInput, .gs18-Header__Search .mf_finder_searchBox_query_input {
		font-size: 1em;
	}
}

/* common */
/* 20221017フッターのレイアウト修正 */
li.cuurent > div, li > a{
   display:table;
}


.mee_arr_btn {
	background: #C30000;
    color: #fff;
	max-width: 365px;
	margin: 0 auto;
	font-size: 1.375em;
	font-weight: 700;
	transition: 0.3s;
	position: relative;
	box-sizing: border-box;
	line-height: 1;
	display: block;
    padding: 25px 30px 25px;
	width: 100%;
	text-decoration: none;
}
.mee_arr_btn::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../img/arr_line_white.svg")no-repeat center left/29px 22px;
	width: 29px;
	height: 22px;
	right: 30px;
	top: 50%;
	transform: translate(0,-50%);
	transition: all .3s;
}
a.mee_arr_btn:hover {
	opacity: 0.7;
	text-decoration: none;
}
a.mee_arr_btn:hover::after {
	right: 20px;
}
@media only screen and (max-width:980px){
	a.mee_arr_btn {
		padding: 15px 50px 15px 15px;
		box-sizing: border-box;
		font-size: 0.933em;
		line-height: 1.2;	
		display: block;
		max-width: 270px;
		width: 100%;
		margin: 0 auto;
	}
	a.mee_arr_btn::after {
		background: url("../img/arr_line_white.svg")no-repeat center left/20px 15px;
		width: 20px;
		height: 15px;
		right: 15px;
	}
	a.mee_arr_btn:hover::after {
		right: 10px;
	}
	
	.gs18-Header__Logo {
    padding-right: 5px;
}
	
	/*.gs18-Header--withme .gs18-Header__Logo img {
		width: 90%;
	}*/

}

/* main_cont_wrap */
.mee_main_cont_wrap {
	font-family: 'Roboto', sans-serif;
}
.mee_main_cont_wrap .sp {
	display: none;
}
.mee_main_cont_wrap p {
	margin: 0;
	padding: 0;
}
.mee_main_cont_wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mee_main_cont_wrap .container {
    max-width: 1174px;
	padding: 60px 13px;
	margin: 0 auto;
}
.mee_main_cont_wrap .mee_ttl {
	text-align: center;
	font-size: 2.188em;
	font-weight: 700;
	margin: 0 0 50px;
}
@media only screen and (max-width:980px){
	.mee_main_cont_wrap .pc {
		display: none;
	}
	.mee_main_cont_wrap .sp {
		display: block;
	}
	.mee_main_cont_wrap .container {
		max-width: 1174px;
		padding: 40px 20px;
		margin: 0 auto;
	}
	.mee_main_cont_wrap .mee_ttl {
		font-size: 1.563em;
		margin: 0 0 30px;
	}
}

/* mee_main_visual */
.mee_main_visual {
	height: 540px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("../img/visual_bg.png")no-repeat center/cover;
}
.mee_main_visual .visual_ttl {
	font-weight: 700;
	font-size: 3.75em;
	color: #fff;
}
@media only screen and (max-width:980px){
	.mee_main_visual {
		height: 320px;
		background: url("../img/visual_bg.png")no-repeat left center/cover;
	}
	.mee_main_visual .visual_ttl {
		font-size: 1.875em;
	}
}

/* mee_fagoods */
.mee_fagoods {
	background: url("../img/fagoods_bg.png")no-repeat center/cover;
}
.mee_fagoods ul {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.mee_fagoods ul li {
	width: 31%;
	margin: 0 3.5% 30px 0;
}
.mee_fagoods ul li:nth-child(3n) {
	margin: 0 0 30px;
}
.mee_fagoods ul li a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	overflow: hidden;
}
.mee_fagoods ul li .img {
	position: relative;
	display: block;
	overflow: hidden;
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
	transition: .3s;
	width: 100%;
}

.mee_fagoods ul li a:hover .img {
	transform: scale(1.1);
}
.mee_fagoods ul li .img::before {
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(to bottom, transparent, #000);
    width: 100%;
    height: 40%;
    bottom: 0;
    opacity: 0.8;
}
.mee_fagoods ul li .img img {
	width: 100%;
}
.mee_fagoods ul li .ttl {
	font-size: 1.125em;
	line-height: 1.3;
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-weight: 700;
	transition: .3s;
}
.mee_fagoods ul li a:hover .ttl {
	text-decoration: underline;
}
@media only screen and (max-width:980px){
	.mee_fagoods ul {
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	.mee_fagoods ul li {
		width: 100%;
		margin: 0 0 25px;
	}
	.mee_fagoods ul li:nth-child(3n) {
		margin: 0 0 25px;
	}
	.mee_fagoods ul li .ttl {
		font-size: 1em;
		left: 20px;
		bottom: 20px;
	}
}

/* mee_fagoods */
.mee_selection_tool {
	background: url("../img/selection_bg.png")no-repeat center/cover;
}
.mee_selection_tool .mee_ttl {
	color: #fff;
}
.mee_selection_tool ul {
	list-style: none;
	display: flex;
	flex-flow: row nowrap;
  /*align-items: flex-start;*/
	justify-content: space-between;
}
.mee_selection_tool ul li {
	width: 48%;
	background: rgba(255,255,255,0.8);
	padding: 30px 30px 30px;
	box-sizing: border-box;
}
.mee_selection_tool ul li .img {
	text-align: center;
	margin: 0 0 30px;
}
.mee_selection_tool ul li .ttl {
	text-align: center;
	font-size: 1.4em;
	font-weight: 700;
	margin: 0 0 20px;
}
.mee_selection_tool ul li .txt {
	line-height: 1.6;
	font-size: 1.125em;
	min-height: 180px;
	margin: 0 0 20px;
}
.mee_selection_tool a.mee_arr_btn {
    background: #222222;
    font-size: 1.125em;
}
@media only screen and (max-width:980px){
	.mee_selection_tool ul {
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	.mee_selection_tool ul li {
		width: 100%;
		padding: 30px 20px;
	}
	.mee_selection_tool ul li:not(:last-child) {
		margin: 0 0 30px;
	}
	.mee_selection_tool ul li .img {
		margin: 0 0 20px;
	}
	.mee_selection_tool ul li .ttl {
		font-size: 1em;
		margin: 0 0 30px;
	}
	.mee_selection_tool ul li .txt {
		font-size: 0.875em;
		min-height: inherit;
		margin: 0 0 30px;
	}
	.mee_selection_tool a.mee_arr_btn {
		font-size: 1.188em;
		padding: 10px 50px 10px 20px;
	}
}

/* contact */
.footer_contact{
	background-color:#E9EBED
}
.mee_footer_contact .container {
	padding: 110px 13px;
	margin: 0 auto;
}
.mee_footer_contact .footer_contact_header {
	font-size: 2.188em;
	font-weight: 700;
	margin: 0 0 40px;
	text-align: center;
}
.mee_footer_contact .footer_contact_txt {
	text-align: center;
	font-size: 1.375em;
	font-weight: 700;
	margin: 0 0 40px;
}
.mee_footer_contact .footer_contact_body {
	flex-flow: column;
}
.mee_footer_contact .mee_arr_btn {
	padding: 25px 30px 25px 70px;
}
.mee_footer_contact a.mee_arr_btn::before {
    position: absolute;
    display: block;
    content: "";
    background: url("../img/mail.svg")no-repeat center left/24px 17px;
    width: 24px;
    height: 17px;
    left: 30px;
    top: 50%;
    transform: translate(0,-50%);
}

/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 a:not(.no_arrow) {
	padding: 0 0 0 30px;
	position: relative;
	display: block;
}

/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .no_link a:hover{
   color:black;
}


/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 a.no_arrow {
    margin: 10px;
}

/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 a:not(.no_arrow)::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../img/nav_arr.png")no-repeat left center/8px 15px;
	width: 8px;
	height: 15px;
    left: 0;
    top: 0;
}

@media only screen and (max-width:980px){
	.mee_footer_contact .container {
		padding: 40px 20px;
	}
	.mee_footer_contact .footer_contact_header {
		margin: 0 0 20px;
		font-size: 1.563em;
	}
	.mee_footer_contact .footer_contact_txt {
		font-size: 1em;
		margin: 0 0 40px;
	}
	.mee_footer_contact .mee_arr_btn {
		padding: 15px 50px 15px 40px;
	}
	.mee_footer_contact a.mee_arr_btn::before {
		background: url("../img/mail.svg")no-repeat center left/17px 12px;
		width: 17px;
		height: 12px;
		left: 10px;
	}
}

/* footer */
.mee_footer_sitemap_area {
	background: #DBDBDB;
}
.mee_footer_sitemap_area a {
	text-decoration: none;
	color: #000;
}
.mee_footer_sitemap_area a:hover {
	color: #F50F10;
}
.mee_footer_sitemap_area ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.mee_footer_sitemap_area .container {
	padding: 60px 30px 50px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	position: static;
}
/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .footer_sitemap_wrap {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	justify-content: flex-start;
}
.mee_footer_sitemap_area .ttl {
	font-weight: 700;
	border-bottom: 1px solid #606367;
	padding: 0 0 20px;
	margin: 0 0 30px;
	font-size: 1.375em;
}
.mee_footer_sitemap_area .mee_footer_sitemap_nav01 {
	font-weight: 700;
	width: 10%;
	font-size: 1.375em;
}
.mee_footer_sitemap_area .mee_footer_sitemap_nav01 ul li {
	word-break:break-all;
}
.mee_footer_sitemap_area .mee_footer_sitemap_nav01 ul li:not(:last-child) {
	margin: 0 0 30px;
}
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 {
    width: 85%;
	margin-left: 5%;
}

/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 a {
	//font-size: 1rem;
}
/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 li:not(:last-child) {
	margin: 0 0 10px;
}
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .box {
	display: flex;
	flex-flow: wrap;
	align-items: flex-start;
	/*justify-content: flex-start;*/
	justify-content: space-between;
}
/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .box .box_in:not(:last-child) {
	margin-bottom: 40px;
}

/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .box .box_in{
   width:48%;
   word-break: break-all;
}
/* 20221017フッターのレイアウト修正 */
.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .box .box_in h4{
    margin-bottom: 17px;
}

@media only screen and (max-width:980px){
	.mee_footer_sitemap_area .container {
		padding: 40px 0;
	}
	.mee_footer_sitemap_area .footer_sitemap_wrap {
		flex-flow: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.mee_footer_sitemap_area .ttl {
		border-bottom: none;
		padding: 0 0 20px;
		margin: 0 0 30px;
		font-size: 1.25em;
		position: relative;
	}
	.mee_footer_sitemap_area .ttl::after {
		position: absolute;
		display: block;
		content: "";
		background: #606367;
		width: 200%;
        
        
		height: 1px;
		left: -10%;
		bottom: 0;
	}
	
	
	.mee_footer_sitemap_area .mee_footer_sitemap_nav01 {
		width: 100%;
		font-size: 1.25em;
		margin: 0 0 50px;
	}
	
	/* 20221017フッターのレイアウト修正 */
	/*
	.mee_footer_sitemap_area .mee_footer_sitemap_nav01 a {
		padding: 0 0 0 30px;
		position: relative;
	}
	.mee_footer_sitemap_area .mee_footer_sitemap_nav01 a::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/nav_arr.png")no-repeat left center/8px 15px;
		width: 8px;
		height: 15px;
		left: 0;
		top: 5px;
	}*/
	
	
	.mee_footer_sitemap_area .mee_footer_sitemap_nav02 {
		width: 100%;
        overflow-x: hidden;
		margin-left: 0%;
	}
	/* 20221017フッターのレイアウト修正 */
	.mee_footer_sitemap_area .mee_footer_sitemap_nav02 a:not(.no_arrow) {
		font-size: 1em;
		padding: 0 0 0 30px;
		position: relative;
		display: block;
	}
	/* 20221017フッターのレイアウト修正 */
	.mee_footer_sitemap_area .mee_footer_sitemap_nav02 a:not(.no_arrow)::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/nav_arr.png")no-repeat left center/8px 15px;
		width: 8px;
		height: 15px;
		left: 0;
		top: 3px;
	}
	.mee_footer_sitemap_area .mee_footer_sitemap_nav02 ul {
	    width: 100%;
    }
	
	.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .box {
		flex-flow: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin: 0 0 0 20px;
	}
	.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .box ul:not(:last-child) {
		margin: 0 0 30px;
	}
	/* 20221017フッターのレイアウト修正 */
	.mee_footer_sitemap_area .mee_footer_sitemap_nav02 .box .box_in{
	   width:100%;
	}
}

/* terms */
#mee_terms h1.terms_ttl {
	font-size: 2.188em;
	font-weight: 700;
	margin: 0 0 60px;
	padding: 0;
}
#mee_terms h2.terms_sub_ttl {
	font-size: 1.75em;
	font-weight: 700;
	margin: 0 0 20px;
	padding: 0;
}
#mee_terms ul li {
	margin: 0 0 80px;
}
#mee_terms ul .txt {
	padding: 0 13px;
	font-size: 1.125em;
	line-height: 1.6;
}
#mee_terms .txt_bold {
	font-weight: bold;
}
@media only screen and (max-width:980px){
	#mee_terms h1.terms_ttl {
		font-size: 1.563em;
		margin: 0 0 40px;
	}
	#mee_terms h2.terms_sub_ttl {
		font-size: 1.375em;
		margin: 0 0 20px;
	}
	#mee_terms ul li {
		margin: 0 0 50px;
	}
	#mee_terms ul .txt {
		font-size: 1em;
	}
}	
/*20211103ヘッダー虫眼鏡マークの移動を無くす*/
@media only screen and (min-width:981px){
    .gs18-Header__Search .gs18-Header__SearchInput{
        transition:none;
    }
    .is-search-open .gs18-Header__Search .gs18-Header__SearchInput {
      transition:.5s;  
    }
}

#ot-sdk-btn.ot-sdk-show-settings{
	margin:20px 0 0!important;
	padding:10px 13px!important;
	border:solid 2px #f50f10!important;
	display:table!important;
	color:#fff!important;
	background-color:#f50f10!important;
	font-weight:700!important;
	text-decoration:none!important;
	box-sizing:border-box!important;
	line-height:inherit!important;
	font-size:inherit!important
}
#ot-sdk-btn.ot-sdk-show-settings:active,#ot-sdk-btn.ot-sdk-show-settings:focus,#ot-sdk-btn.ot-sdk-show-settings:hover{
	border-color:#f50f10!important;
	color:#f50f10!important;
	background-color:#fff!important;
	cursor:pointer!important
}

