* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*p margin’²�®*/
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb80{
	margin-bottom:80px;
}
.mb100{
	margin-bottom:100px;
}

.mt20{
	margin-top:20px;
}


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
display:inline-block;
min-height: 1px;
}

.pc_none{
	display:none;
}

img.center{
	margin-left:auto;
	margin-right:auto;
	display:block;
}


/*•¶Žš‘•�ü*/

.font_bold{
	font-weight:bold;
}

.font_red{
	color:#b80101;
}

.font_small{
	font-size:8.5pt;
}

a{
	color:#333;
	text-decoration:none;
}

a.link{
	color:#666;
	text-decoration: underline;
}

a.link:hover{
	color:#eb6ea5;
}


/* ƒAƒjƒ��[ƒVƒ‡ƒ“�Ý’è */
.scrollin{
    transform : translate(0, 40px);
    transition : all 600ms;
}
 
.scrollin_on {
    transform : translate(0, 0);
}

.scrollin:nth-of-type(2) {
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
}

.scrollin:nth-of-type(3) {
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
}

.scrollin:nth-of-type(4) {
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
}

.scrollin:nth-of-type(5) {
    -moz-transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
}

@keyframes large {
    0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@-webkit-keyframes large {
     0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

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

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



/* Šeƒy�[ƒW‹¤’Ê */

body{
color:#000;
font-size:10pt;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN',YuGothic,'Yu Gothic','ƒ�ƒCƒŠƒI', Meiryo,'‚l‚r ‚oƒSƒVƒbƒN','MS PGothic';
font-weight: 500;
overflow-x: hidden;
}

header{
position:relative;
margin-top: -653px;
margin-left: -3px;
min-width: 350px;
max-width: 350px;
min-height: 600px;
    max-height: 600px;
border: 3px solid #fff;
float: left;
}

header nav{
background-color: #fff;
min-height: 580px;
min-width: 330px;
max-width: 338px;
margin-top: 7px;
padding-left: 45px;
}

h1{
position: relative;
top: 100px;
z-index: 2;
}

#logo{ /* h1 */
width:243px;
height:30px;
}

#mcs{ /* h2 */
height: 63px;
z-index: 2;
position: relative;
}

#mcs a{
color: #fff;
}

header nav div{
position: relative;
top: 50px;
z-index:10;
}

#tel{
height: 28px;
}

#mail a{
display: block;
width: 243px;
border: solid 3px #eb6ea5;
font-weight: 600;
color: #eb6ea5;
padding: 15px;
border-radius: 10px;
font-size: 13pt;
line-height: 1.5em;
background-image: url(../image/mail.png);
background-position: 175px center;
background-repeat: no-repeat;
background-size: 50px 50px;
margin-top: 30px;
margin-bottom: 25px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
 transition:0.5s;
}

#mail a:hover{
background-color: #eb6ea5;
color: #fff;
background-image: url(../image/mail_on.png);
}

header ul{
width: 243px;
display: block !important;
}

header ul li {
list-style-type: none;
float: right;
}

header ul li a{
font-family: "Rounded Mplus 1c","ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN";
height: 220px;
width: 40px;
font-weight: 600;
font-size: 14pt;
border-left: 3px solid #eb6ea5;
vertical-align: top;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
display: block;
 writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

@media screen and (max-device-width: 1024px) {
header ul li a{
padding-right: 20px;
padding-left: 0px;
}
}

header ul li:nth-last-child(2) a , header ul li:last-child a{
background-image: url(../image/window.png);
background-position: center bottom 20px;
background-repeat: no-repeat;
}

header ul li:last-child a{
border-left: 0;
background-position: center bottom 110px;
}

header ul li a:hover{
color: #eb6ea5;
}

.fixed {
 position: fixed;
 top: 10px;
 left: 45px;
}

section article{
max-width: 1500px;
min-width: 700px;
margin: 0 auto;
}

ul.picture3{
width: 100%;
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 15px 0;
margin-left: -20px;
}

ul.picture3 li{
list-style-type: none;
display: table-cell;
}

ul.picture3 li img{
width: 100%;
height: auto;
}

/*ƒtƒbƒ^�[*/
footer{
width: 100%;
border-top: 3px solid #ddd;
padding-top: 50px;
position: relative;
}

footer ul#sitemap{
width: 1000px;
margin: 0 auto;
padding-bottom: 50px;
}

footer ul#sitemap li{
list-style-type: none;
display: inline-block;
}

footer ul#sitemap li a{
display: block;
margin-right: 11px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
 font-size: 10pt;
}

footer ul#sitemap li a:hover , footer ul#sitemap li a:hover:before{
color: #eb6ea5;
}

footer ul#sitemap li:last-child a{
margin-right: 0;
}

footer ul#sitemap li a:before{
content: "\25B2";
transform:rotate(90deg);
display:inline-block;
font-size: 6pt;
margin-right: 5px;
position: relative;
top: -2px;
color: #ccc;
}

footer article{
width: 1000px;
margin: 0 auto;
display: table;
}

