@charset "utf-8";

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
    color: #000;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 20px;
    line-height: 1.6;
	margin: 0;
}


aside,figure,footer,header,main,menu,section {display: block;}

h1,h2,h3,p,span,small,dl,dt,dd,ul,li {
    margin: 0;
  }


a {
  background-color: transparent;
  color: #494c50;
  text-decoration: none;
}


a:hover {
  outline: 0;
  text-decoration: underline;
}

ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

img {
	border: 0;
	max-width: 100%;
    height:auto;
}

li {
    list-style-type: none;
    vertical-align: baseline;
}

section {
    margin: 0 auto;
    padding: 30px 0 40px;
    text-align: center;
}

h1 {display:none;}

h2 {
    display: table;
    margin: 0 auto;
    margin-bottom:20px;
    text-align: center;
    position: relative;
	font-weight: bold;
	font-size: 42px;
	color:#000;
}

h2 img {
    display: inline;
    vertical-align: bottom;
}
h2.white {
	color:#fff;	  
    font-weight: bold;
	font-size: 56px;
}
h2.white2 {
  color:#fff;   
    font-weight: bold;
  font-size: 42px;
}
.red {
    color: #e61c24;
    font-weight: bold;
}
.red_b {
    color: #e61c24;
    font-weight: bold;
	font-size:36px;
}
.yellow {
    color: #fff68f;
    font-weight: bold;
}

