@charset "utf-8";

/*--------------------------
	共通の設定/=iPhone 320px(縦)からの設定 /
-------------------------- */

.amb_title{
	padding: 100px 0px 60px;
}

.amb_title_h2{
	color: #666666;
	text-align: center;
	font-size: 1.6em;
	letter-spacing:0.04em;
	padding: 80px;
	margin-bottom: 80px;
}

.amb_title_h3{
	color:#666666;
	font-family: yu-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2em;
	font-size:18px;
	text-align: center;
	letter-spacing:0.04em;
	margin-bottom: 40px;
}

.icon{
	display:block;
	text-align: center;
	/*justify-content: space-between;*/
	align-items: flex-end;
	margin-bottom: 20px;
}

.icon_pc{
	width: 12.8%;/*96px/750px*/
	height: 12.8%;
	margin: 0 10px;
}

.icon_tb{
	width: 10.4%;/*78px/750px*/
	height: 10.4%;
	margin: 0 10px;
}

.icon_sp{
	width: 8%;/*60px/750px*/
	height: 8%;
	margin: 0 10px;
}

.amb_text{
	color: #4d4d4d;
	font-family: yu-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 2em;
	text-align: center;
}

.amb_main_visual{
	padding: 0 40px;
	margin-bottom: 40px;
}

.amb_main_visual img{
	margin-bottom: 40px;
}
/*矢印が右に移動して背景がつく*/

.btnarrow5{
    /*矢印の基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	border: 1px solid #999999;
    padding: 8px 30px;
    display: inline-block;
	font-family: yu-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 2em;
    text-align: center;
    text-decoration: none;
    color: #4d4d4d;
    outline: none;
    /*アニメーションの指定*/
    transition: all .2s linear;
}

.btnarrow5:hover{
	background:#999999;
	color:#fff;
}

/*矢印と下線の形状*/
.btnarrow5::before{
	content:"";
    /*絶対配置で下線の位置を決める*/
	position: absolute;
	top:50%;
	right:-26px;
    /*下線の形状*/
	width:40px;
	height:1px;
	background:#999999;
    /*アニメーションの指定*/
    transition: all .2s linear;
}

.btnarrow5::after{
	content:"";
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    top: 26%;
    right: -21px;
    /*矢印の形状*/
	width:1px;
	height:12px;
	background:#999999;
    transform:skewX(45deg);
    /*アニメーションの指定*/
    transition: all .2s linear;
}

/*hoverした際の移動*/
.btnarrow5:hover::before{
	right:-40px;
}

.btnarrow5:hover::after{
	right:-35px;
}

.arrow{
	text-align: center;
	margin-bottom: 20px;
}
/*↑矢印が右に移動して背景がつく↑*/

.amb_theme{
	background-color: #f6f6f6;
	padding: 0 20px 40px;
	/*margin-bottom: 60px;*/
}

.amb_theme_container{
	background-color: #ffffff;
	padding:0 20px 40px;
}

.amb_theme_h3{
	color: #4d4d4d;
	font-family: yu-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 2em;
	text-align: center;
	padding:80px 10px 40px;
}

.amb_theme_p{
	color: #4d4d4d;
	font-family: yu-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 2em;
}

.contact{
	padding: 100px 20px 120px;
}

/*
--------------------------
	タブレット / iPad 768px(縦)から1023pxまでの設定 /
-------------------------- */

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

	.arrow{
		margin-bottom: 60px;
	}
	
	.amb_text{
		margin-bottom: 80px;
	}
	.amb_theme{
	padding: 0 80px 60px;
}
	.amb_theme_container{
		padding: 0 80px 60px;
	}
}

/*--------------------------
	PC /1024px以上の設定/
-------------------------- */
@media screen and (min-width:1024px) {

.amb_theme{
	padding: 0 40px 60px;
}

	.amb_theme_container{
		padding: 0 40px 40px;
	}
	
	.amb_main_visual{
		
	}
}