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

/* **************************
  html,body,img
************************** */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	body { font-size: 1.6rem; line-height: 1.6; }
	body::before {
		background-position:0% 0%;
		background-image: url("../images/bg_pc.jpg");
	}
}

/* **************************
 Switch Image
************************** */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	.img_pc { display: block; }
	.img_sp { display: none; }
}

/* **************************
  Link
************************** */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	a:hover { text-decoration: none; }
	a img { opacity: 1; transition: all 0.5s ease 0s; }
	a:hover img { opacity: 0.7; transition: all 0.5s ease 0s; }
	li:before { opacity: 1 !important; }
	.anc { top: -120px; }
}

/* **************************
  header nav
************************** */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	header #logo-25th {
		position: static;
		max-width: 230px;
		padding-right:40px;
	}
	header nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 1100px;
		height: 70px;
		padding-bottom: 2px;
	}
	header nav .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 94%;
		height: 70px;
		background:none;
		padding-top:0px;
	}
	header nav #nav_link {
		margin-top: 4px;
		display: flex;
		font-size: 1.0rem;
		letter-spacing: 0.12em;
		text-align: left;
		line-height:1;
	}
	header nav #nav_link li { padding-right:40px; }
	header nav #nav_link span {
		display: block;
		font-size: 1.8em;
		margin-bottom: 0.2em;
		margin-right: 12%;
	}
	header #nav_sns { display: flex; padding: 0; }
	header #nav_sns p { font-size: 1.2rem; }
	#nav_toggle { display: none; }
}

/* **************************
  contents
************************** */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	#contents { width: 1100px; padding-top:90px; }
}

/* **************************
  h tag title
************************** */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	h2.titles { display: block; font-size: 4.4rem; }
	p.subtitle {margin-bottom:35px; }
}

/* **************************
  footer
************************** */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	footer { width: 1100px;　font-size: 1rem; }
}