@charset "UTF-8";

/*ページ内リンク*/
#contact, #t02, #t03, #t04, #t06 {
    margin-top: -60px;
    padding-top: 60px;
}

/*お問い合わせ*/
.contact {
    text-align: center;
    background-image: url(images/contact.png);
	background-repeat: repeat;
}
.contact_h2 {
    font-size: 44px;
    line-height: 2.4em;
    color: #005487;
    background-image: url(images/contact_h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.contact p {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4em;
}
@media only screen and (max-width: 800px) {
    .contact_h2 {
        font-size: 36px;
    }
}
@media only screen and (max-width: 640px) {
    .contact_h2 {
        font-size: 30px;
        background-size: auto 18px;
        padding-bottom: 12px;
    }
    .contact p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 480px) {
    .contact_h2 {
        font-size: 20px;
        padding-bottom: 36px;
    }
}
.contact_box {
    width: 100%;
    padding: 40px;
    margin-top: 40px;
    background-color: #fff;
    box-shadow: 0 0 8px #ccc;
    border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
    .contact_box {
        padding: 20px;
    }
}
@media only screen and (min-width: 889px) {
    .contact_br {
        display: none;
    }
}
@media only screen and (min-width: 400px) {
    .contact_br2 {
        display: none;
    }
}


/*まずはお気軽にお問い合せ下さい*/
.t07 {
    text-align: center;
    color: #fff;
    background-image: url(images/t07.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
    /*background-size: 100% auto;*/
}
@media only screen and (min-width: 1600px) {
    .t07 {
        background-size: 100% auto;
    }
}
.t07_h2 {
    font-size: 42px;
    line-height: 2.4em;
    margin-bottom: 20px;
}
.t07_h2 span {
    border-bottom: 2px solid #fff;
}
.t07 p {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.6em;
}
@media only screen and (max-width: 874px) {
    .t07 p {
        font-size: 28px;
    }
}
@media only screen and (max-width: 800px) {
    .t07_h2 {
        font-size: 36px;
    }
    .t07 p {
        font-size: 24px;
    }
}
@media only screen and (max-width: 640px) {
    .t07_h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 519px) {
    .t07_h2 {
        font-size: 18px;
    }
    .t07 p {
        font-size: 18px;
    }
}
@media only screen and (min-width: 664px) {
    .t07_br {
        display: none;
    }
}
.t07_btn_box {
    max-width: 460px;
    margin: auto;
    padding-top: 20px;
}
.t07_btn_box a {
    text-decoration: none;
}
.t07_btn {
	width: 100%;
    font-size: 16px !important;
    font-weight: normal;
	color: #FFFFFF;
    cursor: pointer;
	line-height: 1.5em;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
	background-color: #cf4554;
	background-image: url(images/t07_btn.png);
	background-repeat: no-repeat;
	background-position: right 25% center;
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 457px) {
    .t07_btn {
        background-image: none;
    }
}
.t07_btn:hover{
	opacity: 0.8;
	filter: alpha(opacity=10);
	-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}

/*支援サービスの流れ*/
.t06 {
    text-align: center;
    background-color: #b6eaff;
    background-image: url(images/t06.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 100% auto;
}
@media only screen and (max-width: 640px) {
    .t06 {
        background-size: 100% auto;
    }
}
.t06_h2 {
    font-size: 44px;
    line-height: 2.4em;
    color: #005487;
    background-image: url(images/t06_h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
    .t06_h2 {
        font-size: 36px;
    }
}
@media only screen and (max-width: 640px) {
    .t06_h2 {
        font-size: 30px;
        background-size: auto 18px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 480px) {
    .t06_h2 {
        font-size: 20px;
        padding-bottom: 36px;
    }
}
.t06_box {
    display: table;
    width: 100%;
    margin: 20px 0 20px 0;
    box-shadow: 0 0 8px #ccc;
    border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;
}
.t06_box dt {
    width: 24%;
    display: table-cell;
    vertical-align: middle;
    background-color: #ebf3ff;
    border-top-left-radius: 14px;-webkit-border-top-left-radius: 14px;-moz-border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;-webkit-border-bottom-left-radius: 14px;-moz-border-bottom-left-radius: 14px;
}
.t06_box dd {
    width:76%;
    font-size: 18px;
    line-height: 1.8em;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 38px;
    background-color: #fff;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
    border-top-right-radius: 14px;-webkit-border-top-right-radius: 14px;-moz-border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;-webkit-border-bottom-right-radius: 14px;-moz-border-bottom-right-radius: 14px;
}
.t06_box dd h3 {
    font-size: 30px;
    line-height: 1.8em;
    color: #0b7fc6;
}
.t06_box_in {
    width: 100%;
    background-color: #b58356;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;
    line-height: 3em;
    margin: 20px 0 20px 0;
}
@media only screen and (max-width: 800px) {
    .t06_box dd {
        font-size: 16px;
        padding: 30px;
    }
    .t06_box dd h3 {
        font-size: 22px;
    }
    .t06_box_in {
        font-size: 30px;
        line-height: 2.4em;
    }
}
@media only screen and (max-width: 640px) {
    .t06_box dd {
        font-size: 14px;
        padding: 20px;
    }
    .t06_box dd h3 {
        font-size: 18px;
    }
    .t06_box_in {
        font-size: 22px;
        line-height: 2em;
    }
}
.t06_next {
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 90px 0 90px;
    border-color: #0b7fc6 transparent transparent transparent;
}
@media only screen and (max-width: 640px) {
    .t06_next {
        border-width: 16px 60px 0 60px;
    }
}


/*受入れ企業様の声*/
.t05 {
    text-align: center;
    background-color: #f2f7fa;
}
.t05_h2 {
    font-size: 44px;
    line-height: 2.4em;
    color: #005487;
    background-image: url(images/t05_h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
    .t05_h2 {
        font-size: 36px;
    }
}
@media only screen and (max-width: 640px) {
    .t05_h2 {
        font-size: 30px;
        background-size: auto 18px;
        padding-bottom: 14px;
    }
}
@media only screen and (max-width: 480px) {
    .t05_h2 {
        font-size: 20px;
        padding-bottom: 36px;
    }
}
.t05_box {
    width: 100%;
    padding: 6%;
    margin-top: 50px;
    background-color: #fff;
    box-shadow: 0 0 8px #ccc;
    border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.t05_box_l {
    float: left;
    width: 33%;
}
.t05_box_r {
    float: right;
    width: 62%;
    text-align: left;
    font-size: 18px;
    line-height: 1.8em;
}
@media only screen and (max-width: 640px) {
    .t05_box_l {
        width: 100%;
    }
    .t05_box_r {
        width: 100%;
        margin-top: 40px;
    }
}
.t05_box_t {
    font-size: 24px;
    font-weight: bold;
    color: #15a5e4;
    line-height: 1.4em;
    margin-top: 10px;
}
@media only screen and (max-width: 800px) {
    .t05_box_r {
        font-size: 16px;
    }
    .t05_box_t {
        font-size: 20px;
    }
}
@media only screen and (max-width: 640px) {
    .t05_box_r {
        font-size: 15px;
        margin-top: 30px;
    }
}
.t05_box dl {
	width: 100%;
    margin-top: 20px;
}
.t05_box dt {
	float: left;
	width: 100px;
	line-height: 1.4em;
    color: #fff;
    background-color: #005487;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 2px 10px 2px 10px;
    border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.t05_box dd {
	padding: 2px 10px 2px 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
	margin-left: 100px;
	line-height: 1.8em;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
@media screen and (max-width : 967px) and (min-width : 641px) {
	.t05_box dd {
		float: left;
        width: 100%;
		margin-left: 0px;
        padding: 2px 10px 2px 10px;
	}
}
@media only screen and (max-width: 640px) {
    .t05_box dt {
        font-size: 17px;
    }
    .t05_box dd {
        font-size: 15px;
    }
    .t05_box_r {
        font-size: 15px;
        margin-top: 30px;
    }
}


/*「経営情報システムズ」が選ばれる5つの理由*/
.t04 {
    text-align: center;
}
.t04_h2 {
    font-size: 44px;
    line-height: 1.4em;
    background-image: url(images/t04_h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    padding-bottom: 38px;
    margin-bottom: 20px;
}
.t04_h2 span {
    color: #0b7fc6;
}
.t04_mese {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6em;
}
@media only screen and (max-width: 800px) {
    .t04_h2 {
        font-size: 36px;
    }
    .t04_mese {
        font-size: 20px;
    }
}
@media only screen and (max-width: 640px) {
    .t04_h2 {
        font-size: 30px;
        background-size: auto 18px;
        padding-bottom: 26px;
    }
    .t04_mese {
        font-size: 18px;
    }
}
@media only screen and (max-width: 477px) {
    .t04_mese {
        text-align: left;
    }
}
@media only screen and (max-width: 480px) {
    .t04_h2 {
        font-size: 20px;
        padding-bottom: 36px;
    }
}
@media only screen and (min-width: 965px) {
    .t04_h2_br {
        display: none;
    }
}
@media only screen and (min-width: 958px) {
    .t04_mese_br {
        display: none;
    }
}
@media only screen and (max-width: 477px) {
    .t04_mese_br {
        display: none;
    }
}
.t04_ul {
    width: 100%;
    margin-top: 60px;
    font-size: 0;
    text-align: center;
}
.t04_ul li {
    display: inline-block;
    position: relative;
    width: 50%;
    margin: 0 auto 25px;
    padding-top: 15px;
    vertical-align: top;
}
.t04_ul li img.reason {
    position: absolute;
    left: 6%;
    top: 0;
    width: 60px;
}
.t04_ul li dl {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 0 8px #999;
    overflow: hidden;
}
.t04_ul li dl dt img{
    width: 100%;
}
.t04_ul li dl dd {
    min-height: 110px;
    padding-top: 10px;
    font-size: 18px;
    line-height: 1.6;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.t04_ul li dl dd.pt {
    padding-top: 25px;
}
.t04_ul li dl dd em {
    display: block; margin: 0 auto 6px; color: #1e3f6e; font-size: 22px; font-weight: 700;
}
.t04_ul li h3 {
    color: #0082c1;
    font-size: 22px;
    line-height: 1.6em;
    padding-bottom: 5px;
}
@media only screen and (max-width: 865px) {
    .t04_ul li dl dd {
        font-size: 16px;
    }
    .t04_ul li h3 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 710px) {
    .t04_ul {
        max-width: 480px;
        margin: 60px auto 0 auto;
    }
    .t04_ul li {
        width: 100%;
    }
}
@media only screen and (max-width: 400px) {
    .t04_ul li dl dd {
        font-size: 14px;
    }
    .t04_ul li h3 {
        font-size: 16px;
    }
}
@media only screen and (min-width: 340px) {
    .t04_br {
        display: none;
    }
}
.t04_support {
    width: 100%;
    margin-top: 40px;
}
@media only screen and (max-width: 400px) {
    .t04_support {
        margin-top: 20px;
    }
}
.t04_support p {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.8em;
}
.t04_support p span {
    color: #0082c1;
    font-size: 36px;
}
.t04_support_l {
    width: 48%;
    float: left;
    font-size: 22px;
    line-height: 1.8em;
    padding: 20px 0 20px 0;
}
.t04_support_r {
    width: 48%;
    float: right;
    font-size: 22px;
    line-height: 1.8em;
    padding: 20px 0 20px 0;
}
.t04_support h4 {
    font-size: 24px;
    line-height: 2.2em;
    color: #fff;
    background-color: #0082c1;
    border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;
}
@media only screen and (max-width: 800px) {
    .t04_support p {
        font-size: 24px;
    }
    .t04_support p span {
        font-size: 30px;
    }
    .t04_support_l {
        font-size: 18px;
    }
    .t04_support_r {
        font-size: 18px;
    }
    .t04_support h4 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 640px) {
    .t04_support p {
        font-size: 20px;
    }
    .t04_support p span {
        font-size: 24px;
    }
    .t04_support_l {
        font-size: 14px;
    }
    .t04_support_r {
        font-size: 14px;
    }
    .t04_support h4 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 480px) {
    .t04_support p {
        font-size: 18px;
    }
    .t04_support_l, .t04_support_r {
        width: 90%;
        margin: 0 5% 0px 5%;
        padding: 20px 0 0px 0;
    }
    .t04_support_r {
        width: 90%;
        margin: 0 5% 0 5%;
        padding: 20px 0 30px 0;
    }
}
@media only screen and (min-width: 400px) {
    .t04_support_br {
        display: none;
    }
}
.t04_support a {
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
.t04_support a:hover {
    opacity: 0.6;filter: alpha(opacity=60);
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}

/*外国人特定技能の受入れ企業様は様々な支援を行うことが義務化されています*/
.t03 {
    text-align: center;
    background-image: url(images/t03.png);
	background-repeat: repeat;
}
.t03_h2 {
    font-size: 30px;
    line-height: 1.8em;
    /*color: #005487;*/
    background-image: url(images/t03_h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    padding-bottom: 40px;
}
.t03_h3main {
    font-size: 56px;
    color: #0b7fc6;
}
.t03_h3sub {
    font-size: 45px;
    color: #000;
}
@media only screen and (max-width: 852px) {
    .t03_h2 {
        font-size: 26px;
        line-height: 1.6em;
        padding-bottom: 40px;
    }
    .t03_h3main {
        font-size: 46px;
    }
    .t03_h3sub {
        font-size: 38px;
    }
}
@media only screen and (max-width: 800px) {
    .t03_h2 {
        font-size: 22px;
        line-height: 1.8em;
    }
}
@media only screen and (max-width: 640px) {
    .t03_h2 {
        font-size: 26px;
        line-height: 0em;
        margin-top: 50px;
        background-size: auto 18px;
        padding-bottom: 26px;
    }
    .t03_h3main {
        font-size: 40px;
        line-height: 1.4em;
    }
    .t03_h3sub {
        font-size: 32px;
    }
}
@media only screen and (max-width: 480px) {
    .t03_h2 {
        font-size: 20px;
        line-height: 0em;
        margin-top: 40px;
    }
    .t03_h3main {
        font-size: 30px;
        line-height: 1.4em;
    }
    .t03_h3sub {
        font-size: 26px;
    }
}
@media only screen and (min-width: 641px) {
    .t03_h2_br {
        display: none;
    }
}
.t03_ul {
    display: flex;
	flex-wrap: wrap;
	width: 100%;
    list-style: none;
    margin-top: 40px;
}
.t03_ul li {
    width: 23.6%;
    margin: 0 0.7% 20px 0.7%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 20px 0 20px 0;
    background-color: #fff;
    box-shadow: 0 0 8px #ccc;
    border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;
}
@media only screen and (max-width: 964px) {
    .t03_ul li {
        font-size: 14px;
    }
}
/*センター揃え調整*/
@media only screen and (min-width: 801px) {
    .t03_ul .t03_13 {
        margin: 0 0.7% 20px 13.2%;
    }
}
@media only screen and (max-width: 800px) {
    .t03_ul li {
        width: 31.3%;
        margin: 0 1% 20px 1%;
    }
}
@media only screen and (max-width: 640px) {
    .t03_ul li {
        width: 46%;
        margin: 0 2% 20px 2%;
    }
}
.t03_ul li img {
    width: 110px;
}
.t03_ul li p {
    margin-top: 10px;
}
@media only screen and (min-width: 480px) {
    .t03_ul_br {
        display: none;
    }
}
.t03_next {
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 150px 0 150px;
    border-color: #0b7fc6 transparent transparent transparent;
}
@media only screen and (max-width: 640px) {
    .t03_next {
        border-width: 22px 90px 0 90px;
    }
}
@media only screen and (max-width: 800px) {
    .t03_img {
        width: 100%;
        margin-top: 30px;
        padding: 0 9.8% 0 9.8%;
        -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
    }
}
@media only screen and (max-width: 640px) {
    .t03_img {
        padding: 0 5% 0 5%;
    }
}
@media only screen and (max-width: 480px) {
    .t03_img {
        padding: 0 2% 0 2%;
    }
}
.t03_mese {
    font-size: 36px;
    font-weight: bold;
    margin-top: 20px;
}
@media only screen and (max-width: 800px) {
    .t03_mese {
        margin-top: 60px;
    }
}
.t03_mese span {
    color: #0b7fc6;
    font-size: 46px;
    line-height: 2.2em;
    background-image: url(images/t03_mese.png);
	background-repeat: repeat;
	background-position: left bottom;
}
@media only screen and (min-width: 1146px) {
    .t03_mese_br {
        display: none;
    }
}
@media only screen and (max-width: 640px) {
    .t03_mese {
        font-size: 30px;
        margin-top: 40px;
    }
    .t03_mese span {
        font-size: 36px;
        line-height: 2em;
        background-image: url(images/t03_mese2.png);
    }
}
@media only screen and (max-width: 480px) {
    .t03_mese {
        font-size: 24px;
        margin-top: 30px;
    }
    .t03_mese span {
        font-size: 28px;
        line-height: 2em;
        background-image: url(images/t03_mese3.png);
    }
}


/*特定技能外国人の採用メリット*/
.t02 {
    text-align: center;
    background-color: #f1e7e5;
    background-image: url(images/t02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 100% auto;
}
@media only screen and (max-width: 1446px) {
    .t02 {
        background-size: auto 100%;
    }
}
@media only screen and (max-width: 640px) {
    .t02 {
        background-size: 100% auto;
    }
}
.t02_h2 {
    font-size: 44px;
    line-height: 2.4em;
    color: #005487;
    background-image: url(images/t02_h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
    .t02_h2 {
        font-size: 36px;
    }
}
@media only screen and (max-width: 640px) {
    .t02_h2 {
        font-size: 30px;
        padding-bottom: 14px;
        background-size: auto 18px;
    }
}
@media only screen and (max-width: 480px) {
    .t02_h2 {
        font-size: 20px;
        padding-bottom: 36px;
    }
}


/*外国人採用は考えているけど… こんなお悩みはありませんか？*/
.t01 {
    text-align: center;
    background-color: #f2f7fa;
}
.t01_h2 {
    font-size: 36px;
    line-height: 1.6em;
}
.t01_h2main {
    font-size: 50px;
    color: #0b7fc6;
}
.t01_next {
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 90px 0 90px;
    border-color: #0b7fc6 transparent transparent transparent;
}
@media only screen and (max-width: 640px) {
    .t01_next {
        border-width: 16px 60px 0 60px;
    }
}
.t01 p {
    font-size: 30px;
    font-weight: 600;
    line-height: 2em;
}
@media only screen and (max-width: 800px) {
    .t01_h2 {
        font-size: 30px;
    }
    .t01_h2main {
        font-size: 40px;
    }
    .t01 p {
        font-size: 22px;
    }
}
@media only screen and (max-width: 640px) {
    .t01_h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .t01_h2main {
        font-size: 34px;
    }
    .t01 p {
        font-size: 22px;
    }
}
@media only screen and (max-width: 525px) {
    .t01_h2 {
        font-size: 22px;
    }
    .t01_h2main {
        font-size: 28px;
    }
}
@media only screen and (max-width: 480px) {
    .t01_h2 {
        font-size: 18px;
    }
    .t01_h2main {
        font-size: 24px;
    }
    .t01 p {
        font-size: 18px;
    }
}
@media only screen and (min-width: 641px) {
    .t01_p_br {
        display: none;
    }
}
@media only screen and (min-width: 378px) {
    .t01_h2_br {
        display: none;
    }
}
.t01 .mese {
    margin-top: 30px;
}
.t01_img {
    width: 100%;
    padding: 0 9.8% 0 9.8%;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
    .t01_img {
        padding: 0 5% 0 5%;
    }
}
@media only screen and (max-width: 480px) {
    .t01_img {
        padding: 0 2% 0 2%;
    }
}


/*TOPイメージ*/
.top_img {
    text-align: center;
    background-color: #0b7fc6;
}

/*TOPナビ*/	
.top_nav {
    list-style: none;
    text-align: center;
    max-width: 1200px;
    margin: auto;
}
.top_nav li {
	width: 19%;
    padding: 0 4px 0 4px;
    display: inline-block;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
@media only screen and (max-width: 852px) {
    .top_nav {
        padding: 0 16px 0 16px;
        -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
    }
    .top_nav li {
        width: 32.9%;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 530px) {
    .top_nav li {
        width: 32%;
    }
    .top_nav .w {
        width: 42%;
    }
}
@media only screen and (max-width: 439px) {
    .top_nav {
        padding: 0 5px 0 5px;
    }
    .top_nav li {
        width: 49%;
    }
    .top_nav .w {
        width: 49%;
    }
}
.top_nav li a {
    text-decoration: none;
}
.top_nav_box {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 16px 0 34px 0;
    background-color: #0b7fc6;
    background-image: url(images/top_nav.png);
	background-repeat: no-repeat;
	background-position: center bottom 14px;
    border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 960px) {
    .top_nav_box {
        font-size: 16px;
        padding: 12px 0 28px 0;
    }
}
@media only screen and (max-width: 530px) {
    .top_nav_box {
        font-size: 14px;
    }
}
.top_nav_box:hover{
    opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 968px) {
    .t_h {
        background-image: url(images/t_h.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
}



.mt00 {margin-top: 0px;}
.mt05 {margin-top: 5px;}.mt10 {margin-top: 10px;}.mt15 {margin-top: 15px;}.mt20 {margin-top: 20px;}.mt25 {margin-top: 25px;}.mt30 {margin-top: 30px;}.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}.mt45 {margin-top: 45px;}.mt50 {margin-top: 50px;}.mt55 {margin-top: 55px;}.mt60 {margin-top: 60px;}.mt65 {margin-top: 65px;}.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}.mt80 {margin-top: 80px;}.mt85 {margin-top: 85px;}.mt90 {margin-top: 90px;}.mt95 {margin-top: 95px;}.mt100 {margin-top: 100px;}
.mt110 {margin-top: 110px;}.mt120 {margin-top: 120px;}.mt130 {margin-top: 130px;}.mt140 {margin-top: 140px;}
.mt280 {margin-top: 280px;}
.mb05 {margin-bottom: 5px;}.mb10 {margin-bottom: 10px;}.mb15 {margin-bottom: 15px;}.mb20 {margin-bottom: 20px;}.mb25 {margin-bottom: 25px;}.mb30 {margin-bottom: 30px;}.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}.mb45 {margin-bottom: 45px;}.mb50 {margin-bottom: 50px;}.mb55 {margin-bottom: 55px;}.mb60 {margin-bottom: 60px;}.mb65 {margin-bottom: 65px;}.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}.mb80 {margin-bottom: 80px;}.mb85 {margin-bottom: 85px;}.mb90 {margin-bottom: 90px;}.mb95 {margin-bottom: 95px;}.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}.mb120 {margin-bottom: 120px;}.mb130 {margin-bottom: 130px;}.mb140 {margin-bottom: 140px;}
.pt05 {padding-top: 5px;}.pt10 {padding-top: 10px;}.pt15 {padding-top: 15px;}.pt20 {padding-top: 20px;}.pt25 {padding-top: 25px;}.pt30 {padding-top: 30px;}.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}.pt45 {padding-top: 45px;}.pt50 {padding-top: 50px;}.pt55 {padding-top: 55px;}.pt60 {padding-top: 60px;}.pt65 {padding-top: 65px;}.pt70 {padding-top: 70px;}
.pt75 {padding-top: 75px;}.pt80 {padding-top: 80px;}.pt85 {padding-top: 85px;}.pt90 {padding-top: 90px;}.pt95 {padding-top: 95px;}.pt100 {padding-top: 100px;}
.pt110 {padding-top: 110px;}.pt120 {padding-top: 120px;}
.pb05 {padding-bottom: 5px;}.pb10 {padding-bottom: 10px;}.pb15 {padding-bottom: 15px;}.pb20 {padding-bottom: 20px;}.pb25 {padding-bottom: 25px;}.pb30 {padding-bottom: 30px;}.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}.pb45 {padding-bottom: 45px;}.pb50 {padding-bottom: 50px;}.pb55 {padding-bottom: 55px;}.pb60 {padding-bottom: 60px;}.pb65 {padding-bottom: 65px;}.pb70 {padding-bottom: 70px;}
.pb75 {padding-bottom: 75px;}.pb80 {padding-bottom: 80px;}.pb85 {padding-bottom: 85px;}.pb90 {padding-bottom: 90px;}.pb95 {padding-bottom: 95px;}.pb100 {padding-bottom: 100px;}
.pb110 {padding-bottom: 110px;}.pb120 {padding-bottom: 120px;}.pb130 {padding-bottom: 130px;}.pb140 {padding-bottom: 140px;}
.pl05 {padding-left: 5px;}.pl10 {padding-left: 10px;}.pl15 {padding-left: 15px;}.pl20 {padding-left: 20px;}.pl25 {padding-left: 25px;}.pl30 {padding-left: 30px;}.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}.pl45 {padding-left: 45px;}.pl50 {padding-left: 50px;}.pl55 {padding-left: 55px;}.pl60 {padding-left: 60px;}.pl65 {padding-left: 65px;}.pl70 {padding-left: 70px;}
.pl75 {padding-left: 75px;}.pl80 {padding-left: 80px;}.pl85 {padding-left: 85px;}.pl90 {padding-left: 90px;}.pl95 {padding-left: 95px;}.pl100 {padding-left: 100px;}
.pr05 {padding-right: 5px;}.pr10 {padding-right: 10px;}.pr15 {padding-right: 15px;}.pr20 {padding-right: 20px;}.pr25 {padding-right: 25px;}.pr30 {padding-right: 30px;}.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}.pr45 {padding-right: 45px;}.pr50 {padding-right: 50px;}.pr55 {padding-right: 55px;}.pr60 {padding-right: 60px;}.pr65 {padding-right: 65px;}.pr70 {padding-right: 70px;}
.pr75 {padding-right: 75px;}.pr80 {padding-right: 80px;}.pr85 {padding-right: 85px;}.pr90 {padding-right: 90px;}.pr95 {padding-right: 95px;}.pr100 {padding-right: 100px;}
@media screen and (max-width : 1064px){
	.mt05 {margin-top: calc(5/1200*100vw);}.mt10 {margin-top: calc(10/1200*100vw);}.mt15 {margin-top: calc(15/1200*100vw);}.mt20 {margin-top: calc(20/1200*100vw);}.mt25 {margin-top: calc(25/1200*100vw);}
	.mt30 {margin-top: calc(30/1200*100vw);}.mt35 {margin-top: calc(35/1200*100vw);}.mt40 {margin-top: calc(40/1200*100vw);}.mt45 {margin-top: calc(45/1200*100vw);}.mt50 {margin-top: calc(50/1200*100vw);}
	.mt55 {margin-top: calc(55/1200*100vw);}.mt60 {margin-top: calc(60/1200*100vw);}.mt65 {margin-top: calc(65/1200*100vw);}.mt70 {margin-top: calc(70/1200*100vw);}.mt75 {margin-top: calc(75/1200*100vw);}
	.mt80 {margin-top: calc(80/1200*100vw);}.mt85 {margin-top: calc(85/1200*100vw);}.mt90 {margin-top: calc(90/1200*100vw);}.mt95 {margin-top: calc(95/1200*100vw);}.mt100 {margin-top: calc(100/1200*100vw);}.mt110 {margin-top: calc(110/1200*100vw);}.mt120 {margin-top: calc(120/1200*100vw);}.mt130 {margin-top: calc(130/1200*100vw);}.mt140 {margin-top: calc(140/1200*100vw);}
	.mt280 {margin-top: calc(280/1200*100vw);}
	.mb05 {margin-bottom: calc(5/1200*100vw);}.mb10 {margin-bottom: calc(10/1200*100vw);}.mb15 {margin-bottom: calc(15/1200*100vw);}.mb20 {margin-bottom: calc(20/1200*100vw);}.mb25 {margin-bottom: calc(25/1200*100vw);}
	.mb30 {margin-bottom: calc(30/1200*100vw);}.mb35 {margin-bottom: calc(35/1200*100vw);}.mb40 {margin-bottom: calc(40/1200*100vw);}.mb45 {margin-bottom: calc(45/1200*100vw);}.mb50 {margin-bottom: calc(50/1200*100vw);}
	.mb55 {margin-bottom: calc(55/1200*100vw);}.mb60 {margin-bottom: calc(60/1200*100vw);}.mb65 {margin-bottom: calc(65/1200*100vw);}.mb70 {margin-bottom: calc(70/1200*100vw);}.mb75 {margin-bottom: calc(75/1200*100vw);}
	.mb80 {margin-bottom: calc(80/1200*100vw);}.mb85 {margin-bottom: calc(85/1200*100vw);}.mb90 {margin-bottom: calc(90/1200*100vw);}.mb95 {margin-bottom: calc(95/1200*100vw);}.mb100 {margin-bottom: calc(100/1200*100vw);}
	.mb110 {margin-bottom: calc(110/1200*100vw);}.mb120 {margin-bottom: calc(120/1200*100vw);}.mb130 {margin-bottom: calc(130/1200*100vw);}.mb140 {margin-bottom: calc(140/1200*100vw);}
	.pt05 {padding-top: calc(5/1200*100vw);}.pt10 {padding-top: calc(10/1200*100vw);}.pt15 {padding-top: calc(15/1200*100vw);}.pt20 {padding-top: calc(20/1200*100vw);}.pt25 {padding-top: calc(25/1200*100vw);}
	.pt30 {padding-top: calc(30/1200*100vw);}.pt35 {padding-top: calc(35/1200*100vw);}.pt40 {padding-top: calc(40/1200*100vw);}.pt45 {padding-top: calc(45/1200*100vw);}.pt50 {padding-top: calc(50/1200*100vw);}
	.pt55 {padding-top: calc(55/1200*100vw);}.pt60 {padding-top: calc(60/1200*100vw);}.pt65 {padding-top: calc(65/1200*100vw);}.pt70 {padding-top: calc(70/1200*100vw);}.pt75 {padding-top: calc(75/1200*100vw);}
	.pt80 {padding-top: calc(80/1200*100vw);}.pt85 {padding-top: calc(85/1200*100vw);}.pt90 {padding-top: calc(90/1200*100vw);}.pt95 {padding-top: calc(95/1200*100vw);}.pt100 {padding-top: calc(100/1200*100vw);}
	.pt110 {padding-top: calc(110/1200*100vw);}.pt120 {padding-top: calc(120/1200*100vw);}
	.pb05 {padding-bottom: calc(5/1200*100vw);}.pb10 {padding-bottom: calc(10/1200*100vw);}.pb15 {padding-bottom: calc(15/1200*100vw);}.pb20 {padding-bottom: calc(20/1200*100vw);}.pb25 {padding-bottom: calc(25/1200*100vw);}
	.pb30 {padding-bottom: calc(30/1200*100vw);}.pb35 {padding-bottom: calc(35/1200*100vw);}.pb40 {padding-bottom: calc(40/1200*100vw);}.pb45 {padding-bottom: calc(45/1200*100vw);}.pb50 {padding-bottom: calc(50/1200*100vw);}
	.pb55 {padding-bottom: calc(55/1200*100vw);}.pb60 {padding-bottom: calc(60/1200*100vw);}.pb65 {padding-bottom: calc(65/1200*100vw);}.pb70 {padding-bottom: calc(70/1200*100vw);}.pb75 {padding-bottom: calc(75/1200*100vw);}
	.pb80 {padding-bottom: calc(80/1200*100vw);}.pb85 {padding-bottom: calc(85/1200*100vw);}.pb90 {padding-bottom: calc(90/1200*100vw);}.pb95 {padding-bottom: calc(95/1200*100vw);}.pb100 {padding-bottom: calc(100/1200*100vw);}
	.pb110 {padding-bottom: calc(110/1200*100vw);}.pb120 {padding-bottom: calc(120/1200*100vw);}.pb130 {padding-bottom: calc(130/1200*100vw);}.pb140 {padding-bottom: calc(140/1200*100vw);}
	.pl05 {padding-left: calc(5/1200*100vw);}.pl10 {padding-left: calc(10/1200*100vw);}.pl15 {padding-left: calc(15/1200*100vw);}.pl20 {padding-left: calc(20/1200*100vw);}.pl25 {padding-left: calc(25/1200*100vw);}
	.pl30 {padding-left: calc(30/1200*100vw);}.pl35 {padding-left: calc(35/1200*100vw);}.pl40 {padding-left: calc(40/1200*100vw);}.pl45 {padding-left: calc(45/1200*100vw);}.pl50 {padding-left: calc(50/1200*100vw);}
	.pl55 {padding-left: calc(55/1200*100vw);}.pl60 {padding-left: calc(60/1200*100vw);}.pl65 {padding-left: calc(65/1200*100vw);}.pl70 {padding-left: calc(70/1200*100vw);}.pl75 {padding-left: calc(75/1200*100vw);}
	.pl80 {padding-left: calc(80/1200*100vw);}.pl85 {padding-left: calc(85/1200*100vw);}.pl90 {padding-left: calc(90/1200*100vw);}.pl95 {padding-left: calc(95/1200*100vw);}.pl100 {padding-left: calc(100/1200*100vw);}
	.pr05 {padding-right: calc(5/1200*100vw);}.pr10 {padding-right: calc(10/1200*100vw);}.pr15 {padding-right: calc(15/1200*100vw);}.pr20 {padding-right: calc(20/1200*100vw);}.pr25 {padding-right: calc(25/1200*100vw);}
	.pr30 {padding-right: calc(30/1200*100vw);}.pr35 {padding-right: calc(35/1200*100vw);}.pr40 {padding-right: calc(40/1200*100vw);}.pr45 {padding-right: calc(45/1200*100vw);}.pr50 {padding-right: calc(50/1200*100vw);}
	.pr55 {padding-right: calc(55/1200*100vw);}.pr60 {padding-right: calc(60/1200*100vw);}.pr65 {padding-right: calc(65/1200*100vw);}.pr70 {padding-right: calc(70/1200*100vw);}.pr75 {padding-right: calc(75/1200*100vw);}
	.pr80 {padding-right: calc(80/1200*100vw);}.pr85 {padding-right: calc(85/1200*100vw);}.pr90 {padding-right: calc(90/1200*100vw);}.pr95 {padding-right: calc(95/1200*100vw);}.pr100 {padding-right: calc(100/1200*100vw);}
}

.text11 {font-size: 11px;}.text12 {font-size: 12px;}.text13 {font-size: 13px;}.text14 {font-size: 14px;}.text15 {font-size: 15px;}.text16 {font-size: 16px;}.text17 {font-size: 17px;}.text18 {font-size: 18px;}.text19 {font-size: 19px;}
.text20 {font-size: 20px;}.text21 {font-size: 21px;}.text22 {font-size: 22px;}.text23 {font-size: 23px;}.text24 {font-size: 24px;}.text25 {font-size: 25px;}.text26 {font-size: 26px;}.text27 {font-size: 27px;}.text28 {font-size: 28px;}.text29 {font-size: 29px;}
.text30 {font-size: 30px;}