/* ===================================================================
汎用 スタイル
=================================================================== */
@media screen and (max-width: 1025px) {
    img {
        max-width: 100%;
        height: auto;
    }
}

.page_title {
	background: url(../img/contents_bg.jpg) top center no-repeat;
	background-size: cover;
	font-size: 24px !important;
	color:#fff;
	margin-bottom: 5px;
	margin-top:78px;
}

.page_title h2 {
    padding: 65px 0 60px;
    width: 22%;
	 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 text-shadow:
        0 2px 0 #000,
        0 3px 0 #000,
        0 4px 5px #000;
		font-size:30px;
    
}

.page_title ul {
    width: 58%;
    text-align: right;
    line-height: 120%;
}

.page_title ul li {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    padding: 0;
}

.page_title ul li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    padding-left: 12px;
}

.page_title ul li a:hover {
    text-decoration: underline;
}

.page_title ul li a::before {
    content: '>';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    line-height: 135%;
}

@media screen and (max-width: 1025px) {
    .page_title {
        font-size: 16px !important;
      
        margin-bottom: 30px;
        text-align: center;
        margin-top: 50px;
    }

    .page_title h2 {
        width: 100%;
    }

    .page_title h2 {
        padding: 35px 0 15px;
    }

    .page_title ul {
        width: 100%;
        padding: 0 0 15px 0;
        text-align: center;
    }
}

.breadcrumbs {
    text-align: right;
    margin-bottom: 40px;
}

.breadcrumbs li {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    position: relative;
}

.breadcrumbs a {
    color: #313131;
    text-decoration: underline;
}

.breadcrumbs li::after {
    content: '>';
    padding: 0 10px;
}

.breadcrumbs li:last-child::after {
    content: none;
}

@media screen and (max-width: 1025px) {
    .breadcrumbs {
        display: none;
    }
}

.title_big01 {
    position: relative;
    padding: 0.7em 1.5em;
    color: #fff;
    margin-bottom: 40px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: left;
}


.tb01-01 {
    background: #175eb0;
		border-bottom: solid 3px #979998;
}

.tb01-01::before {
    border-right: solid 20px #02336c;
}

.tb01-02 {
    background: #217e5e;
	border-bottom: solid 3px #979998;
}

.tb01-02::before {
    border-right: solid 20px #0c7d56;
}

.tb01-03 {
    background: #8cc63f;
}

.tb01-03::before {
    border-right: solid 20px #887c02;
}

.tb01-04 {
    background: #1fad58;
}

.tb01-04::before {
    border-right: solid 20px #ac323a;
}

.tb01-05 {
    background: #fc3b48;
}

.tb01-05::before {
    border-right: solid 20px #b0030e;
}

.title_big02 {
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 30px;
}

.title_big02 span {
    padding: 5px 10px 5px;
}

.tb02-01 span {
    border-bottom: 2px dashed #ffa200;
    color: #ffa200;
}

.tb02-02 span {
    border-bottom: 2px dashed #313131;
    color: #313131;
}

.tb02-03 span {
    border-bottom: 2px dashed #3366CC;
    color: #003399;
}

.tb02-04 span {
    border-bottom: 2px dashed #66CC33;
    color: #339966;
}

.tb02-05 span {
    border-bottom: 2px dashed #FF99CC;
    color: #FF3366;
}

.title_big03 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
    position: relative;
    border-bottom: solid 3px #D8D8D8;
}

.title_big03.tb03-01:after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: solid 3px #175eb0;
    bottom: -3px;
    width: 20%;
}

.title_big03.tb03-02:after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: solid 3px #217e5e;
    bottom: -3px;
    width: 20%;
}

.title_big03.tb03-03:after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: solid 3px #e1ce04;
    bottom: -3px;
    width: 20%;
}

.title_big03.tb03-04:after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: solid 3px #ed7179;
    bottom: -3px;
    width: 20%;
}

.title_big03.tb03-05:after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: solid 3px #fc3b48;
    bottom: -3px;
    width: 20%;
}

.tb03-01 {
    color: #175eb0;
}

.tb03-02 {
    color: #217e5e;
}

.tb03-03 {
    color: #e1ce04;
}

.tb03-04 {
    color: #ed7179;
}

.tb03-05 {
    color: #fc3b48;
}

@media screen and (max-width: 1025px) {

    .title_big01,
    .title_big02,
    .title_big03 {
        font-size: 18px;
    }
}

.title_middle01 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
    text-align: center;
}

.title_middle02 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
}

.title_middle02.tb03-01 {
    border-left: 5px solid #175eb0;
    padding: 3px 0 3px 10px;
    color: #175eb0;
}

.title_middle02.tb03-02 {
    border-left: 5px solid #217e5e;
    padding: 3px 0 3px 10px;
    color: #217e5e;
}

.title_middle02.tb03-03 {
    border-left: 5px solid #e1ce04;
    padding: 3px 0 3px 10px;
    color: #e1ce04;
}

.title_middle02.tb03-04 {
    border-left: 5px solid #ed7179;
    padding: 3px 0 3px 10px;
    color: #ed7179;
}

.title_middle02.tb03-05 {
    border-left: 5px solid #fc3b48;
    padding: 3px 0 3px 10px;
    color: #fc3b48;
}


