@charset 'UTF-8';
/*
 * cmn_layout.css
 */

/*-------------------------------------------------
縺顔衍繧峨○逕ｨ
----------------------------------------------------*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.h_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.h_info p{
    margin-bottom: 0;
}
/* heading */

.post_content h2 {
font-size: 4.50704vw;
    font-weight: bold;
    position: relative;
    margin-bottom: 4vw;
    padding-bottom: 4vw;
    text-align: center;
    letter-spacing: .1em;
}
.post_content h2:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 16px;
    height: 2px;
    margin-left: -8px;
    content: '';
    background-color: #e30000;
}
@media only screen and (min-width: 768px), print{
    .post_content h2{
        font-size: 2.5rem;
        font-weight: 400;
        margin-bottom: 25px;
        padding-bottom: 30px;
    }
    .post_content h2:after {
        width: 30px;
        height: 4px;
        margin-left: -15px;
    }
}
.post_content h3 {
    font-size: 4.22535vw;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4vw;
    padding-bottom: 3.2vw;
    padding-left: 5.33333vw;
    border-bottom: 1px solid #e2e2e2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.post_content h3:after {
    position: absolute;
    top: 3.2vw;
    left: 0;
    display: block;
    width: 7px;
    height: 3px;
    content: '';
    background-color: #e30000;

}
@media only screen and (min-width: 768px), print{
    .post_content h3 {
        font-size: 2.2rem;
        margin-bottom: 30px;
        padding-bottom: 20px;
        padding-left: 40px;
    }
    .post_content h3:after {
        top: 21px;
        width: 15px;
        height: 6px;
    }
}
.post_content h4 {
    font-size: 4.0625vw;
    font-weight: bold;
    margin-bottom: 4vw;

}
@media only screen and (min-width: 768px), print{
    .post_content h4 {
        font-size: 2.0rem;
        margin-bottom: 20px;
    }
    .post_content blockquote{
    padding: 20px 30px;
    border-radius: 26px;
    }
}
.post_content h5 {
    font-size: 2vw;
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px), print{
    .post_content h5 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
}
.post_content h6 {
    font-size: 3.4375vw;
    margin-bottom: 20px;
   font-weight: bold;
}
@media only screen and (min-width: 768px), print{
    .post_content h6 {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
}

.post_content blockquote{
    padding: 2.66667vw;
    border-radius: 13px;
    background-color: #ebebeb;
    margin-bottom: 40px;
}


/* margin-bottom */
.mb_0 {
    margin-bottom: 0 !important;
}
.mb_5 {
    margin-bottom: 5px !important;
}
.mb_10 {
    margin-bottom: 10px !important;
}
.mb_15 {
    margin-bottom: 15px !important;
}
.mb_20 {
    margin-bottom: 20px !important;
}
.mb_30 {
    margin-bottom: 30px !important;
}
.mb_40 {
    margin-bottom: 40px !important;
}
.mb_50 {
    margin-bottom: 50px !important;
}
.mb_60 {
    margin-bottom: 60px !important;
}


/* margin-left */
.ml_0 {
    margin-left: 0 !important;
}
.ml_5 {
    margin-left: 5px !important;
}
.ml_10 {
    margin-left: 10px !important;
}
.ml_15 {
    margin-left: 15px !important;
}
.ml_17 {
    margin-left: 17px !important;
}
.ml_20 {
    margin-left: 20px !important;
}
.ml_30 {
    margin-left: 30px !important;
}
.ml_40 {
    margin-left: 40px !important;
}
.ml_50 {
    margin-left: 50px !important;
}
.ml_75 {
    margin-left: 75px !important;
}
.ml_150 {
    margin-left: 150px !important;
}

/* margin-right */
.mr_0 {
    margin-right: 0 !important;
}
.mr_5 {
    margin-right: 5px !important;
}
.mr_10 {
    margin-right: 10px !important;
}
.mr_15 {
    margin-right: 15px !important;
}
.mr_20 {
    margin-right: 20px !important;
}
.mr_30 {
    margin-right: 30px !important;
}
.mr_40 {
    margin-right: 40px !important;
}

/* margin-top */
.mt-45 {
    margin-top: -6vw !important;
}
.mt-85 {
    margin-top: -11vw !important;
}
.mt_0 {
    margin-top: 0 !important;
}
.mt_5 {
    margin-top: 5px !important;
}
.mt_10 {
    margin-top: 10px !important;
}
.mt_15 {
    margin-top: 15px !important;
}
.mt_20 {
    margin-top: 20px !important;
}
.mt_25 {
    margin-top: 25px !important;
}
.mt_30 {
    margin-top: 30px !important;
}
.mt_35 {
    margin-top: 35px !important;
}
.mt_40 {
    margin-top: 40px !important;
}
.mt_45 {
    margin-top: 45px !important;
}
.mt_50 {
    margin-top: 50px !important;
}
.mt_100 {
    margin-top: 100px !important;
}

/* padding-left */
.pl_0 {
	padding-left: 0 !important;
}
.pl_10 {
	padding-left: 10px !important;
}


/* padding-right */
.pr_0 {
	padding-right: 0 !important;
}
.pr_10 {
	padding-right: 10px !important;
}


/* padding-top */
.pt_5 {
	padding-top: 5px !important;
}
.pt_9 {
	padding-top: 9px !important;
}
.pt_10 {
	padding-top: 10px !important;
}
.pt_15 {
	padding-top: 15px !important;
}
.pt_20 {
	padding-top: 20px !important;
}
.pt_25 {
	padding-top: 25px !important;
}
.pt_30 {
	padding-top: 30px !important;
}
.pt_50 {
	padding-top: 50px !important;
}

/* padding-bottom */
.pb_0 {
	padding-bottom: 0px !important;
}
.pb_30 {
	padding-bottom: 30px !important;
}

/* text-align */
.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}

