.tit_01{ font-size: 24px;


  border-bottom:1px solid #AAA;


 margin-bottom:20px;}



.key__container{
  display: flex;
}
.heroImage{
  font-size: 0;
  width: 55%;
  background: url(../image/keybg.png);
  background-size: cover;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .tit_01 {
    font-size: 20px;
  }
}
/*画像の切り替えの設定*/
.img-sp {
    display: none;
}

@media screen and (max-width:560px) {
    .img-pc {
        display: none;
    }

    .img-sp {
        display: block;
    }
}

/*メインのカラムの設定*/

.box{
   width: 700px;
   max-width: 90%;
   background: #ffffff;
  justify-content: center;
  font-size: 5.0rem; */
}

.header__contact__tit{
  text-align: left;
  color:#000;
    font-size: 15px ; 
  line-height: 1.5;
  vertical-align: top;
}
@media screen and (max-width:959px){
  .header__contact__tit{
    font-size: 14px;
  }
}
.heroImage img{
  max-width: 100%;
  height: auto;
}
.top__contactform__container{
  width: 45%;
  padding: 40px 0;
}

@media screen and (max-width:960px){
  .key__container{
    display: block;
  }
  
  .heroImage{
    width: 100%;

    height: 100%;
  }
  .top__contactform__container{
    width: 100%;
  }
}