.title_small01 {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.title_small02 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px dashed #aea79b;
}

.title_small03 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.title_small03 span {
    border-bottom: 2px solid #aea79b;
    padding-bottom: 3px;
}

.photo_left img {
    float: left;
    margin: 0 25px 10px 0;
}

.photo_right img {
    float: right;
    margin: 0 0 10px 25px;
}

.map {
    float: right;
    margin: 0 0 10px 25px;
}

@media screen and (max-width: 1025px) {
    .photo_left img {
        float: none;
        display: block;
        margin: 0 auto 25px;
    }

    .photo_right img {
        float: none;
        margin: 0 auto 25px;
        display: block;
    }
}

.photo_left02 {
    float: left;
    margin-right: 40px;
}

.photo_right02 {
    overflow: auto;
}

.photo_left03 {
    overflow: auto;
}

.photo_right03 {
    float: right;
    margin: 0 0 25px 40px;
}

@media screen and (max-width: 1025px) {
    .photo_left02 {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }

    .photo_right02 {
        width: 100%;
    }

    .photo_left03 {
        width: 100%;
        order: 2;
		margin-bottom: 50px;
    }

    .photo_right03 {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
        order: 1;
		
    }
}

.layout_horizon {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
}

.layout_horizon::after {
    content: "";
    display: block;
    width: 30%;
}

.layout_horizon::before {
    content: "";
    display: block;
    width: 23%;
    order: 1;
}

.layout_horizon::after {
    content: "";
    display: block;
    width: 23%;
}

.layout_horizon img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.hor02 div {
    width: 48%;
}

.hor02_gakkaichiran div {
    width: 50%;
}

.hor03 div {
    width: 31%;
}

.hor04 div {
    width: 23%;
}

@media screen and (max-width: 1025px) {
    .hor02 div {
        width: 98%;
        text-align: center;
        margin-bottom: 25px;
    }
	
	 .hor02_gakkaichiran div {
        width: 98%;
        text-align: center;
        margin-bottom: 25px;
    }
	

    .hor03 div {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .hor04 div {
        width: 98%;
        text-align: center;
        margin-bottom: 25px;
    }
}

.hor05 div {
    width: 31%;
    border: 1px solid #C7C7C7;
}

.hor05 div img {
    max-width: 100%;
    height: auto;
    border-bottom: 1px solid #c7c7c7;
}

.hor05 div .hor05in {
    padding: 10px;
    text-align: center;
    line-height: 130%;
}

.hor05 div .hor05in a {
    background: url(../img/arrow02.png) top left no-repeat;
    padding: 0 0 0 15px;
    text-decoration: none;
    display: inline-block;
    color: #0B9CD8;
}

.hor05 div .hor05in a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1025px) {
    .hor05 div {
        width: 100%;
    }
}

.hanyo_goods {
    width: 100%;
    margin: 0 auto 35px;
}

.hanyo_goods_left {
    width: 45%;
}

.hanyo_goods_right {
    width: 52%;
}

.hanyo_goods_right h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.hanyo_goods_right .hgr_price {
    font-size: 20px;
    font-size: 2.0rem;
}

.hanyo_goods_right ul {
    float: right;
}

.hanyo_goods_right ul li {
    float: left;
    margin-left: 15px;
}

@media screen and (max-width: 1025px) {
    .hanyo_goods_left {
        width: 100%;
        text-align: center;
        margin: 0 auto 15px;
    }

    .hanyo_goods_right {
        width: 100%;
    }

    .hanyo_goods_right ul {
        float: none;
        text-align: center;
    }

    .hanyo_goods_right ul li {
        float: none;
        display: inline-block;
        width: 100%;
        margin-left: 0px;
    }
}

@media screen and (max-width: 1025px) {
    .scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /*white-space: nowrap;*/
        margin-bottom: 30px;
    }

    .scroll::-webkit-scrollbar {
        height: 5px;
    }

    .scroll::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    .scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }
}

.layout_title::after {
    width: 48%;
    display: block;
}

.layout_titleArea {
    width: 48%;
    margin-bottom: 25px;
}

.layout_titleArea h3 {
    border-bottom: 2px solid #e88709;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.layout_t_img {
    width: 40%;
}

.layout_t_txt {
    width: 55%;
}

@media screen and (max-width: 1025px) {
    .layout_titleArea {
        width: 100%;
        margin-bottom: 25px;
    }
}

.table01 {
    width: 100%;
}

.table01 th,
.table01 td {
    padding: 12px;
    vertical-align: middle;
    border: 1px solid #DFDFDF;
    
    font-weight: normal;
}

.table01 th {
 width: 30%;
}

.table01 th {
    background-color: #eaeaea;
}

.table01 td {
    background-color: #FFF;
}



.table02 {
    width: 100%;
}

.table02 th,
.table02 td {
    padding: 12px;
    vertical-align: middle;
    border: 1px solid #DFDFDF;
    font-weight: normal;
}

.table02 th {
    width: 30%;
    background-color: #eaeaea;
}


.table02 th.th-02 {
    width: 70%;
}

.table02 td {
    background-color: #FFF;
}

.table02 th.width_long {
    width: 40%;
}

.table02 th.width_short {
    width: 10%;
}

.table02 th.width_mid {
    width: 25%;
}

