@charset "utf-8";


/*====================

		Base

====================*/

a{
	text-decoration: none;
}


p{
	padding-bottom: 3px;
}


/*====================

  position: relative;

====================*/


#header,#sec_2,#sec_3,#footer,
#footer_gallery{
	position: relative;	
}


/*====================

  		font

====================*/

.title_1,.title_2,.title_3,#footer,
.title_year,.title_gallery{
	font-family: 'Montserrat', sans-serif;
}

.title_1,.title_2,.title_3,#footer,
.title_year{
	font-weight: 200;
}
.title_gallery,.bold{
	font-weight: 300;
}



.title_gallery{
	font-size: 2em;
}

.title_1,.title_2,.title_3{
	font-size: 2.3em;
}

.fs{
	font-size: 0.7em;
}


/*====================

  		color

====================*/


.title_1,.title_2,.title_3,#footer,#footer_gallery,
.title_1,.title_2 a,.title_3 a{
	color: #fff5ee;
}

.title_2 a:hover,.title_3 a:hover,.title_year{
	color: #ff5a83;
}

.title_gallery{
	color: #ffcdcd;
}


/*====================

  	background-color

====================*/


#header{
	background: url(../img/top.png),linear-gradient(#ed1e70,#f7931e);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

#sec_2{
	background: url(../img/2.png),linear-gradient(#f4d4d1,#ffcdcd 60% ,#ffb6c1);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#sec_3{
	background: url(../img/subaru.png),radial-gradient(#ffb6c1,#ffa0b5);
	background-position: center 55%;
	background-repeat: no-repeat;
}

#footer{
	background: url(../img/footer.png),linear-gradient(#ff5a83 10%,#99004d);
	background-size: fill;
	background-position: 50% bottom;
	background-repeat: repeat-x;
}

#footer_gallery{
	background-color: #ffcdcd;
}


/*====================

		Module

====================*/

.mb09{
	margin-bottom: 0.9em;
}

.mt2{
	margin-top: 2em;
}

.mt14{
	margin-top: 1.4em;
}

.pt15{
	padding-top: 1.5em;
}

/* - - - - - button - - - - - */

a.btn_contact{
	font-size: 0.8em;
	padding: 3px 5px;
	border: none;
	color:  #ff5a83;
	background-color: #ffc8df;
	display: inline-block;
}

a.btn_contact:hover{
	background-color: #ff5a83;
	color: #ffe4e1;
}


/* = = = = = = = = = = = = = = */

.sec{
	padding: 0;
	margin: 0;
	width: 100vw;
	height: 100vh;
}

.blind1,.blind2,.blind3{
	visibility: hidden;
}

.flex_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	
	max-width: 1200px;
	margin: 0 auto;
}

.box{
	width:200px;
	height: 200px;
	background-color: #eee;
	margin: 0.3em;
}

.copyright{
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

/* - - - - - title - - - - - */

.title{
	text-align: center;
}

.title_1,.title_2,.title_3{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}


/* - - - - - content - - - - - */


#main_gallery{
	min-height: calc(100vh - 200px);/*footerを下に固定するため*/
}

/* - - - - - footer - - - - - */

#footer{
	width: 100vw;
}

.footer_title{
	margin-bottom: 3em;
}

.about{
	width: 80%;
	margin: 0 auto;
	padding-top: 2.5em;
}

#footer_gallery{
	height: 200px;
}

/*@media screen and (min-width: 1048px){

}



@media screen and (max-width: 838px){

}

*/

@media screen and (max-width: 629px){
	.blind1,.blind2{
		display: none;
	}

}


@media screen and (max-width: 419px){

/*.title,.about{
	font-size: 3em;
}
*/

.box{
	width: 300px;
	height: 300px;
}

#sec_2{
	background: url(../img/2_2.png),linear-gradient(#f4d4d1,#ffcdcd 60% ,#ffb6c1);
	background-size: contain;
	background-position: center 65%;
	background-repeat: no-repeat;
}

#sec_3{
	background-size: contain;
	background-position: center 53%;
}

.about{
	width: 90vw;
}

.blind1,.blind2,.blind3{
	display: none;
}

a.btn_contact{
	padding: 5px 10px;
}

.copyright{
	width: 100%;
	font-size: 0.7em;
}

}