@charset "utf-8";
@import url('https://fonts.googleapis.com/css2&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Zen+Old+Mincho:wght@400;500;600&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: '游ゴシック','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;*/
	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:#23231e;
	/*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; }


strong{
font-weight:bold;
}

img{
	max-width: 100%;
	vertical-align: top;
}


/*.mincho{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}*/

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

a{
	text-decoration: none;
}

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

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


 /* fonts
------------------------------------------------------------------*/

@font-face{
	font-family:'RedHatDisplay-Bold';
	src:url('fonts/RedHatDisplay-Bold.ttf');
}
@font-face{
	font-family:'RedHatDisplay-SemiBold';
	src:url('fonts/RedHatDisplay-SemiBold.ttf');
}
@font-face{
	font-family:'ZenOldMincho-Bold';
	src:url('fonts/ZenOldMincho-Bold.ttf');
}
@font-face{
	font-family:'kozminpro-medium';
	src: url('fonts/kozminpro-medium.otf') format('opentype');
}


.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-family:'ZenOldMincho-Bold';
  font-weight: 400;
  font-style: normal;
}

.zen-old-mincho-medium {
  font-family: "Zen Old Mincho", serif;
  font-family:'ZenOldMincho-Bold';
  font-weight: 500;
  font-style: normal;
}

.zen-old-mincho-semibold {
  font-family: "Zen Old Mincho", serif;
  font-family:'ZenOldMincho-Bold';
  font-weight: 600;
  font-style: normal;
}

.red-hat-display-title {
  font-family: "Red Hat Display", sans-serif;
  font-family:'RedHatDisplay-Bold';
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.kozminpro-medium{
	font-family:'kozminpro-medium';
	font-weight: 400;
  font-style: normal;
}

 /* 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;
}