@charset "UTF-8";
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 15px;color: #515151;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height: 1.8em;-webkit-font-smoothing: antialiased;background: #FFF;}
/*.fnt{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Georgia, serif;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
.container{overflow: hidden;}
body{min-width: 1000px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}
a,img {transition: 0.5s;text-decoration: none;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
html{scroll-behavior: smooth;}
.inner00{max-width: 1280px;margin: 0 auto;background-color:rgba(255,255,255,1.00);padding: 20px 0 0;}
.inner{width: 990px;margin: 0 auto;}

.flexbetween{display: flex;justify-content: space-between;}
.flexcenter{display: flex;justify-content: center;}

.fv-back{background-image: url('../images/fv-bg2.png');background-position: top 0 left 0;background-repeat: repeat; position: relative;}
.fv{text-align: center;position: relative;background-image: url('../images/fv-bg.png');z-index: 1;height: 732px;background-position: top 0 center;background-size: contain;background-repeat: no-repeat;position: relative;}
.fvimg{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}


a.fixbtn1,a.fixbtn2{position: fixed;top:60px;right: 30px;z-index: 99999;}


.fvimg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 720px;}
.fvbtn1{max-width: 800px; margin:50px auto 0px;display: block;}
.caution{text-align: right;}
.con-back{background-color: #FFFDFA;background-position: center;background-size: cover;padding-bottom: 120px;}

.bl1{text-align: center;}
.bl1_ex{ margin:90px auto;}
.bl2{margin: 0px auto 0px;}

.titleobi{margin:0 calc(50% - 50vw)0;background-color: #2F2F2F;text-align: center;padding: 10px 0 20px;}
.bl2{margin: 0 calc(50% - 50vw)0;text-align: center;}

a.bl3_btn1{margin:60px auto 30px;display: block;}
a.bl3_btn1.mb60{margin:60px auto 80px;display: block;}

a.bl3_btn2{margin-bottom:80px;display: block;}

a.bl4_btn1{margin-top: 50px;display: block;}

a.bl5_btn1{margin-bottom:50px;display: block;}
a.bl5_btn2{margin-right:10px;display: block;}
a.bl5_btn3{margin-left:10px;display: block;}
a.bl5_btn4{margin-top:50px;display: block;}
a.bl5_btn5{margin-top:50px;display: block;}



/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  width: 880px;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: 430px;
  height: 145px;
  margin: 50px 5px 0; 
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}



/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
margin:0 calc(50% - 50vw)0;
}

.ffv{background-image: url('../images/chichibu_bg.png');
	height: 300px;
position: relative;
background-size: cover;
background-position:bottom 0 center;
border-top:solid 3px #E3777B;
}

.ffv1{background-image: url('../images/chichibu_bg2.png');
position: relative;
background-size: cover;
background-position:top 0 center;
	padding-bottom: 120px;
	margin-top: 100px;
}

.ffv2{background-image: url('../images/kawagoe_bg.png');
	height: 300px;
position: relative;
background-size: cover;
background-position:bottom 0 center;
border-top:solid 3px #00A3CA;
}

.ffv3{background-image: url('../images/kawagoe_bg2.png');
position: relative;
background-size: cover;
background-position:top 0 center;
	padding-bottom: 120px;
	margin-top: 100px;
}

.bl3_ffvexback{position: absolute;left: 15%; top:0px;
	background-color: rgba(21,48,100,0.8);
padding:0 5%;
	height: 100%;
}
.bl3_ffvexback2{position: absolute;left: 15%; top:0px;
	background-image: url("../images/bl3_ffvex_back2.png");
	background-size: cover;
	background-position: center;
padding:0 5%;
	height: 100%;
}
.bl3_ffvex{margin-top:50px;}

.bl3{background-image:url("../images/bl3_back001.png");
background-size: cover;
background-position: center;
	text-align: center;
	width: 100%;
}

.bl33{background-image:url("../images/bl3_back0011.png");
background-size: cover;
background-position: center;
	text-align: center;
	width: 100%;
}

.bl3_01{position: relative;top:-220px;margin-bottom: -220px;}
.bl33 img{position: relative;top:-80px;}

.bl3_bottom1{background-image:url("../images/bl3_back002.png");
background-size: cover;
background-position: center;
	text-align: center;
	width: 100%;
padding: 50px 0 80px;
}
.bl3_bottom2{background-image:url("../images/bl3_back0022.png");
background-size: cover;
background-position: center;
	text-align: center;
	width: 100%;
padding: 50px 0 80px;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content ,
#zetc:checked ~ #zetc_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/

.tabs input:checked + .tabitem001 {
  background-image: url("../images/tabitem001.png");
  background-size: cover;
  background-position: center;
}
.tabitem001 {
  background-image: url("../images/tabitem0011.png");
  background-size: cover;
  background-position: center;
}
.tabs input:checked + .tabitem002 {
  background-image: url("../images/tabitem002.png");
  background-size: cover;
  background-position: center;
}
.tabitem002 {
  background-image: url("../images/tabitem0022.png");
  background-size: cover;
  background-position: center;
}



/*--------------------ランダムタブ------------------------*/
.tabmaster{width:880px;margin: 0 auto;}
#tab {
    overflow: hidden;
    width: 100%;
    margin: 50px auto -1px;
}
ul[class], ol[class] {
    list-style: none;
}
#tab ul li {
    margin: 0px;
    display: block;
    float: left;
    width: 430px;
    height: 80px;
}
.targetBox{display: none;}
.targetBox.active {
    display: block;
}


#tab ul li#tab1.active .on {
    display: block;
}
#tab ul li#tab1 .on {
    display: none;
}

#tab ul li#tab1 .off {
    display: block;
}
#tab ul li#tab1.active .off {
    display: none;
}

#tab ul li#tab2.active .off {
    display: none;
}
#tab ul li#tab2 .on {
    display: none;
}

#tab ul li#tab2 .off {
    display: block;
}
#tab ul li#tab2.active .on {display: block;}
.areabox{overflow: hidden;margin: 0 calc(50% - 50vw) 0;}
.targetBox.active {display: block;}
.targetBox {display: none;}
.bb{border-bottom:dotted 1px #fff;margin-bottom: 40px;padding-bottom: 40px;}




a.btn1,a.btn2{display: block;margin: 10px;position: relative;z-index: 9999;}
a.btn3{display: block;margin: 50px auto;}


/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
html,body{width: 100%;min-width: 100%;}
}
@media (max-width:768px){
.bl2{margin: 0;}
.titleobi{margin: 0;}
	.areabox{margin: 0;}
}