@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,  ol, ul, li,
fieldset, form, label, legend, textarea, input, select, 
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin:0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック", Hiragino Sans, Roboto, "Droid Sans", /*YuGothic, "游ゴシック",*/ "メイリオ", "Meiryo", "verdana", sans-serif;
	font-weight: 400;

	color:#555555;
	color: #000;
	line-height: 1.6em;
}



html { font-size: 62.5%; } /* font-sizeは16pxの62.5%の10px */
body { font-size: 1.6rem; } /*font-size : 16px と同等*/
h1, h2, h3, h4, h5, h6 ,th{ font-weight:normal;}
dd{ display:block;}
ol,ul,li{ list-style:none;}
p, a{
	word-break: break-all;
} 

strong{
	font-weight:bold;
}

body{
	-webkit-text-size-adjust: 100%;
}
table, th, td {
    border-collapse: collapse;
}

a{
	text-decoration: none;
}

img{
	max-width: 100%;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit],
select,
textarea{
	-webkit-appearance: none;
	border-radius: 0;
}

select::-ms-expand{
	display:none;
}

 /* clearfix
------------------------------------------------------------------*/
.cf::after{
	content:"";
	display:table;
	clear:both;
}

/* ----------------------------------------------------------------
    Clear Module
----------------------------------------------------------------- */

.ClearFix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.ClearFix {display:inline-block;}
/* exlude MacIE5 \*/
* html .ClearFix {height:1%;}

/* ----------------------------------------------------------------
    border-box
----------------------------------------------------------------- */

*, *: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;
}

/* ----------------------------------------------------------------
    変数名 color
----------------------------------------------------------------- */

:root {
	--primary-blue-color: #4788c3;
	--primary-blue2-color: #dde9f4;
	--primary-blue3-color: #001b63;
	--primary-yellow-color: #e4ea34;
	--primary-gray-color: #808a70;
	--primay-bk-gray-color:#f8f7f5;
}