/*============================================================================================
↓レイアウト==============================================================================
============================================================================================*/
.inner { margin-top: 35px;}
.h4-tit {
    background: url(../img/bg-beige.jpg) repeat;
    margin-bottom: 15px;
    height: 35px;
    width: 100px;
}
.h4-tit h4 {
    color: #57b25a;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
}
.list li {
    background: url(../img/list-circle.png) no-repeat left center;
    color: #57b25a;
    font-size: 22px;
    font-weight: 200;
    line-height: 220%;
    padding-left: 16px;
}
/* header */
header {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
header .header-right {
    position: absolute;
    right: 0;
    top: 0;
    /*width: 368px;*/
    width: 309px;
}
header .header-right .header-inner {
    background: #4aac4d none repeat scroll 0 0;
    display: table;
    height: 40px;
    margin: 0;
    padding: 0 5px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 286px;
}
header .triangle-rightop { float: left;}
header .triangle-rightop::before {
    border-left: 18px solid transparent;
    border-top: 40px solid #4aac4d;
    content: "";
    display: block;
    height: 0;
    width: 0;
}
header .header-right h1.header-tit {
    color: #FFF;
    display: table-cell;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}
/* #top */
#top {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
}
#top .top-inner { 
    display: table-cell;
    padding-bottom: 120px;
    text-align: center;
    vertical-align: middle;
}
#top h2.h2-tit { text-align: center;}
#top .top-img { 
    /*margin: 76px 0;*/
    margin: 36px 0;
    overflow: hidden;
}
#top .top-img ul {
	margin:0 auto;
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 10px 0;  /* 左右 上下で記述 */
}
#top .top-img li {
	max-width:242px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
