@charset "utf-8";

@import url("reset.css");
@import url("responsive.gs.12col.css");

body {
font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;color:#666;
font-size:16px;
-webkit-text-size-adjust: 100%;
}

img{
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
}

a {
color: #0085b2;
text-decoration: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
a:hover {
color: #66b5d0;
}

ruby {
ruby-align: distribute-space;
ruby-overhang: auto;
ruby-position: above;
}


@media screen and (min-width:769px) {
p {font-size:16px; line-height:1.8;}
}

@media screen and (max-width: 768px) {
p {font-size:14px; line-height:1.6;}
}

.main-bg-color {
background:#0085b2;
}

.main-color {
color:#0085b2;
}


section {clear:both;}

section.sec-toppad {padding:180px 0 100px 0 ;}
@media screen and (max-width: 768px) {
section.sec-toppad {padding:90px 0 60px 0 ;}
}


section.sec-pad01 {padding:70px 0 ;}
@media screen and (max-width: 768px) {
section.sec-pad01 {padding:30px 0 ;}
}

section.sec-pad01-btm0 {padding:70px 0 0 0 ;}
@media screen and (max-width: 768px) {
section.sec-pad01-btm0 {padding:30px 0 0 0 ;}
}

section.sec-pad01-topbtm0 {padding:0 ;}
@media screen and (max-width: 768px) {
section.sec-pad01-topbtm0 {padding:0 ;}
}



section.sec-pad02 {padding:30px 0 ;}
@media screen and (max-width: 768px) {
section.sec-pad02 {padding:20px 0 ;}
}

section.sec-pad02-btm0 {padding:30px 0 0 0 ;}
@media screen and (max-width: 768px) {
section.sec-pad02-btm0 {padding:20px 0 0 0 ;}
}

section.sec-pad02-top0 {padding:0 0 30px 0 ;}
@media screen and (max-width: 768px) {
section.sec-pad02-top0 {padding:0 0 20px 0 ;}
}


.detailbar-about a{
display: block;
width:180px;
color: #0085b2;
background:#daeaf0;
font-size: 12px;
text-align: center;
padding:10px 0;
margin:25px auto 0 auto;
font-weight:700;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;

}

.detailbar-about span{
display: block;
font-size: 11px;
font-weight:400;
line-height: 10px;
text-align: center;
border:1px solid #0085b2;
width:120px;
padding:4px 0;
margin:0 auto 2px auto;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}



.detailbar-about a:hover {
filter: alpha(opacity=30);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
background:#cce6ef;

}


.detailbar-customer a{
display: block;
color: #0085b2;
background:#daeaf0;
font-size: 12px;
text-align: center;
padding:10px 0;
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
background:#cce6ef;
position:absolute;
bottom:0px;
width:100%;
}

.detailbar-customer span{
display: block;
font-size: 11px;
font-weight:400;
line-height: 10px;
text-align: center;
border:1px solid #0085b2;
width:120px;
padding:4px 0;
margin:0 auto 2px auto;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;

}



.detailbar-customer a:hover {
filter: alpha(opacity=30);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
background:#cce6ef;
}



section.bg-dark {
background: #eaf4f8;
}
section.bg-white {
background: #fff;
}
section.bg-color {
background: #0085b2;
color:#fff;
}

section.bg-dark-white {
background: #d0e3ed;
background: -moz-linear-gradient(top, #d0e3ed 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e3ed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #d0e3ed 0%,#ffffff 100%);
background: -o-linear-gradient(top, #d0e3ed 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #d0e3ed 0%,#ffffff 100%);
background: linear-gradient(to bottom, #d0e3ed 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e3ed', endColorstr='#ffffff',GradientType=0 );
}

section.bg-white-dark {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #d0e3ed 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#d0e3ed));
background: -webkit-linear-gradient(top, #ffffff 0%,#d0e3ed 50%);
background: -o-linear-gradient(top, #ffffff 0%,#d0e3ed 50%);
background: -ms-linear-gradient(top, #ffffff 0%,#d0e3ed 50%);
background: linear-gradient(to bottom, #ffffff 0%,#d0e3ed 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0e3ed',GradientType=0 );
}



@media screen and (max-width:768px) {
section.bg-topvisual {
background-image: url(../img/IMGP4068-2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}
}

@media screen and (min-width:769px) {
section.bg-topvisual {
background-image: url(../img/IMGP4068.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}
}

section.bg-img01 {
background-image: url(../img/bg-img01.jpeg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-img02 {
background-image: url(../img/ws_Path_to_ocean_1600x1200.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-img03 {
background-image: url(../img/ws_Path_to_ocean_1600x1200.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-img-omise {
background-image: url(../img/035.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}


section.bg-btn_sec_01 {
background-image: url(../img/bg_btn_sec_01.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-btn_sec_02 {
background-image: url(../img/bg_btn_sec_02.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-contact {
/*background-image: url(../img/bg-img01.jpg); */
background: #4ca9c9;
background: -moz-linear-gradient(top, #4ca9c9 0%, #0085b2 34%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ca9c9), color-stop(34%,#0085b2));
background: -webkit-linear-gradient(top, #4ca9c9 0%,#0085b2 34%);
background: -o-linear-gradient(top, #4ca9c9 0%,#0085b2 34%);
background: -ms-linear-gradient(top, #4ca9c9 0%,#0085b2 34%);
background: linear-gradient(to bottom, #4ca9c9 0%,#0085b2 34%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca9c9', endColorstr='#0085b2',GradientType=0 );

background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}



section.bg-contact-white-blue {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #0085b2 34%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(34%,#0085b2));
background: -webkit-linear-gradient(top,  #ffffff 0%,#0085b2 34%);
background: -o-linear-gradient(top,  #ffffff 0%,#0085b2 34%);
background: -ms-linear-gradient(top,  #ffffff 0%,#0085b2 34%);
background: linear-gradient(to bottom,  #ffffff 0%,#0085b2 34%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0085b2',GradientType=0 );

background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}


section.bg-dark-main {
background: #eaf4f8;
background: -moz-linear-gradient(top, #eaf4f8 0%, #0085b2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf4f8), color-stop(100%,#0085b2));
background: -webkit-linear-gradient(top, #eaf4f8 0%,#0085b2 100%);
background: -o-linear-gradient(top, #eaf4f8 0%,#0085b2 100%);
background: -ms-linear-gradient(top, #eaf4f8 0%,#0085b2 100%);
background: linear-gradient(to bottom, #eaf4f8 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf4f8', endColorstr='#0085b2',GradientType=0 );

background: url(../img/bg-hyuga.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;

color:#fff;
}




section.bg-white {
background: #fff;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#666;
}





section.bg-otamesi {
background: #4ca9c9;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}


#otamesi {
position:relative;
padding:30px 0;
}

#otamesi .shokai{
background:#f97f69;
width:95px;
height:95px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
text-align:center;
font-size:28px;
line-height:30px;
font-weight:700;
padding:18px;
position:absolute;
right:0px;
}

#otamesi .ttl{
font-size:40px;
line-height:40px;
font-weight:700;
margin-bottom:15px;
}
#otamesi p{
font-size:16px;
line-height:1.6;
}

@media screen and (max-width:768px) {
#otamesi p{
font-size:14px;
line-height:1.4;
}
}


#otamesi .price-area {
width:100%;
height:60px;
/* background:#0085b2;  */
background:#93c112;
margin:10px 0;
padding:7px;
}

#otamesi .price-area-l{
display:block;
float:left;
width:50%;
}
#otamesi .price-area-r{
display:block;
width:50%;
float:right;
}


#otamesi .price-area h4{
display:inline-block;
background:#71940f;
font-size:14px;
line-height:14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
padding:5px 10px;
}

#otamesi .price-area  h5{
font-size:14px;
margin-top:5px;
}

@media screen and (max-width:768px) {
#otamesi .price-area h4{
display:inline-block;
background:#71940f;
font-size:12px;
line-height:12px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
padding:5px 10px;
}

#otamesi .price-area  h5{
font-size:12px;
margin-top:2px;
}
}

#otamesi .price{
display:block;
float:right;
text-align:right;
font-size:50px;
line-height:50px;
font-weight:700;
}
#otamesi .yen{
display:block;
font-size:26px;
font-weight:700;
}
#otamesi .tax{
display:block;
font-size:10px;
line-height:10px;
font-weight:400;
}

@media screen and (max-width:768px) {
#otamesi .price{
display:block;
float:right;
text-align:right;
font-size:40px;
line-height:50px;
font-weight:700;
}
#otamesi .yen{
display:block;
font-size:24px;
font-weight:700;
}
#otamesi .tax{
display:block;
font-size:8px;
line-height:8px;
font-weight:400;
}
}



.sec-inner-mgn01 {
margin:0 60px;
}
@media screen and (max-width:768px) {
.sec-inner-mgn01 {
margin:0 15px;
}}

@media screen and (min-width:769px) {
.sec-inner-narrow {
margin:0 auto;
width:65%;
}}

@media screen and (max-width:768px) {
.sec-inner-narrow {
margin:0 15px;
}}


footer.pad {padding:0 0 0 0;}
@media screen and (max-width: 768px) {
footer.pad {padding:0 0 0 0;}
}

footer.bg{
background: #cce6ef;
}


footer  ul{
margin-bottom: 20px;
}

footer .breadcrumbs{
border-bottom:1px solid #c5d8df;

padding:8px;
margin-bottom:30px;
}

footer .breadcrumbs ol li {
  display: inline;
  font-size:11px;
  color:#66b5d0;
}
footer .breadcrumbs ol li:before {
  content: " \f105 ";
  font-family: FontAwesome;
  margin:0 5px;
}
footer .breadcrumbs ol li:first-child:before {
  content:"";
}



@media screen and (min-width:769px) {
footer .footernavi li a{
display:block;
width:100%;
line-height:2;
font-size:13px;
}
footer .footernavi li a:before {
float:left;
content: " \f105";
font-family: FontAwesome;
margin-right:10px;
}
}

@media screen and (max-width:768px) {
footer .footernavi li a{
display:block;
width:100%;
line-height:2.3;
font-size:13px;
border-bottom:1px solid #c5d8df;
padding:0 5px;

}
footer .footernavi li a:before {
float:right;
content: " \f105";
font-family: FontAwesome;
}
}



#main-visual{
background-image: url(../img/IMGP4068.jpg);
/* background-image: url(../img/bg-img03.jpg); */
background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
position:relative;
}


.fix-top-contact {
position: absolute;
top: 20px;
right:0px;
width:300px;
height:130px;
margin:10px;
padding: 10px;
background:#0085b2;
color:#fff;
}

.fix-top-contact {
position: absolute;
top: 20px;
right:0px;
width:300px;
height:100px;
margin:10px;
padding: 10px;
background:#80b632;
color:#fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


#fix-contact:before {
content: " \f03e\A\f03e ";
content: url("../img/img_contact_top_fix.png");
white-space: pre;
font-family: FontAwesome;
font-size:26px;
}

#fix-contact:hover:before {
content:"";
}


#fix-contact {

z-index: 2000;
display: none;
position: fixed;
top: 30px;
right: -5px;
padding-right: 6px;
text-align:center;
background:#80b632;
color:#fff;
height:100px;
width:50px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 overflow:hidden;
}

#fix-contact:hover {
z-index: 10;
position: fixed;
-webkit-transform: translate3d(0,0,0);
top: 30px;
right: 10px;
padding: 10px;
background:#80b632;
color:#fff;
height:100px;
width:300px;
-webkit-transition: 0.2s ;
transition: 0.2s ;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

@media screen and (max-width: 768px) {
.fix-top-contact{
display:none;
}
}

@media screen and (max-width: 768px) {
#fix-contact{
display:none !important ;
}
}


.fix-top-movie {
position: absolute;
bottom: 30px;
width:100%;
min-height:150px;
/* background-color: rgba(0,133,178,0.3); */
/* background-color: rgba(0,0,0,0.3); */
color:#fff;
}



#page-header {
width:100%;
}

@media screen and (min-width:769px) {
#page-header .page-left{
float:left;
background:#0085b2;
width:40%;
height:150px;
}

#page-header .contact-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .about-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .customer-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .commitment-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .casestudy-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .delivery-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .support-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .company-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .privacy-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .faq-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }
#page-header .oneday-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:60%; height:150px; position:relative; }



#page-header .ttl h1{
text-align:center;
font-size:26px;
padding-top:50px;
color:#fff;
}

#page-header .ttl span{
font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-weight: 400;
font-size: 14px;
color:#66b5d0;
text-align: center;
display: block;
}

#page-header .sub-ttl h2{
font-size:14px;
color:#fff;
background-color: rgba(0,133,178,0.6);
padding:3px 10px;
position:absolute;
top:15px;left:12px;
}


}


@media screen and (max-width: 768px) {

#page-header .page-left{
float:left;
background:#0085b2;
width:100%;
height:100px;
}



#page-header .contact-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .about-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .customer-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .commitment-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .casestudy-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .delivery-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .support-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .company-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .privacy-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .faq-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }
#page-header .oneday-right{ float:left; background-image: url(../img/bg_contact.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover; width:100%; height:100px; position:relative; }


#page-header .ttl h1{
text-align:center;
font-size:23px;
padding-top:30px;
color:#fff;
}



#page-header .ttl span{
font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-weight: 400;
font-size: 14px;
color:#66b5d0;
text-align: center;
display: block;
}



#page-header .sub-ttl h2{
font-size:12px;
color:#fff;
background-color: rgba(0,133,178,0.6);
padding:3px 10px;
position:absolute;
top:10px; left:10px;
}

}


#page-header .ttl span:before {
content: " ─ ";
}
#page-header .ttl span:after {
content: " ─ ";
}






@media screen and (min-width: 1024px) {
.logo div {margin:40px 10px 30px 10px; background-image: url(http://www.sengyoshiire.com/img/trademark.png); background-position:center center; background-repeat: no-repeat; background-size: contain;height:80px;}
}

@media screen and (max-width: 1024px) and (min-width: 769px)  {
.logo div {margin:25px 8px 15px 8px; background-image: url(http://www.sengyoshiire.com/img/trademark_narrow.png); background-position:center center; background-repeat: no-repeat; background-size: contain;height:80px;}
}

@media screen and (max-width: 768px) {
.logo div {margin:8px 10px 8px 10px; background-image: url(http://www.sengyoshiire.com/img/trademark.png); background-position:center center; background-repeat: no-repeat; background-size: contain;height:44px;}
}

.section-ttl-before {
font-size:30px;
font-weight:700;
text-align:center;
margin-bottom:20px;
}
@media screen and (max-width: 768px) {
.section-ttl-before {
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:10px;
}
}

.section-ttl {
font-weight: 400;
font-size: 44px;
font-weight:700;
line-height: 1.2;
text-align: center;
margin-bottom:40px;
}

@media screen and (max-width: 768px) {
.section-ttl {
font-weight: 400;
font-size: 24px;
font-weight:700;
line-height: 1.2;
text-align: center;
margin-bottom:25px;
}}


.section-ttl span {
font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-weight: 400;
font-size: 22px;
color:#66b5d0;
text-align: center;
display: block;
margin-top:15px;
}
@media screen and (max-width: 768px) {
.section-ttl span {
font-size: 16px;
margin-top:10px;
}}


.section-ttl-lg span:before {
content: " 〜 ";
}
.section-ttl-lg span:after {
content: " 〜 ";
}

.section-ttl-lg span {
font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-weight: 400;
font-size: 22px;
color:#66b5d0;
text-align: center;
display: block;
margin-top:15px;
}
@media screen and (max-width: 768px) {
.section-ttl-lg span {
font-size: 16px;
margin-top:10px;
}}


.section-ttl span:before {
content: " 〜 ";
}
.section-ttl span:after {
content: " 〜 ";
}


.section-ttl-md-btm0 {
font-weight: 400;
font-size: 28px;
font-weight:700;
line-height: 1.5;
text-align: center;
margin-bottom:25px;
}

@media screen and (max-width: 768px) {
.section-ttl-md-btm0 {
font-weight: 400;
font-size: 13px;
font-weight:700;
line-height: 1.5;
text-align: center;
margin-bottom:20px;
letter-spacing:-1px;
}}


.section-ttl-lg {
font-weight: 400;
font-size: 54px;
font-weight:700;
line-height: 1.2;
text-align: center;
margin-bottom:40px;
}

@media screen and (max-width: 768px) {
.section-ttl-lg {
font-weight: 400;
font-size: 28px;
font-weight:700;
line-height: 1.2;
text-align: center;
margin-bottom:25px;
}}




.col-ttl {
/* font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif; */
font-weight: 400;
font-size: 20px;
line-height: 1.2;
text-align: center;
margin-bottom:20px;
}

#head-contact {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: auto;
background:#fbfbfb;
}


@media screen and (max-width: 1024px) and (min-width: 769px)  {
#head-contact {
position: absolute;
bottom:0px;
left: 0px;
width: 100%;
height: auto;
background:#fbfbfb;
}
}

.contact a {
background:#80b632;
display:inline-block;
padding:12px 10px;
width:100%;
color: #fff;
text-decoration: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.contact a:hover {
background:#9cce55;
color: #fff;
}

.contact a:after {
float:right;
content: " \f105";
font-family: FontAwesome;
font-size:22px;
}



.contact-narrow a {
background:#80b632;
display:inline-block;
padding:16px 10px;
width:100%;
color: #fff;
text-decoration: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
text-align:center;
font-size:11px;
}
.contact-narrow a:hover {
background:#9cce55;
}

.contact-narrow a:after {
display:none;
}

#head-contact span.contact-icon:before {
display:block;
text-align:center;
content: " \f0e0";
font-family: FontAwesome;
font-size:30px;
line-height:30px;
color:#8fc9dd;
font-size:32px;
color:#fff;
}




@media screen and (max-width: 1024px) and (min-width: 769px)  {
.contact{
display:none;
}
}


.tel p{
display:inline;
font-size:16px;
font-weight:400;
}

.tel {
display:block;
background:#fbfbfb;
padding:10px 10px 0 10px;
font-size:16px;
font-weight:700;
line-height:1.3em;
}
.tel span{
display:block;
font-size:11px;
font-weight:400;
color:#a3a3a3;
}
.tel a{
font-size:16px;
font-weight:400;
}

.fax {
display:block;
background:#fbfbfb;
padding:0 10px 10px 10px;
font-size:12px;
font-weight:700;
border-bottom:1px solid #e0f0f5;
}



.address {
background:#fbfbfb;
width:100%;
padding:5px 10px;
font-size:12px;
font-weight:400;
border-bottom:1px solid #e0f0f5;

}


@media screen and (max-width: 1024px) and (min-width: 769px)  {
.tel, .fax, .address{
display:none;
}
}






/*----
グローバルメニュー
---- */

#menu {
position: relative;
height: 35px;
padding-top:0px;
}
.menu-inner{
width: 100%;
height: 35px;
}
#menu li {
list-style-type: none;
height: 35px;
display:block;
border-bottom:1px solid #e0f0f5;
border-left:5px solid #0085b2;
}

#menu li:first-child {
border-top:1px solid #e0f0f5;
}

#menu li a {
padding:0 15px;
display: block;
line-height: 35px;
font-size:14px;
}

#menu a:hover:after {
float:right;
content: " \f105";
font-family: FontAwesome;
}

#menu li:hover a {
background:#f0f5fa;
}

.menu-toggle{
display: none;
}

.menu-inner{
width: 100%;
}


@media screen and (max-width:768px){
.menu-toggle{
color: #0085b2;
display: inline-block;
padding: 5px;
margin: 3px;
position: absolute;
top: 0;
right:0;
font-size:28px;

}
#menu {
width: 100%;
display: none;
height: initial;
padding: 0;
margin: 0;

}
.menu-inner{
width: 100%;
height: initial;
position: static;
margin: 0;
}
#menu li{
float: none;
height: 50px;
width: 100%;
background-color: rgba(255,255,255,0.8);
margin: 0 auto;
border-bottom:1px solid #e0f0f5;
}

#menu li:first-child {
border-top:none;
}

