@font-face {
  font-family: "NotoSansJPR";
  src: url("../font/NotoSansJPR.woff") format('woff');
}
.myFontClass {
  font-family: "NotoSansJPR";
}
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }
.body{
margin: 5px 10px 15px 20px;
padding:0;
}
.pc {
	display: none; 
}

.title_img {
	/*overflow: hidden;*/
	/*background-color: #ffd78c;*/
	width: 100%;
	max-width: 1600px;
	margin:0 auto;
    text-align:center;
	/*padding: 15px;*/
}
.contBox{
width: 100%;
max-width: 100％;
text-align:center;
padding: 15px 0 15px 0;
}

/*.contBox_wite{
width: 100%;
max-width: 100％;
text-align:center;
padding: 15px 0 15px 0;
}


.contBox_blue{
width: 100%;
max-width: 100％;
text-align:center;
padding: 15px 0 15px 0;
}*/

.titleBack{
}
.blueBack{
background-color: #dbf9f3;
}
.YellowBack{
background-color: #ffdf1b;
}

.cont_title
{
text-align:center;
	margin:20px 0 20px 0;
	font-family: "NotoSansJPR";
	font-size: 1.2em;
}

.s_title{
/*background:#ffdf1b;*/
border-top: 7px double ;
border-bottom: 7px double;
width: 100%;
text-align:center;
padding:10px 0 10px;
/*font-family: "NotoSansJPR";*/
}

.line_box{
text-align:center;
padding:0 0 0 0;
}


.cont_sub_box_pad10{
padding:10px 0 0 0;
}

.cont_sub_box_lecturer{
padding:10px 0 10px 0;
}

.cont_sub_box_pad20_01{
padding:20px 0 0 0;
margin:20px auto;
}
.cont_sub_box_pad20_02{
padding:20px 0 0 0;
margin:20px auto;
}

.cont_sub_box_pad20_03{
padding:20px 0 0 0;
margin:20px auto;
}

.cont_sub_box_pad20_04{
padding:20px 0 0 0;
margin:20px auto;
}

.cont_sub_box_pad20_05{
padding:20px 0 0 0;
margin:20px auto;
}
.cont_sub_box_pad20_06{
padding:0 0 10px 0;
margin:20px auto;
}

.txt_box_01{
width: 90%;
/*margin:10px auto;*/
margin:0px auto;
/*padding:10px 0 10px;*/
padding:0px 0 10px;
font-family: "NotoSansJPR";
font-size:0.9em;
font-size:1.0em;
text-align:left;
line-height: 160%;
}
.txt_box_lecturer{
width: 90%;
margin:10px auto;
padding:10px 0 10px;
font-family: "NotoSansJPR";
font-size:0.9em;
font-size:1.0em;
text-align:left;
line-height: 160%;
}
.txt_box_footer{
width: 90%;
margin:10px auto;
padding:10px 0 50px;
font-family: "NotoSansJPR";
font-size:0.9em;
font-size:1.0em;
text-align:center;
line-height: 160%;
}

/*.back_blue{
background:skyblue;
}
.back_wite{
background:#fff;
}*/

.items{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding:10px 0 10px;
}
.item{
/*padding:0 0 0 0;*/
  width: 50%;
  /*height: 500px;*/
  /*background: #3D9FB1;*/
}

.items2{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding:10px 0 0px;
}
.item2{
padding:0 0 30px 0;
  width: 100%;
  /*height: 500px;*/
  /*background: #3D9FB1;*/
}
.items3{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding:10px 0 0px;
}
.item3{
padding:0 0 0px 0;
  width: 100%;
  /*height: 500px;*/
  /*background: #3D9FB1;*/
}



/*****SW表示用div_class*****/
.Page {
  position: relative;
}
.ScrollTop {
  position: fixed;
  /*right: 10px;*/
  bottom: 1px;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #5bc8ac;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
}
.ScrollTop.isActive {
  opacity: 0.7;
  transition: all 0.65s;
}

