@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v6.2.0/css/all.css);
/* @import url(https://fonts.googleapis.com/css2?family=Roboto&family=Noto+Sans+JP&display=swap); */
/* @import url(./notosansjp.css); */
/* @import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

/* CSS Document */
/*
 初期化
----------------------------------------------------------------------------------------------------*/
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }


html {font-size: 62.5%;}
body {
font-family: Roboto, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",  Helvetica, Arial, sans-serif;
color: #333333;font-size:1.6rem;line-height: 1.6;
    /* font-family: 'Noto Sans Japanese', sans-serif;font-weight: 500; color: #444444;
    font-family: "Hiragino maru Gothic ProN W4", "Hiragino Kaku Gothic Pro","Hiragino Sans", "arial", "Meiryo", "MS PGothic", sans-serif!important;
    font-weight: 500;
    color: #444444;
    font-size:1.6rem;
    line-height: 1.6; */
/* グローバル値 */
text-shadow: inherit;
text-shadow: initial;
text-shadow: revert;
text-shadow: unset;
}

h1,h2,h3,h4,h5,h6,
.ch-header{
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",  Helvetica, Arial, sans-serif;
}

table,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;vertical-align:top;border-collapse:separate;}

ul{list-style:none;}

caption{text-align:left;padding-bottom:5px;}

p,dl,dt,dd{padding:0;margin:0;}
ul li,ol li{list-style:none;}

:root ol, :root ul {
	margin: 0;
	padding: 0;
}
:root blockquote {
	margin: 0;
}

/* a,a:link,a:active,a:hover,a:visited{    color: #00afb9;} */

/*div,p,dt,dd,li,td,th,h1,h2,h3,h4,h5{word-wrap: break-word;word-break: break-all;white-space:normal !important;}*/

em{font-style:normal;}

img{vertical-align:top;}

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

/* html 5 */
header,footer,nav,article,section,aside,time,figure{display:block;}
[hidden],command,datalist,menu[type=context],rp,source{display: none;}

/*
 テキスト
----------------------------------------------------------------------------------------------------*/



/* weight */
.fwB{font-weight: 700;}
.em{font-weight: 600;}


/* margin */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

/* padding */

.pad10{padding: 10px;}
.pad20{padding: 20px;}
.pad30{padding: 30px;}
.pad40{padding: 40px;}
.pad50{padding: 50px;}
.pad60{padding: 60px;}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}


.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}


.fs36{font-size: 36px!important;}
.fs44{font-size: 44px!important;}
.fs60{font-size: 60px!important;}

/* color */
.alrtClr{color:#d21 !important;}
.alrtClr02{color:#07b !important;}

/*
 インライン要素配置
----------------------------------------------------------------------------------------------------*/
.taL { text-align:left !important; }
.taR { text-align:right !important; }
.taC { text-align:center !important; }

.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }

/* Clearfix
----------------------------------------------------------------------------------------------------*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}