#site-body {color:#393939;}
#about {padding-bottom:50px;}
/*BLUE SHIPが目指すGOAL*/
#about-bs {margin-top:20px; position:relative;}
#about-bs h1 {font-size:20px; font-weight:bold; color:#005194;}
#about-bs h1::before {content:""; display:inline-block; *vertical-align:auto; *zoom:1; *display:inline;
    width:90px; height:43px; background:url('../../../img/static/about/about.png') 0 0 no-repeat;
    background-size:540px 765px;
    padding-right:10px; vertical-align:bottom;
    text-indent:-119988px; overflow:hidden; text-transform:capitalize;}
#about-bs h2 {font-size:16px; font-weight:bold; color:#393939; margin-top:20px; margin-bottom:15px; line-height:30px;}
#about-bs .about-bs-holder {}
#about-bs .left-side {float:none; width:100%; margin-bottom:30px;}
#about-bs .left-side p {line-height:26px;}
#about-bs .right-side {float:none; width:100%; text-align:center; margin-top:50px;}
.thinkblue {margin:5px 0 40px;}
.thinkblue {content:""; display:inline-block; *vertical-align:auto; *zoom:1; *display:inline;
    width:300px; height:13px; background:url('../../../img/static/about/about.png') -170px -50px no-repeat;
    background-size:540px 765px;
    vertical-align:bottom;
    text-indent:-119988px; overflow:hidden; text-transform:capitalize;}
.bsship {content:""; display:inline-block; *vertical-align:auto; *zoom:1; *display:inline;
    width:320px; height:157px; background:url('../../../img/static/about/about.png') 0 -425px no-repeat;
    background-size:540px 765px;
    vertical-align:bottom;
    text-indent:-119988px; overflow:hidden; text-transform:capitalize;}

/*設立の背景*/
#about-started {border-top:3px solid #005194; padding-top:45px; margin-top:20px;}
#about-started h1 {font-size:20px; font-weight:bold; color:#005194;}
#about-started h1::before {content:""; display:inline-block; *vertical-align:auto; *zoom:1; *display:inline;
    width:52px; height:52px; background:url('../../../img/static/about/about.png') -100px -50px no-repeat;
    background-size:540px 765px;
    padding-right:15px; vertical-align:middle;
    text-indent:-119988px; overflow:hidden; text-transform:capitalize;}
