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

@font-face {
    font-family: "Noto Sans Japanese";
	font-style: normal;
	font-weight: 400;
}

@font-face {
    font-family: "Noto Sans Japanese";
	font-style: normal;
	font-weight: 300;
}

@font-face {
    font-family: "Noto Sans Japanese Semi-Bold";
	font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "Noto Serif Japanese light";
    font-style: normal;
    src:url('../font/NotoSerifCJKjp-Light.otf') format('opentype'),
		url('../font/NotoSerifCJKjp-Light.woff2') format('woff2'),
        url('../font/NotoSerifCJKjp-Light.woff') format('woff');
}

@font-face {
    font-family: "Noto Serif Japanese regular";
    font-style: normal;
     src:url('../font/NotoSerifCJKjp-Regular.otf') format('opentype'),
		url('../font/NotoSerifCJKjp-Regular.woff2') format('woff2'),
        url('../font/NotoSerifCJKjp-Regular.woff') format('woff');
}

@font-face {
    font-family: "Noto Serif Japanese Medium";
    font-style: normal;
     src:url('../font/NotoSerifCJKjp-Medium.otf') format('opentype'),
		url('../font/NotoSerifCJKjp-Medium.woff2') format('woff2'),
        url('../font/NotoSerifCJKjp-Medium.woff') format('woff');
}

@font-face {
    font-family: "Noto Serif Japanese SemiBold";
    font-style: normal;
     src:url('../font/NotoSerifCJKjp-SemiBold.otf') format('opentype'),
		url('../font/NotoSerifCJKjp-SemiBold.woff2') format('woff2'),
        url('../font/NotoSerifCJKjp-SemiBold.woff') format('woff');
}

@font-face {
    font-family: "Noto Serif Japanese Bold";
    font-style: normal;
     src:url('../font/NotoSerifCJKjp-Bold.otf') format('opentype'),
		url('../font/NotoSerifCJKjp-Bold.woff2') format('woff2'),
        url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
}

@font-face {
    font-family: "Noto Serif Japanese Bold";
    font-style: normal;
     src:url('../font/NotoSerifCJKjp-Bold.otf') format('opentype'),
		url('../font/NotoSerifCJKjp-Bold.woff2') format('woff2'),
        url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
}

/* =========================================================
 * default settings      �@   /*�f�t�H���g�Z�b�e�B���O
========================================================= */


/* ===================================================================
	file name: defult.css
=================================================================== */

/* contents
----------------------------------------
 * reset�@�@�@    /*���Z�b�g
 * font      �@   /*�t�H���g��e�L�X�g�֌W
 * clearfix�@�@   /*�N���A�t�B�b�N�X
 * float/display  /*�t���[�g�E�f�B�X�v���C�֌W
 * rollover       /*css���[���I�[�o�[
 * margin         /*�}�[�W������
 * padding        /*�p�f�B���O����

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

/* =========================================================
 * reset�@�@�@    /*���Z�b�g
========================================================= */

blockquote,
body, 
div, 
dl, 
dt,
dd, 
fieldset, 
form,  
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
input, 
li, 
ol, 
p, 
pre,  
select, 
span, 
textarea, 
td, 
th, 
ul { margin: 0px;	padding: 0px; }

fieldset,img{border:0;}

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

ol,
ul,
ul li { list-style-type: none; }

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

table {	border-collapse: collapse; border-spacing: 0; }

caption, th { text-align:left; }

iframe { border: none;}

a:focus { outline: none;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 

li img{
	line-height:0;
	font-size:0;
	vertical-align:top;
}

/* IE */
* html ul li dl,
* html ol li dl { display: inline; }

*:first-child+html ul li dl,
*:first-child+html ol li dl {display: inline; }

/* =========================================================
 * font      �@   /*�t�H���g��e�L�X�g�֌W
========================================================= */

/* �E�F�C�g�E�T�C�Y */
.fNormal { font-weight: normal; }
.fBold   { font-weight: bold; }
.fItalic { font-style: italic; }

.f09  { font-size: 75% !important; }  /* base 13px = 9px  */
.f10  { font-size: 77% !important; }  /* base 13px = 10px */
.f11  { font-size: 85% !important; }  /* base 13px = 11px */
.f12  { font-size: 93% !important; }  /* base 13px        */
.f13  { font-size: 100% !important; } /* base 13px = 13px */
.f14  { font-size: 108% !important; } /* base 13px = 14px */
.f15  { font-size: 116% !important; } /* base 13px = 15px */
.f16  { font-size: 124% !important; } /* base 13px = 16px */
.f17  { font-size: 131% !important; } /* base 13px = 17px */
.f18  { font-size: 139% !important; } /* base 13px = 18px */
.f19  { font-size: 147% !important; } /* base 13px = 18px */
.f20  { font-size: 154% !important; } /* base 13px = 18px */

/* �J���[ */
.red { color: #d90520;}
.txtCol2 { color: #007f4b;}
.txtCol3 {}
.txtCol4 {}
.txtCol5 {}

/* �ʒu */
.txtC { text-align: center; }
.txtR {	text-align: right; }
.txtL {	text-align: left; }

/* �e�L�X�g�C���f���g */
.hidetxt,
.hd {
  line-height: 150;
  overflow: hidden; 
}

.hidetxt a,
.hd a {	overflow :	hidden; }


*{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  word-break: break-all;
}

p{
	line-break: strict;
}
a{
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
a:hover{
	opacity:0.7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}
body {
  font-size: 1.4rem;
  font: inherit;
  font-family: "Noto Sans Japanese";
	font-style: normal;
	font-weight: 400;
  line-height: 1;
  background:#fff;
  -webkit-text-size-adjust: 100%;
  color:#000;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main{
	display: block;
}
#wrapper{
	width:100%;
}
img{
	max-width: 100%;
}

.pc{
		display:block;
	}
.sp{
		display:none;
	}

@media screen and (max-width: 768px) {
	a{
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition:none;
	}
	a:hover{
		opacity:1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	}
	body {
		-webkit-text-size-adjust: 100%;
		background:#fff;
		min-width:100%;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}


img[src$=".svg"] {
    width: 100%;
}