/* コンテンツ */
.contents-article-item { padding-bottom: 30px;}
.contents-article-item:last-child {padding-bottom: 0px;}
.contents-article-item dt { border-radius: 5px 5px 0 0; padding: 12px 22px}
.contents-article-item dt h3 {font-size: 18px; font-weight: 700; line-height: 1.5}
.contents-article-item dt p {font-size: 15px; font-weight: 500; padding: 3px 0 2px;}
.contents-article-item dd { background: white; border: solid 2px #04263c; border-top: none; border-radius: 0 0 5px 5px; padding:25px 24px;box-shadow:0px 1px 3px rgba(0,0,3,0.15); -moz-box-shadow:0px 1px 3px rgba(0,0,3,0.15); -webkit-box-shadow:0px 1px 3px rgba(0,0,3,0.15);  -ms-box-shadow:0px 1px 3px rgba(0,0,3,0.15);}
.contents-article-item dd ul li{font-size: 15px; padding-bottom: 9px;}
.contents-article-item dd ul li:last-child {padding-bottom: 0px;}
.contents-article-item dd ul li i{ font-weight: 400; font-style: normal; padding-right: 3px;}

@media screen and (max-width:768px){
	.contents-article-item { padding-bottom: 22px;}
	.contents-article-item dt { padding: 10px 18px}
	.contents-article-item dt h3 { font-size: 17px; }
	.contents-article-item dt p { font-size: 10px; padding: 4px 0 2px;}
	.contents-article-item dd { padding:16px 20px 18px;}
	.contents-article-item dd ul li{font-size: 14px; padding-bottom: 6px;}
	.contents-article-item dd ul li i{ padding-right: 3px;}
}
@media screen and (max-width:480px){
	.contents-article-item { padding-bottom: 18px;}
	.contents-article-item dt { padding: 9px 16px; border-radius: 4px 4px 0 0;}
	.contents-article-item dt h3 { font-size: 12px; line-height: 1.4}
	.contents-article-item dt p { font-size: 8px; padding: 3px 0 0px;}
	.contents-article-item dd { padding:9px 16px 12px;border-radius: 0 0 4px 4px;}
	.contents-article-item dd ul li{font-size: 11px; padding-bottom: 2px;}
	.contents-article-item dd ul li i{ padding-right: 3px;}
}


/* color-green */
#colortype-green .section-mainbg { background: rgba(13,28,23,0.75);}
#colortype-green .titlearea:after,  #colortype-green #summary dl dt, #colortype-green #contents dl dt, #colortype-green .lecturer-profile-company:after, #colortype-green footer { background:#100169; color: white}
#colortype-green .titlearea,#colortype-green .btn-pagetop a { color:#100169;}
#colortype-green #summary, #colortype-green #lecturer { background: url(../img/bg_green.jpg) no-repeat; background-size: cover;}
#colortype-green .contents-article-item dd { background: white; border: solid 2px #233330; border-top: none;}

.titlearea-title { font-size: 30px; margin-bottom: 19px; }
.titlearea-sub { font-size: 13px; font-weight: 300; opacity: 0.8}

@media screen and (max-width:768px){
	.inr-width { padding: 60px 0 60px; }
	header ul { text-align: center;}
	header ul li.contact { display:none;}	
	.titlearea { padding-bottom: 14px; margin-bottom: 36px;}
	.titlearea:after { bottom:-3px; height: 3px; width:60px;}
	.titlearea-title { font-size: 24px; margin-bottom: 14px; }
	.titlearea-sub { font-size: 11px; }
	#btn-contact { right: 12px;}
	#btn-contact a { width: 80px; height:80px; padding-top: 18px; padding-left: 17px; font-size: 12px; }
	#btn-contact i { right: 5px; font-size: 16px; top: 40%;}
}
@media screen and (max-width:480px){
	.inr-width { padding: 0px 0 60px; }
	header ul li { padding: 0 12px 10px;}
	header ul li a { font-size: 11px; }
	.titlearea { padding-bottom: 12px; margin-bottom: 24px;}
	.titlearea:after { width:50px;}
	.titlearea-title { font-size: 22px; margin-bottom: 14px; }
	.titlearea-sub { font-size: 11px; }
	#btn-contact { right: 8px;}
	#btn-contact a { width: 70px; height:70px; padding-top: 15px; padding-left: 16px; font-size: 9px; }
	#btn-contact i { right: 4px; font-size: 12px; top: 42%;}
}

/* color-blue */
#colortype-blue .section-mainbg { background: rgba(2,53,108,0.70);}
#colortype-blue .titlearea:after, #colortype-blue #summary dl dt, #colortype-blue #contents dl dt, #colortype-blue .lecturer-profile-company:after, #colortype-blue footer { background:#185799; color: white}
#colortype-blue .titlearea,#colortype-blue .btn-pagetop a { color:#185799;}
#colortype-blue #summary, #colortype-blue #lecturer { background: url(../img/bg_blue.jpg) no-repeat; background-size: cover;}
#colortype-blue .contents-article-item dd { background: white; border: solid 2px #185799; border-top: none;}

#loader { width: 100%; height: 100%; position: fixed;  top:0; bottom: 0; left: 0; right:0; text-align:center; z-index: 5100; }
.loader_bg { width: 100%; height: 100%; background-color:white; position: absolute; top: 0px; left: 0px; z-index: 5050;}
.loader_1 { height: 100%; display: table; vertical-align: middle; margin: 0 auto;}
.loader_2 { display:table-cell; vertical-align: middle;}
.loader_3 { color: #999; font-size: 8px; margin: 0 auto; width: 1em; height: 1em; border-radius: 50%; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}
@-webkit-keyframes load4 {
  0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}
@keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}



/* 開催概要 */
.summary-inr > p { font-weight: 700; color: #185799; font-size: 20px; text-align: center; margin-bottom: 35px; }
.summary-inr > .titlearea { margin-bottom: 25px; }
.summary-article dl { display: table; width: 100%; margin-bottom: 3px; box-shadow:0px 1px 3px rgba(0,0,3,0.15); -moz-box-shadow:0px 1px 3px rgba(0,0,3,0.15); -webkit-box-shadow:0px 1px 3px rgba(0,0,3,0.15);  -ms-box-shadow:0px 1px 3px rgba(0,0,3,0.15);}
.summary-article dl dt {font-size: 15px; font-weight: 500; text-align: center; width: 15%; display: table-cell; vertical-align: middle; }
.summary-article dl dd {font-size: 15px; font-weight: 400; background: white; width: 75%; display: table-cell; vertical-align: middle; padding: 24px 24px 24px; ; line-height: 1.5;}
.summary-article dl dd .text-s{font-size: 13px; font-weight: 500;}
.summary-article .map iframe { width: 100%; padding-top: 22px}
.summary-article .text-s { display: block; margin-top: 10px; }
.seminar-link { color: #333; border-bottom: 1px solid #333; transition: all .1s linear; margin-bottom: 10px; display: inline-block; cursor: pointer; }
.seminar-link:last-of-type { margin-bottom: unset; }
.seminar-link:hover { color: #ff0066; border-bottom: 1px solid #ff0066; }

@media screen and (max-width:768px){
	.summary-article dl { margin-bottom: 3px; }
	.summary-article dl dt { font-size: 14px; }
	.summary-article dl dd { font-size: 14px; padding: 16px 16px 16px;}
	.summary-article dl dd .text-s{ font-size: 14px;}
	.summary-article .map iframe { padding-top: 20px}
}
@media screen and (max-width:480px){
	.summary-article dl { margin-bottom: 3px; }
	.summary-article dl dt { font-size: 14px; }
	.summary-article dl dd { font-size: 14px; padding: 13px;}
	.summary-article dl dd .text-s{ font-size: 9px;}
	.summary-article .map iframe { padding-top: 20px; height: 300px;}
}


/* 会社紹介 */
.lecturer-profile:last-child { margin-bottom:0px;}
.lecturer-profile {background: white; margin-bottom: 30px; padding: 30px; overflow: hidden;
	box-shadow:0px 1px 3px rgba(0,0,3,0.15); -moz-box-shadow:0px 1px 3px rgba(0,0,3,0.15); -webkit-box-shadow:0px 1px 3px rgba(0,0,3,0.15);  -ms-box-shadow:0px 1px 3px rgba(0,0,3,0.15); }
.lecturer-profile-photo { width: 23%; float: left}
.lecturer-profile-textarea {float: right; width: 73%;}
.lecturer-profile-name {font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 14px;}
.lecturer-profile-company {font-size: 13px; font-weight: 600; padding-bottom: 18px; border-bottom: solid 2px #e4e4e4; position: relative}
.lecturer-profile-company:after { position: absolute; display: block; bottom:-2px; left:0; content: "";  height: 2px; width:20px;  z-index: 200}
.lecturer-profile-text { margin: 15px 0 }
.lecturer-profile-text dt {font-size: 15px; font-weight: 400; }
.lecturer-profile-text dd {font-size: 15px; margin-top: 5px; ; line-height: 1.5;}

@media screen and (max-width:768px){
	.lecturer-profile { margin-bottom: 22px; padding: 30px; }
	.lecturer-profile-photo { width: 25%; }
	.lecturer-profile-textarea { width: 71%;}
	.lecturer-profile-name { font-size: 18px; margin-bottom: 14px;}
	.lecturer-profile-company {font-size: 10px; padding-bottom: 14px; }
	.lecturer-profile-text { margin: 13px 0 }
	.lecturer-profile-text dt {font-size: 14px; }
	.lecturer-profile-text dd {font-size: 14px; margin-top: 5px;}
}
@media screen and (max-width:480px){
	.lecturer-profile { margin-bottom: 18px; padding: 30px; }
	.lecturer-profile-photo { width: 130px; margin: 0 auto; float: none; padding-bottom: 22px;}
	.lecturer-profile-textarea { width: 100%; float: none;}
	.lecturer-profile-name { font-size: 18px; margin-bottom: 14px; text-align: center;}
	.lecturer-profile-company {font-size: 10px; padding-bottom: 14px; text-align: center;}
	.lecturer-profile-company:after { right: 0; margin: 0 auto;}
	.lecturer-profile-text { margin: 13px 0 }
	.lecturer-profile-text dt {font-size: 14px; text-align: center}
	.lecturer-profile-text dd {font-size: 14px; margin-top: 5px;}
}


/*iframeの切り替えの設定*/
.if-sp {
    display: none;
}

@media screen and (max-width:800px) {
    .if-pc {
        display: none;
    }

    .if-sp {
        display: block;
    }
}



/*フォームのカラムの設定*/

.time{
 flex: 1;
 width: 70%;
 margin: auto;
 background: #ffffff;
 }
 
 @media screen and (max-width:960px){
.time{
 flex: 1;
 width: 80%;
 margin: auto;
 background: #ffffff;
 }
 }
/*-----------------------

         課題

-------------------------*/

.circle{
  width:250px;
  min-width: 250px;
  height: 250px;
  margin: 0 auto 16px;
  border: 3px solid #1B224C;
  border-radius: 50%;
  position: relative;
  background-image: url(../image/kadai001.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
}
.kadai__img001{
  background-image: url(../image/kadai001.png);
}
.kadai__img002{
  background-image: url(../image/kadai002.png);
}
.kadai__img003{
  background-image: url(../image/kadai003.png);
}

.card{
  width: 300px;
  margin-bottom: 32px;

  font-size: 2.0rem;
  line-height: 1.5;
}
.card__tit{
  font-weight: bold;
  background: transparent linear-gradient(270deg, #1B224C 0%, #4F62D8 100%) 0% 0% no-repeat padding-box;
  color:#FFFFFF;
  padding: 0.5em 1.85em 0.5em 0.95em;
  display: inline-block;
  margin-bottom: 8px;
  border-radius: 0 45px 45px 0;
  position: absolute;
  top:-10px;
  left:0;
}
@media screen and (max-width:959px){
  .card{
    width: 90%;
    font-size: 1.6rem;
  }
  .card__txt{
    text-align: center;
  }
}




/* 強調する箇所 */

.dm__textBox{
  font-size: 2.4rem;
  max-width: 900px;
  width: 90%;
  margin: auto;
  text-align: left;
  line-height: 2;
  color:#FFFFFF;
}

.tie_sp{
  display: none;

}
@media screen and (max-width:768px){
  .dm__textBox{
    font-size: 1.8rem;
    font-weight: 400;
  }
  .tie_pc{
    display: none;

  }
  .tie_sp{
    display: block;

  }

}

.txt_block{
  width: 735px;
  max-width: 100%;
  margin: auto;
}
.txt_block p{
  font-size: 1.6rem;
  line-height: 1.7;
  flex: 1;
}
@media screen and (max-width:959px){
  .txt_block p{
    font-size: 1.3rem;
  }
}

/*-----------------------

     特徴とは

-------------------------*/

.point__container{
  text-align: center;

}
.point{
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  margin: 0 auto 40px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px #00000029;
  overflow: hidden;
}
.point:last-child{
  margin-bottom: 0;
}
.point:nth-child(even){
  flex-flow: row-reverse;
}
.point__senbox{
  width: 65%;
  padding: 0 48px;
  text-align: left;
}
.point__senbox span{
  font-family: 'Arial',sans-serif;
  font-size: 5.6rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 16px;
}
.point__senbox h3{
  font-size: 2.4rem;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}
.point__senbox p{
  font-size: 1.6rem;
  line-height: 2;
}
.point__imgbox{
  width: 283px;
  height: 289px;
  font-size: 0;
}
.point__imgbox img{
  max-width: 100%;
}


@media screen and (max-width: 767px) {
  .point{
    width: 95%;
    display: block;
  }
  .point__senbox{
    width: 100%;
    padding: 16px 32px;
    margin-bottom: 16px;
  }
  .point__imgbox{
    text-align:left;
    width: 100%;
    height: 250px;
  }
  .point001{
    background-image: url(../image/point001_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .point002{
    background-image: url(../image/point002_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .point003{
    background-image: url(../image/point003_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .point__imgbox img{
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .point{
    width: 100%;
  }
  .point__senbox h3{
    font-size: 1.8rem;
  }
  .point__senbox span{
    font-size: 3.6rem;
    margin-bottom: 2px;
  }
}

/* CTA */



/*---------------------

    導入事例

-----------------------*/

.introduction{
  max-width: 1160px;
  width: 100%;
  padding: 0 3%;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
.intro__card{
  width: 48%;
  background-image: url(../image/introbg.png);
  background-size: cover;
  max-width: 522px;
  height: 300px;
  border-radius: 27px;
  color: #FFFFFF;
  padding: 32px 30px 35px 34px;
  margin: 0 auto 48px;
  position: relative;
}
.intro__card__tit{
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.88em;
}
.intro__card__sen{
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 3.0em;
}
.intro__card__company{
  font-size: 1.6rem;
  font-weight: bold;
  position: absolute;
  bottom:20px;
}
.intro__card__company span{
  display:block;
  letter-spacing: 0.04em;
}
.intro__card__company__name{
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .intro__card{
    width: 100%;
  }

}

/* table */

table {
  border-collapse: collapse;
}

/*開催概要のテーブルの設定*/

.tbl-r02 th {
  background: #ffffff;
  border: none;
  color: #000;
  padding: 5px;
  padding-left: 10px;
  width: 15%;
  font-size: 1.6rem;
  line-height: 1.5;
  /*border-bottom: 1px solid black;*/
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
  padding-left: 50px;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: top;
  /*border-bottom: 1px solid black;*/
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
    margin: auto;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: 1px solid black;
    display: block;
    width: 100%;
  }
}

/*講師のテーブルの設定*/

.tbl-r03 th {
  background: #ffffff;
  border: none;
  color: #000;
  padding: 10px;
  padding-bottom: 50px;
  width: 30%;
  font-size: 1.6rem;
  line-height: 1.5;
}
.tbl-r03 td {
　border: solid 1px #ccc;
  padding: 10px;
  padding-left: 40px;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: top;
}

   
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r03 {
    width: 100%;
    margin: auto;
  }
  .tbl-r03 th,
  .tbl-r03 td {
　　border-bottom: 1px solid black;
    display: block;
    width: 100%;
    padding: 0px;
  }
}
/*お申込フォームタイトル*/

.tbl-r04 th {
  background: #100169;
  border: none;
  color: #ffffff;
  padding: 10px;
  width: 20%;
 font-size: 2rem;
}

/* 区切り線 */

.border {
border-bottom:1px solid #000;
padding-top: 20px;
padding-bottom: 20px;
width: 10%;
}

.border2 {
border-bottom:1px solid #000;
padding-top: 20px;
padding-bottom: 20px;
width: 5%;
}


footer {
    text-align: center;
    padding: 20px 0 20px;
    background-color: #ffffff;
}
.footer_company {
    font-size: 18px;
    font-weight: 600;
}
.footer_address ,
.footer_tel {
    font-size: 14px;
    font-weight: bold;
    margin: .4em auto;
}
.footer_copyright {
    font-size: 10px;
    font-weight: 300;
    margin-top: 38px;
}
/* sp */
@media screen and (max-width: 767px) {
    footer {
        padding: 5.33vw;
    }
    .footer_copyright {
        margin-top: 10vw;
    }
}