/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

	[Index]
	- base css[common for PC and SP] / Do not change 
		- reset
		- base
		- font
		- a
 */

/* ================================================= 
	base css [common for PC and SP] / Do not change 
================================================= */
/* reset setting
-------------------------------------------------------*/
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ border:0; margin:0; padding:0;}
img{ line-height:0; vertical-align:middle; width:100%;font-size:100%;height:auto;}
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
table{ border-collapse:collapse; border-spacing:0; }
mark{background-color:transparent;}
i,address{font-style:normal;}

/* base setting
-------------------------------------------------------*/
.clearfix{ zoom:1; }
.clearfix:after{ clear:both; content:""; display:block; }
a:link,a:visited,a:link mark,a:visited mark{ color:#000; -webkit-transition:color .2s;transition:color .2s; }
a,a:link,a:visited{text-decoration:underline;}
a mark,a:link mark,a:visited mark{ text-decoration:none;}
a:hover,a:active,a:hover mark,a:active mark{ color:#666;-webkit-transition:color 0s;transition:color 0s; }
a:hover,a:active{text-decoration:none;}
a:hover mark,a:active mark{ text-decoration:underline;}
a:hover{opacity: 0.8; filter: alpha(opacity=80);}
.strong,strong { font-weight:bold;}
a img{-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
a:hover{cursor:pointer;}
a:hover img{opacity: 0.8; filter: alpha(opacity=80); }
a:noHover img{opacity: 1.0; filter: alpha(opacity=100); }
.no-border { border: none !important; }

table th a:link,.table th a:visited,.table th a:link mark,.table th a:visited mark{ color:#000;}

/* a setting
-------------------------------------------------------*/
.lnav li a:link,
.linkListBack li a:link,
.linkList li a:link,
.linkListInline li a:link{color:#C55E0F;}
.lnav li a:hover,
.linkListBack li a:hover,
.linkList li a:hover,
.linkListInline li a:hover{color:#C55E0F;}
.lnav li a:visited,
.linkListBack li a:visited,
.linkList li a:visited,
.linkListInline li a:visited{color:#A7500E;}

.lnav li.current a,
.lnav li.current a:link,
.lnav li.current a:visited,
.lnav li.current a:hover{color:#111111;}

#wrapper a,
#wrapper a:link,
#wrapper a:visited,
#wrapper a:hover{color:#fff;}

.indexLists a,
h2 a:link,
h2 a:visited,
h2 a:hover,
.tumList5 li a,
.tumList4 li a,
.tumList3 li a,
.tumList2 li a,
.contactBnr dd ul.contactForm a,
#breadcrumb a,
#sideNav li a,
.linkListBack li a,
.newsLists li a,
.linkList li a,
.linkListInline li a,
.lnav li a{text-decoration:none;}
h2 a:hover{opacity: 0.8; filter: alpha(opacity=80);}
/* font-size setting
-------------------------------------------------------*/

/* font base */
@font-face{
font-family:"Noto Sans CJK JP DemiLight";
src:url("notosanscjkjp/NotoSansCJKjp-DemiLight.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-DemiLight.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-DemiLight.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-DemiLight.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-DemiLight.ttf") format("truetype");
}
@font-face{
font-family:"Noto Sans CJK JP Regular";
src:url("notosanscjkjp/NotoSansCJKjp-Regular.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-Regular.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-Regular.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-Regular.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@font-face{
font-family:"Noto Sans CJK JP Medium";
src:url("notosanscjkjp/NotoSansCJKjp-Medium.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-Medium.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-Medium.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-Medium.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-Medium.ttf") format("truetype");
}
@font-face{
font-family:"Noto Sans CJK JP Bold";
src:url("notosanscjkjp/NotoSansCJKjp-Bold.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-Bold.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-Bold.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-Bold.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-Bold.ttf") format("truetype");
}
@font-face{
font-family:"GillSans Bold";
src:url('notosanscjkjp/GillSansMTStd-Bold.otf') format("opentype");
}
body{
font-size:92%;
line-height:1.8;
}
#wrapper{
color:#fff;
}
body,
form,
select,
option,
.faq dt,
.faq dd:before,
table th{/*Medium*/
font-family: 'Noto Sans CJK JP Regular', Lato, Helvetica, sans-serif;
font-weight:normal;
}
#inIndexttlWrap h2 div span,
footer nav li a,
h1,
header nav p.navSubTel,strong,
.footRight p,
.contactBnr h2,
header #Gnav li,
.worksLists h2,
.home h2,
.indexLists strong,
#About figure figcaption{/*Bold*/
font-family: 'GillSans Bold', Lato, Helvetica, sans-serif;
font-weight:normal;
}
h2,h3,h4,h5,h6,dt,
#indexGuide h2,
.indexLists strong{/*Medium*/
font-family: 'Noto Sans CJK JP Medium', Lato, Helvetica, sans-serif;
font-weight:normal;
}
#ttlWrap h1 span,h2 span{/*DemiLight*/
font-family: 'Noto Sans CJK JP DemiLight', Lato, Helvetica, sans-serif;
font-weight:normal;
}
.remodal-close:before{
font-family: Lato, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
}

/* font-size
---------------------------------------- */
/* SSsmall */

#breadcrumb li,
#inFooter nav li li,
#inFooter .fSitemapSub li,
#Copyright{font-size:80%;}
@media only screen and (max-width: 767px){
    #Copyright{font-size:60%;}
}
#ttlWrap h1{line-height: 1.2;}
#ttlWrap h1 span{
display: block;
font-size:16px;
}
/* small */
#sideNav li ul,
.notesWrap,
.attendWrap,
.tableStyle .minFont,
.tableStyleC .minFont,
.newsLists li i,


header nav #hdSubNav li{font-size:90%;}
header nav .headersub,
header nav.hcopy{font-size:12px;}

/* mid */
#About figure figcaption{font-size:130%;}
.indexLists strong,
header #Gnav ul,
.faq dt{font-size:150%;}
header #Gnav li span{font-size:14px;}
.worksLists h2 .en,
h2{font-size:150%;}
.TelAtd{font-size:200%;}
.contactBnr h2{font-size:400%;}
#indexttlWrap h2{/*font-size:500%;*/line-height: 1.2;}
#ttlWrap h1{font-size:300%;}
@media only screen and (max-width: 1100px){
    .contactBnr h2{font-size:300%;}
    #ttlWrap h1{font-size:300%;}
}
@media only screen and (max-width: 767px){
    .faq dt{font-size:120%;}
    header #Gnav li span{font-size:10px;}

}
/* big */

/* big ttl */

/* other size */
header .logo{
font-size:200%;
}


/* reset */
div.notes p.notes,
div.notes ul.notes{font-size:100%;}

@media only screen and (max-width: 767px){
#indexTtlWrap{font-size:.7em;}

}