#menu li a {
height: initial;
display: block;
line-height: 50px;

}
#menu li:hover a{
color: initial;
background: initial;
color: #66b5d0;

}

#menu a:after {
float:right;
content: " \f105";
font-family: FontAwesome;
}
}


@media screen and (max-width: 1024px) and (min-width: 769px)  {

#menu {
position: relative;
height: 50px;
padding-top:0px;
}
.menu-inner{
width: 100%;
height: 80px;
}
#menu li {
list-style-type: none;
display:block;
border-bottom:1px solid #e0f0f5;
border-left:none;
vertical-align:middle;
height: 80px;
}
#menu li:first-child {
border-top:1px solid #e0f0f5;
}


#menu li a {
padding: 10px;
display: block;
line-height: 14px;
font-size:12px;
height: 80px;
text-align:center;
}

#menu a:hover:after {
content: "";
}

#menu li:hover a {
background:#f0f5fa;
}

.menu-toggle{
display: none;
}

.menu-inner{
width: 100%;
}

#menu .top:before {
display:block;
text-align:center;
content: " \f015";
font-family: FontAwesome;
font-size:30px;
line-height:30px;
color:#bfd3db;
}
#menu .about:before {
display:block;
text-align:center;
content: " \f05a";
font-family: FontAwesome;
font-size:30px;
line-height:30px;
color:#bfd3db;
}
#menu .shikumi:before {
display:block;
text-align:center;
content: " \f006";
font-family: FontAwesome;
font-size:30px;
line-height:30px;
color:#bfd3db;
}
}






