@charset "utf-8";

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

body {
    color: #000;
    font-family: Verdana, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 20px;
    line-height: 1.8;
    margin: 0;
    padding: 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;
    text-align: center;
    position: relative;
	font-weight: 600;
	font-size: 38px;
	color:#252525;
}

h2 img {
    display: inline;
    vertical-align: bottom;
}
h2.white {
	color:#fff;	  
    font-weight: bold;
	font-size: 42px;
}
h2.gra {
  position: relative;
  padding: 1rem .5rem;
}

h2.gra:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70%;
  height: 6px;
  left: calc(23% - 30px);
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(#7c8181));
  background-image: -webkit-linear-gradient(right, #fff 0%, #7c8181 100%);
  background-image: linear-gradient(to left, #fff 0%, #7c8181 100%);
}
h2.obi {font-family: Verdana, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; 
  font-weight: bold;
  font-size:45px;
  color: #4059be;
  text-align: center;
  padding: 0.25em 1em 0.25em 1em;
  background:#f4f4f4;
}
/*------------------ 背景文字２行タイトル ------------------*/
h2.backtxt {
  position: relative;
  padding-top: 80px;
  padding-bottom: 50px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size:38px;
  text-align: center;
}

h2.backtxt span {
  position: relative;
  z-index: 2;
}

h2.backtxt::before {
  content: attr(data-en);
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(29,127,201,0.1);
  font-size: 130px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.red,red {
    color: #e61c24;
    font-weight: bold;
}

.yellow {
    color: #fff68f;
    font-weight: bold;
}
.ora {
    color: #eb5a25;
    font-weight: bold;
}

.y_line {
    color: #000;
    font-weight: bold;
	background: linear-gradient(transparent 60%, #fcf885 0%); 
	
}
.b,.bold {
  font-weight: bold;
}
small {
  font-size: 80%;
}
.small {
  font-size: 15px;
}
.font_m{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.center{ text-align:center; font-size:13px; margin-top:30px;}
.m20-t{ margin-top:20px;}
.m25-t{ margin-top:20px;}
.m40-t{ margin-top:40px;}
.m40-b{ margin-bottom:40px;}
.m25-b{ font-size:15px; margin:-40px 0 40px 20px;}
.ml-100{ margin-left:105px;}
.f42{font-size: 38px;}
.f30{font-size: 28px;}
.f23{font-size:23px;}
.katagaki li{font-size: 18px;line-height: 1.8;}
.sma{display: none;}
/*------------------ clearfix ------------------*/

.clear{ clear:both;}

/*------------------ header img ------------------*/
  .top {background: url(../images/bk.jpg) repeat-x;
    margin: 0 auto;
    text-align: center;
    padding:0 0 25px;
  }

  .sm_img {
    display: none;
  }


#header_menu{
    background:#103477;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 9999;
}


/*------------------ fixed_boxボタン2つ ------------------*/
   .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 {
     box-sizing: border-box;
     display: block;
     float: left;
     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% 12%;
     width: 32%;
   }

   .fixed_btn a:nth-child(2) {
	 margin: 1% 0;
     width: 32%;
   }
/*------------------ fixed_boxボタン1つ ------------------*/

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

   .fixed_btn2 a {
box-sizing: border-box;
display: block;
margin:-10% 0 1% 0;
text-align:center;}

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

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

/*------------------ fadein ------------------*/
.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
/*------------------ results ------------------*/

.results{ background:#fff;}

.results_box{width:1380px; margin:0 auto;}
.seika{
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;}

.seika_box {
  margin: 30px 0;
  text-align: center;
  display: inline;
}
.txt {font-size:21px;
    width: 44%;
    position: relative;
    margin:30px 15px 30px 15px;
    padding: 2rem 1rem 1rem 1rem;
    color: #333;
    background: #f1f1f1;
    -webkit-box-shadow: 0 5px 0 #ccc;
    box-shadow: 0 5px 0 #ccc;}
.txt2 {font-size:21px;
width:28%;
position: relative;
margin:50px 10px 30px 10px;
padding: 2rem 1rem 1rem 1rem;
color: #333;
background: #f1f1f1;
-webkit-box-shadow: 0 5px 0 #ccc;
box-shadow: 0 5px 0 #ccc;}

.txt span{font-size:22px;
    position: absolute;
    top: -50px;
    left: calc(50% - 205px);
    display: block;
    width: 400px;
    padding: 1rem 0.5rem;
    color: #fff;
    background: #0f88da;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.txt2 span{font-size:22px;
    position: absolute;
    top: -50px;
    left: calc(50% - 185px);
    display: block;
    width: 350px;
    padding: 1rem 0.5rem;
    color: #fff;
    background: #0f88da;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/*------------------ lecturer ------------------*/

  .lecturer {background:#f4f4f4;}
  
  .txt_box1,
  .txt_box2 {
    margin: 20px auto 0;
    padding: 0 0 0 28px;
    text-align: left;
    max-width: 970px;
    width: 90%;
  }
  .txt_box3{
    margin: 30px auto 0;
    padding: 40px 50px 40px 0;
    text-align: left;
    max-width: 930px;
    width: 100%;
    background:#fff;
  }

  .txt_box1 img,.txt_box3 img {padding-left:10px;
    float: right;
  }

/*------------------kaisai table ------------------*/
.kaisai {
width: 90%;
border-collapse:collapse;
margin:0 auto;
margin-left:35px;
}

.kaisai th,
.kaisai td {
border: 3px solid #000;
padding: 10px;
font-size:22px;
font-weight:bold;
}

.kaisai th {
font-weight: bold;
background: #727171;
color:#fff;
}

.kaisai td {background: #fff;}

@media screen and (max-width: 767px) {
.kaisai{width: 100%;margin-left:0;}
.kaisai th,
.kaisai td {margin: 0 0 -1px;border:2px solid #000;}
.kaisai,
.kaisai tr,
.kaisai td,
.kaisai th {display:block;font-size:17px;}
.kaisai th {width:auto;}
}

.blue_box2{
  width:40%;
    padding:10px 30px 10px 10px;
    margin:0 auto;
    color: #c6e4ff;
    background: #e4e4e4;
    border-bottom: solid 6px #7c8181;
    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: 100%; padding:0.2em 0.2em 1em 0;font-size:11px;}
} 

/*------------------ form ------------------*/
.mail_box{border:6px solid;border-image: linear-gradient(to right, #522eba, #20a5c6) 1;margin:0 0 30px -15px;padding:16px 14px 24px 45px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;background:#fff url(../images/bk.png) repeat top left;-webkit-background-size:294px auto;background-size:294px auto;}
.mail_box h2{font-size:34px;font-weight:bold;margin:0 auto;line-height:1.5;text-align:center;}
.mail_box .attention{font-size:18px ; font-weight:bold;margin:10px 0 10px;text-align:center;}

#mform_input{font-size:110%;height:50px;border:2px solid #879baf;width:70%;padding:1em 1em;box-sizing:border-box;}
#mform_submit{font-size:110%;background:#fdc201;color:#000; width:380px; height:60px;font-weight:bold;margin:15px 17.5% 0;box-sizing:border-box;}
#mform_submit:hover{background:#f7d461;}
.stepmail #mform_submit{max-width:100%;padding:0px 60px;}   

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

  .first{ margin-top:20px; text-align:center;}
  .first2{text-align:center;}
  .content {
    background:#fff;
  }
  .m30b{ margin-bottom:30px;}
/*------------------ 左右ボックス ------------------*/
.rl_box {
  width: 1200px;
  display:flex;
  flex-direction: column;
  margin:0 auto;
  padding-top:40px;
}

.rl_box .text {
  width: 62%;
  font-size: 18px;
  font-weight:bold;
  text-align: left;
  background: #fff;
  padding:0 20px 20px 20px;
}

.rl_box .text2 {
  width: 62%;
  font-size: 18px;
  font-weight:bold;
  text-align: left;
  padding:0 20px 20px 20px;
}

.rl_box .text2 ul {
  background: #fff;
  padding:20px;
  color:#2b5188;
}

.rl_box h3 {
  font-size: 36px;
  line-height:1.5;
  color: #00ABDC;
  margin: 0;
}
.rl_box h3.blue {
  font-size: 30px;
  line-height:1.5;
  color: #2b5188;
  margin: 0;
}
.rl_box p {
  margin-top:15px;
}

.rl_box .pict {
  width: 100%;
  text-align: center;
  min-height: 0%;
  padding-top:10px;
}

.rl_box .pict img {
  max-width: 600px;
  height:auto;
}

@media (min-width:768px) {
.rl_box {
    flex-direction: row;
    justify-content: space-between;
  }
.rl_box:nth-child(even) {
    flex-direction: row-reverse;
  }
  
.rl_box .text,.rl_box .text2 {
    text-align: left;
  }
.rl_box:nth-child(even) .text,.rl_box:nth-child(even) .text2 {
    text-align:left;
  }
.rl_box .pict {
    width:60%;
  }
.rl_box .pict img {
    width: 100%;
    height:auto;
  }
.rl_box .box:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 3%;
  }
}
/*------------------ content2 ------------------*/  
  .content2 {background: url(../images/cont2_bk.jpg) no-repeat;}
  .content2 ul {
    margin:10px auto;
    padding:10px 10px 10px 40px;
  max-width: 788px;
  width: 90%;
  background:#fff;
  }

  .content2 li {
    margin-top: 5px;
  padding-top:10px;
  }
/*------------------ ボックス　タイトル帯------------------*/
.title_obi{
margin: 2em auto;
background-color: #fff;
padding:1em 1em 1em;
position:relative;
border: 1px solid #000;
}
/*------------------ check list ------------------*/ 
.check_red{padding:0 1em 1em 1em;}
.check_red li{font-weight: 900;
  font-size:26px;
  line-height: 1.5;
  padding: 0;
  list-style-type: none!important;
}
.check_red li:before{ 
font-family: "Font Awesome 5 Free";
content: "\f14a";
left:20px;
color:#eb5a25;}
/*------------------ content3 ------------------*/  
  .content3 {background:#fff;}
/*------------------ content4 ------------------*/  
  .content4 {background: url(../images/con_bk2.jpg) no-repeat;}
    .txt_box_h {
    margin: 30px auto 0;
    padding:40px;
    text-align: left;
    max-width: 970px;
    width: 90%;
	background:#fff;
  } 
/*------------------ content5 ------------------*/ 
.content5 li{font-size:23px;font-weight: bold; }
  .content5 i{padding:10px 10px 0 10px;}
.fa-check{font-size:34px; font-weight: bold; color:#4e4e4e;}
.fa-circle{font-size:30px; font-weight: bold; color:#f8635e;}
 /*------------------ conversation ------------------*/  
.conversation {background:#f4f4f4;}
.conversation h2 {
    margin: 0 auto;
	padding:40px 0 40px 0;
    text-align: center;
	font-weight: bold;
	font-size: 42px;
	color:#252525;
  }

.cbox-area{background:url(../images/soudan2.png) no-repeat left top;padding-left:85px;float:left;margin:0.3em 0;clear:right; width:100%;}
.cbox-area2{background:url(../images/igarashi2.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 #7c8181;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:-16px}
.cbox2:after,.cbox2:before{right:-16px}
.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 #fff;}
.cbox:before{border-right:8px solid #7c8181;}
.cbox2:after{border-left:15px solid #fffaec}
.cbox2:before{border-left:8px solid #fb6101}  

/*------------------ seminar ------------------*/
  .seminar{background: url(../images/con_bk.png) no-repeat;}

  .seminar ul {text-align:left;
    margin: 0 auto;
    padding:20px;
    max-width: 788px;
    width: 90%;
  }

  .seminar li {
margin:15px 0 -10px -45px;
padding: 13px 5px 13px 80px;
margin-bottom:5px;
border:solid 3px #000;
color:#0a75be;
font-size:26px;
font-weight:bold;
box-shadow: 6px 6px #53c3f1;
background: #fff url(../images/semi_c.png)no-repeat left 1em top 0.4em; width:100%;  height:45px;
}

   .seminar p {
  color:#000;
  font-weight: bold;
  font-size:22px;
  }
 
/*------------------ schedule セミナー詳細------------------*/

  .schedule {
    background:#fff;
  }
  .schedule h3.tokyo{  
  font-weight: bold;
  font-size: 36px;
  }
  .schedule h3.tokyo{ color:#e53455;}
  .schedule ul {
	  text-align:left;
	  padding:20px;
  }
   .schedule-t {
    border: 9px solid #e53455;
    background:#fff;
    margin: 20px auto 20px;
    padding: 24px 0;
    max-width: 860px;
    width: 90%;
  }

 /*------------------ qa ------------------*/  
.qa {background:#fff; padding-bottom:30px;}

.qa_box {
    display: none;
}
.qa_label {color:#fff;font-weight: 900;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #0f88da;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 5px;
    width: 95%;
}
.qa_label::after {
    display: flex;
    align-items: center;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    transition: all 0.3s;
}

.qa_txt {background: #fff;
    height: 0;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
    width: 80%;
    padding: 0;
    margin: 0 auto;
}
.qa_txt p {
    margin: 0;
    padding: 0 20px;
    word-break: break-all;
}
.qa_box:checked + .qa_label + .qa_txt {
    height: auto;
    opacity: 1;
    padding: 15px 0;
    visibility: visible;
    display: flex;
    align-items: center;
    word-break: break-all;
}

.qa_box:checked + .qa_label::after {
    transform: rotate(180deg);
}

@media screen and (max-width: 960px) {
    .qa_label {
        width: 95%;
    }
    .qa_txt {
        width: 95%;
    }
    .qa_box:checked + .qa_label + .qa_txt {
        padding: 10px 0;
    }
}
  /*------------------ postscript 追伸 ------------------*/  

  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: 28px;
  }

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

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

  .p_box dd {
    color: #252525;
    text-align: left;
  }
  .postscript2{background:#f4f4f4; margin-bottom:40px;}

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

  .t_pro {
	background:#f4f4f4;
  }

  .t_pro_box {box-shadow: 2px 2px 4px gray;
    max-width: 960px;
    margin: 0 auto;
	margin-bottom:20px;
  }

  .t_pro_box img {
    margin:30px 20px 10px 20px;
	float:right;
  }
  .t_pro ul{
    background: #fff;
    font-size: 16px;
    padding:10px 30px 20px 30px;
    text-align: left;
  }
  
  .t_pro_txt {
    background: #fff;
    font-size: 18px;
    padding: 30px;
    text-align: left;
  }
  .t_pro_txt2 {
    background: #fff;
    font-size: 18px;
    padding: 20px 30px 15px 30px;
    text-align: left;
  }

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

  .voice {
	background:#7c8181;
  }

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

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

 
  
  .v_txt {
    background: #fff;
    font-size: 18px;
    margin-left: 45px;
    padding: 30px;
    text-align: left;
  }
 
/*------------------ button ------------------*/  
.t_button {
	position: relative;
	background-color: #e53455;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #db5a72;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	
}

.tm_button {
  position: relative;
  background-color: #e53455;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #db5a72;
  font-weight:bold;
  text-align:center;
  padding:20px 40px 20px 40px;
  
}
.t_button:hover{
  top: -4px;
  box-shadow: 0 7px 0 #db5a72;
  text-decoration:none;
}
.tm_button:hover {
  top: -4px;
  box-shadow: 0 7px 0 #db5a72;
  text-decoration:none;
}

.f_button {
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	color: #e53455;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #e53455;
	font-weight:bold;
	text-align:center;
	
}

.f_button:hover {
	top: -4px;
	box-shadow: 0 7px 0 #e53455;
	text-decoration:none;
}
.moushikomi{ text-align:center;}
.moushikomi2{ 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;}	
.m25-b{ font-size:12px; margin:-10px 0 30px 10px;}}

/* タブレット横～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/soudan2_s.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.cbox-area2{background:url(../images/igarashi2_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 {font-size: 28px; padding:10px;}
.conversation h2 {
	padding:10px;
	font-size: 28px;}
.cbox-area{background:url(../images/soudan2_s.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.cbox-area2{background:url(../images/igarashi2_s.png) no-repeat right top;padding-right:50px;float:right;margin:0.3em 0; width:90%}
.content2 li dt {font-size: 19px;} 
.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%;}
.f42{font-size: 22px;}
.f30{font-size: 20px;}
.f23{font-size: 20px;}
.katagaki li{font-size: 16px;line-height: 1.8;}
.sma{display: block;}
/*------------------ voice ------------------*/

  .voice_box {max-width: 93%;}
  .v_txt {margin-left: 10px;}
    
}

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

@media screen and (max-width:736px){
body{ font-size: 13px; line-height: 1.5;}
section {
    padding: 10px 0 10px;
}
h1 { display:none;}
h2,h2.white,h2.gra {font-size: 22px; padding:10px;}
h2.gra {margin-bottom:20px; }
h2.gra:after {height: 3px;}
h2.obi{font-size: 20px; padding:15px 15px 10px 15px;}
h2.backtxt {margin-top:-20px;
  padding-top: 70px;
  padding-bottom: 30px;
  font-size:20px;
}
h2.backtxt::before {
  top: -10px;
  left: 50%;
  font-size: 90px;
}
.ml-100{ margin-left:0;}
.f42{font-size:18px;}
.f30{font-size: 18px;}
.f23{font-size: 14px;}
.katagaki li{font-size: 13px;line-height: 1.8;}
#wrap{overflow: hidden;}

  .top{
    background:#fff;
    margin:10px 0 10px 0;
    text-align: center;
    padding:0;
  }
  .sm_img {
    display: block;
  }
  .m40-t{ margin-top:20px;}
.sma{display: block;}

.head_box img,.head_box2 img {display:none;}	

.pc_img {display: none;}
.small {font-size: 12px;}
/*------------------ check list ------------------*/ 
.check_red{padding:0;}
.check_red li{padding: 0;font-size:16px;}
.check_red li:before{ left : -0.5em;}
/*------------------ results ------------------*/
.results_box{width:100%; margin:0 auto;}
.txt {font-size:20px;
    width: 80%;
    margin:30px 15px 30px 15px;
    padding: 2rem 1rem 1rem 1rem;}

.txt2 {font-size:20px;
width:80%;
margin:50px 10px 30px 10px;
padding: 2rem 1rem 1rem 1rem;
}

.txt span{font-size:18px;
    top: -40px;
    left: calc(50% - 158px);
    display: block;
    width: 300px;
    padding: 1rem 0.5rem;
}
.txt2 span{font-size:18px;
    top: -40px;
    left: calc(50% - 158px);
    display: block;
    width: 300px;
    padding: 1rem 0.5rem;
}
.seika_box img{width:95%; margin:0 auto;padding-bottom:15px;}

  
/*------------------ lecturer ------------------*/ 
  .lecturer {background:#f4f4f4;}
  
  .txt_box1{
    margin: 20px auto 0;
    padding: 0 10px 0 25px;
    text-align: left;
    max-width: 100%;
    width: 90%;
  }
  .txt_box1 ul{text-align:left;}
  .txt_box2 {
    margin:0 auto;
    padding: 0;
    text-align: left;
    max-width: 100%;
    width: 90%;
  }
    .txt_box3{margin:0 auto;
    padding:10px;
    text-align: left;
    max-width: 100%;
    width: 80%;
  }
  .txt_box1 img,.txt_box3 img { width:40%;}
/*------------------ 左右ボックス ------------------*/
.rl_box {
  width: 92%;
  padding-top:20px;
}

.rl_box .text {
  width: 90%;
  font-size: 15px;
  padding:20px;
  font-weight: 100;
}

.rl_box .text2 {
  width: 90%;
  font-size: 16px;
  padding:0 20px 20px 20px;
}

.rl_box h3 {font-size: 20px; margin-top:-20px;}
.rl_box h3.blue {font-size: 22px;}
.rl_box ul{text-align:left;} 
.rl_box .pict {width: 100%;}

.rl_box .pict img {max-width: 100%;}
/*------------------ conversation ------------------*/  
.conversation h2 {
	padding:10px;
	font-size: 18px;}
.cbox-area{background:url(../images/soudan2_s.png) no-repeat left top;padding-left:40px;float:left;margin:0.3em 0 0 -5px; width:90%}
.cbox-area2{background:url(../images/igarashi2_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: url(../images/cont2_bk.jpg) no-repeat; width: 100%; padding:-10px 0 -5px 0;}
  .content2 ul {
    margin:5px auto;
  padding:10px;
  width: 90%;
  }

 .title_obi{margin: 1em auto;
background-color: #fff;
padding:0 2.5em 0;
position:relative;
border: 1px solid #000;} 
.content2 img{display:none;}
/*------------------ content4 ------------------*/ 
  .content4 {background: url(../images/con_bk2.jpg) no-repeat; width: 100%; padding:-10px 0 -5px 0;}
    .txt_box_h {
    margin: 20px auto 0;
    padding:10px 10px 20px 10px;
    text-align: left;
    max-width: 100%;
  }
/*------------------ content5 ------------------*/
.content5 li{font-size:15px;  margin-left: 1.4em;
  text-indent: -1.4em;}
.fa-check{font-size:20px;}
.fa-circle{font-size:22px;}
/*------------------ seminar ------------------*/

  .seminar{background: url(../images/con_bk.png) no-repeat; width: 100%; padding:-10px 0 -5px 0;}

  .seminar ul {
    margin: 0 auto;
  padding:10px 30px 10px 0;
    max-width: 100%;
    width: 72%;
  }

  .seminar li {font-size:16px;font-weight:bold;line-height:1.2;
display: flex;
justify-content: center;
flex-direction: column;
    border:solid 2px #000;
    margin:5px 5px 10px -15px;
  padding:6px 10px 10px 50px;
  box-shadow: 3px 3px #9bd1e8;
background: #fff url(../images/semi_c.png)no-repeat left 0.1em top 0.1em; width:100%;  height:40px;
  }

.seminar p{font-size:13px; padding:0;}
/*------------------ schedule セミナー詳細------------------*/

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

   .schedule-t {
    border: 9px solid #e53455;
    background:#fff;
    margin: 20px auto 10px;
    padding:10px 10px 10px 0;
    max-width: 100%;
  }
/*------------------ qa ------------------*/  
.qa h2 {
	padding:10px;
	font-size: 18px;}
.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;}

/*------------------ form ------------------*/
.mail_box{margin:20px 0 20px 0; padding:10px;background:#fff url(../images/bk.png) repeat top left}
.mail_box h2{font-size:20px;margin:0 auto;}
.mail_box .attention{font-size:14px ;}
#mform_input{font-size:16px;padding:10px;width:90%;}
#mform_submit{font-size:16px; width:80%;-webkit-appearance: none;
border-radius: 0;margin:15px;}

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

  .t_pro {
	background:#f4f4f4 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: 13px;
    padding:20px 10px 20px 20px;
  }
  .t_pro_txt2 {
    font-size: 13px;
    padding:10px 10px 10px 20px;
  }
/*------------------ voice ------------------*/

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

  .voice_box {
    max-width: 96%;
  }

  .voice_box img {
    margin:10px 0 -10px 0;
  }  
  .v_txt {
    font-size: 12px;
    margin-left:10px;
    padding:20px 10px 20px 20px;
  }
/*------------------ 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 15px 10px 15px;
	margin-left:10px;
	font-size:15px	
}
   .fixed_btn a:first-child {
     margin: 5.5% 4%;
     width: 44%;
   }

   .fixed_btn a:nth-child(2) {
     width: 44%;
   }
.fixed_btn2 a{font-size:16px;font-weight:bold;}
   .fixed_btn2 a:first-child {
     margin:-1% 10% 3% 10%;
     width: 80%;
   }
.moushikomi2{ text-align:center;}

}

/*------------------ 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:15px;
	font-weight:bold;
}