@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html {
	font-size:6.25%;
}
body {
	font-family:'Noto Sans JP', sans-serif, "游ゴシック Medium", YuGothic, "游ゴシック体";
	/*
	"中ゴシックBBB" ,"Gothic Medium BBB","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
	/*
	font-family:,"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif", "ヒラギノ角ゴ Pro W3",,"メイリオ", Meiryo,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*/
    font-size: 16rem;
	font-size: 16px;
	color:#222222;
	letter-spacing: 1.5px;
    margin: 0;
    padding: 0;
	width:100%;
	height:auto;
	position: relative; 
	min-height: 100%;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl{
    font-size: 100%;
    margin: 0;
    padding: 0;
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6, p,dl{
	line-height: 1.6em;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
	display:block;
}
section p,section ul,section ol,section dl,section table,
article p,article ul,article ol,article dl,article table,
div p,div ul,div ol,div dl,div table{
	margin-bottom:20px;
}
section p:last-child,section ul:last-child,section ol:last-child,section dl:last-child,section table:last-child,
article p:last-child,article ul:last-child,article ol:last-child,article dl:last-child,article table:last-child,
div p:last-child,div ul:last-child,div ol:last-child,div dl:last-child,div table:last-child,
dd:last-of-type,li:last-of-type{
	margin-bottom:0;
}
/*img{max-width:100%; height:auto;}*/
a img,a video {
    border: medium none;
    margin: 0;
    padding: 0;
	transition:all 0.3s;
}
a img:hover,a video:hover{
	opacity:0.6;
}
a{
color: #222222;
outline: medium none;
transition:all 0.5s ease 0s;
text-decoration: none;
}
a:hover {
color: #7379D8;
}
/*
ul,li,dl,dt,dd{
transition:all .15s linear;
}
*/

/*  color  */
.opa{
	transition:0.3s;
}
.opa:hover{
	opacity:0.6;
}

/* emphasis */
.f-em{
font-size: 20px;
font-size: 20rem;
font-weight: 1000;
letter-spacing: 0.15em;
margin-bottom:20px; 
}
.f-em-a{
font-weight: 600;
border-bottom: 2px solid;
color: #ff0000;
font-size: 17px;
}
.f-em-b{
text-decoration: underline;
text-decoration-color: #f9d985;
text-decoration-thickness: 2px;
text-underline-offset: 7px;
font-weight: 700;
font-size: 16px;
}
.f-em-c{
font-weight: 700;
}
.f-em-red{
color: #ff0000;
border-bottom: 1px solid;
}
.f-red{
color: #ff0000;
}

/* font-size */
.f-small{
font-size: 12rem;
font-size: 12px;
}
.fw-initial{
font-weight: initial;
}
.dd_f-small > dd{
font-size: 12rem;
font-size: 12px;
}
.f12{
font-size: 12rem !important;
font-size: 12px !important;
}
.f13{
font-size: 13rem !important;
font-size: 13px !important;
}
.f14{
font-size: 14rem !important;
font-size: 14px !important;
}
.f15{
font-size: 15rem !important;
font-size: 15px !important;
}
.f16{
font-size: 16rem !important;
font-size: 16px !important;
}
.f17{
font-size: 17rem !important;
font-size: 17px !important;
}
.f18{
font-size: 18rem !important;
font-size: 18px !important;
}
.f19{
font-size: 19rem !important;
font-size: 19px !important;
}
.f20{
font-size: 20rem !important;
font-size: 20px !important;
}

/* margin */
.m-a0{
margin: 0;
}
.m-b20{
margin-bottom: 20px !important;
}
.m-b40{
margin-bottom: 40px !important;
}
.m-b60{
margin-bottom: 60px !important;
}
.m-b80{
margin-bottom: 80px !important;
}

/* padding */
.p-a0{
padding: 0 !important;
}

/* align */
.t-r{
text-align: right;
}
.t-c{
text-align: center;
}
.t-l{
text-align: left;
}
.m-c{
display: block;
margin: 0 auto;
}

/* wide */
.fit-c{
width: fit-content;
}
.w15{
width: 15% !important;
}
.w30{
width: 30% !important;
}
.w40{
width: 40% !important;
}
.w60{
width: 60% !important;
}
.w80{
width: 80% !important;
}

/* margin padding */


/* display */
.dn{
display: none;
}

@media (min-width: 769px) {
/* display */
.dn_pc{
	display:none !important;
}
.in-block_sp{
	display:inline;
}

/* font-size */
.f-small{
font-size: 14rem;
font-size: 14px;
}
.dd_f-small > dd{
font-size: 14rem;
font-size: 14px;
}
.f12_pc{
font-size: 12rem !important;
font-size: 12px !important;
}
.f13_pc{
font-size: 13rem !important;
font-size: 13px !important;
}
.f14_pc{
font-size: 14rem !important;
font-size: 14px !important;
}
.f15_pc{
font-size: 15rem !important;
font-size: 15px !important;
}
.f16_pc{
font-size: 16rem !important;
font-size: 16px !important;
}
.f17_pc{
font-size: 17rem !important;
font-size: 17px !important;
}
.f18_pc{
font-size: 18rem !important;
font-size: 18px !important;
}
.f19_pc{
font-size: 19rem !important;
font-size: 19px !important;
}
.f20_pc{
font-size: 20rem !important;
font-size: 20px !important;
}

/* wide */
.fit-c_pc{
width: fit-content;
}
.w80_pc{
width: 80% !important;
}
.w60_pc{
width: 60% !important;
}
.w40_pc{
width: 40% !important;
}


}
@media (max-width: 768px) {
body{
	font-size:14rem;
	font-size:14px;
	/*
	font-family:"Roboto", "Noto Sans JP";
	*/
}
h1, h2, h3, h4, h5, h6, p{
	line-height:1.8em;
}
/* display */
.dn_mob{
	display:none !important;
}
.db_mob{
	display:block !important;
}
.in-block_mob{
	display:inline-block;
}
}