@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li,address{
	font-family:"游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#breadcrumbArea{background:#f7f8f8;}

#firstViewBox{ background:url(../images/mainImg.jpg?v20231201) center top no-repeat; height:200px;}
#firstViewBox .sectionInner{padding: 75px 0 0 55px;box-sizing:border-box;}

.titleBox{}
.titleBox p{color:#FFF;background-color:#314F96;font-size: 23px;width: 150px;font-weight: bold;text-align: center;padding: 2px 0 2px 0px;box-sizing:border-box;border-radius: 50px;}
.titleBox h2{color:#314F96;font-size: 43px;line-height: 1.5em;font-weight: 600;text-align: left;}

#trial_flow{ margin-bottom:40px;}
#trial_flow .sectionInner{ width:865px; margin:0 auto;}
#trial_flow h3{ font-size:24px; border-left:10px solid #314F96; padding-left:10px; line-height:1.2em; padding-top:3px; margin-bottom:15px;}
#trial_flow ul{ padding-left:35px;}
#trial_flow li{ float:left; width:154px; padding-right:60px; position:relative;}
#trial_flow .yajirushi:before{ content:""; width:0; height:0; position:absolute; right:26px; top:90px;
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
  border-left:10px solid #314F96;
}
#trial_flow li:last-child{ padding-right:0;}
#trial_flow dl{}
#trial_flow dt{ margin-bottom:8px;}
#trial_flow dd{ font-size:12px;}
#trial_flow dd span{font-weight: bold;color: #e61673;}


#formSec{ background-color:#F7F8F8; padding:40px 0;}
#formSec .sectionInner{ width:865px; margin:0 auto; background-color:#FFF; box-sizing:border-box;}

#formTb{}

#formTb h2{color:#FFF;font-size:28px;padding-bottom: 6px;padding-top:5px;background-color:#314F96;position: relative;}
#formTb h2 .imgusagi_02{position: absolute;bottom: 0.5em;right: 0.5em;}

#formTb{}
#formTb .sectionInner{ padding:45px 90px;}
#formTb ul{}
#formTb li{ margin-bottom:25px;}
#formTb dl{}
#formTb dt{ font-size:16px; line-height:1.1em; border-left:7px solid #314F96; padding-left:7px; margin-bottom:10px;}
#formTb dd{}
#formTb dd label{ padding-left:15px; vertical-align:-9px;}
#formTb .komeTxt{ vertical-align:bottom;}


#formTb input{
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	margin-left:7px;
	border:1px solid #CCC;
	border-radius:10px;
	padding:5px 5px 7px 9px;
	line-height:2.3em;
}

#formTb input:hover,
#formTb label:hover{cursor: pointer;}

#formTb input#checkboxDoui{appearance:auto;}

#formTb select{
	padding: 0.5em 0.5em 0.8em 0.5em;
	border-radius: 5px;
	line-height: 2.3em;
	border: #bbb solid 1px;
	vertical-align: baseline;
	background: #F2F2F2;
}
#formTb textarea{ width:100%;}
#formTb button[type=button]#auto-addr {
	border: none;
	background: #808080;
	color: #fff;
	cursor: pointer;
	width: auto;
	text-align: center;
	display: inline-block;
	padding: 0.5em 1.5em;
	border-radius: 5px;
	font-size: 16px;
}
#submit-area { text-align: center;}
#formTb button[type=button] {
    border: none;
    background: none;
    cursor: pointer;
    width: 80%;
    text-align: center;}

#nameInput{}
#furiganaInput{}
#hogoshaInput{}
#nenreiLi{}
/* -----------20201112----------- */
#koushaLi{}
/* -----------20201112----------- */
#mailLi{}
#telInput{}
#athLi{}

#Post1,
#Post2{ margin-right:9px;}

#schoolLi label{display: flex;justify-content: flex-start; align-items: center;}
#schoolLi input{margin-right: 0.25em;}


.attentionR{color:#ED1E79;font-weight: bold;}

#information {background: #f7f8f8;padding: 2em;}
#information .sectionInner{width: 1100px;margin: 0 auto;/* border: 3px solid #314F96; *//* padding: 20px; *//* background: #fff; */}
#information h3{text-align:center;font-size: 23px;color: #314F96;padding-bottom: 5px;}
#information p{font-size: 16px;width: 90%;margin: 0 auto;}
#information strong{color:#314F96;}
#information a{font-weight:bold;}


#confirmArea table{margin-right: auto;margin-left: auto;}
#confirmArea table *{border:none;text-align: left;}

#information .sectionInner .eventtheme{color: #FD5200;}
#information .sectionInner .eventthemesb{color: #FD5200;line-height:23px;}
#information .sectionInner ul{display: flex;/*-ms-flex-wrap: wrap;flex-wrap: wrap;*/justify-content: space-between;width: 100%;align-items: baseline;}
#information .sectionInner .summer{/*display: inline-block;*/width: 30%;/* height: 120px; margin-bottom: 20px;*/padding: 0.3em;/* border: #314f96 2px solid; */}
#information .sectionInner .summerKati{display: inline-block;width: 48%;margin: 0 5px 20px;}
#information .sectionInner .summer dl{height: 100%;margin-bottom: 1.5em;}
#information .sectionInner .summer .imgusagi{margin-top: 3em;}
#information .sectionInner .summerKati dl{height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#information .sectionInner .summerKati .imgusagi{margin-top: 3em;}
#information .sectionInner .summer .imgusagi_02{margin-right: 7em;margin-left:auto;}

#information .sectionInner .box1{font-size: 18px;margin-bottom: 0.4em;color: #fff;text-align: center;background: #314F96;padding: 0.2em 0;width: 100%;}
#information .sectionInner .box2{font-size: 14px;border: 1px solid #314f96;text-align: center;background: #fff;/* border-bottom: 1px dotted #314f96; */margin-bottom: 0.5em;padding-bottom: 0.5em;/* height: 8em; */}
#information .sectionInner .box2:last-child{margin-bottom:0;}

#information .sectionInner .box2.katidoki{width: 49.5%;}

#information .sectionInner .box2 .themeDetail{font-size: 115%;font-weight: bold;color: #ff6318;width: 100%;display: inline-block;text-align: center;background-color: #FFF0E9;padding: 0.4em 0.2em;line-height: 1.3;}
#information .sectionInner .box2 .themeDetailnone{font-size: 115%;font-weight: bold;color: #949494;width: 100%;display: inline-block;text-align: center;background-color: #DFDFDF;padding: 0.4em;line-height: 1.3;}
#information .sectionInner .box2 .date{display: inline-block;padding: 0.3em 0.5em;margin: 0.5em 0;border-bottom: 1px dashed #4d4d4d;}
#information .sectionInner .box2 .timeCourseMini{border:solid 1px #B9B9B9;padding:2px 3px;margin-right: 5px;line-height: 2;border-radius: 1px;}
#information .sectionInner .box2 .timeCourse{border:solid 1px #B9B9B9;padding:2px 9px;margin-right: 5px;line-height: 2;border-radius: 1px;}

#information .sectionInner .box2 .timeCourseMini_2{padding:2px 3px;margin-right: 5px;line-height: 2;border-radius: 1px;}
#information .sectionInner .box2 .timeCourse_2{padding:2px 9px;margin-right: 5px;line-height: 2;border-radius: 1px;}