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

* {box-sizing: border-box;}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	margin: 0;
	color: #666;}
	
img {
    max-width: 100%;
    height: auto;
}

a img:hover{opacity:0.6;}

/* button action */
#header .navigation a,
.tel_box a,
.content_box .access > div a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
}
#header .navigation a::before,
#header .navigation a::after,
.tel_box a::before,
.tel_box a::after,
.content_box .access > div a::before,
.content_box .access > div a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#header .navigation a,
#header .navigation a::before,
#header .navigation a::after,
.tel_box a,
.tel_box a::before,
.tel_box a::after,
.content_box .access > div a,
.content_box .access > div a::before,
.content_box .access > div a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#header .navigation a,
.tel_box a,
.content_box .access > div a {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#header .navigation a {
  line-height: 80px;
  padding: 0 20px;
}
#header .navigation a:hover {
  color: #fff;}
.tel_box a:hover,
.content_box .access > div a:hover {
  color: #666;}
#header .navigation a::after,
.tel_box a::after,
.content_box .access > div a::after {
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
}
#header .navigation a:hover::after,
.tel_box a:hover::after,
.content_box .access > div a:hover::after {
  top: 0;
  left: 0;
}
#header .navigation a:hover::after {
  background-color: #f4a726;}
.tel_box a:hover::after,
.content_box .access > div a:hover::after {
  background-color: #fff;}
/* button action */

.inner {
    width: 950px;
    margin: 0 auto;
}
.clear:after {
    clear: both;
    content: "";
    display: block;
}

.left {float: left;}
.right {float: right;}

#header {
	background-color: rgba(255, 255, 255, 0.7);
	position: fixed;
    width: 100%;
    top: 0;
	z-index: 100;
}

#header .inner {
	position: relative;
	height: 80px;}
#header .inner > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#header .inner > div > img {display: block;}
#header .inner > .navigation {
    font-weight: 700;
    position: absolute;
	  top: 0;
    left: 50%;
    width: 560px;
    transform: translateX(-50%);
}

.navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.navigation ul li {
    float: left;
    /*margin: 0 20px;*/
}
.navigation a {
	color: inherit;
	text-decoration:none;}
.navigation a:hover {
	/*text-decoration:underline;*/}

#sp_menu {display: none;}

#content .main {
    padding: 1px;
    background: url(images/maintop.png) top no-repeat;
    position: relative;
    padding-top: 30%;
    background-size: cover;
}
#content .main .text {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
	color: #000;
}
#content .main .text h2 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;}
#content .main .text h2 .small {
    font-size: 0.6em;}
	
.content_box {
    padding-bottom: 20px;}

.content_box h2 {
    text-align: center;
    background-color: #FFDAA5;
    margin: 0 0 50px;
    padding: 20px;
	position: relative;
}
.content_box h2:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: contain;
    position: absolute;
    top: 10%;
}

.content_box:nth-child(3) h2:before {
    background-image: url(images/icon_work.png);}
.content_box:nth-child(4) h2:before {
    background-image: url(images/icon_riyou.png);}
.content_box:nth-child(5) h2:before {
    background-image: url(images/icon_stuff.png);}
.content_box:nth-child(6) h2:before {
    background-image: url(images/icon_access.png);}

.content_box h2 span {
    padding-left: 70px;}

.content_box h2.thick {
    background-color: #F5A726;
    color: #fff;}
.content_box h2.thick:before {
    content: none;}

.content_box .inner {
    counter-reset: goriyou;}
.content_box .inner > .clear {
    margin: 40px 0;}
.content_box .inner > .clear h3,
.staff_box h3 {
    color: #E69F2B;
    margin: 0 0 -18px;}
.content_box .inner > .clear:nth-child(1) > .left,
.content_box .inner > .clear:nth-child(2) > .right {
    width: 60%;}
	
.goriyou_box {
    display: table;
    width: 100%;
    padding-bottom: 60px;
    background: url(images/icon_arrow.png) no-repeat 50% 90%;
	counter-increment: goriyou;
}
.goriyou_box > div {
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
}
.goriyou_box > div:nth-child(1) {
    background-color: #B1BB36;
    color: #fff;
    width: 30%;
}
.goriyou_box > div:nth-child(1) span {
    position: relative;
    padding-left: 25px;
    display: block;
}
.goriyou_box > div:nth-child(1) span:before {
    content: counter(goriyou)")";
	position: absolute;
    left: 0;
}
.goriyou_box > div:nth-child(2) {
    background-color: #E4DFCC;}

.content_box .goriyou_box:nth-last-child(2) {
    padding-bottom: 0;}
	
.b_orange {
    text-align: center;
    border: 5px solid #F5A726;
    border-radius: 5px;
    width: 75%;
    margin: 40px auto;
}

.staff_box {
    padding: 30px 0 0 0;
    min-height: 170px;
    background-repeat: no-repeat;
    background-position: left;
}
.staff_box h3 {
    margin-bottom: -10px;}
/*.staff_box:nth-child(1) {
    background-image: url(images/img_stuff01.png);}
.staff_box:nth-child(2) {
    background-image: url(images/img_stuff02.png);}*/
	
.content_box .access > div {
    width: 50%;
    padding: 0 35px;
	position: relative;
}
/* .content_box .access > div:first-child {
    border-right: 1px solid #E4DFCC;} */
	
.content_box .access > div a {
    background: #F5A726 url(images/icon01.png) no-repeat 0% 50%;
    color: #fff;
    padding: 2px 5px 2px 20px;
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 60px;
    text-decoration: none;
	border:1px solid #F5A726;
}

.content_box .access > div a:hover {
    /*text-decoration: underline;*/
}

#footer {
    background-color: #F5A726;
    color: #fff;
    padding: 5px 0;
	margin-top: 40px;
}
#footer .navigation ul li {
    margin-left: 0;}
.copy p {
    margin: 0;}
	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background-color: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	position: relative;
	text-indent: -9999px;
}
#page-top a::after {
	content: "after";
	display: block;
	width: inherit;
	padding: inherit;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/arrow.png) center;
	background-size: contain;
	filter: invert(100%);
}
#page-top a:hover {
    text-decoration: none;
    background-color: #999;
}

.tel_box {
    text-align: center;}
.tel_box a {
    display: inline-block;
    background-color: #f4a726;
    color: #fff;
    padding: 10px;
	border:1px solid #f4a726;
    border-radius: 5px;
    margin: -30px 0 30px;
    text-decoration: none;
	font-size: 1.6em;
}
.tel_box a:hover {/*text-decoration: underline;*/}

.score_box{
	margin-bottom:2rem;
}
.score_box a{
	margin-top:0.5em;
	display:inline-block;
	text-decoration: underline;
	color:#666;
}
.score_box a:hover{
	color:#f4a726;
}