@charset "utf-8";


@media screen and (min-width: 769px) {


	body {
		font-size: 16px;
	}

	main {
		width: 85%;
		max-width: 1200px;
		margin: auto;
	}

	.pc-dsp {
		display: block;
	}

	.sp-dsp {
		display: none;
	}

	.header-menu {
		width: calc(100% - 10% - 46px);
	}
	
	.header-menu ul{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		margin-top: 0;
	}


	.header-menu ul li {
		width: 250px;
		height: 80px;
	}

	.header-menu ul li a {
		font-size: 20px;
	}

/*
	.fam_abou {
		width: 40px !important;
		top: 60px !important;
		left: 7.5% !important;
		text-align: center;
	}
*/

	.fam_abou img:first-child {
		margin: 0 auto;
		width: 30px !important;
	}

	.fam_abou img:last-child {
		width: 40px !important;
		height: auto;
	}


	/*----- Footer -----*/

	.footer-logo {
		width: 110px;
	}

	.footer-wrap {
		width: 85%;
		max-width: 1200px;
		margin: auto;
		overflow: hidden;
		padding: 0 30px;
	}

	.footer-contents {
		width: 390px;
		padding: 0;
		float: right;
	}

	.footer-contents ul li {
		margin-right: 30px;
	}

	.footer-contents ul li img {
		margin-bottom: 10px;
	}

	.address p:first-child {
		line-height: 1.8;
	}

	.address p:last-child {
		font-size: 24px;
		letter-spacing: 15px;
		margin-right: 0;
	}

	.footer-nav {
		display: block;
		position: static;
		width: auto;
		margin: 50px 0;
	}

	.footer-nav li {
		margin-bottom: 15px;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}

	.footer-nav li a {
		transition: .3s ease;
	}

	.footer-nav li a:hover {
		color: #aaa;
	}

	footer small {
		text-align: left;
		padding: 0;
	}

	#foot_name {
		margin: 0 50px 0 50px;
	}

	.footer-contents > .address {
		padding-left: 30px;
		width: auto;
	}



	/* ----- Top Page ----- */

	/* First View */

	.first-view {
		background-position: bottom 0 right 10%;
		background-size: 35%;
	}

	.main-title {
		padding: 110px 270px 30px 120px;
	}

	.main-title h1 {
		font-size: 32px;
	}

	.logo {
		bottom: 0;
		width: 65px;
	}

	/* Common */

	.sec-title {
		position: relative;
		width: auto;
		padding: 0 100px 0 0;
		font-size: 43px;
		letter-spacing: 10px;
	}

	.sec-title span {
		position: absolute;
		top: 10px;
		left: 70px;
		margin: 0;
		font-size: 16px;
	}

	.lead {
		font-size: 24px;
		letter-spacing: 10px;
		line-height: 2;
		margin-bottom: -0.5em;
	}

	.split-line {
		width: 60px;
		margin: 40px 0;
	}


	/* Growing Up */

	.growing-up {
		margin-bottom: 100px;
	}

	.growing-up .container {
		margin-bottom: 100px;
	}

	.growing-img {
		margin-bottom: 100px;
	}



	.img-box::after {
		content: "";
		display: block;
		padding-top: 50%;
	}

	.growing-img .img_flame {
		background-image: url(../../img/top/pc/pc_1.jpg);
	}

	.flower-img .img_flame {
		background-image: url(../../img/top/pc/pc_2.jpg);
	}

	/* One Grain */

	.one-grain {
		margin-bottom: 100px;
	}

	.intro-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.one-grain .text {
		margin: 0;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.one-grain a {
		width: 270px;
		padding: 20px 0;
		font-size: 26px;
		letter-spacing: 10px;
	}

	/* About */

	.top-about {
		margin-bottom: 100px;
	}

	.top-about.top-contents .container {
		display: block;
	}

	.about-img {
		min-height: 620px;
		margin: 0;
		padding-top: 65%;
	}

	.about-img span {
		background-image: url(../../img/top/pc/pc_3.jpg);
	}

	.about-img::after {
		padding-top: 62.5%;
	}

	.top-about .sec-title {
		position: absolute;
		top: 90px;
		right: 140px;
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 34px;
	}

	.top-about .sec-title::before {
		content: "";
		display: inline-block;
		width: 1px;
		height: 100px;
		margin-bottom: 20px;
		background-color: #fff;
	}

	.catch {
		top: 210px;
		right: 235px;
		font-size: 25px;
		letter-spacing: 12px;
	}

	.about-img a {
		top: 365px;
		bottom: auto;
		left: 128px;
		font-size: 26px;
	}

	.about-name {
		position: absolute;
		top: 100px;
		left: 140px;
		color: #fff;
		font-weight: bold;
		font-size: 30px;
		letter-spacing: 15px;
		white-space: nowrap;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#about_button{
		display: flex;
		justify-content: center;
	}
	
	
	#about_button p{
		align-self: center;
		line-height: 1em;
		display: inline-block;
	}
	
	/* IE11 */
	_:-ms-lang(x)::-ms-backdrop, #about_button p{
		padding: 0 6px 0 0;
	}

	/* SNS */

	.sns .container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.frame {
		width: 48%;
		height: 350px;
	}

	.facebook {
		margin-bottom: 0;
	}

	/* Map */

	.amie-map::after {
		padding-top: 62.5%;
	}




	@media screen and (min-width: 769px) and (max-width: 1000px) {
		.one-grain a {
			width: 220px;
			margin-left: 30px;
			padding: 15px 0;
			font-size: 22px;
			letter-spacing: 6px;
		}


	}