/*----
ヘッダーcontact
---- */

#head-contact {
position: relative;
bottom: 0px;
left: 0px;
width: 100%;
height: auto;
background:#fbfbfb;
}

@media screen and (min-width:769px){
#head-contact {
position: absolute;}
}

.head-contact-inner{
width: 100%;
height: 35px;
}
#head-contact li {
list-style-type: none;
height: 35px;
display:block;
}
#head-contact li a {
padding:0 15px;
display: block;
line-height: 35px;
}

#head-contact a:hover:after {
float:right;
content: " \f105";
font-family: FontAwesome;
}

#head-contact li:hover a {
background:#f0f5fa;
}

.head-contact-toggle{
display: none;
}

.head-contact-inner{
width: 100%;
}

@media screen and (max-width:768px){

.head-contact-toggle{
color: #0085b2;
display: inline-block;
padding: 5px;
margin: 3px;
position: absolute;
top: 0;
left:0;
font-size:28px;

}
#head-contact {
width: 100%;
display: none;
height: initial;
padding: 0;
margin: 0;

}
.head-contact-inner{
width: 100%;
height: initial;
position: static;
margin: 0;
}
#head-contact li{
float: none;
height: 50px;
width: 100%;
background: #fff;

margin: 0 auto;
border-bottom:1px solid #eee;
}
#head-contact li a {
height: initial;
display: block;
line-height: 50px;

}

#head-contact a:after {
float:right;
content: " \f105";
font-family: FontAwesome;
}
}





.copyright {
width:100%;
display:block;
font-size:10px;
background:#333;
color:#fff;
padding:10px 0;
text-align:center;
margin-top:70px;
}
.copyright a{color:#fff;}

#pagetop {
z-index: 2000;
display: none;
position: fixed;
bottom: 5px;
right: 5px;
padding: 10px;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
filter: alpha(opacity=30);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
text-align:center;
font-size:50px;
line-height:1em;
color:#0085b2;
}

.main-copy{
max-width: 680px;
}

@media screen and (max-width:768px){
.main-copy{
margin: auto;
max-width: 330px;
}}

