@charset "utf-8";


/*max-1030px*/
@media print, screen and ( min-width: 1030px ) {
	
    .navDrawr > ul > li.team-menu  {display: inline-block;position: relative;cursor: pointer;}
    .navDrawr > ul > li.team-menu{border-bottom: 8px solid #e84709;}
    .sec2 {background: #f5f5f5; text-align: center; font-size: 18px;}
    .sec2 .wrap { max-width: 1100px; width: 100%; margin: 0 auto;}
    .sec2 .sloganlogoTtl{font-size: 35px;color:#00aeac;font-weight: bold;text-align: center;line-height: 1;border-bottom: 1px solid #00aeac;padding-bottom: 10px;}
    .sec2 .sloganlogoTtl span{font-size: 65%;}
    .sec2 .logo_img{margin: 1em auto;}
    .sec2 .txt {line-height: 2em;margin: 0 auto;text-align: center;font-feature-settings: "palt";}
    .sec3 { background: #00aeac; font-size: 18px;}
    .sec3 .inner li {background: #fff;padding: 40px 60px; margin-bottom: 50px;line-height: 1.8em; box-shadow: 6px 6px 0px 2px #00aeac;}
    .sec3 .inner li .flex {align-items: center;justify-content: space-between;}
    .sec3 .inner li:last-child { padding: 50px 60px 50px 20px;margin-bottom:0;}
    .sec3 .inner li .ttl { width: 20%; position: relative; font-size: 20px;font-weight: bold;color: #00aeac;}
    .sec3 .inner li .ttl:after {position: absolute;content: "";background: #00aeac;width: 3px;height: 117px;right: -10px;top: 50%;transform: translateY(-50%);}
    .sec3 .inner li:last-child .ttl {text-align: center;width: 24%;}
    .sec3 .inner li:last-child .ttl .logo {width: 80%;display: block;margin: auto;}
    .sec3 .inner li .txt { width: 74%;}
    .sec3 .inner li .txt span { font-size: 25px; font-weight: bold;}
    .sec3 .inner li:last-child .txt {width: 71%;font-feature-settings: "palt";}
    .sec4 { background: #f5f5f5; }
    .sec4 .table {width: 824px; margin: 0 auto; font-size: 17px;}
    .sec4 .table table {width: 100%;}
    .sec4 .table table th { padding: 30px 20px; border-bottom: 2px solid #00aeac; width: 18%; text-align: left;}
    .sec4 .table table th:first-child { border-top: 2px solid #00aeac;}
    .sec4 .table table td {padding: 30px 30px;line-height: 2.2em;border-bottom: 1px solid #afafaf;border-top: 1px solid #afafaf;}

}


/*768px-min*/
@media only screen and ( max-width: 768px ) {

    .sec2 { background: #f5f5f5;  text-align: center; font-size: 16px;}
    .sec2 .wrap { max-width: 1100px; width: 100%; margin: 0 auto;}
    .sec2 .sloganlogoTtl{font-size: 170%;color:#00aeac;font-weight: bold;text-align: center;line-height: 1.2;border-bottom: 1px solid #00aeac;padding-bottom: 5px;}
    .sec2 .sloganlogoTtl span{font-size: 65%;}
    .sec2 .logo_img{width: 80%;margin: auto;}
    .sec2 .txt{text-align: left;}
    .sec3 {background: #00aeac;font-size: 16px;}
    .sec3 .inner li {background: #fff;padding: 30px;margin-bottom: 40px;line-height: 1.8em;box-shadow: 4px 4px 0px 2px #00aeac;}
    .sec3 .inner li:last-child{margin-bottom: 0px;}
    .sec3 .inner li .flex { align-items: center;}
    .sec3 .inner li .ttl { position: relative; font-size: 20px; font-weight: bold;color: #00aeac;border-bottom: 2px solid #00aeac;margin-bottom: 15px; text-align: center;padding-bottom: 10px;}
    .sec3 .inner li:last-child .ttl .logo {width: 80%;display: block;margin:0.5em auto;}
    .sec3 .inner li .txt span { font-size: 25px;font-weight: bold;}
    .sec3 .inner li:last-child .txt {font-feature-settings: "palt";}
    .sec4 {background: #f5f5f5;}
    .sec4 .table { width: 100%; margin: 0 auto; font-size: 16px;}
    .sec4 .table table { width: 100%;}
    .sec4 .table table th { padding: 15px; border-bottom: 2px solid #00aeac;width: 25%; text-align: left;}
    .sec4 .table table th:first-child {border-top: 2px solid #00aeac;}
    .sec4 .table table td {padding: 15px; line-height: 1.8em; border-bottom: 1px solid #afafaf; border-top: 1px solid #afafaf;}

}