.table02 th.width_mid2 {
    width: 20%;
}

.table03 {
    width: 100%;
}

.table03 th,
.table03 td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #DFDFDF;
    font-weight: normal;
}

.table03 th {
    width: 50%;
    background-color: #eaeaea;
    text-align: left;
}

.table03 td {
    background-color: #FFF;
    width: 50%;
}






.table05 {
    width: 100%;
}

.table05 th,
.table05 td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #DFDFDF;
    font-weight: normal;
}

.table05 th {
    width: 20%;
    background-color: #eaeaea;
    text-align: left;
}

.table05 td {
    background-color: #FFF;
    width: 20%;
}





.table06 {
    width: 100%;
}

.table06 th,
.table06 td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #DFDFDF;
    font-weight: normal;
}




.table06 th
{
    width: 15%;
    background-color: #eaeaea;
    text-align: left;
}




.table06 td {
    background-color: #FFF;
    width: 20%;
}






.table05x {
    width: 100%;
}

.table05x th,
.table05x td {
    padding: 9px;
    vertical-align: middle;
    border: 1px solid #DFDFDF;
    font-weight: normal;
	
}

.table05x th {
   
    background-color: #eaeaea;
}

.table05x th.th-02 {
   
}

.table05x td {
    background-color: #FFF;
}


.sponly {
    display: none;
}



@media screen and (max-width: 1025px) {
	
	

.tablewrap{ width:100%; overflow:auto;}

.table05x {width:1000px;}
.table06 {width:1000px;}

.table05 {width:1000px;}
.table04 {width:1000px;}
.table03 {width:1000px;}
.table02 {width:1000px;}

   .table_attention {
        opacity: 1 !important;
        transform: none !important;
        font-size: 0.85rem;
        margin-top: -50px;
    }
	
	.table01 th,
.table01 td {
        width: 100%;
   
}
	
 .sponly {
        display: block;
    }
}





@media screen and (max-width: 480px) {
	.table02 th {
    width: 100%;}
	
	.table02 { width:100%;}
}



@media screen and (max-width: 1025px) {
    .table03 {
        width: 100%;
        border: 1px solid #DFDFDF;
    }

    .table03 th {
        width: 100%;
        display: block;
        border: 0px solid #DFDFDF;
    }

    .table03 td.sp_td {
        border-bottom: 0px solid #DFDFDF;
        text-align: center;
        padding-bottom: 0;
    }

    .table03 td {
        display: block;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #DFDFDF;
    }
}


.table04 {
    width: 100%;
}

.table04 th,
.table04 td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #DFDFDF;
    font-weight: normal;
}

.table04 th {
    width: 30%;
    background-color: #DFDFDF;
    text-align: left;
}

.table04 td {
    background-color: #FFF;
    width: 70%;
}

@media screen and (max-width: 1025px) {
    .table04 {
        width: 100%;
        border: 1px solid #DFDFDF;
    }

    .table04 th {
        width: 100%;
        display: block;
        border: 0px solid #DFDFDF;
    }

    .table04 td.sp_td {
        border-bottom: 0px solid #DFDFDF;
        text-align: center;
        padding-bottom: 0;
    }

    .table04 td {
        display: block;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #DFDFDF;
    }
}