#about-started h2 {font-size:15px; font-weight:bold; color:#393939; margin-top:15px; line-height:30px; margin-bottom:15px;}
/*-課題-*/
#about-started .started-holder:not(:first-child) {margin-top:30px;}
.started-holder .l-side {float:none; width:100%; height:auto; background-color:#005194; position:relative;}
.started-holder .l-side p.sh-task {position:static; font-size:14px; font-weight:bold; color:#fff; padding:10px 15px 0;}
.started-holder .l-side p.sh-task-detail {position:static; font-size:14.5px; font-weight:bold; color:#fff; padding:0 15px 10px; line-height:21px;}
.started-holder .l-side p.sh-task-detail br {display:none;}
.started-holder .r-side {float:none; width:100%; font-size:16px; padding-top:10px; margin-top:10px;}
.started-holder .r-side p {}

/*プレゼントキット*/
#present-kit {border-bottom:3px solid #005194; border-top:3px solid #005194; padding-top:20px; padding-bottom:20px; margin-top:30px; margin-bottom:20px;}
.khl {position:relative; margin-bottom:25px;}
#present-kit h1 {position:absolute; top:20px; left:100px; font-size:20px; font-weight:bold; color:#005194; margin-bottom:30px;}
.present-ic {position:relative; content:""; display:inline-block; *vertical-align:auto; *zoom:1; *display:inline;
    width:88px; height:88px; background:url('../../../img/static/about/about.png') 0px -50px no-repeat;
    background-size:540px 765px;
    vertical-align:middle;
    text-indent:-119988px; overflow:hidden; text-transform:capitalize; display:inline-block;}
.kit-holder-left p {font-weight:bold; font-size:14px;}
.kit-holder-left p.to-present {font-size:15px; margin-top:5px;}
.kit-holder-right {float:none; width:100%; margin-top:20px; display:block;}
.kit-images img {width:100%;}

/*ボタン類*/
.btn_knowing {display:block; margin:25px 0 20px; font-size:15px;}
.btn_knowing a {box-sizing:border-box; text-decoration:none; cursor:pointer;
    font-weight:400; line-height:1em; text-align:center;
    background-color:#005194; color:#fff; border:solid 2px #005194; padding: 10px 20px; border-radius:3px; display:inline-block;
    -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn_knowing a:hover {opacity:1; background-color:transparent; color:#005194; border:2px solid #005194;}

.btn_to-signin {text-align:center; font-size:15px;}
.btn_to-signin a {background-color:#d50d18; color:#fff; border:solid 2px #d50d18; padding: 5px 25px; border-radius:3px; display:inline-block;}
.btn_to-signin a:hover {background-color:#fff; color:#d50d18; border:2px solid #d50d18;}


@media (min-width: 540px) {
	/*BLUE SHIPが目指すGOAL*/
	#about-bs {margin-top:50px;}
	#about-bs h1 {font-size:21px;}
	#about-bs .left-side {float:left; width:53%; margin-bottom:30px;}
	#about-bs .left-side p {line-height:26px;}
	#about-bs .right-side {float:right; width:46%; text-align:right; margin-top:0;}
	#about-bs h2 {font-size:16px; margin-top:30px; margin-bottom:25px; line-height:30px;}
	.thinkblue {content:""; display:inline-block; *vertical-align:auto; *zoom:1; *display:inline;
    width:338px; height:14px; background:url('../../../img/static/about/about.png') -100px 0 no-repeat;
    background-size:540px 765px;
    vertical-align:bottom;
    text-indent:-119988px; overflow:hidden; text-transform:capitalize;}
	.bsship {content:""; display:inline-block; *vertical-align:auto; *zoom:1; *display:inline;
    width:416px; height:204px; background:url('../../../img/static/about/about.png') 0 -150px no-repeat;
    background-size:540px 765px;
    vertical-align:bottom;
    text-indent:-119988px; overflow:hidden; text-transform:capitalize;}
	/*設立の背景*/
	#about-started h1 {font-size:21px;}
	/*プレゼント*/
	#present-kit {margin-top:60px;}
    #present-kit h1 {position:absolute; top:30px; left:100px; font-size:24px;}
    .kit-holder-left {float:none; width:100%;}
    .kit-holder-right {float:none; width:80%; display:block; margin:0 auto;}
	/*ボタン類*/
	.btn_knowing {display:block; margin:35px 0 10px; font-size:15px;}
}
@media (min-width: 768px) {
    #present-kit h1 {position:absolute; top:30px; left:100px; font-size:24px;}
	.kit-holder-left {float:left; width:68%;}
    .kit-holder-right {float:right; width:30%;}
	/*-課題-*/
	#about-started .started-holder:not(:first-child) {margin-top:30px;}
	.started-holder .l-side {float:left; width:31%; height:193px; background-color:#005194; position:relative;}
	.started-holder .l-side p.sh-task {position:absolute; top:0; font-size:14px; font-weight:bold; color:#fff; padding:10px 15px 10px 15px;}
	.started-holder .l-side p.sh-task-detail {position:absolute; top:30px; font-size:14.5px; font-weight:bold; color:#fff; padding:5px 15px 5px 15px; line-height:21px;}
	.started-holder .r-side {float:right; width:66%; font-size:16px; padding-top:10px;}
	.started-holder .r-side p {}
}
@media (min-width: 1000px) {
	/*設立の背景*/
	#about-started h2 {font-size:15px; font-weight:bold; color:#393939; margin-top:30px; line-height:30px; margin-bottom:45px;}
	/*-課題-*/
	#about-started .started-holder:not(:first-child) {margin-top:30px;}
	.started-holder .l-side {float:left; width:31%; height:154px; background-color:#005194; position:relative;}
	.started-holder .l-side p.sh-task {position:absolute; top:0; font-size:14px; font-weight:bold; color:#fff; padding:10px 15px 10px 15px;}
	.started-holder .l-side p.sh-task-detail {position:absolute; top:30px; font-size:14.5px; font-weight:bold; color:#fff; padding:5px 15px 5px 15px; line-height:21px;}
	.started-holder .r-side {float:right; width:66%; font-size:16px; padding-top:10px;}
	.started-holder .r-side p {}
	.started-holder .l-side p.sh-task-detail br {display:block;}
	/*プレゼント*/
    #present-kit h1 {position:absolute; top:30px; left:100px; font-size:29px;}
    .kit-holder-left {float:left; width:76%;}
    .kit-holder-right {float:right; width:22%;}
}