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

html {scroll-behavior:smooth;}

body,header,footer,section,div,img,p,ul,li,h1,h2,h3 {
    margin: 0;
    padding: 0;
}


p {font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt" 1;}
/* font-weight: regular 400,medium 500,semibold 600,bold 700; */


img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    line-height:0;
	margin:0 auto;}

#contents {
    width: auto;
    /*overflow: hidden;*/
    padding: 0;}

.clearfix:after {
    display: block;
    clear: both;
    content: "";}

.pc{display: block;}
.sp{display: none !important;}
@media screen and (max-width: 750px){
    .pc{display: none !important;}
    .sp{display: block !important;}
}

ul {list-style: none;
    margin-left: 0;
    padding-left: 0;}
li {list-style: none;}

a {text-decoration:none;color:inherit;}




/*totopボタン*/
.totop {width:30px;position:fixed;
	z-index:-1;opacity:0;transition:0.2s;
	right:30px;bottom:60px;}
.totop a {display:inline-block;
	transition: all 0.3s ease;}
.totop a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.totop {width:8vw;position:fixed;
	z-index:-1;opacity:0;transition:0.2s;
	right:0;bottom:8vw;}
	.totop a:hover {opacity:1;}
}



/*ヘッダーメニュー*/
header {background:#fff;position:fixed;top:0;left:0;right:0;
	padding:25px 0;z-index:100;}
@media screen and (max-width: 750px){
	header {padding:2.66vw 0;}
}

.header_inner {max-width:1060px;margin:0 auto;}
.header_box {width:92.45%;margin:0 auto;display:flex;
	justify-content:space-between;align-items:center;}
@media screen and (max-width: 750px){
	.header_inner {width:92%;margin:0 auto;}
	.header_box {width:100%;margin:0 auto;display:flex;
		justify-content:space-between;align-items:flex-end;}
}

.header_logo {width:274px;margin-right:40px;}
.header_logo a {display:inline-block;transition:all 0.3s;}
.header_logo a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.header_logo {width:47.24%;margin-right:inherit;}
	.header_logo a:hover {opacity:1;}
}


.header_menu {width:465px;display:flex;
	justify-content:space-between;align-items:center;}
.menu_btn {width:110px;}
.menu_btn a {display:inline-block;
	background:url("../img/common/btn_entry_pc_b.png") no-repeat;
	background-size:cover;
    background-position:center;}
.menu_btn a:hover img {transition:all 0.3s;}
.menu_btn a:hover img {opacity:0;}
@media screen and (max-width: 750px){
	.header_menu {width:26.08%;display:block;}
	.menu_btn {width:100%;}
	.menu_btn a {background:none;}
	.menu_btn a:hover img {opacity:1;}
}


.menu_txt a {position:relative;display:inline-block;
	color:#000;font-size:14px;font-weight:500;}
.menu_txt a::after {
	position:absolute;left:0;
	content:'';width:100%;
	height:2px;background:#007CE6;
	bottom:-10px;opacity:0;}
.menu_txt a:hover::after {opacity:1;}
@media screen and (max-width: 750px){
	.menu_txt {display:none;}
	.header_menu_sp {width:84vw;margin:4vw auto 0;
		display:flex;justify-content:space-between;
		color:#000;font-size:3.73vw;font-weight:500;}
	.header_menu_sp div {display:inline-block;}
}
/*ヘッダーメニューend*/


/*フッターメニュー*/
footer {background:#F5F5F5;padding:100px 0 50px;}
.footer_inner {max-width:980px;margin:0 auto;}
.footer_box {width:87.75%;margin:0 auto;display:flex;
	justify-content:space-between;}
@media screen and (max-width: 750px){
	footer {padding:16vw 0 8vw;}
	.footer_inner {width:92%;margin:0 auto;}
	.footer_box {width:100%;margin:0 auto;display:block;}
}


.footer_company_info {width:274px;display:block;}
.footer_logo a {display:inline-block;transition:all 0.3s;}
.footer_logo a:hover {opacity:0.3;}
.footer_company_info p {color:#000;font-size:14px;
	font-weight:400;line-height:1.57;margin-top:25px;}
@media screen and (max-width: 750px){
	.footer_company_info {width:81.15%;}
	.footer_logo a:hover {opacity:1;}
	.footer_company_info p {font-size:3.73vw;
		margin-top:6.66vw;}
}


.footer_menu {width:370px;display:block;margin-top:20px;}
.footer_menu a {display:block;transition:all 0.3s;}
.footer_menu a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.footer_menu {width:81.15%;margin-top:10.66vw;}
	.footer_menu a:hover {opacity:1;}
}

.footer_menu_list {width:100%;display:flex;
	justify-content: space-between;
	margin-bottom:75px;}
@media screen and (max-width: 750px){
	.footer_menu_list {width:100%;margin-bottom:10.66vw;}
}

.footer_menu_list li {width:92px;display:block;}
.footer_menu_list_txt a {width:100%;display:flex;
	justify-content:space-between;align-content:flex-end;}
@media screen and (max-width: 750px){
	.footer_menu_list li {width:25.6vw;}
}


.footer_menu_list_txt a p {color:#000;font-size:14px;
	font-weight:500;line-height:1;}
.footer_menu_list_txt a .btn_arrow {width:8px;}
.m_bttm {margin-bottom:20px;}
@media screen and (max-width: 750px){
	.footer_menu_list_txt a p {font-size:3.73vw;}
	.footer_menu_list_txt a .btn_arrow {width:2.13vw;}
	.m_bttm {margin-bottom:5.33vw;}
}

.footer_menu_policy p {text-align:right;
	color:#000;font-size:14px;
	font-weight:500;line-height:1;}
@media screen and (max-width: 750px){
	.footer_menu_policy p {text-align:left;font-size:3.2vw;
	margin-top:17.33vw;}
}

.footer_box2 {width:87.75%;margin:30px auto 0;
	text-align:left;
	color:#000;font-size:10px;
	font-weight:400;line-height:1;}
@media screen and (max-width: 750px){
	.footer_box2 {width:100%;margin:0 auto;
		text-align:left;font-size:2.66vw;}
}
/*フッターメニューend*/