.bt_flex a {
    display: block;
    color: #FFF !important;
    text-decoration: none !important;
    background-color: #1fad58;

    /* box-shadow */
    box-shadow: 0px 2px 0px 0px #8cc63f;
    -moz-box-shadow: 0px 2px 0px 0px #8cc63f
    -webkit-box-shadow: 0px 2px 0px 0px #8cc63f;

    /* border-radius */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

.bt_flex a:hover {
    background-color: #8cc63f;
}

.bt_flex a:active {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0px 0px !important;
    -moz-box-shadow: 0px 0px !important;
    -webkit-box-shadow: 0px 0px !important;
}

.bt_flex a,
.bt_flex input {
    padding: 10px 20px 5px 20px;
    display: inline-block !important;
}

@media screen and (max-width: 1025px) {

    .bt_flex a,
    .bt_flex input {
        padding: 15px 3px 10px;
        display: block !important;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
}

.bt_flex2 a {
    display: block;
    color: #FFF !important;
    text-decoration: none !important;
    background-color: #09F;

    /* box-shadow */
    box-shadow: 0px 2px 0px 0px #3f82c6;
    -moz-box-shadow: 0px 2px 0px 0px #3f82c6
    -webkit-box-shadow: 0px 2px 0px 0px #3f82c6;

    /* border-radius */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

.bt_flex2 a:hover {
    background-color: #09C;
}

.bt_flex2 a:active {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0px 0px !important;
    -moz-box-shadow: 0px 0px !important;
    -webkit-box-shadow: 0px 0px !important;
}

.bt_flex2 a,
.bt_flex2 input {
    padding: 10px 20px 5px 20px;
    display: inline-block !important;
}

@media screen and (max-width: 1025px) {

    .bt_flex2 a,
    .bt_flex2 input {
        padding: 15px 3px 10px;
        display: block !important;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
}



.bt_flex3 a {
    display: block;
    color: #FFF !important;
    text-decoration: none !important;
    background-color: #1e4b68;

    /* box-shadow */
    box-shadow: 0px 2px 0px 0px #a8c8e9;
    -moz-box-shadow: 0px 2px 0px 0px #a8c8e9
    -webkit-box-shadow: 0px 2px 0px 0px #a8c8e9;

    /* border-radius */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

.bt_flex3 a:hover {
    background-color: #50a0d3;
}

.bt_flex3 a:active {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0px 0px !important;
    -moz-box-shadow: 0px 0px !important;
    -webkit-box-shadow: 0px 0px !important;
}

.bt_flex3 a,
.bt_flex3 input {
    padding: 10px 20px 5px 20px;
    display: inline-block !important;
}

@media screen and (max-width: 1025px) {

    .bt_flex3 a,
    .bt_flex3 input {
        padding: 15px 3px 10px;
        display: block !important;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
}



.bt_flex02 {
    display: inline-block;
    margin-left: 20px;
}

@media screen and (max-width: 1025px) {
    .bt_flex02 {
        display: inline-block;
        margin: 0;
        width: 100%;
    }
}



.title_txt {
    position: relative;
    padding-bottom: .5em;
    border-bottom: 4px solid #ccc;
    margin-bottom: 30px;
}

.title_txt::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 4px;
    background-color: #175eb0;
}

.tt_left {
    width: 20%;
}

.tt_right {
    width: 78%;
}

.title_txt.ttshort {
    width: 70%;
    margin: 0 auto 30px;
}

.bg_txt {
    background-color: #FFF;
    border: 2px solid #175eb0;
    padding: 15px;
}

.bg_txt02 {
    background-color: #FFF;
    border: 2px solid #175eb0;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.fuki_left {
    width: 15%;
}

.fuki_right {
    width: 83%;
}

@media screen and (max-width: 1025px) {
    .fuki_left {
        width: 50%;
        margin: 0 auto 20px !important;
    }

    .fuki_right {
        width: 100%;
    }
}

.fukidashi1 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 20px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 16px;
    background: #ed7179;
    text-align: center;
}

.fukidashi1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ed7179;
}

.fukidashi1 p {
    margin: 0;
    padding: 0;
}

.fukidashi2 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 20px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 16px;
    background: #ed7179;
    text-align: center;
}

.faq_q {
    position: relative;
    border-bottom: 1px dotted #39a6ce;
    padding-bottom: 5px;
    margin-bottom: 7px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.faq_q::before {
    content: 'Q';
    padding-right: 10px;
    font-size: 28px;
    font-size: 2.8rem;
    color: #F53476;
}

.faq_a {
    position: relative;
    margin-bottom: 30px;
}

.faq_a::before {
    content: 'A';
    padding-right: 10px;
    font-size: 28px;
    font-size: 2.8rem;
    color: #f48a00;
    font-weight: bold;
}

.lay22 {
    width: 48%;
}

.lay22in {
    width: 48%;
}

.lay22 img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 480px) {
    .lay22 {
        width: 100%;
        margin-bottom: 15px;
    }
}

.width70 {
    width: 70%;
}


@media screen and (max-width: 480px) {
    .width70 {
        width: 100%;
        margin-bottom: 20px;
    }

    .width30 {
        width: 100%;
        text-align: center;
       
    }
	
.spw70 {display:none;}
.flexdounyu {padding-bottom:20px;}
}

@media screen and (min-width: 1001px) {
	.flexdounyu {display:flex;  justify-content:center; margin-bottom:20px;  }

}

.hanyo_banner {
    margin-bottom: 60px;
}

.hanyo_banner li {
    width: 22%;
    float: left;
    margin: 0 1.4% 20px;
}

.hanyo_banner li a {
    display: block;
    padding: 0.7em 1.5em 0.7em 1em;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    background: url(../img/arrow_wh.png) top 20px right 10px no-repeat #1f78b1;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hanyo_banner li a:hover {
    background-color: #2d8cd7;
}

@media screen and (max-width: 1025px) {
    .hanyo_banner li {
        width: 100%;
        margin-bottom: 15px;
    }
}

.con_pagetop {
    text-align: right;
    margin-bottom: 30px;
}

.con_pagetop a {
    background: url(../img/cont_pagetop.png) center left no-repeat;
    padding-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    color: #1272bd;
}

.title_day {
    background-color: #cee2d9;
    padding: 10px;
    margin-bottom: 15px;
}

.title_day_title {
    width: 82%;
}

.title_day_day {
    width: 15%;
    text-align: right;
}

@media screen and (max-width: 1025px) {
    .title_day_title {
        width: 100%;
    }

    .title_day_day {
        width: 100%;
        text-align: left;
    }
}

.pdfArea {
    width: 100%;
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 30px;
}

.pdfArea td {
    padding: 10px;
}

.pdfArea_day {
    width: 15%;
}

.pdfArea_txt {
    width: 78%;
}

.pdfArea_bt {
    width: 7%;
}

@media screen and (max-width: 1025px) {
    .pdfArea_day {
        width: 100%;
        display: block;
    }

    .pdfArea_txt {
        width: 100%;
        display: block;
    }

    .pdfArea_bt {
        width: 100%;
        display: block;
        text-align: center;
    }

    .pdfArea_bt img {
        width: 80px;
    }
}

.office {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
}

.office::after {
    width: 31%;
    display: block;
    content: '';
}

.office li {
    width: 31%;
    border: 1px solid #DCDCDC;
    padding: 0.5em;
    margin-bottom: 30px;
}

.office li img {
    display: block;
    margin: 0 auto 15px;
}

.office li h2 {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 7px;
    border-bottom: 1px solid #464646;
}

.office table {
    width: 100%;
    margin-bottom: 10px;
}

.office table th,
.office table td {
    font-weight: normal;
    padding: 5px 3px;
}

.office table th {
    width: 18%;
    text-align: center;
    background-color: #373737;
    color: #FFF;
}

.office table td {
    width: 32%;
}

@media screen and (max-width: 1025px) {
    .office li {
        width: 100%;
        padding: 1em;
    }
}

.side_title {
    border-bottom: 2px solid #fd8096;
    background: url(../../pages/img/side_icon03.png) top left no-repeat;
    padding: 0 0 5px 25px;
    font-weight: bold;
}

@media screen and (max-width: 1025px) {
    .side_title {
        padding: 0px 0 7px 26px;
        font-weight: bold;
    }
}

#contents_right .link_list {
    background: url(../img/side_title_bg2.gif) top center repeat-x;
    padding-top: 15px;
}

#contents_right .link_list li {
    margin-bottom: 7px;
    border-bottom: 1px dotted #BBBBBB;
    background: url(../img/side_arrow.png) center left no-repeat;
    padding-left: 20px;
}