footer article div{
background-image: url(../image/footer_logo.png);
background-repeat: no-repeat;
background-position: 2px 0;
width: 485px;
max-width: 485px;
display: table-cell;
vertical-align: top;
}

footer article div strong{
font-weight: 500;
font-style: normal;
font-size: 9pt;
margin-left: 55px;
}

 footer p#footer_tel{
 margin-top:40px;
 float: left;
 width: 230px;
 height: 30px;
 }
 
 footer address{
 float: right;
 font-size: 9pt;
 margin-top: 37px;
 margin-right: 15px;
 line-height: 1.4em;
 }
 
footer address , footer small{
	font-style:normal;
}

footer ul#otherLink{
clear: both;
padding-top: 33px;
}

footer ul#otherLink li{
list-style-type: none;
display: inline-block;
}

footer ul#otherLink li a{
display: block;
border: 2px solid #ccc;
margin-right: 7px;
border-radius: 5px;
text-align: center;
text-decoration: none;
padding: 10px 0;
width: 148px;
color: #777;
font-size: 9.5pt;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

footer ul#otherLink li a:hover{
background-color: #eb6ea5;
border: 2px solid #eb6ea5;
color: #fff;
}

footer ul#otherLink li:last-child a{
margin-right: 0;
}

footer ul#groupLink{
display: table-cell;
vertical-align: top;
}

footer ul#groupLink li{
list-style-type: none;
display: inline-block;
width: 116px;
margin-right: 7px;
vertical-align: top;
}

footer ul#groupLink li a{
display: block;
width: 116px;
padding-bottom: 115px;
background-position: left bottom;
background-repeat: no-repeat;
background-size: 116px auto;
-webkit-transition:0.5s;
-moz-transition:0.5s;
 transition:0.5s;
}

footer ul#groupLink li a:hover{
background-size: 120px auto;
}

footer ul#groupLink li a:hover p{
color: #eb6ea5;
border-left: 2px solid #eb6ea5;
}

footer ul#groupLink li a#seikei {background-image: url(../image/footer_bana01.jpg);}
footer ul#groupLink li a#rouken {background-image: url(../image/footer_bana02.jpg);}
footer ul#groupLink li a#naika {background-image: url(../image/footer_bana03.jpg);}
footer ul#groupLink li a#sougou {background-image: url(../image/footer_bana04.jpg);}

footer ul#groupLink li:last-child{
margin-right: 0;
}

footer ul#groupLink li:first-child{
margin-left: 10px;
}

footer ul#groupLink li p{
border-left: #ccc 2px solid;
padding-left: 7px;
font-size: 9pt;
height: 37px;
background-color: #fff;
}

footer ul#groupLink li a#seikei p , footer ul#groupLink li a#naika p{
padding-top: 10px;
}

footer ul#groupLink li a#rouken p , footer ul#groupLink li a#sougou p{
line-height: 1.2em;
padding-top: 2px;
}

footer small{
display:block;
width:100%;
padding:15px 0;
font-size:8pt;
text-align: center;
color: #fff;
background-color: rgba(235,110,165,1.00);
margin-top: 50px;
}

#totop{
display:none;
border:0;
position:fixed;
right:10px;
bottom:10px;
width: 45px;
height: 45px;
z-index: 3;
}

#totop:hover{
bottom:13px;
}



/*ƒ^ƒuƒŒƒbƒg—p */
@media screen and (max-width: 768px){
a{
-webkit-tap-highlight-color: transparent;
}

.fixed {
position: relative;
top: 0;
left: 0;
}

ul.picture3{
margin-left:0px;
}

footer{
padding: 50px;
padding-bottom: 30px;
}

footer ul#sitemap {
    width: 100%;
	padding-bottom: 10px;
}

footer ul#sitemap li{
margin-bottom: 20px;
}

footer article {
    width: 100%;
	display: block;
}

footer article div{
display: block;
width: 100%;
max-width: 100%;
}

footer p#footer_tel {
    margin-top: 50px;
	margin-right: 10px;
}

footer article div strong{
display: block;
}

footer address {
    float: left;
margin-top: 47px;
}

footer ul#otherLink {
    width: 100%;
}

footer ul#otherLink li {
    width: 32%;
}

footer ul#otherLink li a{
width: 100%;
}

footer ul#groupLink {
display: block;
margin-top: 40px;
}

footer ul#groupLink li:first-child {
margin-left: 0;
}

footer ul#groupLink li{
width: 23%;
}

footer ul#groupLink li a , footer ul#groupLink li a:hover{
    width: 100%;
	background-size: cover;
}

footer ul#groupLink li a p br{
display: none;
}

footer ul#groupLink li a#rouken p, footer ul#groupLink li a#sougou p{
padding-top: 10px;
}

footer small{
background-color:inherit;
color: #000;
margin-top: 30px;
}
}

/* ˆó�ü—p */
@media print{
*{
transition-property: none !important;
animation-name: none !important;
opacity: 1 !important;
}
header{
display: none !important;
}
section{
padding-left: 0 !important;
}
}