/*
Theme Name: KNスタイル
Theme URI: 
Author: 
Description: オリジナルテーマ
Version: 1.0
*/

* { font-feature-settings: "palt"; }
body { margin:0; padding:0; font-family:-apple-system,blinkmacsystemfont,"ヒラギノ角ゴ pro w3","meiryo",sans-serif; }
#toppage h2 { font-size:42px; color:#123568; margin-bottom:20px; line-height:130%; font-family:'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS Mincho', serif; font-weight:bold; }
#toppage h2 span { font-size:17px; margin-left: 2px; }
@media screen and (max-width: 1400px){
	#toppage h2 { font-size:38px; }
	#toppage h2 span { font-size:12px; }
}
@media screen and (max-width: 999px){
	#toppage h2 { margin-top:10px; font-size:28px; }
	#toppage h2 span { font-size:11px; }
	body { font-size:14px; }
}

pre { font-size:14px; white-space:pre-wrap; word-break:break-word; }
* { margin:0px; padding:0px; }
input, select, textarea, button { font-size: 16px; -webkit-text-size-adjust: 100%; }	
body { color:rgb(44, 51, 48); line-height:170%; }
a:link, a:visited { color:#123568; text-decoration:none; font-weight:bold; }
a:hover, a:active { color:#123568; text-decoration:underline; font-weight:bold; }

.min { font-family: 'Noto Serif JP', 'Yu Mincho', 'Hiragino Mincho ProN', serif; }
    

table { width:100%; border-collapse:collapse; }

th,
td { padding:10px 12px; border-bottom:1px solid rgba(0,0,0,0.12); text-align:left; }

th { background:rgba(0,0,0,0.04); font-weight:600; }

tr:nth-child(even) td { background:rgba(0,0,0,0.02); }

@media screen and (max-width:798px) {

p { margin-bottom:15px; }	
	
th,
td { padding:8px 10px; }

}


.clr { clear:both; }
a:focus, *:focus { outline:none; }
::selection { background:#66CCFF; color:#FFFFFF; }
::-moz-selection { background: #66CCFF; color:#FFFFFF; }

.f90 { font-size:90%; line-height:140%; }
.f85 { font-size:85%; line-height:140%; }
.f80 { font-size:80%; line-height:140%; }
.f75 { font-size:75%; line-height:140%; }
.f65 { font-size:65%; line-height:140%; }

.mt40 { margin-top:40px; }
.mt80 { margin-top:80px; }
.mb40 { margin-bottom:40px; }
.mb80 { margin-bottom:80px; }

.ov50:hover { opacity: 0.5 ; }
.ov60:hover { opacity: 0.6 ; }
.ov70:hover { opacity: 0.7 ; }
.ov80:hover { opacity: 0.8 ; }
.ov90:hover { opacity: 0.9 ; }

.ov50 img:hover { opacity: 0.5 ; }
.ov60 img:hover { opacity: 0.6 ; }
.ov70 img:hover { opacity: 0.7 ; }
.ov80 img:hover { opacity: 0.8 ; }
.ov90 img:hover { opacity: 0.9 ; }


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{
  display: none;
}
input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

.clearfix { clear: both; }
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.pc { display:block; }
.sp { display:none; }
@media screen and (max-width: 999px){
	.pc { display:none; }
	.sp { display:block; }
}

i { margin-right: 5px; }
li { list-style:none; }


.w1000 { width:100%; max-width:1000px; margin-left:auto; margin-right:auto; }
@media screen and (max-width: 999px){
	.w1000 { width:calc(100% - 40px); padding-left:20px; padding-right:20px; max-width:100%; }
}

.w1200 { width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }
@media screen and (max-width: 1199px){
	.w1200 { width:calc(100% - 40px); padding-left:20px; padding-right:20px; max-width:100%; }
}

.w1400 { width:100%; max-width:1400px; margin-left:auto; margin-right:auto; }
@media screen and (max-width: 1399px){
	.w1400 { width:calc(100% - 40px); padding-left:20px; padding-right:20px; max-width:100%; }
}


@media screen and (max-width: 1399px){
	img { max-width:100%; }
}

.left { float:left; }
.right { float:right; }




.br1400 { display:none; } @media screen and (max-width:1400px){ .br1400 { display:block; } }
.br1300 { display:none; } @media screen and (max-width:1300px){ .br1300 { display:block; } }
.br1200 { display:none; } @media screen and (max-width:1200px){ .br1200 { display:block; } }
.br1100 { display:none; } @media screen and (max-width:1100px){ .br1100 { display:block; } }
.br1000 { display:none; } @media screen and (max-width:1000px){ .br1000 { display:block; } }
.br900 { display:none; } @media screen and (max-width:900px){ .br900 { display:block; } }
.br800 { display:none; } @media screen and (max-width:800px){ .br800 { display:block; } }
.br700 { display:none; } @media screen and (max-width:700px){ .br700 { display:block; } }
.br600 { display:none; } @media screen and (max-width:600px){ .br600 { display:block; } }
.br500 { display:none; } @media screen and (max-width:500px){ .br500 { display:block; } }
.br400 { display:none; } @media screen and (max-width:400px){ .br400 { display:block; } }




/*フェードイン　CSS遊び効果*/
.fadein {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.fadein.is-visible {
opacity: 1;
transform: translateY(0);
}