@charset "utf-8";
/* CSS Document */


/*contactbnr*/
.contact_banner {position: relative; margin-top: 40px; z-index: 2;}
.contact_banner .tel {margin-right: 30px;}
.contact_banner .box {box-sizing: border-box; border: 1px solid #000; padding: 20px 0; background-color: #fff;}
.contact_banner .btn {margin-top: 20px;}

/*company*/
#company .ul01 li {font-size: 20px; line-height: 1; padding: 40px 20px;}
#company .ul01 .title {font-size: 30px; box-sizing: border-box; border-left: 5px solid #02983f; line-height: 1; padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #000;}
#company .ul01 li p {margin-top: 30px; line-height: 1.2;}
#company .ul01 li p:nth-child(1) {margin-top: 0;}
#company .ul01 li img {margin-left: 80px;}
#company .contact_banner {margin-bottom: 100px;}

/*message*/
.big_icon {position: fixed; right: 0; top: 200px;}
#message .box01 {padding: 40px 0;}
#message .bg {background-color: #fff;}
.message_bg {background-color: #f3f6fa; padding-bottom: 100px;}
#message .box01 ul {padding: 0 40px; margin: 60px auto 40px;}
#message .box01 li {position: relative;}
#message .box01 li .icon {position: absolute; left: -30px; top: -40px;}
#message .box01 h2 {font-size: 50px; margin-bottom: 30px;}
#message .box01 .img02 {margin: 30px auto;}
#message .box01 .img03 {margin: -50px auto 0;}
#message .box01 p {padding: 0 40px; font-size: 17px; color: #000;}
#message .bnr {min-width: 2000px; margin: 40px auto 40px -1000px; left: 50%; position: relative; z-index: 2;}
#message .img03 {position: relative; z-index: 2;}

/*system*/
#system .bg {background-color: #fff;}
#system .box01 {padding-bottom: 40px;}
#system .box01 .img01 {margin-left: auto; margin-bottom: 40px;}
#system .box01 .inner {margin-top: 40px; padding: 0 40px; font-size: 16px;}
#system .box01 .inner img {margin-right: 40px;}
#system .box02 {padding: 40px 0 40px;}
#system .box01 .img04 {margin-left: 40px;}
#system .box03 {padding: 40px; font-size: 20px;}
#system .box03 h2 {font-size: 100px; margin-bottom: 40px;}
#system .box03 .txt {font-size: 30px; line-height: 1.3;}
#system .box03 .inner {margin-top: 40px; line-height: 2;}
#system .box03 .inner span {font-size: 30px;}
#system .box03 .inner .img01 {margin-left: 40px;}
#system .box03 .inner .img02 {margin-right: 40px;}
#system .box03 .img03 {margin-top: 40px;}

/*tutor*/
#tutor .title_area {width: 1000px; font-size: 35px; line-height: 1; margin: 40px auto 10px;}
#tutor h2 {font-size: 60px; margin-right: 50px;}
#tutor .big {font-size: 50px; line-height: 1; width: 1000px; margin: 0 auto 40px;}
#tutor ul {width: 1000px; margin: 0 auto;}
#tutor li {margin-top: 40px;}
.gray_bg {background: rgba(191,191,191,.2); width: 80%; position: absolute; left: 0; bottom: 530px;height: 1620px; content: "";}
#tutor .contact_banner {margin-bottom: 100px;}

#tutor01 .bg {background-color: #fff;}
#tutor01 .box01 {padding: 40px;}
#tutor01 p {font-size: 18px;}
#tutor01 .inner {text-align: justify;}
#tutor01 .inner .img01 {margin-left: 40px;}
#tutor01 .inner .img02 {margin-right: 40px;}
#tutor01 .big {font-size: 32px; line-height: 1.3; margin-top: 20px;}
#tutor01 h3 {font-size: 23px; margin: 40px 0 30px; line-height: 1.5;}
#tutor01 .inner02 li {width: 540px;}
#tutor01 .txt02 {margin-left: -180px;}
#tutor01 .title01 {margin-top: 0;}
#tutor01 .tutor02_txt02 {min-width: 605px;}
#tutor01 .tutor03_txt02 {min-width: 666px;}
#tutor01 .tutor03_big {font-size: 29px;}
#tutor01 .tutor05_txt02 {min-width: 561px;}
#tutor01 .tutor06_txt02 {min-width: 568px;}
#tutor01 .tutor07_txt02 {min-width: 573px;}
#tutor01 .tutor08_txt02 {min-width: 569px;}
#tutor01 .tutor06_h2 {width: 570px;}
#tutor01 .tutor07_h2 {width: 570px;}
#tutor01 .tutor08_h2 {width: 567px;}
#tutor01.tutor09 .big {font-size: 25px; line-height: 1.5;}
#tutor01.tutor09 .inner02 li.last {width: 100%;}


/*contact*/
#contact .tel_area {box-sizing: border-box; border: 5px solid #eeeeee; background-color: #fff; padding: 40px; font-size: 18px;}
#contact .txt01 {background: url(img/contact/box01_txt_bg.jpg)top left repeat; padding: 5px 0; font-size: 25px;}
#contact .tel_area .inner {box-sizing: border-box; border-bottom: 1px solid #000; padding: 40px 0;}
#contact .tel_area .tel {margin-right: 20px;}
#contact .txt02 {padding-top: 20px; padding-left: 140px;}
#contact .title {font-size: 30px; box-sizing: border-box; border-bottom: 1px solid #000; border-left: 5px solid #02983f; padding: 10px 15px; margin: 20px auto;}



#contact table {width: 100%; box-sizing: border-box; border: 2px solid #c9c9c9; margin-top: 40px; margin-bottom: 40px; font-size: 18px;}
#contact table th,#contact table td {padding: 15px 20px; box-sizing: border-box; border-bottom: 2px solid #c9c9c9; background-color: #fff;}
#contact table th{font-weight: bold; vertical-align: middle; width: 300px; border-right: 2px solid #c9c9c9;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px; font-size: 18px; font-weight: bold;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
#contact table .tel_area {width: auto;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover,
.mw_wp_form_confirm .btn input:hover { opacity: 0.7; }
.mw_wp_form_input .btn input{
background: url(img/contact/btn_bg.png)left center no-repeat; background-position-x: 95%;
    font-size: 25px!important;
    width: 500px!important;
    padding: 20px 0!important;
    line-height: 1;
	color: #fff;
	background-color: #02983f;
	font-weight: bold;
	border: none;
}
/*送信ボタン用*/
.mw_wp_form_confirm .btn input{
background: url(img/contact/btn_bg.png)left center no-repeat; background-position-x: 95%;
    font-size: 25px!important;
    width: 500px!important;
    padding: 20px 0!important;
    line-height: 1;
	color: #fff;
background-color: #02983f;
	border: none;
}
#contact .select {font-size: 18px;}
#contact .red {color: #02983F;}
#contact .contact_banner {margin-bottom: 100px;}

#form .txt01 {margin: 40px auto;}
#form .page {background-color: #fff;}
#form .title02 {margin-left: -50px; margin-bottom: 40px;}
#form .box02 {box-sizing: border-box; margin: 40px 0;}
#form h2 {font-size: 30px; box-sizing: border-box; border-left: 5px solid #02983f; padding: 15px 20px; font-weight: bold; border-bottom: 1px solid #000; margin-bottom: 40px;}
#form .box02 .bdr {content: ""; box-sizing: border-box; border-bottom: 1px dotted #000; width: 100; height: 1px; margin: 40px 0;}
#form .table01 {width: 100%; box-sizing: border-box; border: 2px solid #c9c9c9; margin-bottom: 20px;}
#form .table01 th,#form .table01 td {box-sizing: border-box; border-bottom: 2px solid #c9c9c9; font-weight: bold; font-size: 16px; padding: 20px; vertical-align: middle;}
#form .table01 th {width: 300px; background-color: #02983f; color: #fff;}
#form .box04 {margin-top: 40px;}
#form .box04 .txt_area {box-sizing: border-box; border: 4px solid #c9c9c9; padding: 20px;}
#form .box04 .txt_area02 {box-sizing: border-box; border: 2px solid #c9c9c9; padding: 15px;}
#form .box04 .txt_area p {margin-top: 20px; font-size: 18px;}
#form .box04 .txt_area p:nth-child(1) {margin-top: 0;}
#form .contact_banner {margin-bottom: 100px;}
#form .next {width: 200px; margin: auto;}