@charset "utf-8";


@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-Light.woff') format('woff')
}


@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-SemiBold.woff') format('woff')
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-SemiBold.woff') format('woff');
  font-weight: 600;
}

html {
overflow-y: scroll;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
	font:100%;
}

img {
	border: 0;
	vertical-align:bottom;
}

nav ul { list-style:none;}
ul li { list-style: none;}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

body{
font-size: 14px;
*font-size:small;
*font:x-small;
font-family: 'Noto Sans Japanese', BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
text-align:left;
line-height:160%;
color:#333;
}


.clearfix {
	zoom:1;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

/* link_nomal */
a{
text-decoration:none;
color: #333;
}
a:link{
text-decoration:none;
color: #333;
}
a:visited{
text-decoration:none;
color: #333;
}
a:hover{
text-decoration:none;
color: #333;
}
a:active{
text-decoration:none;
color: #333;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.pc_only{display: block;}
.sp_only{display: none;}

.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt75{padding-top: 75px;}
.pt100{padding-top: 100px;}
.pt150{padding-top: 150px;}

.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb75{padding-bottom: 75px;}
.pb100{padding-bottom: 100px;}
.pb150{padding-bottom: 150px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb75{margin-bottom: 75px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt75{margin-top: 75px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}

@media screen and (max-width : 680px){
  .pc_only{display: none;}
  .sp_only{display: block;}
}