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

/* -------------------------------------------- 基本 ----------------------------------------------------------------------- */

body {
    font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
	color: black;
	font-size:14.5px;
    margin: 0;
}
 
/* -------------------------------------------- about ----------------------------------------------------------------------- */ 
  
/* ---- 基本　&　共通 ---- */ 
.aboutbody {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:white;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
	text-align:center;
}
@media screen and (max-width:751px) {
	.aboutbody { margin-left:15px; margin-right:15px; }
}

.foo.delighter {
    transition: all .3s ease-in-out;
    transform: translateY(20%);
    opacity: 0;
}
@media screen and (max-width:751px) {
	.foo.delighter { transform: translateY(5%); }
}
 .foo.delighter.started {
    transform: none;
    opacity: 1;
}

.ab-narabi {
    width:auto;
    max-width:500px;
    margin-left:0;
    margin-right:0;
    margin:auto;
    margin-top:100px;
}
@media screen and (max-width:751px) {
	.ab-narabi {  margin-top:80px; }
}

.ab-midashi {
    margin-right:0;
    margin-left:0;
    margin:auto;
    height:80px;
    margin-bottom:50px;
}
@media screen and (max-width:751px) {
	.ab-midashi { height:50px; margin-bottom:30px; }
}


/* ---- logo ---- */
.ab-main {
    background:url("../img/about/back.jpg");
    background-attachment: scroll;
    background-size:100%; 
    background-repeat: no-repeat;
	background-position: center center;
    width:auto;
    max-width:800px;
    height:330px;
    margin-right:0;
    margin-left:0;
    margin:auto;
    position: relative;
}
@media screen and (max-width:751px) {
	.ab-main { top:0; right:0; height:350px; background-repeat: repeat; background-size:150%;  }
}

.ab-logo {
    position:absolute;
    right:0;
    left:0;
    margin:auto;
    width:180px;
    margin-top:70px;
}
@media screen and (max-width:751px) {
	.ab-logo { width:160px; margin-top:100px; }
}


/* ---- concept ---- */
.ab-con-img {
    width:100%;
} 

.ab-con-moji1 {
    font-size:25px;
    font-weight:bold;
    line-height:38px;
    letter-spacing:2px;
    margin-top:30px;
	text-align: center;
}
@media screen and (max-width:751px) {
	.ab-con-moji1 { margin-top:0; font-size:20px; line-height:35px; }
}

.ab-con-moji2 {
    font-size:14.5px;
    line-height:28px;
    margin-left:auto;
    text-align: justify;
    margin-bottom:30px;
}



/* ---- profile ---- */
.ab-pro-img {
    width:90%;
} 
@media screen and (max-width:751px) {
	.ab-pro-img { width:100%; }
}

.ab-pro-moji1 {
    font-size:25px;
    font-weight:bold;
    line-height:38px;
    letter-spacing:2px;
    margin-top:60px;
	text-align: center;
}
@media screen and (max-width:751px) {
	.ab-pro-moji1 { margin-top:40px; font-size:20px; line-height:35px; }
}

.ab-pro-moji2 {
    font-size:14.5px;
    line-height:28px;
    margin-left:auto;
	text-align: justify;
}



/* ---- please ---- */
.ab-ple-moji1 {
    font-size:14.5px;
    line-height:28px;
    margin-left:auto;
    text-align: justify;
    margin-bottom:100px;
}

.ab-ple-moji1 span {
    display:block;
    margin-top:10px;
}