f@charset "utf-8"; 

/* Mainエリア内のデザインを記述する。ただし、各ページ固有のデザインは、各ページのヘッダー内に記述する。 */

/* 見出し＆本文 */
#pagetitle { margin-left:15px; font-size:24px; }

main h2, main h3, main h4, main h5, main h6, main p { margin:0 0 1em; padding:0.2em 10px; }

body { font-family:"'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;" }
h1 { font-size: 24px; color: #0058A6;}
h2 { font-size: 20px; color: #636363;}
p { font-size: 14px;line-height: 1.8;}

.t01 { font-size:18px; background-color:#eee; border-top:1px solid #bbb; border-bottom:1px solid #aaa; color:#333; } 
.t02 { font-size:16px; background-color:#456; border-bottom:1px solid #000; color:#fff; }

.t02_1 { font-size:16px; background-color: #00CC99; border-bottom:1px solid #336666; color:#fff; }
.t02_2 { font-size:16px; background-color: #FF9933; border-bottom:1px solid #CC3333; color:#fff; }
.t02_3 { font-size:16px; background-color: #3366CC; border-bottom:1px solid #003399; color:#fff; }

.t03 { font-size:26px; border-bottom:1px dotted #ccc; color:#0066FF;}
.t03_2 { font-size:20px;color:#0066FF; background-color: #E2EEFF;border-bottom:3px solid #68C7FF; }
.t04 { font-size:13px; border-left:4px solid #ccc; padding:0.1em 6px 0.3em; line-height:1; }
.t05 { font-size:18px;color:#184E6A; background-color:#EAFDFF;}

.a_t { color: #FFFFFF; background-color: #ff6464; padding: 10px; border-radius: 10px; margin: 10px auto;}
.b_t { color: #FFFFFF; background-color: #3fa9f5; padding: 10px; border-radius: 10px; margin: 10px auto;}
.c_t { color: #FFFFFF; background-color: #ff931e; padding: 10px; border-radius: 10px; margin: 10px auto;}
.d_t { color: #FFFFFF; background-color: #ff7bac; padding: 10px; border-radius: 10px; margin: 10px auto;}
.e_t { color: #FFFFFF; background-color: #46c8d2; padding: 10px; border-radius: 10px; margin: 10px auto;}
.f_t { color: #FFFFFF; background-color: #7ac943; padding: 10px; border-radius: 10px; margin: 10px auto;}

.niti {background: #609CE3; color: #FFFFFF; font-size: 18px;padding: 4px;}
.fsl { font-size:120%;}

/* インライン */
small  { font-size:75%; font-weight:normal; }

a { color:#039; text-decoration:none; }
a:hover { color:#136; text-decoration:underline; }
a img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }

.fig01 { float:right; }
.fig01 img { box-shadow:1px 2px 8px #999; margin:0 8px 5px 15px; border:5px solid #fff; }
.fig01 figcaption { text-align:right; margin-right:10px; }

/* リスト */
main ul, main ol { padding:0 2em 0.5em; }

.list_deci { list-style-type:decimal;text-align:left; font-size: 14px;line-height: 1.8}
.list_disc { list-style:disc;text-align:left;font-size: 14px;line-height: 1.8}
.bbd {margin:0 auto; padding:0;width:94%; }
.bbd li {border-bottom:#666666 1px dotted; text-align:left; list-style:none; font-size:16px; line-height:2;}

/* 表 */
table { border-collapse: collapse; }
th, td { font-size:13px; }

.tbl01 { border-collapse:collapse; width:95%; margin:1em; }
.tbl01 th, .tbl01 td { padding:4px; border: none; text-align: left; vertical-align:top;}
.tbl01 th { font-weight:bold; color:#fff; background:#369; text-align: left; }

.tbl02 { border-collapse:collapse; width:95%; margin:0 auto; }
.tbl02 th, .tbl02 td { padding:10px; border:2px #fff solid;vertical-align:top;}
.tbl02 th { font-weight:bold; color:#fff; background:#64A2FF ; text-align:center; }
.tbl02 td {background-color:#EDFAFF; text-align:left; }

.nowr {white-space: nowrap;width: 30px; padding:0;}

/*バックグラウンドスライド*/
.bg-slider {
	width: 100vw;
	height: 50vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	
}

.logo { text-align:center;margin:0 auto;}
.h1ta { margin:100px auto 0;}
.bg-slider { text-align:center;margin:0 auto;}
.w80 { width:85%;}
.w60 { width:50%;}

.ti01 { text-indent:-14px; margin:0 0 0 28px;}

.bg01 {background-color:#325aff ; width: 100%; max-width: 1200px;padding: 20px 0; margin: 0 auto;}
.bg01 img {width: 100%; max-width: 680px;}

.bo1 { text-align:center;display:block;color:#FFF; background-color: #FF3333; margin:0; padding:4px; font-size:14px;font-weight:bold; width:110px;
border-radius:8px;         /* CSS3 */
-moz-border-radius:8px;    /* Firefox */
-webkit-border-radius:8px; /* Safari,Chrome */}
.bo1 a {color:#FFF; text-decoration: none;}
.bo1:hover { background-color: #FF6633;text-decoration: none;}

.bbg { border-bottom:1px dotted #666666; margin:0 0 10px; padding:4px 0}
.cn tr td { text-align:left; font-size:16px}
.pdf { width:120px}

.ge { font-size:12px; margin:2px; padding:13px 2px 0; color: #FFFFFF; background-color:#3366CC; width:101px; height:40px; float:left; text-align:center; line-height:1.2;
border-radius:8px;         /* CSS3 */
-moz-border-radius:8px;    /* Firefox */
-webkit-border-radius:8px; /* Safari,Chrome */}

.ge2 { font-size:12px; margin:2px; padding:5px 2px; color: #FFFFFF; background-color:#3366CC; width:101px; height:40px; float:left; text-align:center;line-height:1.2;
border-radius:8px;         /* CSS3 */
-moz-border-radius:8px;    /* Firefox */
-webkit-border-radius:8px; /* Safari,Chrome */}

.bgs { background-color: #00CC66;}
.bgg { background-color: #FF6633;}
.pc { display:block}
.sp { display: none}
.tar { text-align:right}
.c_b { clear:both}


.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height:;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height:;
  text-align: center;
}

.swiper-slide:nth-child(3n + 1) {
}

.swiper-slide:nth-child(3n + 2) {
}

.swiper-slide:nth-child(3n + 3) {
}

.mySwiper2 {
  height:;
  width: 100%;
	margin: 0 auto 10px;
}

.mySwiper {
  height:;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  line-height: 80px;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}



/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
 .bg-slider {
	width: 100vw;
	height: 70vh;}
.h1ta { margin:50px auto 0;}

.pc { display: none}
.sp { display:block}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) {
	

	
 .bg-slider {
	width: 100vw;
	height: 35vh;}
.h1ta { margin:60px auto 0;width:360px;}

section, article { margin:0 0 1em; padding:15px; }
}