#contents_right .side_banner li {
    margin-bottom: 10px;
}

@media screen and (max-width: 1025px) {
    #contents_right .side_banner li {
        margin-bottom: 10px;
        float: left;
        width: 48%;
        margin: 0 1% 15px;
    }
}

@media screen and (max-width: 1025px) {

    #lightbox-container-image-box,
    #lightbox-container-image-data-box {
        width: 96% !important;
        height: auto;
        margin: 0 auto;
    }
}

.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.month_list li {
    width: 32%;
    padding: 10px;
    background-color: #FFF;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #E1E1E1;
    margin-bottom: 15px;
}

.month_list li .month {
    margin: 0 0 15px;
    text-align: center;
    height: 40px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
}

.month04 {
    background-color: #ED60A6;
}

.month05 {
    background-color: #7CBC1C;
}

.month06 {
    background-color: #1D800D;
}

.month07 {
    background-color: #2663AC;
}

.month08 {
    background-color: #0FB2B9;
}

.month09 {
    background-color: #2C697B;
}

.month10 {
    background-color: #B88A15;
}

.month11 {
    background-color: #C7420E;
}

.month12 {
    background-color: #E93562;
}

.month01 {
    background-color: #56BBA3;
}

.month02 {
    background-color: #A7A64C;
}

.month03 {
    background-color: #E8A20B;
}

@media screen and (max-width: 640px) {
    .month_list li {
        width: 48%;
    }
}

.schedule {
    width: 100%;
}

.schedule_left {
    width: 66%;
}

.schedule_left .sch_info {
    border: 2px solid #6e6e6e;
    padding: 1.5em;
    border-radius: 10px;
    margin-bottom: 25px;
}

.clock-bc {
    display: inline-block;
}

.clock {
    display: inline-block;
    position: relative;
}

.clock-text {
    text-align: center;
}

.clockpt01.clock-bc .clock {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 3px solid #6e6e6e;
    border-radius: 50%;
}

.clockpt01 .clock-hour,
.clockpt01 .clock-min {
    width: 2px;
    height: 20px;
    background-color: #03a9df;

    /*ここは変更しないでください*/
    display: inline-block;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform-origin: bottom center;
}

/*短針のスタイル*/
.clockpt01 .clock-hour {
    height: 20px;
}

/*長針のスタイル*/
.clockpt01 .clock-min {}

.sch_info h3 {
    font-size: 20px;
    font-size: 2.0rem;
    color: #1f398c;
    display: inline-block;
    margin-left: 25px;
    vertical-align: top;
}

.schedule_right {
    width: 30%;
}

.schedule_right li {
    margin-bottom: 15px;
}