.main-copy span{font-size:30px;color:#fff; display:block;padding:0;margin-bottom:5px; }
.main-copy p {font-size:16px;color:#fff; background:#0085b2;display:inline-block;padding:0 10px;margin-bottom:10px; }
.main-copy h1 {font-size:56px;line-height:1.3em; font-weight:700;color:#fff;margin-bottom:20px;}
.main-copy h2 {
font-size:22px;
font-weight:400;
color:#fff;
background:#000;
line-height:20px;
margin-bottom:5px;
display:inline-block;
padding:5px;
background-color: rgba(0,0,0,0.2);}


@media screen and (max-width:768px){
.main-copy h1 {font-size:32px;font-weight:700;color:#fff;margin-bottom:20px;}
.main-copy h2 {
font-size:11px;
font-weight:400;
color:#fff;
background:#000;
line-height:13px;
margin-bottom:2px;
display:inline-block;
padding:5px 3px;
background-color: rgba(0,0,0,0.2);
}
}



.contact-box-mail{
border:2px solid #fff;
padding:20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom:15px;
}

.contact-box-tel{
overflow:auto;
border:2px solid #fff;
padding:20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom:15px;
}

.contact-box-telnum{
font-size:26px;
line-height:46px;
font-weight:700;
text-align:center;
}

.contact-box-telnum a{
color:#fff;
}

.contact-box-teltext{
font-size:10px;
text-align:center;
}

.box {
color:#fff;
background-color:#666;
margin-bottom:15px;
padding:20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;


}


@media screen and (min-width:769px) {
.pc-hidden { display: none } }
@media screen and (max-width:768px) {
.mo-hidden { display: none } }


@media screen and (min-width:600px) {
.pc-hidden2 { display: none } }
@media screen and (max-width:600px) {
.mo-hidden2 { display: none } }


@media screen and (min-width:769px) and ( max-width:1024px) {
.narrow-block { display: block; }
}




@media screen and (min-width:769px) {
.omotenashi {
width:100%;
float:left;
min-height:220px;
text-align:center;
box-sizing:border-box;
padding:30px 20px 20px 20px;
border:1px solid #0085b2;
margin-bottom:15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.omotenashi .ttl {
display:block;
text-align:center;
font-weight:400;
margin:0 auto;
font-size:32px;
margin-bottom:10px;
}
.omotenashi p{
font-size:16px;
}
}

@media screen and (max-width:768px) {
.omotenashi {
width:100%;
float:left;
height:150px;
text-align:center;
box-sizing:border-box;
padding:20px 15px 15px 15px;
border:1px solid #0085b2;
margin-bottom:15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.omotenashi .ttl {
display:block;
text-align:center;
font-weight:400;
margin:0 auto;
font-size:26px;
margin-bottom:10px;
}
.omotenashi p{
font-size:14px;
}
}





@media screen and (min-width:769px){
.dekirukoto {
width:100%;
float:left;
min-height:160px;
box-sizing:border-box;
}
.dekirukoto .icon {
display:block;
text-align:center;
font-weight:400;
margin:0 auto;
margin-bottom:15px;
font-size:48px;
line-height:48px;
color:#0085b2;
}
.dekirukoto p{
font-size:16px;
text-align:center;
text-align:left;
}
}

@media screen and (max-width:768px){
.dekirukoto {
width:100%;
float:left;
min-height:80px;
box-sizing:border-box;
}
.dekirukoto .icon {
display:block;
text-align:center;
font-weight:400;
margin:0 auto;
font-size:38px;
line-height:38px;
color:#0085b2;
float:left;
}
.dekirukoto p{
font-size:14px;
text-align:center;
text-align:left;
padding-left:50px;
}
}

@media screen and (min-width:769px){
#overview{
width:100%;
position:relative;
}

#overview .overviewSec01 p{
width:40%;
float:left;
height:400px;
background:#72bccf;
text-align:left;
box-sizing:border-box;
padding:30px;
font-size:32px;
font-weight:400;
color:#fff;

}

#overview .overviewRight{
width:60%;
float:right;
height:400px;}
#overview .overviewSec02 p{
width:50%;
float:left;
height:200px;
background:#62a2d0;
text-align:left;
box-sizing:border-box;
padding:30px;
font-size:18px;
font-weight:400;
color:#fff;

}

#overview .overviewSec03 p{
width:50%;
float:left;
height:200px;
background:#84b4b0;
text-align:left;
box-sizing:border-box;
padding:30px;
font-size:18px;
font-weight:400;
color:#fff;
}

#overview .overviewSec04 p{
width:50%;
float:left;
height:200px;
background:#84b2d1;
text-align:left;
box-sizing:border-box;
padding:30px;
font-size:18px;
font-weight:400;
color:#fff;
}

#overview .overviewSec05 p{
width:50%;
float:left;
height:200px;
background:#76a1b8;
text-align:left;
box-sizing:border-box;
padding:30px;
font-size:18px;
font-weight:400;
color:#fff;
}
}


@media screen and (max-width:768px){
#overview{
width:100%;
position:relative;
}

#overview .overviewSec01 p{
width:100%;
height:140px;
background:#72bccf;
text-align:left;
box-sizing:border-box;
padding:20px;
font-size:18px;
font-weight:400;
color:#fff;
}

#overview .overviewRight {
width:100%;
height:200px;
}
#overview .overviewSec02 p{
width:50%;
float:left;
height:140px;
background:#62a2d0;
text-align:left;
box-sizing:border-box;
padding:20px;
font-size:14px;
font-weight:400;
color:#fff;
}

#overview .overviewSec03 p{
width:50%;
float:left;
height:140px;
background:#84b4b0;
text-align:left;
box-sizing:border-box;
padding:20px;
font-size:14px;
font-weight:400;
color:#fff;
}

#overview .overviewSec04 p{
width:50%;
float:left;
height:140px;
background:#84b2d1;
text-align:left;
box-sizing:border-box;
padding:20px;
font-size:14px;
font-weight:400;
color:#fff;
}

#overview .overviewSec05 p{
width:50%;
float:left;
height:140px;
background:#76a1b8;
text-align:left;
box-sizing:border-box;
padding:20px;
font-size:14px;
font-weight:400;
color:#fff;
}
}

