@charset "UTF-8";

/* ----------------------------------------------------------------------- 

 defoult

----------------------------------------------------------------------- */
html {
  box-sizing: border-box;
  width: 100%;
}

*, *::before, *::after {
  box-sizing: inherit;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Mplus 1p", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "メイリオ", Meiryo;
	font-size: 16px;
	line-height: 1.9;
	color: #040000;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	overflow-x: hidden;
	background-color: #FFF;
	background-image: url(../../images/koshidaka_photo001.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
body.open {
  overflow: hidden;
}
.layout_end {
	clear: both;
	float: none;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a{
	color: #000;
	text-decoration:none;
}
a:hover,
a:hover img{
	opacity: 0.7;
}
img{
	max-width: 100%;
}

.spOnly{
	display: none!important;
	width: 100%;
}
.contentIn:after{
	content:"";
	display:block;
	clear:both;
}
@media screen and (min-width: 768px) {
	.contentIn{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	}
}
@media screen and (max-width: 767px) {
	body {
		font-size:14px;
	}
	.pcOnly{
		display:none!important;
	}
	.spOnly{
		display:block!important;
	}
	#main .contentIn{
		width:100%;
		padding:0 4%;
	}
}


/* footer
----------------------------------------------------------------------- */

#footer {
	background-color: #ffec93;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 90px;
	padding-bottom: 60px;
}
.footer001 {
	max-width: 768px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	line-height: 0px;
}
.footer001:before,
.footer001:after {
    content: "";
    display: table;
}
.footer001:after {
    clear: both;
}
.footer001 {
    zoom: 1;
}

.footer001-01 {
	float: left;
	width: 17%;
}
.footer001-01 img {
	width: 100%;
}
.footer001-02 {
	margin-right: 3.75%;
}
.footer001-03 {
	margin-right: 3.75%;
}
.footer001-04 {
	margin-right: 3.75%;
}
.footer001-05 {
	margin-right: 3.75%;
}
.footer001-06 {
	margin-right: 0%;
}

.footer002 {
	max-width: 768px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	text-align: center;
	margin-top: 90px;
}



@media screen and (max-width: 767px) {
#footer {
	padding-right: 6%;
	padding-left: 6%;
	padding-top: 8%;
	padding-bottom: 20%;
}
.footer001 {
	max-width: 550px;
	width: 100%;
	font-size: 90%;
	padding-bottom: 0%;
}
.footer001-01 {
	width: 25%;
	margin-bottom: 0%;
}
.footer001-02 {
	margin-right: 6%;
	margin-left: 6.5%;
}
.footer001-03 {
	margin-right: 6%;
}
.footer001-04 {
	margin-right: 6.5%;
}
.footer001-05 {
	margin-top: 6%;
	margin-right: 6%;
	margin-left: 22%;
}
.footer001-06 {
	margin-top: 6%;
	margin-right: 22%;
}
.footer002 {
	margin-top: 6%;
	font-size: 85%;
}
}



/*-------------------------------------------------------------------
	bottom PAGE TOP
-------------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 25px;
    right: 15px;
    font-size: 77%;
	z-index: 30;
}
#page-top a {
    background: rgba(219,186,34,0.9);
    text-decoration: none;
    color: #fff;
    width: 95px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a img {
    width: 35px;
}
#page-top a:hover {
	text-decoration: none;
	background: rgba(219,186,34,0.4);
}

@media screen and (max-width: 768px) {
#page-top {
    bottom: 15px;
    font-size: 100%;
}
#page-top a {
    width: 90px;
    padding: 15px 0;
    border-radius: 0px;
}
#page-top a img {
    width: 30px;
}
}