/* vertical-align */
.bottom {
	vertical-align: bottom !important;
}
.middle {
	vertical-align: middle !important;
}
.top {
	vertical-align: top !important;
}
.ver_t-bottom {
	vertical-align: text-bottom !important;
}
/* width */
.w_40 {
	width: 40px !important;
}
.w_50 {
	width: 50px !important;
}
.w_60 {
	width: 60px !important;
}
.w_70 {
	width: 70px !important;
}
.w_80 {
	width: 80px !important;
}
.w_90 {
	width: 90px !important;
}
.w_100 {
	width: 100px !important;
}
.w_110 {
	width: 110px !important;
}
.w_120 {
	width: 120px !important;
}
.w_130 {
	width: 130px !important;
}
.w_140 {
	width: 140px !important;
}
.w_150 {
	width: 150px !important;
}
.w_160 {
	width: 160px !important;
}
.w_170 {
	width: 170px !important;
}
.w_180 {
	width: 180px !important;
}
.w_190 {
	width: 190px !important;
}
.w_200 {
	width: 200px !important;
}
.w_210 {
	width: 210px !important;
}
.w_220 {
	width: 220px !important;
}
.w_230 {
	width: 230px !important;
}
.w_240 {
	width: 240px !important;
}
.w_250 {
	width: 250px !important;
}
.w_260 {
	width: 260px !important;
}
.w_270 {
	width: 270px !important;
}
.w_280 {
	width: 280px !important;
}
.w_290 {
	width: 290px !important;
}
.w_300 {
	width: 300px !important;
}
.w_310 {
	width: 310px !important;
}
.w_320 {
	width: 320px !important;
}
.w_325 {
	width: 325px !important;
}
.w_330 {
	width: 330px !important;
}
.w_340 {
	width: 340px !important;
}
.w_350 {
	width: 350px !important;
}
.w_360 {
	width: 360px !important;
}
.w_370 {
	width: 370px !important;
}
.w_380 {
	width: 380px !important;
}
.w_390 {
	width: 390px !important;
}
.w_400 {
	width: 400px !important;
}
.w_410 {
	width: 410px !important;
}
.w_420 {
	width: 420px !important;
}
.w_430 {
	width: 430px !important;
}
.w_440 {
	width: 440px !important;
}
.w_450 {
	width: 450px !important;
}
.w_457 {
	width: 457px !important;
}
.w_460 {
	width: 460px !important;
}
.w_490 {
	width: 490px !important;
}
.w_500 {
	width: 500px !important;
}
.w_540 {
	width: 540px !important;
}
.w_548 {
	width: 548px !important;
}
.w_560 {
	width: 560px !important;
}
.w_590 {

	width: 590px !important;
}
.w_600 {
	width: 600px !important;
}
.w_635 {
	width: 635px !important;
}
.w_646 {
	width: 646px !important;
}
.w_650 {
	width: 650px !important;
}
.w_710 {
	width: 710px !important;
}
.note02 {
    display: block;
    margin-left: 0.2em;
    text-indent: -0.2em;
}

.note {
    display: block;
    margin-left: 1em;
    text-indent: -1em;
}

.note15 {
    display: block;
    margin-left: 1.5em;
    text-indent: -1.5em;
}