@media screen and (max-width: 1025px) {
    .schedule_left .sch_info {
        padding: 1.5em 1em;
    }

    .clock-bc {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .sch_info h3 {
        display: block;
        margin: 0 0 20px 0;
    }
}

.cv {
    background: url(../img/city.png) bottom center repeat-x #f4f4f4;
    border: 5px solid #6e6e6e;
    padding: 2em 1.5em 3.5em;
    margin: 0 auto 40px;
}

.cv_left {
    width: 68%;
}

.cv_right {
    width: 30%;
}

.cv_bt {
    display: block;
    margin-bottom: 65px;
}

.cv_bt a {
    background: url(../img/icon_mail.png) left 15px center no-repeat #d8eff7;
    text-decoration: none;
    padding: 25px 20px 20px 50px;
    border: 1px solid #6ebed8;
    color: #313131 !important;
    border-radius: 10px;
    margin-bottom: 30px;
}

.cv_fax a {
    background: url(../img/file.png) left 15px center no-repeat #e5fbdd;
    text-decoration: none;
    padding: 25px 20px 20px 50px;
    border: 1px solid #76bc5e;
    color: #52ac32 !important;
    border-radius: 10px;
}

@media screen and (max-width: 1025px) {
    .cv_left {
        width: 100%;
        margin-bottom: 30px;
    }

    .cv_right {
        width: 100%;
        text-align: center;
    }
}






/* スマホ・PC切り替え　*/



body[class*="wc"] .module.pconly:before {
    content: '【↓PCのみ表示されるテキスト・画像です】';
    display: block;
    color: #FF0000;
}

body[class*="wc"] .module.sponly:before {
    content: '【↓スマホのみ表示されるテキスト・画像です】';
    display: block;
    color: #FF0000;
}

body[class*="wc"] .sponly,
body[class*="wc"] .pconly {
    display: block !important;
}



.sponly {
    display: none !important;
}

.pconly {
    display: block !important;
}

span.pconly {
    display: inline !important;
}

span.sponly {
    display: none !important;
}







@media screen and (max-width: 640px) {


    .sponly {
        display: block !important;
    }

    .pconly {
        display: none !important;
    }

    span.sponly {
        display: inline !important;
    }

    span.pconly {
        display: none !important;
    }


}




body.wcedit_860096001602,
body.wcarea_860096001602,
body.wcselect_860096001602 {
    width: 100%;
    margin: auto;
}

img[src*="analytics.global-websystem.net"] {
    position: absolute;
    left: -100px;
    bottom: -100px;
}




.exam__segment{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom: 3rem;
}
.exam__segment >p{
    width:calc(100% - 95px);
    font-size:1.2rem;
    margin: auto 0;
}
.exam__sectiion .mgb4 {
    margin-bottom: 0.4rem;
}
.exam__h6 {
    background: #8389bc;
    color: #fff;
    font-size: 1.2rem;
    padding: 1rem .5rem;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
    }
.exam__sectiion > ul > li {
    text-indent: -1.2rem;
    padding-left: 1rem;
}
@media screen and (max-width:480px){
    .exam__segment{
        display:block;
    }
    .exam__segment >p{
    width:100%;
    }
}


.bsflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}


/*ボタン共通*/
.btn__m {
    display: flex;
    justify-content:center;
    align-items: center;
    background-color: #f39800;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    padding: 4px 1em;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;

}
.btn__m::before {
    content: "▲";
    font-size: 1rem;
    display: inline-block;
    transform: rotate(90deg);
    margin-right: .5rem;
}

/*ボタンM*/
.btn__m {
    width: 48%;
	
	
}


