/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&display=swap');
.font_001 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font_002 {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
}
.font_003 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.jumbotron{
	background-image: url(../images/img_jumbtron.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 100%;
	height: 300px;
	min-height: 300px;
}

.bg_header {
background-image: url(../../image/hp/hp_index/bg_header_content_mypage02.png);
background-repeat: no-repeat;
background-size: cover;
}
.table input,.table textarea{
    padding: 0.5rem;
    border-radius: 0.2em;
    width: 100%;
}
.form_iframe {
    border:none;
    width: 100%;
    height: 1000px;
}
/* ギザギザ吹き出し */
.giza a,
.giza a:after,
.giza a:before,
.giza a span {
  content:"";
  width:50px;
  height:50px;
  background: #1a62bc;
  position:absolute;
  top:0px;
}
.giza,
.giza a,
.giza a:after,
.giza a:before {
  -webkit-transform: rotate(22.5deg);
  -moz-transform: rotate(22.5deg);
}
.giza a span {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  text-align: center;
  z-index: 999;
  line-height: 50px;
  color: #fff;
}
.giza {
  position:relative;
  width:50px;
  height:50px;
  background: #1a62bc;
  margin: 20px 0 0 20px;
}
.p_orange{
	color: rgba(237,162,38,1.00);
}
.mt_0{
	margin-top: 0px;
}
.ml_10{
	margin-left: 10px;
}
.ml_20{
	margin-left: 20px;
}
.mb_0{
	margin-bottom: 0px;
}
.mb_10{
	margin-bottom: 10px;
}
.mb_20{
	margin-bottom: 20px;
}
.mb_30{
	margin-bottom: 30px;
}
.mb_40{
	margin-bottom: 40px;
}
.mb_50{
	margin-bottom: 50px;
}
@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}
.policy{
margin: 20px auto;
  text-align:center;
}
.submit_btnarea {
width: 100%;
margin: 0 auto;
}
.form_btn{
background: #005183;
border: 1px solid #fff;
color: #fff;
width: 300px;
/*margin-left: 20px;*/
padding: 10px;
font-size: 16px;
cursor: pointer;
transition: all .5s ease-out;
position: relative;
}

.form_btn:hover{
border: 1px solid #005183;
background: #fff;
color: #005183;
}
button[type="submit"][disabled] {
background-color: #fff;
color: #ccc;
border-color: #ccc;
cursor: default;
}

button[type="submit"][disabled]:hover{
opacity:1;
}
.kiyaku_box {
    border: 1px solid #C0C0C0;
    padding: 10px;
    height: 150px;
    overflow-y: scroll;
	max-width: 500px;
	margin: 0 auto;
}
.kiyaku_box span {
	font-weight: bold;
	color: cornflowerblue;
}

.text_yl {
    color: rgba(236,231,88,1.00)
}
.text_org{
    color: rgba(241,178,135,1.00)
}
.midashi_001 {
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.7em;
}

.midashi_001:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: normal;
  content: ' \f0a7\ 無料オンライン講座 ';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.6em;
  line-height: 1;
  letter-spacing: 0.05em;
}
footer{
	padding: 20px 0 20px;
	background-color: #d9edf7;
}