@media screen and (min-width:769px){
.btn01 {
display: block;
background:#80b632;

background: #82ba23;
background: -moz-linear-gradient(top,  #82ba23 0%, #5d9b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82ba23), color-stop(100%,#5d9b00));
background: -webkit-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -o-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -ms-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: linear-gradient(to bottom,  #82ba23 0%,#5d9b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ba23', endColorstr='#5d9b00',GradientType=0 );
text-shadow: -1px -1px 0 #5b8224;

color:#fff;
font-size: 40px;
font-weight:700;
height: 90px;
line-height: 90px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
text-align: center;
text-decoration: none;
box-shadow:3px 6px #5b8224;
margin-bottom:6px;
}
}
@media screen and (max-width:768px){
.btn01 {
display: block;
background:#80b632;

background: #82ba23;
background: -moz-linear-gradient(top,  #82ba23 0%, #5d9b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82ba23), color-stop(100%,#5d9b00));
background: -webkit-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -o-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -ms-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: linear-gradient(to bottom,  #82ba23 0%,#5d9b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ba23', endColorstr='#5d9b00',GradientType=0 );
text-shadow: -1px -1px 0 #60a000;

color:#fff;
font-size: 20px;
font-weight:700;
line-height: 30px;
padding:15px 0;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
text-align: center;
text-decoration: none;
box-shadow:2px 3px #5b8224;
margin-bottom:3px;

}
}

.btn01:hover {
background:#9cce55;
background: #8bce27;
background: -moz-linear-gradient(top,  #8bce27 0%, #6caa00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bce27), color-stop(100%,#6caa00));
background: -webkit-linear-gradient(top,  #8bce27 0%,#6caa00 100%);
background: -o-linear-gradient(top,  #8bce27 0%,#6caa00 100%);
background: -ms-linear-gradient(top,  #8bce27 0%,#6caa00 100%);
background: linear-gradient(to bottom,  #8bce27 0%,#6caa00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bce27', endColorstr='#6caa00',GradientType=0 );

color:#fff;
}







@media screen and (min-width:769px){
.btn01b {
display: block;
background:#80b632;

background: #82ba23;
background: -moz-linear-gradient(top,  #82ba23 0%, #5d9b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82ba23), color-stop(100%,#5d9b00));
background: -webkit-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -o-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -ms-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: linear-gradient(to bottom,  #82ba23 0%,#5d9b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ba23', endColorstr='#5d9b00',GradientType=0 );
text-shadow: -1px -1px 0 #5b8224;

color:#fff;
font-size: 28px;
font-weight:700;
height: 55px;
line-height: 55px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
text-align: center;
text-decoration: none;
box-shadow:2px 4px #5b8224;
margin-bottom:6px;
}
}
@media screen and (max-width:768px){
.btn01b {
display: block;
background:#80b632;

background: #82ba23;
background: -moz-linear-gradient(top,  #82ba23 0%, #5d9b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82ba23), color-stop(100%,#5d9b00));
background: -webkit-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -o-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: -ms-linear-gradient(top,  #82ba23 0%,#5d9b00 100%);
background: linear-gradient(to bottom,  #82ba23 0%,#5d9b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ba23', endColorstr='#5d9b00',GradientType=0 );
text-shadow: -1px -1px 0 #60a000;

color:#fff;
font-size: 20px;
font-weight:700;
line-height: 20px;
padding:15px 0;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
text-align: center;
text-decoration: none;
box-shadow:2px 3px #5b8224;
margin-bottom:3px;

}
}

.btn01b:hover {
background:#9cce55;
background: #8bce27;
background: -moz-linear-gradient(top,  #8bce27 0%, #6caa00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bce27), color-stop(100%,#6caa00));
background: -webkit-linear-gradient(top,  #8bce27 0%,#6caa00 100%);
background: -o-linear-gradient(top,  #8bce27 0%,#6caa00 100%);
background: -ms-linear-gradient(top,  #8bce27 0%,#6caa00 100%);
background: linear-gradient(to bottom,  #8bce27 0%,#6caa00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bce27', endColorstr='#6caa00',GradientType=0 );

color:#fff;
}




.btn01-tel {
display: block;
width:100%;
float:left;
color: #fff;
font-size: 14px;
font-weight:700;
height: 30px;
line-height: 30px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
text-align: center;
text-decoration: none;
margin:10px 3% 0 0;
border:1px solid #fff;
}

.btn01-tel span {color:#eee;font-size:12px;font-weight:400;}


.btn01-fax {
display: block;
width:37%;
float:left;
color: #fff;
font-size: 12px;
font-weight:700;
height: 40px;
line-height: 40px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: center;
text-decoration: none;
margin-top:10px;
border:1px solid #fff;
}

.btn01-fax span {color:#eee;font-size:12px;font-weight:400;}




.btn02 {
display: block;
color: #80b632;
background:#fff;
font-size: 16px;
font-weight:700;
height: 45px;
padding-top:3px;
line-height:20px;
-moz-border-radius: 22.5px;
-webkit-border-radius: 22.5px;
border-radius: 22.5px;
text-align: center;
text-decoration: none;
z-index:100;
}

.btn02:hover {
  filter: alpha(opacity=30);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
color:#80b632;
}


.btn02:before {
padding-left:20px;
margin-right:-20px;
padding-top:10px;
float:left;
content: " \f0e0";
font-family: FontAwesome;
font-size:24px;
color:#80b632;
}


.btn02-tel {
display: block;
width:100%;
float:left;
color: #fff;
font-size: 14px;
font-weight:700;
height: 25px;
line-height: 25px;
-moz-border-radius: 12.5px;
-webkit-border-radius: 12.5px;
border-radius: 12.5px;
text-align: center;
text-decoration: none;
margin:10px 3% 0 0;
border:1px solid #fff;
}

.btn02-tel span {color:#eee;font-size:12px;font-weight:400;}


.btn02-fax {
display: block;
width:37%;
float:left;
color: #fff;
font-size: 12px;
font-weight:700;
height: 40px;
line-height: 40px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
text-decoration: none;
margin-top:10px;
border:1px solid #fff;
}

.btn02-fax span {color:#eee;font-size:12px;font-weight:400;}





#tile2{
width:100%;
}

#tile2 .sec01{
width:50%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:30px;
background:#0085b2;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
}

#tile2 .sec02{
width:50%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:30px;
background:#0085b2;

}

@media screen and (max-width:768px){
#tile2 .sec01{ width:100%; }
#tile2 .sec02{ width:100%; }
}
@media screen and (min-width:769px){
#tile2 .sec01{ min-height:450px; }
#tile2 .sec02{ min-height:450px; }
}
@media screen and (max-width:768px){
#tile2 .sec01{ height:280px; }
#tile2 .sec02{ height:280px; }
}




#tile-graf3 {
display:block;
width:100%;
}
#tile-graf3 .sec01{
width:33.333333%;
float:left;
text-align:center;
padding:10px;
margin-bottom:20px;
}
#tile-graf3 .sec02{
width:33.333333%;
float:left;
text-align:center;
padding:10px;
margin-bottom:20px;
}
#tile-graf3 .sec03{
width:33.333333%;
float:left;
text-align:center;
padding:10px;
margin-bottom:20px;
}

@media screen and (max-width:768px){

#tile-graf3 {
display:block;
width:100%;
}
#tile-graf3 .sec01{
width:33.333333%;
float:left;
text-align:center;
padding:0px;
margin-bottom:20px;
}
#tile-graf3 .sec02{
width:33.333333%;
float:left;
text-align:center;
padding:0px;
margin-bottom:20px;
}
#tile-graf3 .sec03{
width:33.333333%;
float:left;
text-align:center;
padding:0px;
margin-bottom:20px;
}
}



#tile-round3 {
display:block;
width:100%;
}
#tile-round3 .sec01{
width:33.333333%;
float:left;
text-align:center;
padding:10px;
margin-bottom:20px;

}
#tile-round3 .sec02{
width:33.333333%;
float:left;
text-align:center;
padding:10px;
margin-bottom:20px;

}
#tile-round3 .sec03{
width:33.333333%;
float:left;
text-align:center;
padding:10px;
margin-bottom:20px;
}



#tile-pic4a {
display:block;
width:100%;
}
#tile-pic4a .sec01{
width:25%;
float:left;
height:150px;
background-image: url(../img/img_fish_a014.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
#tile-pic4a .sec02{
width:25%;
float:left;
height:150px;
background-image: url(../img/img_fish_a012.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
#tile-pic4a .sec03{
width:25%;
float:left;
height:150px;
background-image: url(../img/img_fish_a010.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
#tile-pic4a .sec04{
width:25%;
float:left;
height:150px;
background-image: url(../img/img_fish_a011.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}

@media screen and (max-width:768px){
#tile-pic4a .sec01{
width:25%;
float:left;
height:100px;
background-image: url(../img/img_fish_a014.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
#tile-pic4a .sec02{
width:25%;
float:left;
height:100px;
background-image: url(../img/img_fish_a012.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
#tile-pic4a .sec03{
width:25%;
float:left;
height:100px;
background-image: url(../img/img_fish_a010.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
#tile-pic4a .sec04{
width:25%;
float:left;
height:100px;
background-image: url(../img/img_fish_a011.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
}

#tile3{
width:100%;
}

@media screen and (min-width:769px){
#tile3 p{
font-size:22px;
text-align:center;
}
}
@media screen and (max-width:768px){
#tile3 p{
font-size:16px;
}
}

#tile3 .sec01{
width:33.333333%;
float:left;
text-align:center;
color:#666;
box-sizing:border-box;
padding:30px;
background:#cce6ef;
}

@media screen and (max-width:768px){
#tile3 .sec01{
width:100%;
padding:20px;
}

}
#tile3 .sec01:before {
display:block;
content: " \f058";
font-family: FontAwesome;
font-size:60px;
margin-bottom:10px;
}

@media screen and (max-width:768px){
#tile3 .sec01:before {
float:left;
display:block;
content: " \f058";
font-family: FontAwesome;
font-size:60px;
margin-right:15px;
}
}

#tile3 .sec02{
width:33.333333%;
float:left;
text-align:center;
color:#0085B2;
box-sizing:border-box;
padding:30px;
background:#8FC9DD;
}

@media screen and (max-width:768px){
#tile3 .sec02{
width:100%;
padding:20px;
}
}

#tile3 .sec02:before {
display:block;
content: " \f058";
font-family: FontAwesome;
font-size:60px;
margin-bottom:10px;
}

@media screen and (max-width:768px){
#tile3 .sec02:before {
float:left;
display:block;
content: " \f058";
font-family: FontAwesome;
font-size:60px;
margin-right:15px;
}
}

#tile3 .sec03{
width:33.333333%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:30px;
background:#4ca9c9;
}

@media screen and (max-width:768px){
#tile3 .sec03{
width:100%;
padding:20px;
}
}

#tile3 .sec03:before {
display:block;
content: " \f058";
font-family: FontAwesome;
font-size:60px;
margin-bottom:10px;
}

@media screen and (max-width:768px){
#tile3 .sec03:before {
float:left;
display:block;
content: " \f058";
font-family: FontAwesome;
font-size:60px;
margin-right:15px;
}
}

@media screen and (max-width:768px){
#tile3 .sec01{ width:100%; }
#tile3 .sec02{ width:100%; }
#tile3 .sec03{ width:100%; }
}

@media screen and (min-width:769px){
#tile3 .sec01{ height:280px; }
#tile3 .sec02{ height:280px; }
#tile3 .sec03{ height:280px; }
}

@media screen and (max-width:768px){
#tile3 .sec01{ height:100px; }
#tile3 .sec02{ height:100px; }
#tile3 .sec03{ height:100px; }
}



#tile2-case{
display:table;
width:100%;
padding:20px 0;
}
#tile2-case .sec01{
width:50%;
height:70px;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:10px 30px;
background:#c5a27e;
position:relative;
margin-bottom:15px;
border-radius: 35px 0 0 35px;
-moz-border-radius: 35px 0 0 35px;
-webkit-border-radius: 35px 0 0 35px;
border: 0px solid #800000;
}
#tile2-case .sec02{
width:50%;
height:70px;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:10px 30px;
background:#6aafc9;
position:relative;
margin-bottom:15px;
border-radius: 0 35px 35px 0;
-moz-border-radius: 0 35px 35px 0;
-webkit-border-radius: 0 35px 35px 0;
}