.btn__m a:link { color: #ffffff; text-decoration: none;}
.btn__m a:visited { color: #ffffff; }
.btn__m a:hover { color: #ffffff; }
.btn__m a:active { color: #ffffff; text-decoration: none;}




@media screen and (max-width:768px){
    .btn__m{
      width:100%;
    }
}


.overf { overflow:scroll; height:300px; width:1000px; background-color:#F7F7F7; padding:20px;}


.catchcopy1 {margin-bottom:30px;font-size:35px;line-height:160%; 
	font-family:
	'Noto Serif JP',
	"游明朝体",
	"Yu Mincho",
	YuMincho,
	Garamond,
	"Times New Roman",
	"ヒラギノ明朝 Pro W3",
	"Hiragino Mincho Pro",
	"HiraMinProN-W3",
	"HGS明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	serif;
	font-weight: 600;
	letter-spacing:0;
	font-feature-settings:"palt" 1;
	font-kerning:auto;
	color:#003399;}




.jisseki3retsu {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  
}

.jisseki3retsu p{ width:31%;}


@media screen and (max-width:768px){
.jisseki3retsu {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
 }

.jisseki3retsu p{ width:44%;}



}


img[src*="analytics.global-websystem.net"] {position: absolute; left: -100px; bottom: -100px;}




/* PCのとき */
a[name][id] {
 position: relative;
 top: -350px;
}
/*  スマホ */
@media (max-width:480px) {
 a[name][id] {
  top: -100px;
 }
}


.romaname
{ font-weight:bold; color:#3366CC; font-size:12px;}

.profilestaff {}

.romaname2
{ font-weight:bold; color:#217e5e; font-size:12px;}

.romaname3
{ font-weight:bold; color:#e1ce04; font-size:12px;}

.romaname4
{ font-weight:bold; color:#ed7179; font-size:12px;}


@media screen and (min-width:1000px){
.news-article__title {font-size:24px;}
}


@media (max-width:480px) {
.catchcopy1 { font-size:18px;}
}


.teacher_title02 { font-size:18px; color:#3366CC;}





 
 /* 募集要項
----------------------------- */
.boshu_wrap {
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	font-size: 14px;
	text-align: left;
}
.boshu_wrap_s {
	margin-right: 70px;
	margin-left: 70px;
}
.boshu_wrap_gakuhi {
	margin-right: 70px;
	overflow: hidden;
}
.boshu_wrap_gakuhi_left {
	float: left;
	margin-right: 40px;
}
.boshu_gakka_gakuhi {
	position: relative;
	padding-top: 130px;
	margin-bottom: 20px;
	text-align: center;
}
.boshu_gakka_gakuhi_ttl {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -290px;
	padding: 15px 0;
	width: 480px;
	border-radius: 10px;
	font-size: 23px;
	font-weight: bold;
	background: #000000;
	color: #ffffff;
	text-align: center;
}
.boshu_gakka_gakuhi_ttl:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -12px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #000000 transparent transparent transparent;
	z-index: 0;
}



.boshu_ttl_main {
	margin-bottom: 75px;
}
.boshu_ttl_s {
	margin-bottom: 30px;
	line-height: 30px;
	border-radius: 3px;
	font-size: 23px;
	font-weight: bold;
	background: #425279;
	color: #ffffff;
	text-align: center;
}
.boshu_ttl_s.is-student {background: #F28E1E;}
.boshu_ttl_s.is-society {background: #00A498;}

.boshu_ttl_ss {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #9FA0A0;
	font-weight: bold;
	font-size: 16px;
	color: #425279;
}
.boshu_ttl_s.is-mbs {margin-bottom: 20px;}
.boshu_ttl_s.is-mbm {margin-bottom: 40px;}
.boshu_ttl_s.is-mbl {margin-bottom: 60px;}


.boshu_gakka_wrap {
	margin-bottom: 70px;
}
.boshu_gakuhi_wrap {
	margin-bottom: 70px;
}
.boshu_loan_wrap {
	margin-bottom: 70px;
}


.boshu_gakka_ttl {
	margin-bottom: 20px;
	line-height: 60px;
	border-radius: 3px;
	font-size: 23px;
	font-weight: bold;
	background: #cccccc;
	color: #ffffff;
	text-align: center;
}
.boshu_gakka_ttl.is-elt {background: #175eb0;}
.boshu_gakka_ttl.is-dt {background: #217e5e;}
.boshu_gakka_ttl.is-amt {background: #FFA600;}
.boshu_gakka_ttl.is-jt {background: #00C278;}
.boshu_gakka_ttl.is-loan {background: #708AC5;}

.boshu_gakka_list {
	margin-left: -40px;
}
.boshu_gakka_list_item {
	float: left;
	width: 480px;
	margin-left: 40px;
	margin-bottom: 40px;
}
.boshu_gakka_tbl {
	width: 100%;
}
.boshu_gakka_tbl_th {
	padding: 5px;
	border: 1px solid #9FA0A0;
	font-size: 16px;
	font-weight: bold;
	background: #EDEDED;
	color: #425279;
	text-align: center;
}
.boshu_gakka_tbl_th.is-first {
	width: 80px;
}
.boshu_gakka_tbl_td {
	padding: 5px;
	border: 1px solid #9FA0A0;
	background: #ffffff;
	text-align: center;
}




/* 学費のご案内
----------------------------- */
.boshu_gakuhi_top {
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.boshu_gakuhi_tbl {
	width: 100%;
}
.boshu_gakuhi_tr{
	border-bottom: 1px solid #9FA0A0;
}
.boshu_gakuhi_th {
	padding: 15px 0;
	width: 80px;
	font-size: 16px;
	font-weight: bold;
	color: #425279;
	vertical-align: top;
}
.boshu_gakuhi_td {
	display: block;
	padding: 5px 0 0;
	font-size: 25px;
	font-weight: bold;
	vertical-align: top;
}
.boshu_gakuhi_td.is-detail {
	display: block;
	width: auto;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	padding-top: 0;
	padding-bottom: 10px;
}
.boshu_gakka_attention {
	margin-top: 10px;
	font-size: 13px;
}
.boshu_gakka_info {
	margin-bottom: 50px;
}
.boshu_gakka_info_ttl {
	font-size: 16px;
	font-weight: bold;
	color: #425279;
}






@media (max-width:480px) {

/* 学費のご案内
----------------------------- */
	.boshu_gakuhi_top {
		margin-bottom: 30px;
		font-size: 21px;
	}
	.boshu_gakuhi_tbl {
		width: 100%;
	}
	.boshu_gakuhi_tr {
		display: block;
	}
	.boshu_gakuhi_th {
		display: block;
		padding: 0;
		width: auto;
		border-bottom: 0;
		font-size: 16px;
	}
	.boshu_gakuhi_td {
		display: block;
		padding: 0;
		width: auto;
		border-bottom: 0;
		font-size: 21px;
	}
	.boshu_gakuhi_td.is-detail {
		display: block;
		
		padding: 0 0 15px 0;
		width: auto;
		border-bottom: 1px solid #9FA0A0;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	.boshu_gakka_attention {
		margin-top: 10px;
		font-size: 13px;
	}
	.boshu_gakka_info {
		margin-bottom: 25px;
	}
	.boshu_gakka_info_ttl {
		font-size: 16px;
		font-weight: bold;
		color: #425279;
	}
	
	
	
	
	
/* 募集要項
----------------------------- */
	.boshu_wrap {
		width: auto;
		font-size: 12px;
		margin: 100px 15px 60px;
	}
	.boshu_wrap_s {
		margin-left: 0;
		margin-right: 0;
	}
	.boshu_wrap_gakuhi {
		margin: 0 0 30px;
	}
	.boshu_wrap_gakuhi_left {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	.boshu_gakka_gakuhi {
		padding-top: 90px;
		text-align: left;
	}
	.boshu_gakka_gakuhi_ttl {
		box-sizing: border-box;
    	top: 0;
    	left: 0;
    	margin-left: 15px;
    	margin-right: 15px;
    	padding-left: 15px;
    	padding-right: 15px;
    	width: -webkit-calc(100% - 30px);
    	width: calc(100% -30px);
    	font-size: 16px;
    }
	.boshu_ttl_main {
		overflow: hidden;
		margin-bottom: 75px;
	}
	.boshu_ttl_main img {
		margin-left: -45%;
		width: 190%;
	}
	.boshu_ttl_s {
		margin-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 30px;
		border-radius: 3px;
		font-size: 14px;
	}
	.boshu_ttl_s.is-student {background: #F28E1E;}
	.boshu_ttl_s.is-society {background: #00A498;}

	.boshu_ttl_ss {
		margin-bottom: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #9FA0A0;
		font-weight: bold;
		font-size: 16px;
		color: #425279;
	}
	.boshu_ttl_s.is-mbs {margin-bottom: 10px;}
	.boshu_ttl_s.is-mbm {margin-bottom: 20px;}
	.boshu_ttl_s.is-mbl {margin-bottom: 30px;}

	.boshu_gakka_wrap {
		margin-bottom: 70px;
	}
	.boshu_gakuhi_wrap {
		margin-bottom: 70px;
	}
	.boshu_loan_wrap {
		margin-bottom: 70px;
	}

	.boshu_gakka_ttl {
		margin-bottom: 10px;
		line-height: 60px;
		border-radius: 3px;
		font-size: 23px;
		font-weight: bold;
		background: #cccccc;
		color: #ffffff;
		text-align: center;
	}
	.boshu_gakka_list {
		margin-left: 0;
	}
	.boshu_gakka_list_item {
		float: none;
		width: auto;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.boshu_gakka_tbl_th {
		font-size: 14px;
	}
	.boshu_gakka_tbl_th.is-first, 
	.boshu_loan_info_box .boshu_gakka_tbl_th.is-first {
		width: 80px;
	}
	.boshu_gakka_tbl_td {
		padding: 5px;
		border: 1px solid #9FA0A0;
		background: #ffffff;
		text-align: center;
	}
	
}

.nyugakukin  {text-align:center; font-size:36px;}




.catchcopy1 {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 160%;
    font-family:
        'Noto Serif JP',
        "游明朝体",
        "Yu Mincho",
        YuMincho,
        Garamond,
        "Times New Roman",
        "ヒラギノ明朝 Pro W3",
        "Hiragino Mincho Pro",
        "HiraMinProN-W3",
        "HGS明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        serif;
    font-weight: 600;
    letter-spacing: 0;
    font-feature-settings: "palt"1;
    font-kerning: auto;
    color: #000000;
}


.catchcopy2 {
    margin-bottom: 10px;
    font-size: 35px;
    line-height: 160%;
    font-family:
        'Noto Serif JP',
        "游明朝体",
        "Yu Mincho",
        YuMincho,
        Garamond,
        "Times New Roman",
        "ヒラギノ明朝 Pro W3",
        "Hiragino Mincho Pro",
        "HiraMinProN-W3",
        "HGS明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        serif;
    font-weight: 600;
    letter-spacing: 0;
    font-feature-settings: "palt"1;
    font-kerning: auto;
    color: #588ab4;
}



.syomei {
    text-align: right;
    font-family:
        'Noto Serif JP',
        "游明朝体",
        "Yu Mincho",
        YuMincho,
        Garamond,
        "Times New Roman",
        "ヒラギノ明朝 Pro W3",
        "Hiragino Mincho Pro",
        "HiraMinProN-W3",
        "HGS明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        serif;
		font-size:28px;
		margin-top:30px;
}







@media screen and (max-width: 1025px) {
    .catchcopy1 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 100%;
        font-family:
            'Noto Serif JP',
            "游明朝体",
            "Yu Mincho",
            YuMincho,
            Garamond,
            "Times New Roman",
            "ヒラギノ明朝 Pro W3",
            "Hiragino Mincho Pro",
            "HiraMinProN-W3",
            "HGS明朝E",
            "ＭＳ Ｐ明朝",
            "MS PMincho",
            serif;
        font-weight: 600;
        letter-spacing: 0;
        font-feature-settings: "palt"1;
        font-kerning: auto;
        color: #1fad58;
		margin-bottom:40px;
    }


    .catchcopy2 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 100%;
        font-family:
            'Noto Serif JP',
            "游明朝体",
            "Yu Mincho",
            YuMincho,
            Garamond,
            "Times New Roman",
            "ヒラギノ明朝 Pro W3",
            "Hiragino Mincho Pro",
            "HiraMinProN-W3",
            "HGS明朝E",
            "ＭＳ Ｐ明朝",
            "MS PMincho",
            serif;
        font-weight: 600;
        letter-spacing: 0;
        font-feature-settings: "palt"1;
        font-kerning: auto;
        color: #588ab4;
    }
    
      .syomei {
        font-size: 18px;
    }

.top_cat {width:100% !important;}

}


@media screen and (max-width: 767px) {.midasi01 {font-size:18px !important}

table th,
table td{

  width:100%;

  display:block;

}
}
.midasi01 {font-size:24px; color: #5588CC; padding-bottom:10px; padding-top:20px;}


.sekoutit {font-size:20px; color:#039; font-weight:bold;}


@media screen and (min-width: 1001px) {
.oioi {  position: relative;
  left: 280px;}
}