.note2 {
display: block;
margin-left: 2em;
text-indent: -2em;
}

.note25 {
    display: block;
    margin-left: 2.5em;
    text-indent: -2.5em;
}

.note_number {
    display: block;
    margin-left: 1.9em;
    text-indent: -1.9em;
}

/* table */

.post_content table {
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    width: 100%;
    margin-bottom: 50px;

}

.post_content table tr th,
.post_content table tr td {
    background-color: #fff;
    border-left: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    padding: 10px;
    vertical-align: middle;
}
.post_content table tr .bl_0 {
    border-left-width: 0;
}
.post_content table tr .bt_2 {
    border-top-width: 2px;
}
.post_content table tr .bt_dotted {
    border-top-style: dotted;
}
.post_content table tr .nowrap {
    white-space: nowrap;
}
.post_content table thead tr th {
    text-align: center;
}
.post_content table p{
    margin-bottom: 0;
}
.post_content table img{
	max-width: 100%;
}
#content .news_table {
    margin-left: 15px;
    margin-top: 20px;
}
@media only screen and (min-width: 768px), print
{
.post_content table img{
	max-width: initial;
}

}
/* background-color */
.bg_blue {
    background-color: #e6f6f9 !important;
}
.bg_lightblue {
    background-color: #f2fbfd !important;
}
.bg_gray {
    background-color: #f7f7f7 !important;
}
.bg_yellow {
    background-color: #fff549 !important;
}
.bg_pink {
    background-color: #FCEFE9 !important;
}
.post_content a{
    text-decoration: underline;
    position: relative;
	color: blue ;
}
.post_content a.basic_btn01 {
    text-decoration: none;

}
.post_content .gray_border_1_boxp {
    border: 1px solid #ccc;
    padding: 15px;
}
.post_content a[target='_blank'],
.post_content a[href$='.pdf']
{
    vertical-align: middle;
}

.post_content a[target='_blank']:after,
.post_content a[href$='.pdf']:after
{
    position: static;
    display: inline-block;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    vertical-align: middle;
    border: none !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
.post_content a.noicon[target='_blank']:after,
.post_content a.noicon[href$='.pdf']:after
{

    display: none;
    vertical-align:inherit;

}
.post_content a.blank{
    margin-right: 10px;
    vertical-align:inherit;

}
.post_content a.blank[target='_blank']:after
{
    width: 12px;
    height: 12px;
    background-image: url(../img/ico_external02.png);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
}

.post_content a.basic_btn01[target='_blank'].red:after
{
	width: 12px;
    height: 12px;
    background-image: url(../img/ico_external04.png);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
}

.post_content a.pdf[href$='.pdf']:after
{
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_pdf.png) !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
}

.post_content a.basic_btn01[href$='.pdf']:after
{
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_pdf.png) !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
}

.post_content ul{
    margin-bottom: 6.66667vw;
}
.post_content ul > li {
    position: relative;
    margin-top: 2.66667vw;
    padding-left: 5.33333vw;
}
.post_content ul > li:before {
    position: absolute;
    top: .3em;
    left: 0;
    display: block;
    width: 2.66667vw;
    height: 2.66667vw;
    content: '';
    background-color: #606060;
}
.post_content ul.link_list > li{
    padding-left: 0;
}
.post_content ul.link_list > li:before,
.post_content ul.text_link_list01 > li:before{
    display: none;
}
@media only screen and (min-width: 768px), print{
    .post_content ul{
            margin-bottom: 50px;
        }
    .post_content ul > li {
        margin-top: 20px;
        padding-left: 25px;
    }
    .post_content ul > li:before {
        top: 7px;
        width: 13px;
        height: 13px;
    }

}
.post_content ol {
    margin-bottom: 6.66667vw;
}
.post_content ol > li {
    position: relative;
    margin-top: 2.66667vw;
    padding-left: 8vw;
    counter-increment: table-ol;
}
.post_content ol > li:before {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 5.33333vw;
    height: 5.33333vw;
    content: counter(table-ol);
    background-color: #e3e3e3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 768px), print{
    .post_content ol {
        margin-bottom: 50px;
    }
    .post_content ol > li {
    margin-top: 20px;
    padding-left: 50px;
    }
    .post_content ol > li:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    }
}
.post_content hr{
   border-bottom: 2px solid #e2e2e2;
   margin: 20px;

}
.post_content strong{
    font-weight: bold;
}
.post_content em{
    font-style: italic;
}
/* float */
.f_left {
	float: left;
}
.f_right {
	float: right;
}