@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@charset "utf-8";

@font-face {
    font-family: "FontAwesome";
    src: url('../webfonts/fontawesome-webfont.eot');
    src: url('../webfonts/fontawesome-webfont.eot?#iefix') format('eot'),
    url('../webfonts/fontawesome-webfont.woff') format('woff'),
    url('../webfonts/fontawesome-webfont.woff2') format('woff2'),
    url('../webfonts/fontawesome-webfont.ttf') format('truetype'),
    url('../webfonts/fontawesome-webfont.svg') format('svg');
}

@font-face {
    font-family: 'volvo';
    src: url('../webfonts/VolvoBroad.eot?#iefix') format("embedded-opentype"),
    url("../webfonts/VolvoBroad.woff") format("woff"),
    url("../webfonts/VolvoBroad.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Broad Small';
    src: url('../webfonts/VolvoBroadSmallWeb.eot');
    src: url('../webfonts/VolvoBroadSmallWeb.eot?#iefix') format("embedded-opentype"),
    url('../webfonts/VolvoBroadSmallWeb.woff') format("woff"),
    url('../webfonts/VolvoBroadSmallWeb.ttf') format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Sans Bold';
    src: url('../webfonts/VolvoSansWeb-Bold.eot');
    src: url('../webfonts/VolvoSansWeb-Bold.eot?#iefix') format("embedded-opentype"),
    url('../webfonts/VolvoSansWeb-Bold.woff') format("woff"),
    url('../webfonts/VolvoSansWeb-Bold.ttf') format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Sans Medium';
    src: url('../webfonts/VolvoSansWeb-Medium.eot');
    src: url('../webfonts/VolvoSansWeb-Medium.eot?#iefix') format("embedded-opentype"),
    url('../webfonts/VolvoSansWeb-Medium.woff') format("woff"),
    url('../webfonts/VolvoSansWeb-Medium.ttf') format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Sans Regular';
    src: url('../webfonts/VolvoSansWeb-Regular.eot');
    src: url('../webfonts/VolvoSansWeb-Regular.eot?#iefix') format("embedded-opentype"),
    url('../webfonts/VolvoSansWeb-Regular.woff') format("woff"),
    url('../webfonts/VolvoSansWeb-Regular.ttf') format("truetype");
    font-weight: 400;
    font-style: normal;
}




/*============================================================
selector
============================================================*/
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
table {
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img { border: 0; }
ul { margin:0;padding:0;list-style: none;}
ol { padding: 0 0 1em 2em; }
input,textarea,select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    vertical-align: middle;
}
label { cursor: pointer; }
img {
    border:none;
    vertical-align:bottom;
    display:block;
    max-width: 100%;
    height: auto;
    width: auto\9;
    margin: 0;
}
img a { outline:none; }
address {font-style:normal;}

/*============================================================
a
============================================================*/
a { color: #242424;text-decoration: none;transition: all 0.3s ease-in-out 0s; }
a:hover { color: #808080;text-decoration: none; }
a:active { text-decoration: none; }

/*============================================================
input
============================================================*/
input {
    box-sizing: border-box;
    border: medium none;
    outline: medium none;
    padding: 4px 5px;
    border: 1px solid #ddd;
}
input[type="submit"]{
}
input[type="submit"]:hover {
}
textarea {
    box-sizing: border-box;
    border: 1px solid #ddd;
    outline: medium none;
    padding: 5px 6px;
    resize: vertical;
    width: 100%;
}
select {
    box-sizing: border-box;
    border: 1px solid #ddd;
    cursor: default;
    font-weight: normal;
    margin: 0;
    max-width: 100%;
    outline: medium none;
    overflow: hidden;
    padding: 4px 5px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}
input:focus,
textarea:focus,
select:focus {
    box-sizing: border-box;
    border: 1px solid #767676;
}

/*============================================================
class
============================================================*/
.alignR { text-align:right; }
.alignC { text-align:center; }
.alignL { text-align:left; }
.central{margin:auto;}
.note { padding-left: 1em; text-indent: -1em; }
.none { display: none; }
.caution{ font-size: 9px;font-size: 0.9rem; }
.txt80 { font-size: 80px;font-size: 8.0rem; }
.txt70 { font-size: 70px;font-size: 7.0rem; }
.txt60 { font-size: 60px;font-size: 6.0rem; }
.txt50 { font-size: 50px;font-size: 5.0rem; }
.txt45 { font-size: 45px;font-size: 4.5rem; }
.txt40 { font-size: 40px;font-size: 4.0rem; }
.txt35 { font-size: 35px;font-size: 3.5rem; }
.txt30 { font-size: 30px;font-size: 3.0rem; }
.txt28 { font-size: 28px;font-size: 2.8rem; }
.txt26 { font-size: 26px;font-size: 2.6rem; }
.txt24 { font-size: 24px;font-size: 2.4rem; }
.txt23 { font-size: 23px;font-size: 2.3rem; }
.txt22 { font-size: 22px;font-size: 2.2rem; }
.txt21 { font-size: 21px;font-size: 2.1rem; }
.txt20 { font-size: 20px;font-size: 2.0rem; }
.txt19 { font-size: 19px;font-size: 1.9rem; }
.txt18 { font-size: 18px;font-size: 1.8rem; }
.txt17 { font-size: 17px;font-size: 1.7rem; }
.txt16 { font-size: 16px;font-size: 1.6rem; }
.txt15 { font-size: 15px;font-size: 1.5rem; }
.txt14 { font-size: 14px;font-size: 1.4rem; }
.txt13 { font-size: 13px;font-size: 1.3rem; }
.txt12 { font-size: 12px;font-size: 1.2rem; }
.txt11 { font-size: 11px;font-size: 1.1rem; }
.txt10 { font-size: 10px;font-size: 1.0rem; }
.txt9 { font-size: 9px;font-size: 0.9rem; }
.txt8 { font-size: 8px;font-size: 0.8rem; }
.txt7 { font-size: 7px;font-size: 0.7rem; }
.m-t0{margin-top:0px;}
.m-t5{margin-top:5px;}
.m-t10{margin-top:10px;}
.m-t15{margin-top:15px;}
.m-t20{margin-top:20px;}
.m-t30{margin-top:30px;}
.m-t40{margin-top:40px;}
.m-t50{margin-top:50px;}
.m-t60{margin-top:60px;}
.m-t80{margin-top:80px;}
.m-t100{margin-top:100px;}
.m-b0{margin-bottom:0px;}
.m-b5{margin-bottom:05px;}
.m-b10{margin-bottom:10px;}
.m-b15{margin-bottom:15px;}
.m-b20{margin-bottom:20px;}
.m-b30{margin-bottom:30px;}
.m-b40{margin-bottom:40px;}
.m-b50{margin-bottom:50px;}
.m-b60{margin-bottom:60px;}
.m-b80{margin-bottom:80px;}
.m-b100{margin-bottom:100px;}



/* アイコン
------------------------------------------*/
.ico:before { font-family: "FontAwesome"; margin: 0 5px 0 0; }
.ico.tel:before {content: "\f095";}
.ico.mail:before {content: "\f003";}
.ico.arrow:before {content: "\f105";}
.ico.fb:before {content: "\f09a";}

/*============================================================
clearfix
============================================================*/
header#header:before, header#header:after,
footer#footer:before, footer#footer:after,
.clearfix:before, .clearfix:after {content:""; display:table;}
header#header:after,
footer#footer:after,
.clearfix:after {clear:both;}
header#header:after,
footer#footer:after,
.clearfix {zoom:1;}

.clear {clear: both;}



/* グリッドカラム
------------------------------------------*/
/* SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill 
* { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
*/
.col:after, .colRe:after, .clr:after, .group:after, .colEven2:after, .coladd3:after, .colEven4:after { 
    content: ""; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.col,
.colEven2,
.coladd3,
.colEven4 { 
    width: 100%;
    display: block;
    float: left;
    margin: 0 2% 2% 0;
}
.colRe { 
    width: 100%;
    display: block;
    float: right;
    margin: 0 0 2% 2%;
}
.colOff { margin-right: 0; }
.colReOff { margin-left: 0; }
.colBtmOff { margin-bottom: 0; }
.col:last-child,
.colEven2:last-child,
.coladd3:last-child,
.colEven4:last-child { margin-right: 0; } /* IE8以下不可 */
.colRe:last-child { margin-left: 0; } /* IE8以下不可 */

/* 769px以上はwidth:指定値%;、以下はwidth:auto;状態 */
@media screen and ( max-width : 768px ) { .col { margin-right: 0; } }
@media screen and ( max-width : 768px ) { .colRe { margin-left: 0; } }
@media screen and ( min-width : 769px ) {
    .clm1 { width: 2.25%; }
    .clm2 { width: 6.5%; }
    .clm3 { width: 10.75%; }
    .clm4 { width: 15.0%; }
    .clm5 { width: 19.25%; }
    .clm6 { width: 23.5%; }
    .clm7 { width: 27.75%; }
    .clm8 { width: 32.0%; }
    .clm9 { width: 36.25%; }
    .clm10 { width: 40.5%; }
    .clm11 { width: 44.75%; }
    .clm12 { width: 49.0%; }
    .clm13 { width: 53.25%; }
    .clm14 { width: 57.5%; }
    .clm15 { width: 61.75%; }
    .clm16 { width: 66.0%; }
    .clm17 { width: 70.25%; }
    .clm18 { width: 74.5%; }
    .clm19 { width: 78.75%; }
    .clm20 { width: 83.0%; }
    .clm21 { width: 87.25%; }
    .clm22 { width: 91.5%; }
    .clm23 { width: 95.75%; }
    .clm24 { width: 100%; }
    .colEven2 { width: 49.0%; }
    .coladd3 { width: 32.0%; }
    .colEven4 {width: 23.5%; }
    .clm2NoGap { width: 50%; }
    .clm3NoGap { width: 33.3333333%; }
}

.pcOnly{

}
.spOnly{
    display: none;
}
@media screen and ( max-width : 1280px ) {
    .spOnly{
        display: none;
    }
}

@media screen and ( max-width : 959px ) {
    .pcOnly{
        display: none;
    }
}

@media screen and ( max-width : 599px ) {
    .pcOnly{
        display: none;
    }
    .spOnly{
        display: inherit;
    }
}



/*FirefoxのVideoDownloadHelperバグ用*/
div.vdh-mask { display: none; }