@charset "UTF-8";


/** webフォントを使用 **/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

@media print, screen {

/********************

common

********************/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #FFF;
	letter-spacing: 0.05em;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style: none;
}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd {
	margin: 0;
}

th, td {
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

figure, figcaption {
	margin: 0;
	padding: 0;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
}

a {
	color: #0E7AC4;
	outline: none;
	text-decoration: none;
}

a:hover {
}


hr {
	border: none;
    margin: 0;
    padding: 0;
}

.none {
	display: none !important;
}



/********************

container

********************/
#container {
	width: 100%;
	height: auto;
	overflow: hidden;
}



/********************

header

********************/
#header {
	width: 100%;
}




/********************

content

********************/



/********************

footer

********************/
#footer {
}


}





/***********************************************************
for smartphone
************************************************************/
@media only screen and (max-width:736px){

/********************

common

********************/
body {
	-webkit-text-size-adjust: 100%;
}

.sp_none {
	display: none !important;
}



/********************

header

********************/





/********************

content

********************/

.c_inner {
    position: relative;
    margin: 0 auto;
    padding: 0 5%;
    width: 100%;
    z-index: 20;
}



/********************

footer

********************/



}





/************************************************************
for pc  width 737px 以上はpc表示
************************************************************/
@media print, screen and (min-width:737px){

/********************

common

********************/
.pc_none {
	display: none !important;
}





/********************

header

********************/



/********************

content

********************/

.c_inner {
    position: relative;
    margin: 0 auto;
    padding: 0 4rem;
    width: 75rem;
}


/********************

footer

********************/



}