@media screen and (min-width:769px){
#tile2-case .arrow:after{
content: " \f178";
font-family: FontAwesome;
font-size:30px;
position:absolute;
right:-15px;
top:25px;
z-index:100;
}
}

@media screen and (max-width:768px){
#tile2-case .arrow:after{
content: " \f13a";
font-family: FontAwesome;
font-size:45px;
position:absolute;
bottom:-25px;
z-index:100;
left:45%;
}
}

#tile2-case p {
font-size:14px;
}




#tile3-flow{
display:table;
width:100%;
}
#tile3-flow p{
text-align:center;
}

#tile3-flow .ttl{
font-size:30px;
font-weight:700;
text-align:center;
margin-bottom:15px;
}

@media screen and (min-width:769px){
#tile3-flow .arrow:after{
content: " \f138";
font-family: FontAwesome;
font-size:60px;
position:absolute;
right:-25px;
top:70px;
z-index:100;
}
}

@media screen and (max-width:768px){
#tile3-flow .arrow:after{
content: " \f13a";
font-family: FontAwesome;
font-size:45px;
position:absolute;
bottom:-25px;
z-index:100;
left:45%;
}
}


#tile3-flow .sec01{
width:33.333333%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:40px;
background:#72bccf;
position:relative;
}

#tile3-flow .sec02{
width:33.333333%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:40px;
background:#62a2d0;
position:relative;
}

#tile3-flow .sec03{
width:33.333333%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
padding:40px;
background:#84b2d1;
position:relative;
}

@media screen and (max-width:768px){
#tile3-flow .sec01{ width:100%; }
#tile3-flow .sec02{ width:100%; }
#tile3-flow .sec03{ width:100%; }
}

@media screen and (min-width:769px){
#tile3-flow .sec01{ min-height:200px; }
#tile3-flow .sec02{ min-height:200px; }
#tile3-flow .sec03{ min-height:200px; }
}

@media screen and (max-width:768px){
#tile3-flow .sec01{ height:150px; }
#tile3-flow .sec02{ height:150px; }
#tile3-flow .sec03{ height:150px; }
}


#tile4voice{
width:100%;
margin-bottom:20px;
clear:both;
}
#tile4voice p{
font-size:14px;
}

#tile4voice h2{
font-size:12px;
color:#a3a3a3;
text-align:center;
margin-bottom:10px;
}

#tile4voice h2:before {
content: " ─ ";
}
#tile4voice h2:after {
content: " ─ ";
}


/*
#tile4voice .sec01{ float:left; color:#fff; box-sizing:border-box; background:#0085b2; position:relative; }
#tile4voice .sec02{ float:left; color:#fff; box-sizing:border-box; background:#007ba5; position:relative; }
#tile4voice .sec03{ float:left; color:#fff; box-sizing:border-box; background:#007096; position:relative; }
#tile4voice .sec04{ float:left; color:#fff; box-sizing:border-box; background:#006587; position:relative; }
#tile4voice .sec05{ float:left; color:#fff; box-sizing:border-box; background:#005d7c; position:relative; }
#tile4voice .sec06{ float:left; color:#fff; box-sizing:border-box; background:#01546f; position:relative; }
#tile4voice .sec07{ float:left; color:#fff; box-sizing:border-box; padding:20px 0 10px 0; background-image: url(../img/img_fish_01.png); background-position:center center; background-repeat: no-repeat; background-size: cover; position:relative; }
#tile4voice .sec08{ float:left; color:#fff; box-sizing:border-box; background:#024b63; position:relative; }
#tile4voice .sec09{ float:left; color:#fff; box-sizing:border-box; background:#003f54; position:relative; }
#tile4voice .sec10{ float:left; color:#fff; box-sizing:border-box; background:#013445; position:relative; }
#tile4voice .sec11{ float:left; color:#fff; box-sizing:border-box; background:#002836; position:relative; }
#tile4voice .sec12{ float:left; color:#fff; box-sizing:border-box; background:#01202b; position:relative; }
*/


#tile4voice .sec01{ float:left; color:#fff; box-sizing:border-box; background:#0085b2; position:relative; }
#tile4voice .sec02{ float:left; color:#fff; box-sizing:border-box; background-image: url(../img/img_fish_a026b.png); background-position:center center; background-repeat: no-repeat; background-size: cover; position:relative;}
#tile4voice .sec03{ float:left; color:#fff; box-sizing:border-box; background:#007096; position:relative; }
#tile4voice .sec04{ float:left; color:#fff; box-sizing:border-box; background-image: url(../img/img_fish_a027b.png); background-position:center center; background-repeat: no-repeat; background-size: cover; position:relative; }
/* #tile4voice .sec05{ float:left; color:#fff; box-sizing:border-box; background:#005d7c; position:relative; } */
#tile4voice .sec05{ float:left; color:#fff; box-sizing:border-box; background-image: url(../img/img_fish_a019b.png); background-position:center center; background-repeat: no-repeat; background-size: cover; position:relative; }

#tile4voice .sec06{ float:left; color:#fff; box-sizing:border-box; background:#01546f; position:relative; }
#tile4voice .sec07{ float:left; color:#fff; box-sizing:border-box; padding:20px 0 10px 0; background-image: url(../img/img_fish_a006.png); background-position:center center; background-repeat: no-repeat; background-size: cover; position:relative; }
#tile4voice .sec08{ float:left; color:#fff; box-sizing:border-box; background:#024b63; position:relative; }
#tile4voice .sec09{ float:left; color:#fff; box-sizing:border-box; background:#003f54; position:relative; }
#tile4voice .sec10{ float:left; color:#fff; box-sizing:border-box; background-image: url(../img/img_fish_a007b.png); background-position:center center; background-repeat: no-repeat; background-size: cover; position:relative; }
#tile4voice .sec11{ float:left; color:#fff; box-sizing:border-box; background:#002836; position:relative; }
#tile4voice .sec12{ float:left; color:#fff; box-sizing:border-box; background-image: url(../img/img_fish_a010b.png); background-position:center center; background-repeat: no-repeat; background-size: cover; position:relative; }

#tile4voice .sec-width{ width:25% !important;  }

@media screen and (max-width:768px){
#tile4voice .sec-width{ width:50% !important; }
}
@media screen and (min-width:769px){
#tile4voice .sec-height{ min-height:200px; }
#tile4voice .sec-padding {padding:20px 15px 10px 15px;}
#tile4voice p{ font-size:15px;}
}
@media screen and (max-width:768px){
#tile4voice .sec-height{ height:170px; }
#tile4voice .sec-padding {padding:15px 7px 5px 7px;}
#tile4voice p{ font-size:12px;}
}




#tile5{
width:100%;
margin-bottom:20px;
clear:both;
}

#tile5 .tile5Sec01{
width:20%;
float:left;
}

#tile5 .tile5Sec02{
width:20%;
float:left;
}

#tile5 .tile5Sec03{
width:20%;
float:left;
}

#tile5 .tile5Sec04{
width:20%;
float:left;
}


#tile5 .tile5Sec05{
width:20%;
float:left;
}



@media screen and (max-width:768px){
#tile5 .tile5Sec01{ width:100%; }
#tile5 .tile5Sec02{ width:50%; }
#tile5 .tile5Sec03{ width:50%; }
#tile5 .tile5Sec04{ width:50%; }
#tile5 .tile5Sec05{ width:50%; }
}



mark {
background-image: url("../img/img_marker.png");
color:inherit;
  padding-bottom:2px;

}


.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}


.customer-list ul {
  margin-bottom:15px;
}
.customer-list li {
  padding-left:18px;
  line-height:1.8em;
  font-weight:700;
}

.customer-list li > ul > li{
font-weight:400;
font-size:14px;
}

small {font-size:75%;}

.mgbtm10{margin-bottom:10px;}

.about-right img {
width:200px;
text-align;center;
top:50%;

}

.message-01 {
display:block;
margin:0 auto;
}

@media screen and (max-width:768px){
.message-01 h3{
font-size:17px;
font-weight:400;
line-height:1.8em;
text-align:center;
}}

@media screen and (min-width:769px){
.message-01 h3{
font-size:24px;
font-weight:400;
line-height:1.8em;
text-align:center;
}}




