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


.sec-main-v{
	position:absolute;
	height:100%;
	overflow:hidden;
	left:0;
	top:0;
	}

.sec-history{
		background-image:url(../img/tachibana01.png);
	background-repeat:no-repeat;
	background-position:center top;
	/*background-size:cover;*/
	position:relative;
	}
	
.scroll-area {
    position: relative;
    overflow: hidden;
    height: 554px;
	max-width:700px;
	margin:0 auto;
}

.history-ttl-img{
	text-align:center;
	}

.history-ttl-img img{
	max-width:400px;
	width:100%;
	}

.history-sub-img{
	text-align:center;
	margin-bottom:24px;
	}

.history-sub-img img{
	max-width:300px;
	width:100%;
	}

.bdr5{
	border:5px solid #fff;
	}

.last-image{
	margin-top:24px;
	
	}
.last-image img{
	width:100%;
	}

.history-list {
	text-align:center;
	background-image:url(../img/history-line.gif);
	background-repeat:repeat-y;
	background-position:center center;
}

.history-list dt {
	width:100px;
	height:100px;
	background-color:#1d1d1d;
	margin:40px auto 0;
	font-family: 'Lora', serif;
	border-radius:50%;
	font-size:18px;
	line-height:100px;
}

.history-list dt.cur{
	background-color:#ba2636;
	}

.history-list dd {
	max-width:600px;
	width:100%;
	margin:40px auto 0;
	background-color:#1d1d1d;
	padding:40px;
	line-height:1.8em;
}


.topics-list{
	    margin-top: 40px;
	}

.rotate-box {
	width:150px;
	height:150px;
	background:#FFF;
	-moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	overflow:hidden;
	position:relative;
	margin:0 auto;
	
	-moz-transform-origin:center center;
	-webkit-transform-origin:center center;
	-o-transform-origin:center center;
	-ms-transform-origin:center center;
	
}

.rotate-box .blig-img-bg {
	width:215px;
	height:215px;
	background-image:url(http://blog-imgs-55.fc2.com/i/w/a/iwamotoyuji/IMG_1202.gif);
	background-position:center center;
	background-size:cover;
	-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	margin:-107px 0 0 -107px;

}

.rotate-box .blig-img-bg .date {
	width:75px;
	height:75px;
	background-color:#ba2636;
	font-family: 'Lora', serif;
	border-radius:50%;
	font-size:15px;
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-37px 0 0 -37px;
	text-align:center;
	    padding-top: 18px;
}


.bg-pattern{
	background-image:url(../img/pattern.png);
	background-repeat:no-repeat;
	background-position:center top;
	/*background-size:cover;*/
	position:relative;
	}

.blog-ttl{
	margin-top:54px;
	text-align:center;
	}


/* アクセス */

.access-wrap {
}

.access-wrap .company-name {
	    margin-top: 156px;
	text-align:right;
		font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
		font-size:25px;
}

.access-wrap .tel-number {
		text-align:right;
		font-size:25px;
		margin-top:24px;
}

.access-wrap .tel-info {
	
		text-align:right;
}

.access-wrap .map-outer{
	width:400px;
	height:400px;
	border-radius:200px;
	background:#FFF;
	margin:0 auto;
	color:#333;
	overflow:hidden;
	}

.access-wrap #map-canvas {
	width:400px;
	height:400px;
	
	overflow:hidden;
}

.map-container{
	border-radius: 200px !important;
	overflow:hidden;
	-webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); /** added mask image **/
    
	}



.access-wrap .how-to {
	      margin-top: 130px;
}


@media (min-width: 768px) {

}

@media (min-width: 992px){

}