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

reset

-----------------------------------------------------------------------------  ***/
.clearfix:after {
     content:".";
     display:block;
     visibility:hidden;
     clear:both;
     height:0.1px;
     font-size:0.1em;
     line-height:0;
}
.clearfix {
     display:inline-table;
     zoom:1;
}
/*Hides from IE-mac \*/
* html .clearfix {
     height:1%;
}
.clearfix {
     display:block;
}
/* End hide from IE-mac */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
     margin:0px;
     padding:0px;
     font-size: 12px;
}
table {
     border-collapse:collapse;
     border-spacing:0;
}
fieldset, img {
     border:0;
}
address, caption, cite, code, dfn, em, th, var {
     font-style:normal;
     font-weight:normal;
}
li {
     list-style:none;
}
caption, th {
     text-align:left;
}
h1, h2, h3, h4, h5, h6 {
     font-size:100%;
     font-weight:normal;
}
q:before, q:after {
     content:'';
}
abbr, acronym {
     border:0;
     font-variant:normal;
}
sup {
     vertical-align:top;
}
sub {
     vertical-align:text-bottom;
}
input, textarea, select {
     font-family:inherit;
     font-size:inherit;
     font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
     color:#000000;
}
img {
     vertical-align:bottom;
}
/*** ------------------------------------------------------------------------------

clearfixを記述しないclearfix

-----------------------------------------------------------------------------  ***/
div:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

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

common

-----------------------------------------------------------------------------  ***/
html {
     overflow-y:scroll;
}
body {
     color:#333;
     line-height: 1.6;
     font-size: 12px;
     font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
     -webkit-text-size-adjust: 100%;
}
/*** ------------------------------------------------------------------------------

リンク

-----------------------------------------------------------------------------  ***/
/* 基本 */
a{
     outline:none;
}
a:link {
     color: #3CC0DD;
     text-decoration:none;
}
a:visited {
     color: #3CC0DD;
     text-decoration:none;
}
a:hover {
     color: #3CC0DD;
     text-decoration:underline;
}
a:active {
     color: #3CC0DD;
     text-decoration:underline;
}
.opacity a:hover img {
     opacity:0.7;
     filter: alpha(opacity=70);
     -moz-opacity:0.7;
}
.opacity li:hover img {
     opacity:0.7;
     filter: alpha(opacity=70);
     -moz-opacity:0.7;
}
/*** ------------------------------------------------------------------------------

wrapper

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

header

-----------------------------------------------------------------------------  ***/
header{
     width:100%;
     position: fixed;
     z-index: 9999;
     background: #FFF;
     box-shadow:0px 0px 5px 3px #BBB;
}
header .wrap{
     width:1000px;
     margin:0 auto;
}
@media screen and (max-width: 680px){
     header .wrap{
          width:auto;
          margin:0 auto;
     }
}
header .logo{
     float:left;
     margin:10px 15px 10px 0;
}
@media screen and (max-width: 680px){
     header .logo{
          margin:10px 0 10px 20px;
     }
    header .logo img{
          width:130px;
          height: auto;
     } 
}
header h1{
     float:left;
     margin:21px 0;
}
@media screen and (max-width: 680px){
     header h1{
          display: none;
     }
}
header .contact{
     float:right;
}
header .contact a{
     display:block;
     color:#FFF;
     font-size:24px;
     font-weight: bold;
     background: url(../img/icon_img01.png) no-repeat scroll right 33px center #004098;
     padding: 13px 60px 12px 46px;
     text-align: center;
}
@media screen and (max-width: 680px){
     header .contact a{
          font-size:18px;
          background:#004098;
          padding:10px 15px;
          text-align: center;
     }
}
header .contact a:hover{
     text-decoration:none;
}
/*** ------------------------------------------------------------------------------

visual

-----------------------------------------------------------------------------  ***/
.visual{
     width:100%;
     height: 600px;
     background:url(../../img/visual_img01.jpg) no-repeat scroll;
     background-size:cover;
     position: relative;
     margin:0 0 50px;
}
.visual.contact-v{
     height:120px;
     background:#004098;
}
@media screen and (max-width: 680px){
     .visual{
          height: 300px;
     }
     .visual.contact-v{
          height:60px;
          background:#004098;
     }
}
.visual .line{
     width:590px;
     margin:0 auto;
     padding:160px 0 0;
}
.visual.contact-v .line{
     width: auto;
    margin: 0 auto;
    padding: 34px 0 0;
    text-align: center;
}
@media screen and (max-width: 680px){
     .visual .line{
          width:auto;
          position:static;
     padding:0;
     }
     .visual.contact-v .line{
          width: auto;
         margin: 0 auto;
         padding: 16px 0 0;
         text-align: center;
     }
}
.visual .headline{
     font-size:34px;
     font-weight: bold;
     margin:0 0 15px;
}
.visual.contact-v .headline{
     color:#FFF;
}
@media screen and (max-width: 680px){
     .visual .headline{
          font-size: 18px;
         padding: 60px 0 0;
         text-align: center;
         color: #000;
     }
     .visual.contact-v .headline{
         color: #FFF;
         padding:0;
     }
}
.visual .copy{
     font-size:16px;
     font-weight: bold;
}
.copy.stop{
	margin: 50px 0 0 0;
    background: #004098;
    padding: 25px;
    color: #fff;
    font-size: 20px;
}
@media screen and (max-width: 680px){
    .visual .copy{
          font-size:12px;
          margin:0 auto;
          text-align: center;
          color:#000;
     } 
    .visual .copy span{
        display: block;
    }
    .copy.stop{
    	margin: 22px 0 0 0;
        padding: 13px 10px;
        font-size: 14px;
        color: #fff;

}
}
/*** ------------------------------------------------------------------------------

cont

-----------------------------------------------------------------------------  ***/
#cont{
     padding: 64px 0 0;
}
@media screen and (max-width: 680px){
    #cont{
          padding: 49px 0 0;
     } 
}
/*** ------------------------------------------------------------------------------

main

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

sub

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

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

footer

-----------------------------------------------------------------------------  ***/
footer{
     background:#E8E7EF;

}
footer .cont{
     padding:30px 0;
     width:1000px;
     margin:0 auto;
}
@media screen and (max-width: 680px){
    footer .cont{
          width:auto;
          margin:0 15px;
     } 
}
footer .cont .box-left{
     float:left;
}
@media screen and (max-width: 680px){
     footer .cont .box-left{
          float:none;
     }
}
footer .cont .box-left p{
     font-size:16px;
     font-weight: bold;
     margin:0 0 30px;
}
footer .cont .box-right{
     float:right;
}
@media screen and (max-width: 680px){
     footer .cont .box-right{
          float:none;
     }
     footer .cont .box-right iframe{
          width:100%;
     }
}
footer .copyright{
     background:#004098;
     padding:10px 0;
     text-align: center;
     color:#FFF;
}
/*** ------------------------------------------------------------------------------

トピックパス

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

共通設定

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

.wrap > h1{
     font-size: 12px !important;
}