@charset "UTF-8";


/* <<<<<<<<<<<<<<<<<<<< site set >>>>>>>>>>>>>>>>>>>> */

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	overflow: auto;
	color: #000;  
    line-height: 0;
 
    /* メモ：iOS 13 Safariで、Hiragino Sansのboldが太くなりすぎる場合は、h1〜h6、tw-bに、font-weight: 600 を指定する */ 
    font-family: 'Roboto', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', sans-serif;  
    
/* 游ゴシックをメインフォントにする場合 */    
/* font-weight: 500 は、WinとMacで游ゴシックを綺麗に表示させる設定 */    
/*    
    font-family: 'Roboto', 'Yu Gothic', 'YuGothic', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;
    font-weight: 500;
*/ 
    
	font-size: 100%;
}
body {
	width: 100%;   
    max-width: 2480px; 
    margin: 0 auto;  
	-webkit-font-smoothing: antialiased; /* Safariでtransitionをかけると文字が一瞬細くなるバグの解決法 */
}
div, span, p, dl, dt, dd, ol, ul, li, tr, th, td {
    line-height: 1.75;
}
a:link,a:visited,a:active {
	color: #004bc8;
	text-decoration: none;
}
a:hover {
	color: #004bc8;
	text-decoration: underline;
}
strong	{
	color: #b92d3c;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
h1 {
	font-size: 2.25rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.25rem;
}
h4, h5, h6 {
	font-size: 1rem;
}
ol {
	padding-left: 1.5em; /* 親要素のfont-sizeに対して字下げしたいため単位はem */   
}
ul {
	list-style: none;
}
img {
	display: block; /* 画像下の余白を消すため */
	border: none;
}
option, select, input, textarea {
    font-family: 'Roboto', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', sans-serif;
}
input {
	vertical-align: middle;
}
/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
/* clearfixをあらかじめdiv/ulに設定 */
div::after,
ul::after {
	content: "";
	display: block;
	clear: both;
}

/* #################### レスポンシブデザイン設定 #################### */

/* <<<<<<<<<<<<<<<<<<<< 560px未満 >>>>>>>>>>>>>>>>>>>> */

@media screen and (max-width: 559px) {
  
html {
	font-size: 87.5%;
}
    
}