#top .top-img li img {
	width:100%;
	height:auto;
}
/*まるの中身　背景===============================*/
.anm1,.anm2,.anm3,.anm4,.anm5 {
	background-repeat:repeat-x;
	background-position:center center;
	background-size:contain;
	-webkit-animation:slideIn-w 0.5s ease-in-out 0s backwards;
	-moz-animation:slideIn-m 0.5s ease-in-out 0s backwards;
	animation:slideIn-i 0.5s ease-in-out 0s backwards;
}
.anm1 {background-image:url(../img/bg1.png);}
.anm2 {background-image:url(../img/bg2.png);}
.anm3 {background-image:url(../img/bg3.png);}
.anm4 {background-image:url(../img/bg4.png);}
.anm5 {background-image:url(../img/bg5.png);}
@-webkit-keyframes slideIn-w {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-moz-keyframes slideIn-m{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes slideIn-i{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
/*まるの中身　マスク===============================*/
.mask {
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	max-width:222px;
	width:100%;
	height:auto;
}
/*まるの中身　アニメ　mv1===============================*/
.mv1 {
	-webkit-animation:slideIn1-w 0.5s ease-in-out 1s backwards;
	-moz-animation:slideIn1-m 0.5s ease-in-out 1s backwards;
	animation:slideIn1-i 0.5s ease-in-out 1s backwards;
}
@-webkit-keyframes slideIn1-w {
    0%{
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
}
@-moz-keyframes slideIn1-m {
    0%{
        opacity: 0;
		-moz-transform: translateY(20px);
    }
    100%{
        opacity: 1;
		-moz-transform: translateY(0px);
    }
}
@keyframes slideIn1-i {
    0%{
        opacity: 0;
		transform: translateY(20px);
    }
    100%{
        opacity: 1;
		transform: translateY(0px);
    }
}
.mv2 {
	-webkit-animation:slideIn2-w 0.5s ease-in-out 1.2s backwards;
	-moz-animation:slideIn2-m 0.5s ease-in-out 1.2s backwards;
	animation:slideIn2-i 0.5s ease-in-out 1.2s backwards;
}
@-webkit-keyframes slideIn2-w{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}
@-moz-keyframes slideIn2-m{
    0%{
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    100%{
        opacity: 1;
        -moz-transform: translateX(0px);
    }
}
@keyframes slideIn2-i{
    0%{
        opacity: 0;
        transform: translateX(-20px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
.mv3 {
	-webkit-animation:slideIn3-w 0.5s ease-in-out 1.4s backwards;
	-moz-animation:slideIn3-m 0.5s ease-in-out 1.4s backwards;
	animation:slideIn3-i 0.5s ease-in-out 1.4s backwards;
}
@-webkit-keyframes slideIn3-w {
    0%{
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}
@-moz-keyframes slideIn3-i{
    0%{
        opacity: 0;
        -moz-transform: translateX(20px);
    }
    100%{
        opacity: 1;
        -moz-transform: translateX(0px);
    }
}
@keyframes slideIn3-i{
    0%{
        opacity: 0;
        transform: translateX(20px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
.mv4 {
	-webkit-animation:slideIn4-w 0.5s ease-in-out 1.6s backwards;
	-moz-animation:slideIn4-m 0.5s ease-in-out 1.6s backwards;
	animation:slideIn4-i 0.5s ease-in-out 1.6s backwards;
}
@-webkit-keyframes slideIn4-w {
    0%{
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
}
@-moz-keyframes slideIn4-m{
    0%{
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100%{
        opacity: 1;
        -moz-transform: translateY(0px);
    }
}
@keyframes slideIn4-i{
    0%{
        opacity: 0;
        transform: translateY(20px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}
.mv5 {
	-webkit-animation:slideIn5-w 0.5s ease-in-out 1.8s backwards;
	-moz-animation:slideIn5-m 0.5s ease-in-out 1.8s backwards;
	animation:slideIn5-i 0.5s ease-in-out 1.8s backwards;
}
@-webkit-keyframes slideIn5-w {
    0%{
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}
@-moz-keyframes slideIn5-m{
    0%{
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    100%{
        opacity: 1;
        -moz-transform: translateX(0px);
    }
}
@keyframes slideIn5-i{
    0%{
        opacity: 0;
        transform: translateX(-20px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
#top .top-info {
    background: url(../img/top-info.png);
    margin: 0 auto 20px auto;
    height: 56px;
    width: 700px;
}
#top h3.top-info-txt {
    color: #ff5628;
    font-size: 28px;
    font-weight: 400;
    line-height: 61px;
    text-align: center;
}
#top .top-address {
    color: #4aac4d;
    font-size: 18px;
	margin:auto;
	text-align:left;
}
#top .top-address td{
	padding:10px 0;
}
/* message */
#message {
	margin-top: -110px;
	padding-top: 110px;
}
.message-inner {
    margin-top: 35px;
    text-align: center;
}
.message-inner p {
    font-size: 16px;
    font-weight: 200;
    line-height: 200%;
}
/* skills */
#skills {
	margin-top: -110px;
	padding-top: 110px;
}
.skills-L {
    float: left;
    margin: 0 45px 60px 0;
}
.skills-R { 
    float: left;
    margin-top: 50px;
}
.skills-txt-L {
    float: left;
    width: 520px;
}
.skills-txt-R {
    float: right;
    width: 520px;
}
#skills-txt p {
    font-weight: 200;
    line-height: 200%;
}
/* tokucho */
#tokucho {
	margin-top: -110px;
	padding-top: 110px;
}
.tokucho-inner { margin-top: 35px;}
.tokucho-img { 
    margin: 35px 0;
    text-align: center;
}
.tokucho-txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 220%;
    text-align: center;
}
/* profile */
#profile {
	margin-top: -110px;
	padding-top: 110px;
}
.profile-inner {
	width: 400px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align:center;
}
.profile-L {
    float: left;
    margin-right: 40px;
    width: 188px;
}
.profile-R {
	
}
.profile-R p {
    color: #57b25a;
    font-weight: 200;
    line-height: 220%;
}
.profile-info { margin-bottom: 30px;}
.profile-info th { width: 100px;}
.profile-info th,
.profile-info td {
    font-weight: 200;
    line-height: 200%
}
.profile-table { margin-bottom: 60px;}
.profile-tb {
    border-right: 1px solid #57b25a;
    border-top: 1px solid #57b25a;
    clear: both;
    color: #57b25a;
    line-height: 1em;
}
.profile-tb th {
    background-color: #e9f5e9;
    border-bottom: 1px solid #57b25a;
    border-left: 1px solid #57b25a;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 0;
    text-align: center;
}
.profile-tb th.th-week { width: 130px;}
.profile-tb td {
    border-bottom: 1px solid #57b25a;
    border-left: 1px solid #57b25a;
    font-weight: 100;
    padding-bottom: 10px;
    padding-top: 13px;
    text-align: center;
    vertical-align: middle;
}
.profile-tb td.td-time {
    font-size: 14px;
    font-weight: 200;
    line-height: 160%;
}
.profile-tb td.td-holiday { font-size: 34px;}
.profile-tb td .p-time {
    font-size: 12px;
    font-weight: 100;
}
#map-canvas {
　　width: 1080px;
    height: 300px;
}
.gmap-link a {
    border-bottom: solid 1px #57b25a;
    color: #57b25a;
    float: right;
    padding: 8px 0;
}
.gmap-link a:hover { text-decoration: none;}
/* boshu */
#boshu {
    margin-top: -110px;
    padding-top: 110px;
}
.boshu-list {
    margin-top: 35px;
    padding: 0 30px;
    text-align: center;
    width: 1080px;
}
.boshu-list li {
    background: url(../img/boshu-con01.png) top center no-repeat;
    color: #FFF;
    float: left;
    margin-right: 55px;
    padding-top: 60px;
    position: relative;
    width: 302px;
    height: 302px;
}
.boshu-list .boshu-tit {
    font-size: 26px;
    margin-bottom: 15px;
}
.boshu-list li p {
    font-size: 16px;
    font-weight: 200;
}
.boshu-list li .boshu-txt { line-height: 200%;}
.boshu-list li .boshu-link {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
}
.boshu-list li .boshu-link a:link {
    border-bottom: solid 2px #ffe617;
    color: #FFF;
    padding-bottom: 8px;
}
.boshu-list li .boshu-link a:hover {
    color: #ffe617;
    text-decoration: none;
}
.boshu-list li .boshu-link a:visited {
    border-bottom: solid 2px #ffe617;
    color: #FFF;
    text-decoration: none;
}
.boshu-click {
   color: #57b25a;
   font-size: 22px;
   font-weight: 200;
   margin-bottom: 40px;
   text-align: center;
}
#boshu .h4-tit { background: url(../img/bg-white.jpg) repeat;}
#boshu .obo-txt { line-height: 200%;}
/* entry */
.btn-entry { text-align: center;}
.btn-entry a:hover {
    cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}
/*ページのTOPへ*/
#pagetop {
	width:50px;
	height:50px;
	position:fixed;
	bottom: 30px;
	right:30px;
	z-index:99;
	display:none;
}