.sw01
{
  width: 50px;
  height: 50px;
  background: red;
  margin: 0 100px 0 0;
   display: flex;
  justify-content: center;
  align-items: center;
}
.sw02
{
  width: 50px;
  height: 50px;
  background: blue;
   display: flex;
  justify-content: center;
  align-items: center;
}

.container {
      padding-bottom: 60px;
      box-sizing: border-box;
}
footer {
  display: flex;
  justify-content: center;
  height: 50px;
  height: 100px;
  width:100%;
  background: #ffffff;
  opacity: 0.8;
  position: fixed;
  bottom: 0;
  text-align:center;

 }
 .box{
  width: 390px;
  width: 280px;
  width: 100%;
  height: 66px;
  height: 40px;
  height: 90px;
  margin: 10px;
  margin: 5px;
  /*background-color: red;*/
}
 .box002{
  width: 390px;
  width: 280px;
  width: 100%;
  height: 66px;
  height: 40px;
  height: 90px;
  margin: 10px;
  margin: 5px;
  /*background-color: red;*/
}

.fadeIn{
animation-name:fadeInAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.cta_box {
  display: flex;
  justify-content: center;
  height: 66px;
  width:100%;
  background: #ffffff;
  padding:30px 0 0px 0;
  line-height: 0px;
 }
 .cbox{
  width: 390px;
  height: 66px;
  margin: 10px;
  margin: 3px;
  /*background-color: red;*/
    line-height: 0px;
}
.font_color {
    font-weight: bold;
    color: #5c3f90;     /* 文字色指定 */
}

/**********************************************以下PC用CSS***************************/
 @media screen and (min-width: 768px) { 
 .br-sp {display: none; }
.sp {
	display: none; 
}
.pc {
	display:block;
	width: 100%;
}

.brSmt{ display: none; }

.titleBack{
/*background-image: url("../img/titleBack_img.png");
background-repeat: repeat-x;*/
}

.s_title{
padding:10px 0 10px;
	font-size: 1.4em;
}
.cont_title
{
font-size: 1.6em;
}

.line_box{
padding:0 0 0 0;
}

.cont_sub_box_pad10{
padding:20px 0 10px 0;
}
.cont_sub_box_lecturer{
padding:25px 0 35px 0;
}
.cont_sub_box_pad20_01{
width: 777px;
}
.cont_sub_box_pad20_02{
width: 189px;
}
.cont_sub_box_pad20_03{
width: 511px;
}
.cont_sub_box_pad20_04{
width: 153px;
}
.cont_sub_box_pad20_05{
width: 332px;
}
.cont_sub_box_pad20_06{
width: 531px;
padding:0 0 30px 0;
}


.txt_box_01{
font-size:1.4em;
line-height: 150%;
}
.txt_box_lecturer{
font-size:1.4em;
line-height: 150%;
/*display: none;*/
}

.txt_box_footer{
font-size:1.4em;
line-height: 150%;
padding:10px 0 120px;

}

.items{
padding:10px 0 10px;
}
.item{
  width: 25%;
}

.items2{
padding:20px 0 20px;
}
.item2{
  width: 600px;
}

.items3{
padding:20px 0 20px;
}
.item3{
  width: 600px;
}

.cta_box {
  padding:30px 0 70px 0;
 }

.contBox{
max-width: 1200px;
margin:0 auto;
font-family: 'Noto Sans Japanese', sans-serif;
}

 .box{
  width: 390px;
  width: 280px;
  width: 40%;
  height: 66px;
  height: 40px;
  height: 90px;
  margin: 10px;
  margin: 5px;
  /*background-color: red;*/
}
 .box002{
  width: 390px;
  width: 280px;
  width: 55%;
  height: 66px;
  height: 40px;
  height: 90px;
  margin: 10px;
  margin: 5px;
  /*background-color: red;*/
}

footer {
padding:15px 0 0 0;
  height: 120px;
 }
/*.contBox_wite{
max-width: 1200px;
margin:0 auto;
font-family: 'Noto Sans Japanese', sans-serif;
}
.contBox_blue{
max-width: 1200px;
margin:0 auto;
font-family: 'Noto Sans Japanese', sans-serif;
}*/