/* --------------------------------
	iPhone6 Plus
-------------------------------- */

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

	section {
		padding-top: 70px;
	}

	/*-------- title 見出し --------*/

	.title p {
		padding: 0 25px;
	}

	h2{
		letter-spacing: 0;
	}

	h2::before {
		position: absolute;
		top: 50%;
		left: 7%;
		width: 15%;
	}
	h2::after {
		position: absolute;
		top: 50%;
		right: 7%;
		width: 15%;
	}

	/*-------- opening 最初の言葉 --------*/

	#opening{
		padding:40px 0 0;
	}

	.opening {
		margin-bottom: 0;
	}

	.opening h3{
		letter-spacing: 0.1em;
		margin-bottom: 15px;
		font-size: 2.1em;
	}

	.opening p{
		line-height: 29px;
		text-align: left;
		padding: 15px;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	/*-------- Header --------*/

	.header_inner {
		margin-top: 150px;
		max-width: 400px;
		margin-left: 15px;
	}

	.header_inner .main-title {
		position: absolute;
		top: 36%;
		left: 52%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
		font-size: 5.5em;
		line-height: 90px;
		width: 100%;
		max-width: 90%;
		letter-spacing: 0.06em;
	}

	.header_inner .sub_title_top {
		position: absolute;
		top: 23%;
		left: 53%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
		font-size: 1.3em;
		color: #fff;
		letter-spacing: 0.2em;
		width: 90%;
		text-shadow: none;
	}

	.header_inner .sub_title_bottom {
		font-size: 1.3em;
		letter-spacing: 0.3em;
		position: absolute;
		top: 59%;
		left: 51%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
		width: 90%;
		text-shadow: none;
	}

	.header_inner .main-title .adj3{
		position: relative;
		top: -6px;
	}


	#logo {
		position: relative;
		top: -50px;
		left: 5px;
	}

	.fixed ul li a {
		color: #fff !important;
	}

	/*スクロールダウン全体の場所*/
	.scrolldown1{
			/*描画位置※位置は適宜調整してください*/
		position:absolute;
		left:50%;
		bottom:2px;
			/*全体の高さ*/
		height:50px;
	}

	/*Scrollテキストの描写*/
	.scrolldown1 span{
		/*描画位置*/
		position: absolute;
		left:-16px;
		top: -16px;
		/*テキストの形状*/
		font-size: 0.9rem;
		letter-spacing: 0.05em;
		writing-mode: horizontal-tb;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:horizontal-tb;
	}

	/* 線の描写 */
	.scrolldown1::after{
		position: absolute;
		left: 3px;

	}


	/*-------- service サービス  --------*/

	.box {
		padding:50px;
		margin:0 20px 40px;
	}

	.remodal h3{
		font-size: 1.9em;
	}

	.remodal .ico{
		width: 50px;
		margin:0 10px 13px 0;
	}

	/*-------- features 特徴  --------*/

	.features {
		padding-top: 75px;
		padding-bottom: 50px;
	}

	.features h3{
		font-size: 1.8em;
		line-height: 31px;
		position: relative;
		left: -4px;
		top: -10px;
	}

	.features .features_wrapper .item {
		margin-bottom: 45px;
		padding:25px 20px;
		padding-left: 75px;
	}

	.number {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 2.2em;
		position: relative;
		top:0px;
	}

	/*-------- staff スタッフ --------*/

	.staff {
		margin:0 0 50px;
		padding-left: 10px;
		position: relative;
		top: -20px;
	}

	.staff p{
		padding:20px 30px;
		line-height: 25px;
		letter-spacing: 0.1em;
	}

	.staff-details {
		margin-bottom: 0;
	}

	/*-------- contact 住所 --------*/

	#contact{
		padding-top: 0;
		padding-bottom: 20px;
	}

	.contact{
		margin-bottom: 50px;
	}

	.adj{
		margin-bottom: 50px;
	}

	.map_wrapper {
		margin: 10px auto 20px;
	}

	.btn-common{
		margin-left: 0px;
	}

	.btn-common4{
		margin: 0;
	}

	.btn-common3{
		margin: 15px 0 0;
	}


	/*-------- pagetop　トップページ --------*/

	.pagetop {
		max-width: 38px;
		position: fixed;
		bottom: 25px;
		right: 15px;
		z-index: 1;
	}

	/*-------- footer　フッター --------*/

	#footer {
		width: 100%;
		height: 390px;
		margin-top: 25px;
		padding-top: 30px;
		text-align: center;
	}

	.footer .kikan{
		margin-bottom: 15px;
		margin-left: 20px;
		line-height: 21px;
		text-align: left;
	}

	.footer .logo{
		margin: 5px;
		width: 100px;
	}

	.footer .copyright {
		letter-spacing: 0.01em;
		font-size: 0.9em;
		margin-top: 3px;
	}

	.footer .social{
		margin-top: 20px;
		padding-top:0.6em;
	}

	.footer .social a:active:before {
		top:-53%;
		left:-50%;
	}

}

/* --------------------------------
	iPhone6
-------------------------------- */

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

/*-------- opening 最初の言葉 --------*/

.opening h3{
	font-size: 1.9em;
}

/*-------- Header --------*/

.header_inner .main-title {
	position: absolute;
	top: 33%;
	font-size: 4.8em;
	line-height: 85px
}

.header_inner .sub_title_top {
	letter-spacing: 0.3em;
	font-size: 1.1em;
}

.header_inner .sub_title_bottom {
		position: absolute;
		top: 57%;
	}

.header_inner{

}

/*-------- service サービス  --------*/

.box {
	padding:45px 15px 37px 15px;
}

/*-------- features 特徴  --------*/

.number {
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	top:3px;
}

.features h3{
	font-size: 1.6em;
}

/*-------- pagetop　トップページ --------*/



/*-------- footer　フッター --------*/


}