.y_line {
    color: #000;
    font-weight: bold;
	background: linear-gradient(transparent 60%, #fcf885 0%); 
	
}
.blue {font-size: 18px;
    color: #03136c;
    font-weight: bold; 
}
.blue2,.blue3 {
    color: #03136c;
    font-weight: bold;
}
.white {
  color:#fff;   
    font-weight: bold;
  font-size: 28px;
}
.line {color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  margin-bottom:20px;
}
.line::before,
.line::after {
  content: '';
  width: 3px;
  height: 40px;
  background-color: #fff;
}

.line::before {
  margin-right: 30px;
  transform: rotate(-35deg)
}
.line::after {
  margin-left: 30px;
  transform: rotate(35deg)}

.b,.bold {
  font-weight: bold;
}
small {
  font-size: 80%;
}
.small {
  font-size: 15px;
}
.center{ text-align:center; font-size:13px; margin-top:30px;}
.center2{ text-align:center;margin:0 auto;}
.m30-b{ margin-bottom:30px;}
.m20-t{ margin-top:20px;}
.m40-t{ margin-top:-40px;}
.m20tbc{ margin:0 0 20px 0; text-align:left;}
.m15tbc{ margin:15px 0 0 0; text-align:center;}
.m15bc{ margin:0 0 15px 0; text-align:center;}
.f25{ font-weight:bold; font-size:22px; }
.f30{ font-weight:bold; font-size:30px; }
.sma{display: none;}
/*------------------ clearfix ------------------*/

.clear{ clear:both;}
  
/*------------------ header ------------------*/

  header {border-bottom:solid 1px #ccc;
    text-align: center;
    padding:0;
  }

  .head_box {
    display: block;
    margin: 0 auto ;
}

  .head_box img {
    display: inline-block;
    height: auto;
    margin-top:0;
    vertical-align: top;

}
#fb_box{margin-top: 0;}

/*------------------ header img ------------------*/
  .top {
    background: url(../images/topm_bk.png)no-repeat center center;
    background-size: cover;           /* 画像をウィンドウいっぱいに拡大縮小 */
    background-attachment: fixed;     /* 背景をスクロールに追従させない（固定） */
    margin: 0 auto;
    text-align: center;
    padding:0;
    height: 500px;
  }

  .sm_img {
    display: none;
  }
   /*------------------ fixed_boxボタン1つ ------------------*/

   .fixed_btn {
     background:rgba(55,55,55,0.8);
     box-sizing: border-box;
     max-width: 100%;
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 15;
   }

   .fixed_btn a {font-size:28px;
     box-sizing: border-box;
     display: block;
     margin: 2% 0 0 0;
   text-align:center;
   }

   .fixed_btn a img {
     height: auto;
     margin: 0;
     max-width: 100%;
     width: 100%;
   }

   .fixed_btn a:first-child {
     margin:-1% 30% 1%;
     width: 40%;
   }

/*------------------ results ------------------*/

  .results{ background:#044da2;}

  .results ul {
    margin: 20px auto;
	padding:20px 20px 10px 40px;
    max-width: 788px;
    width: 90%;
	background:#fff;
  }

  .results li {
    margin:15px 0 10px 0;
	padding:0 20px 18px 20px;
  }

  .results1 {
    background: url(../images/1ueda.png)no-repeat left top; width:100%;  height:80px;
  }

  .results2 {
    background: url(../images/2fujita.png)no-repeat left top; width:100%;  height:80px;
  }

  .results3 {
    background: url(../images/3watabe.png)no-repeat left top; width:100%;  height:80px;
  }
    .results4 {
    background: url(../images/4egashira.png)no-repeat left top; width:100%;  height:80px;
  }

  .results5 {
    background: url(../images/5harada.png)no-repeat left top; width:100%;  height:80px;
  }

  .results6 {
    background: url(../images/6yamada.png)no-repeat left top; width:100%;  height:80px;
  }
  .results7 {
    background: url(../images/7fujiwara.jpg)no-repeat left top; width:100%;  height:80px;
  }
    .results8 {
    background: url(../images/8kiyonaga.png)no-repeat left top; width:100%;  height:80px;
  }
    .results9 {
    background: url(../images/9saitou.png)no-repeat left top; width:100%;  height:80px;
  }
    .results10 {
    background: url(../images/10onodera.png)no-repeat left top; width:100%;  height:80px;
  }      .results11 {
    background: url(../images/11shimizu.jpg)no-repeat left top; width:100%;  height:80px;
  }
      .results12 {
    background: url(../images/12kotsugai.jpg)no-repeat left top; width:100%;  height:80px;
  }
      .results13 {
    background: url(../images/13tanaka.jpg)no-repeat left top; width:100%;  height:80px;
  }
  .results li dl {
    text-align: left;
    margin-left:80px;
  }

  .results li dt {
    font-weight: bold;
	font-size: 22px;
  }
  
/*------------------ lecturer ------------------*/
  .lecturer {
    background:#f5f5f7;
  }
  
  .txt_box1,
  .txt_box2 {
    margin: 40px auto 0;
    padding: 0 0 0 28px;
    text-align: left;
    max-width: 970px;
    width: 90%;
  }
  .txt_box3{
    margin: 50px auto 0;
    padding: 0 0 0 28px;
    text-align: left;
    max-width: 870px;
    width: 90%;
  }
    .txt_box4 {
    margin: 40px auto 0;
    padding: 0 0 0 28px;
    text-align: left;
    max-width: 970px;
    width: 90%;
  }
  .txt_box1 img,.txt_box4 img{float: right;}
    .txt_box1 p,
  .txt_box2 p,.txt_box3 p{margin-bottom:20px;}
/*------------------ jisseki ------------------*/    
 
.jisseki img{float: left;}

/*------------------kaisha table ------------------*/
.kaisha {
width: 100%;
border-collapse:collapse;
}

.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 10px;
font-size:13px;
}

.kaisha th {
font-weight: bold;
background: #5da8cc;
color:#FFF;
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}

.blue_box2{
  width: 960px;
    padding:0.2em 1em 1em 1em;
    margin:0 auto;
    color: #c6e4ff;
    background: #eef9fd;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
  font-size:13px;
}
.blue_box2 p{color: #000;}
.blue_box2 a{color: #06F; text-decoration:underline;}
.blue_box2 a:hover{ text-decoration:none;}
@media screen and (max-width:736px){
.blue_box2{width: 90%; padding:0.2em 0.2em 1em 0;}
.kaisha {margin-left:-7px;}
}

/*------------------ content ------------------*/ 

  .content {background:#f5f8fe;}

/*------------------ content2 ------------------*/  
  .content2 {background:#fff;} 
.content2 ul {
  background:#fdfbe5;
  margin:10px auto;
  padding:10px 10px 30px 40px;
  max-width:1000px;
  width:90%;
}

.content2 li {
  margin-top:10px;
  padding:8px 0 8px 60px; /* 左に余白を取りつつ縦中央を調整 */
  background: url(../images/check.png) no-repeat 0 8px; /* ←アイコンを少し下げる */
  background-size:32px auto; /* 必要に応じてサイズ調整 */
  list-style:none;
}

.content2 li dl {
  text-align:left;
  margin:0;
}

.content2 li dt {
  font-weight:bold;
  font-size:26px;
  line-height:1.4;
}
/*------------------ content3 ------------------*/  
  .content3 {background:#fff;}
  .txt_box4 img { width:70%;float: none;display: block;margin:0 auto; padding:10px;}
/*------------------ content4 ------------------*/  
  .content4 {background:#f5f8fe;} 
    .txt_box_h {
    margin: 30px auto 0;
    padding:40px;
    text-align: left;
    max-width: 970px;
    width: 90%;
	background:#fff;
  } 
  .txt_box_h img {float: right;}
  .content4 ul{text-align:left;}
 /*------------------ conversation ------------------*/  
.conversation {background: url(../images/grid.png) repeat;}
.conversation h2 {
    margin: 0 auto;
	padding:40px 0 40px 0;
    text-align: center;
	font-weight: bold;
	font-size: 42px;
	color:#37579d;
  }

.cbox-area{background:url(../images/soudan.png) no-repeat left top;padding-left:85px;float:left;margin:0.3em 0;clear:right; width:100%;}
.cbox-area2{background:url(../images/igarashi.png) no-repeat right top;padding-right:95px;float:right;margin:0.3em 0;text-align:right;clear:left; width:100%;}
.cbox{position:relative;display:inline-block;padding:13px 18px;background:#fff;border:2px solid #805022;margin:5px 5px 5px 8px;border-radius:8px;}
.cbox2{position:relative;display:inline-block;padding:13px 18px;background:#fffaec;border:2px solid #fb6101;margin:5px 5px 5px 8px;border-radius:8px;}
.cbox:after,.cbox:before,.cbox2:after,.cbox2:before{content:"";position:absolute;height:0;width:0}
.cbox:after,.cbox:before{left:-18px}
.cbox2:after,.cbox2:before{right:-18px}
.cbox:after,.cbox2:after{top:10px;border:10px solid transparent}
.cbox:before,.cbox2:before{top:12px;border:8px solid transparent}
.cbox:after{border-right:15px solid #f7f7f7}
.cbox:before{border-right:8px solid #805022}
.cbox2:after{border-left:15px solid #fffaec}
.cbox2:before{border-left:8px solid #fb6101}  

/*------------------ seminar ------------------*/

  .seminar{ background:#ddf1f3;}

.seminar_box{margin-bottom:40px;
  padding:30px 20px 20px 20px;
  position: relative;
  border: 2px solid #1c6cae;
  background:#fff;
}

.seminar_name{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: 800;
  font-size: 28px;
  background:#1c6cae;
  color: #fff;
  padding: 0 0.5em;
}

.seminar_box p{font-size:20px;
  margin:0;
  padding: 0;
}
/*------------------ 特典 ------------------*/

.gift{ background:#01053b;}
.gift h2{color:#05eee8;   
  font-weight: bold;
  font-size: 42px;
}
.gift_box {width:90%;
    margin: 0 auto;
    padding: 0;
}

.gift_item {
    margin: 0 0 30px 0;
    padding: 30px 30px 0 30px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gift_icon {
    margin: 0;
    padding: 0;
    text-align: center;
}

.gift_icon img {
    width: 80%;
}

.gift_title {
    margin: 0 0 15px 0;
    padding: 10px 0 10px 0;
    font-size: 130%;
    color:#1c54a4;
    font-weight: 900;
    line-height: 150%;
    text-align: center;
}

.gift_txt {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 180%;
    text-align: justify;
}

@media screen and (min-width:769px) {
    .gift_box {
        width: 1180px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .gift_item {
        width: 32%;
    }

    .gift_icon img {
        width: 90%;
    }

    .gift_title {
        font-size: 24px;
    }

    .gift_txt {
        font-size: 16px;
    }
}
/*------------------ coro ------------------*/
  ul.coro_box {
    margin: 0 auto;
	padding: 24px 0;
    max-width: 950px;
    width: 100%;
  }

  .coro_box li {
    display: inline-block;
      margin: 10px;
  }

  .coro_box div {
    padding: 28px;
  }

  .coro_box dl {
    background: #fdf7b2;
    padding: 20px 27px;
  }

  .coro_box dt {
    color: #e61c24;
    font-size: 30px;
    padding: 0 0 20px 0;
	text-align:center;
	font-weight:bold;
  }

  .coro_box dd {
    color: #000;
    text-align: left;
  }    
/*------------------ schedule セミナー詳細------------------*/

  .schedule {
    background:#fff;
  }
  .schedule h3.tokyo ,.schedule h3.osaka,.schedule h3.nagoya,.schedule h3.fukuoka,.schedule h3.zoom,.schedule h3.other{  
    font-weight: bold;
	font-size: 42px;
  }
  .schedule h3.tokyo{ color:#ea5a24;}
  .schedule ul {
	  text-align:left;
	  padding:20px;
  }
   .schedule-t {
    border: 9px solid #ea5a24;
	background:#fff;
    margin: 20px auto 20px;
    padding: 24px 0;
    max-width: 860px;
    width: 90%;
  }

 /*------------------ qa ------------------*/  
.qa {background:#fff; padding-bottom:30px;}
.qa h2 {
    margin: 0 auto;
	padding:20px 0 20px 0;
    text-align: center;
	font-weight: bold;
	font-size: 42px;
	color:#000;
  }

.qa-area{background:url(../images/question2.png) no-repeat left top;padding-left:85px;float:left;margin:0.3em 0;clear:right; width:100%;}
.qa-area2{background:url(../images/answer2.png) no-repeat left top;padding-left:85px;float:left;margin:0.3em 0;clear:right; width:100%;}
.qabox{position:relative;display:inline-block;padding:13px 18px;background:#1d79be;border:2px solid #1d79be;margin:5px 5px 5px 8px;border-radius:8px; color:#fff;font-weight: bold;width:80%;}
.qabox2{position:relative;display:inline-block;padding:13px 18px;background:#fff;border:2px solid #e6910c;margin:5px 5px 5px 8px;border-radius:8px;width:80%;}
.qabox:after,.qabox:before,.qabox2:after,.qabox2:before{content:"";position:absolute;height:0;width:0}
.qabox:after,.qabox:before{left:-18px}
.qabox2:after,.qabox2:before{left:-18px}
.qabox:after,.qabox2:after{top:10px;border:10px solid transparent}
.qabox:before,.qabox2:before{top:12px;border:8px solid transparent}
.qabox:after{border-right:15px solid #1d79be}
.qabox:before{border-right:8px solid #1d79be}
.qabox2:after{border-right:15px solid #f7f7f7}
.qabox2:before{border-right:8px solid #e6910c}
.qa a {
  background-color: transparent;
  color: #1d79be;
  text-decoration: underline;
}


.qa a:hover {
  outline: 0;
  text-decoration: none;
}
  /*------------------ postscript 追伸 ------------------*/  
  .postscript {background:#f5f5f7;}
  ul.p_box {
    margin: 0 auto;
	padding: 24px 0;
    max-width: 860px;
    width: 100%;
  }

  .p_box li {
    display: inline-block;
      margin: 10px;
  }

  .p_box div {
    padding: 10px;
  }

  .p_box dl {
    background: #ddf1f3;
    padding: 20px 27px;
  }

  .p_box dt {
    color: #03136c;
    font-size: 30px;
    padding: 0 0 20px 0;
  }

  .p_box dd {
    color: #03136c;
    text-align: left;
  }
  .postscript2{background: url(../images/line.png) repeat; margin-bottom:40px;}

/*------------------ t_pro ------------------*/

  .t_pro {
	background: url(../images/grid.png) repeat;
  }

  .t_pro_box {
    max-width: 960px;
    margin: 0 auto;
	margin-bottom:20px;
  }

  .t_pro_box img {
    margin:30px 20px 10px 20px;
	float:right;
  }

 
  
  .t_pro_txt {
    background: #fff;
    font-size: 18px;
    margin-left: 45px;
    padding: 30px;
    text-align: left;
  }

/*------------------ voice ------------------*/

  .voice {
	background:#37579d;
  }

  .voice_box {
    max-width: 960px;
    margin: 0 auto;
  }

  .voice_box img {
    margin:20px 0 -10px 0;
  }

 
  
  .v_txt {
    background: #fff;
    margin-left: 45px;
    padding: 20px 30px 20px 30px;
    text-align: left;
  }

/*------------------ button ------------------*/  
.t_button {
	position: relative;
	background-color: #ea5a24;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #ea8624;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	
}
.tm_button {
	position: relative;
	background-color: #ea5a24;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #ea8624;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	padding:20px 40px 20px 40px;
	
}
.t_button:hover,.tm_button:hover {
	top: -4px;
	box-shadow: 0 7px 0 #ea5a24;
	text-decoration:none;
}
.o_button {
	position: relative;
	background-color: #37579d;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #5684e7;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	
}
.om_button {
	position: relative;
	background-color: #37579d;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #5684e7;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	padding:20px 40px 20px 40px;
	
}
.o_button:hover,.om_button:hover {
	top: -4px;
	box-shadow: 0 7px 0 #37579d;
	text-decoration:none;
}
.n_button {
	position: relative;
	background-color: #32c0ee;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #8bd5ed;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	
}
.nm_button {
	position: relative;
	background-color: #32c0ee;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #8bd5ed;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	padding:20px 40px 20px 40px;
	
}
.n_button:hover,.nm_button:hover {
	top: -4px;
	box-shadow: 0 7px 0 #32c0ee;
	text-decoration:none;
}
.f_button {
	position: relative;
	background-color: #37ab0c;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #80e35b;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	
}
.fm_button {
	position: relative;
	background-color: #37ab0c;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #80e35b;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	padding:20px 40px 20px 40px;
}
.f_button:hover,.fm_button:hover {
	top: -4px;
	box-shadow: 0 7px 0 #37ab0c;
	text-decoration:none;
}
.moushikomi{ text-align:center;}
/*------------------ footer ------------------*/

  footer {
    background: #000033;
    color: #fff;
    font-size: 14px;
    text-align: center;
  }

  small {
    display: block;
    padding: 15px 0 20px;
  }
iframe {border: 0;}
.fugapage{width:100%;}

/* PC 以外
------------------------------------------------------------*/ 
@media screen and (max-width: 1024px) { br{display:none;}	}

/* タブレット横～PC 
------------------------------------------------------------*/ 
@media only screen and (min-width: 961px)and (max-width: 1024px){
 #wrap{overflow: hidden;}   
	.simply-scroll-list li {
	width: 280px;
	height: 186px;
}
.cbox-area{background:url(../images/soudan_s.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.cbox-area2{background:url(../images/igarashi_s.png) no-repeat right top;padding-right:50px;float:right;margin:0.3em 0; width:90%}
.qa-area{background:url(../images/question2.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0;clear:right; width:90%;}
.qa-area2{background:url(../images/answer2.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0;clear:right; width:90%;}
}


/* tablet 縦
------------------------------------------------------------*/ 

@media only screen and (min-width: 737px) and (max-width: 960px) {
  
#wrap{overflow: hidden;}
.simply-scroll-list li {
	width: 200px;
	height: 133px;
}
h2,h2.white,h2.white2,.white,.gift h2{font-size: 28px; padding:10px;}
.m40-t{ margin-top:-25px;}
.line{font-size:20px;}
.line::before{margin-right:20px;}
.line::after{margin-left:20px;}

.conversation h2 {
	padding:10px;
	font-size: 28px;}
.cbox-area{background:url(../images/soudan_s.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.cbox-area2{background:url(../images/igarashi_s.png) no-repeat right top;padding-right:50px;float:right;margin:0.3em 0; width:90%}
.content2 li dt {font-size: 22px;}
.qa h2 {
	padding:10px;
	font-size: 28px;}
.qa-area{background:url(../images/question2.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0;clear:right; width:90%;}
.qa-area2{background:url(../images/answer2.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0;clear:right; width:90%;}

/*------------------ voice ------------------*/

  .voice_box,.t_pro_box {max-width: 93%;}
  .v_txt,.t_pro_txt {margin-left: 10px;}
  .results li dt {font-size: 18px;}
  iframe {border: 0;width:100%;height:auto;}  
}

/* smartPhone
------------------------------------------------------------*/ 

@media screen and (max-width:736px){
body{ font-size: 14px; line-height: 1.5;}
header{display:none;}
section {
    padding: 10px 0 10px;
}
h1 { display:none;}
h2,h2.white,h2.white2,.gift h2{font-size: 24px;}
.line{font-size:22px;}
.line::before{margin-right:20px;}
.line::after{margin-left:20px;}
.red_b,.white,.f30{font-size: 18px;}
#wrap{overflow: hidden;}

  .top{
    background:#fff;
    margin:0 0 10px 0;
    text-align: center;
    padding:0;
    height: auto;
  }
  .sm_img {
    display: block;
  }
  iframe {border: 0;width:100%;height:auto;}
.m20tbc{ margin:20px 0 10px 0; text-align:left;}
.m20mt{ margin-top:-10px;}
.m40-t{ margin-top:-25px;}
.pc_img {display: none;}
.sma{display: block;}
.f25{font-size:16px;}
.blue{font-size:14px;}
.blue2{font-size:20px;}
.blue3{font-size:15px;}
.small {font-size: 12px;}
/*------------------ results ------------------*/

  .results{ background:#044da2;}

  .results ul {
    margin: 5px auto;
	padding:10px;
    max-width: 100%;
    width: 90%;
	background:#fff;
  }

  .results li {
    margin:5px 5px 0 0;
	padding:0 10px 15px 5px;
  }

  .results li dt {font-size: 14px;}
  
/*------------------ lecturer ------------------*/
  
  .lecturer {
    background:#f5f5f7;
  }
  
  .txt_box1,
  .txt_box2,
  .txt_box3,
  .txt_box4{
    margin: 20px auto 0;
    padding: 0 10px 0 25px;
    text-align: left;
    max-width: 100%;
    width: 90%;
  }

.txt_box1 img { width:40%; padding:10px;}
.txt_box1 p { font-size:12px;}
.m20-t{ text-align: center; }
.jisseki img{float: none;}
/*------------------ conversation ------------------*/  

.conversation h2 {
	padding:10px;
	font-size: 18px;}
.cbox-area{background:url(../images/soudan_s.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.cbox-area2{background:url(../images/igarashi_s.png) no-repeat right top;padding-right:50px;float:right;margin:0.3em 0; width:90%}
.cbox, .cbox2{ font-size:12px;}
/*------------------ content2 ------------------*/  
  .content2 {background:#fff;} 
.content2 ul{
    margin:5px auto;
    padding:0 10px 10px 15px;
    max-width:100%;
    width:80%;
  }

  /* 背景アイコンは使わず、flexで中央揃え */
  .content2 li{
    display:flex;
    align-items:center;            /* ← 縦中央そろえの肝 */
    gap:8px;                       /* アイコンと文字の間隔 */
    margin-top:0;
    padding:5px 0;                 /* 左右の余白は ul で調整 */
    min-height:35px;
    line-height:1.4;

    background:none;               /* ← これ重要：背景アイコンは無効化 */
    padding-left:0;                /* ← 以前の余白をリセット */
    padding-right:0;
  }

  /* 疑似要素でアイコンを挿入 */
  .content2 li::before{
    content:"";
    width:35px;                    /* アイコンサイズ（スマホ） */
    height:35px;
    background:url(../images/check.png) no-repeat center / contain;
    flex:0 0 35px;                 /* 折り返しでも潰さない */
    display:block;
  }

  .content2 li dl{ margin:0; }     /* 左マージンが空白の原因になりがちなので0に */
  .content2 li dt{ font-size:16px; font-weight:700; line-height:1.2; }

/*------------------ content4 ------------------*/  
  .content4 {background:#f5f8fe;} 
    .txt_box_h {display: flex;flex-direction: column; /
    margin:0 auto 0;
    padding:10px 10px 20px 10px;
    text-align: left;
    max-width: 100%;
  }

  .txt_box_h img {
    order: 99;            /* ← 画像だけを末尾へ移動！ */
    float: none;
    display: block;
    width: 85%;
    margin: 15px auto 0;
  }
/*------------------ seminar ------------------*/

  .seminar{ background:#ddf1f3;}


.seminar_box{margin-bottom:25px;
  padding:20px 20px 10px 20px;
}

.seminar_name{
  position: absolute;
  top: -0.8em;
  left:8px;
  font-weight: 800;
  font-size: 17px;
  padding: 0 0.5em;
}

.seminar_box p{font-size:14px; font-weight: 600;}
/*------------------ schedule セミナー詳細------------------*/

  .schedule h3.tokyo{  font-size: 26px;}

/*------------------ qa ------------------*/  

.qa h2 {
	padding:10px;
	font-size: 24px;}
.qa-area{background:url(../images/s_question2.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.qa-area2{background:url(../images/s_answer2.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.qabox, .qabox2{ font-size:12px;}  
  /*------------------ postscript 追伸 ------------------*/  

  ul.p_box,ul.coro_box {
    margin:0 auto;
	padding:10px 10px 10px 0;
    max-width: 100%;
	margin-top:-20px;
  }

  .p_box li,.coro_box li {margin: 10px;}
.p_box dt,.coro_box dt { font-size:22px;}
  .p_box div,.coro_box div {padding: 10px;}
  
  .postscript2{margin-bottom:40px;}

/*------------------ t_pro ------------------*/

  .t_pro {
	background: url(../images/grid.png) repeat 98%; padding:-10px 0 -5px 0;
  }

  .t_pro_box {
    max-width: 96%;
  }

  .t_pro_box img {
	  width:30%;
    margin:20px 5px 5px 10px;
  }  
  .t_pro_txt {
    font-size: 12px;
    margin-left:10px;
    padding:20px 10px 20px 20px;
  }
/*------------------ voice ------------------*/

  .voice {
	background:#37579d; 98%; padding:-10px 0 -5px 0;
  }

  .voice_box {
    max-width: 96%;
  }

  .voice_box img {
    margin:10px 0 -10px 0;
  }  
  .v_txt {
    font-size: 14px;
    margin-left:0;
    padding:10px 10px 10px 10px;
  }
  

/*------------------ button ------------------*/  
.t_button,.o_button,.n_button,.f_button {line-height: 40px;font-size:13px;}
.tm_button,.om_button,.nm_button,.fm_button {
	line-height: 52px;
	padding:10px 20px 10px 20px;
	font-size:15px	
}
.center{font-size:11px;}
.fixed_btn a:first-child {
  font-size:18px;margin:-3% 10% 3%;
width: 80%;}

}

/*------------------ thanks ------------------*/  
.or_btn { text-align:center; margin-top:35px; margin-left:-40px; margin-bottom:30px;}
.or_btn a{ border: 3px solid  #F00; color:#fff; text-decoration:none;}
.or_btn a:hover{ border: 3px solid  #fff; color:#FF0; text-decoration:none;}

.s_btn{
	background: #F00;
	margin:10px 10px 10px 0px;
	padding: 20px;
	color:#FF0;
	font-size:25px;
	font-weight:bold;
}
.important{ background:#f0e39d;}
.center2{ text-align:center;}
.center2 a:hover img{   opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";}
/*------------------ v_message サンクスページ------------------*/
  .v_message {display:flex;}
  .v_message li {
    margin:15px 20px 10px 20px;
    padding:10px 15px 10px 15px;
    background:#d7f0f2;
	color:#1b5b9b;
	font-size:22px;
	font-weight:bold;
  } 


@media screen and (max-width:736px){
.s_btn{	margin:0 auto;
	font-size:15px;}
.or_btn {margin-left:0; margin-bottom:20px;}
.important{ background:#f0e39d; width: 98%; padding:-10px 0 -5px 0;}
.v_message {flex-direction:column; margin:10px 0 10px 0;}
  .v_message li {
    margin:5px 20px 5px 20px;
    padding:5px 15px 5px 15px;
	font-size:18px;
  }
  .m15bc a{ text-decoration:underline}
}