#circle5{
width:100%;
}

#circle5 p{
text-align:center;
}

#circle5 .circle5Sec{
width:20%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
position: relative;
cursor:pointer;
background:#ccc;
}

@media screen and (max-width:768px){
#circle5 .circle5Sec{ width:50%; }
}
@media screen and (min-width:769px){
#circle5 .circle5Sec{ height:130px; }
}
@media screen and (max-width:768px){
#circle5 .circle5Sec{ height:130px; }
}





#tile8{
width:100%;
}

#tile8 p{
text-align:center;
}

#tile8 .tile8Sec{
width:25%;
float:left;
text-align:center;
color:#fff;
box-sizing:border-box;
position: relative;
cursor:pointer;

}

@media screen and (max-width:768px){
#tile8 .tile8Sec{ width:50%; }
}
@media screen and (min-width:769px){
#tile8 .tile8Sec{ height:130px; }
}
@media screen and (max-width:768px){
#tile8 .tile8Sec{ height:130px; }
}


.tile8Sec p{
font-size:18px;
}

@media screen and (max-width:768px){
.tile8Sec p{
font-size:14px;
}
}





.companyinfo dl {
  width:100%;
}
.companyinfo dt {
font-size:16px;
float:left;
clear:both;
}
.companyinfo dd {
font-size:14px;
margin-left:100px;
}

.companyinfo dt,dd{margin-bottom:20px;}

.companyinfo p{
font-size:14px;
margin-bottom:10px;
}



.privacypolicy dl {
  width:100%;
}
.privacypolicy dt {
font-size:16px;
font-weight:700;
margin:0 0 10px 0;
clear:both;
}
.privacypolicy dd {
font-size:14px;
  margin-left:16px;
}

.privacypolicy p{
font-size:14px;
margin-bottom:20px;
}


.faq {border-bottom:1px solid #eee;}
.faq dt {
cursor: pointer;
border-top:1px solid #eee;
padding:10px;
color:#0085b2;
}


.faq dt:last-child{border-bottom:1px solid #eee;}


.faq dd {
padding-left:10px;
display: none;
}

.faq dt:after {
display:block;
content: " \f107";
font-family: FontAwesome;
float:right;
font-size:18px;
position:relative;
top:5px;
}





.page-menu {
width:100%;
clear:both;
z-index:100;
}

@media screen and (min-width:769px){
.page-menu ul{
text-align:center;
background-color: rgba(224,240,245,0.85);
font-size:14px;
}
}

@media screen and (max-width:768px){
.page-menu ul{
text-align:center;
background-color: rgba(224,240,245,0.85);
font-size:12px;
}
}


.page-menu li{
padding:7px 10px;
display:inline-block;
}

@media screen and (min-width:769px){
.page-menu.fixed {
position: fixed;
margin:0 auto;
left:181px;
top: 0px;
}
}

@media screen and (max-width:768px){
.page-menu.fixed {
position: fixed;
margin:0 auto;
top: 60px;
}
}

@media screen and (min-width:769px){
.page-menu.fixed ul{
margin-left:-180px;
}}

.service-circle01 {
display:block;
text-align:center;
vertical-align:middle;
width:100%;
height:250px;
background:#fff;
color:#0085b2;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin:20px 0 40px 0;
padding:40px;
}

.service-circle01 h3 {
font-size:18px;
font-weight:700;
margin-bottom:15px;
text-align:center;
}

.service-circle01 p {
font-size:14px;
text-align:center;
}



.service-circle02 {
display:block;
text-align:center;
vertical-align:middle;
width:100%;
height:250px;
background:#0085b2;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin:20px 0 40px 0;
padding:40px;
}
.service-circle02 h3 {
font-size:18px;
font-weight:700;
margin-bottom:15px;
text-align:center;
}
.service-circle02 p {
font-size:14px;
text-align:center;
}


.service-circle03 {
display:block;
text-align:center;
vertical-align:middle;
width:100%;
height:250px;
background:#cce6ef;
color:#666;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin:20px 0 40px 0;
padding:40px;
}
.service-circle03 h3 {
font-size:18px;
font-weight:700;
margin-bottom:15px;
text-align:center;
}
.service-circle03 p {
font-size:14px;
text-align:center;
}



.triangle{
display: block;
width: 0;
height: 0;
border-top: 50px solid #4ca9c9;
border-right: 120px solid transparent;
border-bottom: 20px solid transparent;
border-left: 120px solid transparent;
margin: 0 auto;
}

@media screen and (max-width:768px){
.triangle{
display: block;
width: 0;
height: 0;
border-top: 40px solid #4ca9c9;
border-right: 80px solid transparent;
border-bottom: 20px solid transparent;
border-left: 80px solid transparent;
margin: 0 auto;
}
}


.triangle-white{
display: block;
width: 0;
height: 0;
border-top: 50px solid #fff;
border-right: 120px solid transparent;
border-bottom: 20px solid transparent;
border-left: 120px solid transparent;
margin: 0 auto;
}

@media screen and (max-width:768px){
.triangle-white{
display: block;
width: 0;
height: 0;
border-top: 40px solid #fff;
border-right: 80px solid transparent;
border-bottom: 20px solid transparent;
border-left: 80px solid transparent;
margin: 0 auto;
}
}

#tags{
width:100%;
text-align:center;
margin-bottom:15px
}
#tags span{
display:inline-block;
margin:0 2px 5px 2px;
padding:3px 10px;
cursor:pointer;
font-size:14px;
cursor: pointer;
background-color: #cce6ef;
color:#0085b2;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;


}
@media screen and (max-width:768px){
#tags span{
display:inline-block;
margin:0 1px 5px 1px;
padding:5px 8px;
cursor:pointer;
font-size:11px;
cursor: pointer;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
}

#tags span:hover {
background-color: #84b2d1;
color:#fff;
}
#tags span.select {
background-color: #0085b2;
color:#fff;
cursor: default;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;

}


.graph img{
padding:0 15px;
}
.graph .ttl{
text-align:center;
margin:40px auto 20px auto;
font-size:18px;
border-bottom:1px solid #eee;
width:40%;
}
@media screen and (max-width:768px){
.graph img{
padding:0 8px;
}

.graph .ttl{
text-align:center;
margin:30px auto 15px auto;
font-size:16px;
border-bottom:1px solid #eee;
width:60%;
}
}




input,textarea,select {
outline: none;
border: 1px solid #ccc;
padding:10px;
width:100%;
font-size:16px;
font-weight:400;
color:#666;
background:#eaf5f8;
}
input[type="text"]:focus,
textarea:focus,select:focus {
color:#666;
font-size:16px;
border: 1px solid #0085b2;
background:#eaf5f8;
}
input[type="mail"]:focus
{
color:#666;
font-size:16px;
border: 1px solid #0085b2;
background:#eaf5f8;
}
input[type="tel"]:focus
{
color:#666;
font-size:16px;
border: 1px solid #0085b2;
background:#eaf5f8;
}


.form-any{
position:relative;
top:32px;
right:10px;
background:#666;
color:#fff;
font-size:10px;
float:right;
padding:2px 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
z-index:3;
}
.form-req{
position:relative;
top:32px;
right:10px;
background:#dd5050;
color:#fff;
font-size:10px;
float:right;
padding:2px 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
z-index:3;
}


.contact-item {
  position: relative;
  overflow: hidden;
  margin-bottom:12px;
}

form input[type="button"],input[type="submit"],input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="time"],select,textarea {
    -webkit-appearance: none;
  }






form input[type="button"], /* input[type="submit"],*/ input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="time"], form select, form textarea {
  width: 100%;
  border: 1px solid #d6d6d6;
  background: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 8px 12px;
  outline: 0;
}

form input[type="checkbox"]{
width:auto;
}
form input:valid, form select:valid, form textarea:valid {
  background: #eaf5f8;
}


form input:focus, form textarea:focus {
  border-color: #0085b2;
}
.contact-item > input:focus + label, .contact-item > input:focus + p + label, .contact-item > textarea:focus + label, .contact-item > textarea:focus + p + label {
  color: #0085b2;
  font-size: 10px;
  padding: 3px 6px;
  z-index: 2;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;

}
.contact-item > label {
  position: absolute;
  color: #b7b7b7;
  padding: 12px;
  font-size:13px;
margin-top:20px; /* */
}
form textarea {
  display: block;
}


form.contactform input, form.contactform textarea {
  padding: 12px;
}

form.contactform select {
height:44px;
}

form.contactform label {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
form.contactform input:focus, form.contactform textarea:focus {
  padding: 18px 12px 6px 12px;

}
form.contactform input:focus + label, form.contactform textarea:focus + label {
  bottom: 100%;
}


.labeltext {
font-size:13px;
text-align:left;
margin-bottom:-20px;
}


button {
font-size: 18px;
padding: 10px 30px;
color:#666;
background:#ccc;
border:0;
cursor:pointer;
margin:20px auto;
}


button:hover {
font-size: 18px;
padding: 10px 30px;
background:#ddd;
border:0;
cursor:pointer;
}


button[type="submit"]{
background:#80b632;
color:#fff;
font-size:18px;
width:190px;
cursor:pointer;
}

button[type="submit"]:hover {
background:#9cce55;
cursor:pointer;
}

#timeline {
display:block;
width:100%;
clear:both;
}

#timeline .time{
display:block;
float:left;
width:20%;
min-height:260px;
padding:10px;
background:#0085b2;
text-align:center;
font-weight:700;
color:#fff;
}
#timeline .text{
float:left;
width:45%;
padding:10px;
}
#timeline .ttl{
font-size:18px;
font-weight:700;
}
#timeline .image{
float:left;
width:35%;
padding:10px;
position:relative;
}
#timeline .image span{
font-size:12px;
line-height:12px;
position:absolute;
bottom:15px;
right:15px;
padding:5px 10px;
background:#333;
color:#fff;
}

@media screen and (max-width:768px){
#timeline .time{
display:block;
float:left;
width:25%;
min-height:350px;
padding:10px;
background:#0085b2;
text-align:center;
font-weight:700;
color:#fff;
}
#timeline .text{
float:right;
width:75%;
padding:10px;
}
#timeline .ttl{
font-size:18px;
font-weight:700;
}
#timeline .image{
float:right;
width:75%;
padding:10px;
}
#timeline .image span{
font-size:12px;
}


}

cite {
display:block;
font-size:10px;
color:#c7c7c7;
position:absolute;
bottom:5px;
right:10px;
}

@media screen and (max-width:768px){
cite {
display:block;
font-size:9px;
color:#c7c7c7;
position:absolute;
bottom:3px;
right:10px;
}
}

.attention{
display:block;
width:100%;
border:1px solid #fff;
background:#4ca9c9;
color:#fff;
padding:20px;
margin:20px 0 30px 0;
font-size:14px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.attention h3{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:15px;
}

.fukidasi {
padding: 40px 3px;
position: relative;
width:20%;
float:left;
z-index:100;
}

@media screen and (max-width:768px){
.fukidasi {
padding: 0px 3px 25px 3px;
position: relative;
width:50%;
float:left;
}
}

@media screen and (min-width:769px){
.fukidasibox01 {position:relative;top:-10px;font-weight:700; background: #4CA9C9; color:#ffffff; padding:30px 20px;position: relative;width: 100%;min-height:140px;display:table-cell;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox02 {position:relative;top:10px;font-weight:700; background: #cce6ef; color:#666666; padding:30px 20px;position: relative;width: 100%;min-height:140px;display:table-cell;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox03 {position:relative;top:-10px;font-weight:700; background: #bdd5dd; color:#0085b2; padding:30px 20px;position: relative;width: 100%;min-height:140px;display:table-cell;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox04 {position:relative;top:10px;font-weight:700; background: #4ca9c9; color:#ffffff; padding:30px 20px;position: relative;width: 100%;min-height:140px;display:table-cell;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox05 {position:relative;top:-10px;font-weight:700; background: #cce6ef; color:#666666; padding:30px 20px;position: relative;width: 100%;min-height:140px;display:table-cell;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox06 {position:relative;top:10px;left:30px; font-weight:700; background: #bdd5dd; color:#0085b2; padding:30px 20px;position: relative;width: 100%;display:table-cell;vertical-align:middle;border-radius: 50%;text-align:center;}
}

@media screen and (max-width:768px){
.fukidasibox01 {position:relative;top:-10px;font-weight:700; background: #4CA9C9; color:#ffffff; padding:30px 20px;position: relative;width: 100%;height:110px;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox02 {position:relative;top:10px;font-weight:700; background: #cce6ef; color:#666666; padding:30px 20px;position: relative;width: 100%;height:110px;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox03 {position:relative;top:-10px;font-weight:700; background: #bdd5dd; color:#0085b2; padding:30px 20px;position: relative;width: 100%;height:110px;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox04 {position:relative;top:10px;font-weight:700; background: #4ca9c9; color:#ffffff; padding:30px 20px;position: relative;width: 100%;height:110px;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox05 {position:relative;top:-10px;font-weight:700; background: #cce6ef; color:#666666; padding:30px 20px;position: relative;width: 100%;height:110px;vertical-align:middle;border-radius: 50%;text-align:center;}
.fukidasibox06 {position:relative;top:10px;left:30px; font-weight:700; background: #bdd5dd; color:#0085b2; padding:30px 20px;position: relative;width: 100%;display:table-cell;vertical-align:middle;border-radius: 50%;text-align:center;}

}

@media screen and (min-width:769px){
.fukidasi p{
font-size:16px;
text-align:center;
}
}

@media screen and (max-width:768px){
.fukidasi p{
font-size:13px;
text-align:center;
}
}

.fukidasibox01:after {background: #fff;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50%;z-index: -1;bottom: -20px;left: 65px;}
.fukidasibox02:after {background: #fff;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50%;z-index: -1;bottom: -20px;right: 65px;}
.fukidasibox03:after {background: #fff;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50%;z-index: -1;bottom: -20px;left: 65px;}
.fukidasibox04:after {background: #fff;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50%;z-index: -1;bottom: -20px;right: 65px;}
.fukidasibox05:after {background: #fff;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50%;z-index: -1;bottom: -20px;left: 65px;}
.fukidasibox06:after {background: #fff;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50%;z-index: -1;bottom: -20px;right: 65px;}
.fukidasibox01:before {background: #4CA9C9;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50px;z-index: -1;bottom: -12px;left: 50px;}
.fukidasibox02:before {background: #cce6ef;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50px;z-index: -1;bottom: -12px;right: 50px;}
.fukidasibox03:before {background: #bdd5dd;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50px;z-index: -1;bottom: -12px;left: 50px;}
.fukidasibox04:before {background: #4ca9c9;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50px;z-index: -1;bottom: -12px;right: 50px;}
.fukidasibox05:before {background: #cce6ef;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50px;z-index: -1;bottom: -12px;left: 50px;}
.fukidasibox06:before {background: #bdd5dd;content: '';position: absolute;height: 40px;width: 40px;border-radius: 50px;z-index: -1;bottom: -12px;right: 50px;}


.box-profile {
background:#cce6ef;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:20px;
margin:20px 0 ;
}

.box-profile p{
font-size:13px;
}


.sample-check{
border:1px solid #ccc;
padding:10px;
margin-bottom:20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

}
.label2{
all: initial;
cursor:pointer;
}

.sample-form{
    display:none;
}


.sample-form ul{
font-size:12px;
color:#8e8e8e;
list-style-type:disc;
padding-left:20px;
}

h2.formttl{
font-size:20px;
font-weight:700;
}

fieldset{
margin:5px 0px 20px 0;
padding:15px;
border:1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

@media screen and (max-width:768px){
fieldset{
margin:5px 0px 20px 0;
padding:15px 10px;
border:1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
}




input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 5px;
  background-color: #eaf5f8;
  vertical-align: middle;
  cursor: pointer;
  color:#0085b2;
}
.radio:hover, .checkbox:hover {
  background-color: #cce6ef;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #a3a3a3;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #a3a3a3;
  border-radius: 3px;
  background:#fff;
  content: '';
  z-index:1;
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 38%;
  left: 23px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 15px;
  border-right: 4px solid #0085b2;
  border-bottom: 4px solid #0085b2;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index:2;
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}


.contact-item > p.error {
position:relative;
bottom:1px;
background:#dd5050;
color:#fff;
font-size:11px;
padding:1px 5px;
z-index:3;
}



.simply-scroll-container {
position: relative;
}

.simply-scroll-clip {
position: relative;
overflow: hidden;
}
.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
.simply-scroll {
width: 100%;
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 160px;
height: 120px;
}

@media screen and (max-width:768px){
.simply-scroll .simply-scroll-list li {
float: left;
width: 80px;
height: 60px;
}
}