/*
Theme Name: Trannext
Description: A child theme for twentytwentyfive
Template: twentytwentyfive
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

/* ==========================================================================
   font
   ========================================================================== */

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ==========================================================================
   common
   ========================================================================== */

html, body{
	margin-top: 0px!important;
}

.content_box{
    max-width: 1180px;
    margin: 0 auto;
    display: block;
    width: 95%;
    font-family: 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    position: relative;
}

.p_10{font-size:10px;font-size:.8vw;line-height:2em}
.p_12{font-size:12px;font-size:.93vw;line-height:2em}
.p_13{font-size:13px;font-size:1.0vw;line-height:2em}
.p_14{font-size:14px;font-size:1.08vw;line-height:2em}
.p_15{font-size:15px;font-size:1.16vw;line-height:2em}
.p_16{font-size:16px;font-size:1.24vw;line-height:2em}
.p_17{font-size:17px;font-size:1.3vw;line-height:2em}
.p_18{font-size:18px;font-size:1.4vw;line-height:1.8em}
.p_19{font-size:19px;font-size:1.48vw;line-height:2em}
.p_20{font-size:20px;font-size:1.56vw;line-height:2em}
.p_21{font-size:21px;font-size:1.61vw;line-height:2em}
.p_22{font-size:22px;font-size:1.72vw;line-height:2em}
.p_24{font-size:24px;font-size:1.84vw;line-height:2em}
.p_26{font-size:26px;font-size:1.7vw;line-height:2em}
.p_27{font-size:27px;font-size:2.07vw;line-height:2em}
.p_28{font-size:28px;font-size:2.2vw;line-height:1em}
.p_30{font-size:30px;font-size:2.31vw;line-height:1em}
.p_31{font-size:31px;font-size:2.38vw;line-height:1em}
.p_32{font-size:32px;font-size:2.46vw;line-height:1em}
.p_34{font-size:34px;font-size:2.62vw;line-height:1em}
.p_36{font-size:36px;font-size:2.77vw;line-height:1em}
.p_38{font-size:38px;font-size:2.93vw;line-height:1em}
.p_40{font-size:40px;font-size:3.1vw;line-height:1em}
.p_42{font-size:42px;font-size:3.23vw;line-height:1em}
.p_44{font-size:44px;font-size:3.39vw;line-height:1em}
.p_46{font-size:46px;font-size:3.54vw;line-height:1em}
.p_48{font-size:48px;font-size:3.7vw;line-height:1em}
.p_50{font-size:50px;font-size:3.9vw;line-height:1em}
.p_55{font-size:55px;font-size:3.9vw;line-height:1em}
.p_60{font-size:60px;font-size:4.62vw;line-height:1em}
.p_70{font-size:70px;font-size:5.4vw;line-height:1em}
.p_100{font-size:100px;font-size:7.6vw;line-height:1em}

@media screen and (min-width: 1300px) {
    .p_10{font-size:10px}
    .p_12{font-size:12px}
    .p_13{font-size:13px}
    .p_14{font-size:14px}
    .p_15{font-size:15px}
    .p_16{font-size:16px}
    .p_17{font-size:17px}
    .p_18{font-size:18px}
    .p_19{font-size:19px}
    .p_20{font-size:20px}
    .p_21{font-size:21px}
    .p_22{font-size:22px}
    .p_24{font-size:24px}
    .p_26{font-size:26px}
    .p_27{font-size:27px}
    .p_28{font-size:28px}
    .p_30{font-size:30px}
    .p_31{font-size:31px}
    .p_32{font-size:32px}
    .p_34{font-size:34px}
    .p_36{font-size:36px}
    .p_38{font-size:38px}
    .p_40{font-size:40px}
    .p_42{font-size:42px}
    .p_44{font-size:44px}
    .p_46{font-size:46px}
    .p_48{font-size:48px}
    .p_50{font-size:50px}
    .p_55{font-size:55px}
    .p_60{font-size:60px}
    .p_70{font-size:70px}
	.p_100{font-size:100px}
}

@media screen and (max-width: 750px) {
    .content_box{width:95%}
    .s_12{font-size:12px;font-size:1.6vw;line-height:1.9em}
    .s_15{font-size:15px;font-size:2vw;line-height:1.9em}
    .s_16{font-size:16px;font-size:2.14vw;line-height:1.9em}
    .s_18{font-size:18px;font-size:2.4vw;line-height:1.9em}
    .s_20{font-size:20px;font-size:2.67vw;line-height:1.9em}
    .s_22{font-size:22px;font-size:2.94vw;line-height:1.9em}
    .s_24{font-size:24px;font-size:3.1vw;line-height:1.9em}
    .s_26{font-size:26px;font-size:3.47vw;line-height:1.9em}
    .s_28{font-size:28px;font-size:3.74vw;line-height:1.9em}
    .s_30{font-size:30px;font-size:4vw;line-height:1em}
    .s_32{font-size:32px;font-size:4.27vw;line-height:1em}
    .s_34{font-size:34px;font-size:4.54vw;line-height:1em}
    .s_35{font-size:35px;font-size:4.7vw;line-height:1em}
    .s_36{font-size:36px;font-size:4.8vw;line-height:1em}
    .s_38{font-size:38px;font-size:5.07vw;line-height:1em}
    .s_40{font-size:40px;font-size:5.4vw;line-height:1em}
    .s_42{font-size:42px;font-size:5.6vw;line-height:1em}
    .s_44{font-size:44px;font-size:5.8vw;line-height:1em}
    .s_50{font-size:50px;font-size:6.67vw;line-height:1em}
    .s_60{font-size:60px;font-size:8vw;line-height:1em}
    .s_70{font-size:70px;font-size:9.4vw;line-height:1em}
    .s_85{font-size: 85px;font-size: 11.2vw;line-height: 1em;}
    .s_90{font-size: 90px;font-size: 11.9vw;line-height: 1em;}
	.s_100{font-size:160px;font-size:13.27vw;line-height:1em}
}



 /* ==========================================================================
   news_archive
   ========================================================================== */

#news.archive .mv__bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#news.archive .mv__bg {
	height: 75vh;
	position: relative;
	margin-bottom: 0;
}

#news.archive .mv__bg-title--center {
    position: absolute;
	width: 30%;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#news.archive #news_archive .news_list{
    width: 86.5%;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    margin: 0 auto;
    margin-top: 5.7%;
    margin-bottom: 4.3%;
}
#news.archive #news_archive .news_list li{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 2.9% 5.4%;
	border-top: 1px solid #7f7f7f;
}
#news.archive #news_archive .news_list li:nth-of-type(1){
	border-top: none;
}
#news.archive #news_archive .news_list li .date{
    line-height: 1em;
    width: 14.6%;
    color: #262626;
    margin: 0px;
    background: #c6c6c6;
    padding: 0.5em 0em;
    text-align: center;
}
#news.archive #news_archive .news_list li .ttl{
    line-height: 1em;
    margin-left: 8.8%;
    width: 74.7%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #101010;
}
#news.archive #news_archive .pagination_area{
    margin-bottom: 5.6%;
}
#news.archive #news_archive .pagination_area .pagination{}
#news.archive #news_archive .pagination_area .pagination h2{
	display: none;
}
#news.archive #news_archive .pagination_area .pagination .nav-links{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
#news.archive #news_archive .pagination_area .pagination .nav-links .page-numbers{
    border: 1px solid #939393;
    display: block;
    width: auto;
    min-width: 2em;
    height: auto;
    line-height: 2em;
    text-align: center;
    margin: 0% 0.2em;
    color: #000;
}
#news.archive #news_archive .pagination_area .pagination .nav-links .page-numbers.current{
    background: #0f1478;
    border: 1px solid #0f1478;
    color: #fff;
    border-radius: 5em;
}
#news.archive #news_archive .pagination_area .pagination .nav-links .page-numbers.prev{}
#news.archive #news_archive .pagination_area .pagination .nav-links .page-numbers.next{}

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

	#news.archive .mv__bg-title--center{
		width: 55%;
	}
	#news.archive #news_archive .news_list{
		width: 100%;
        margin-top: 0%;
        margin-bottom: 9.8%;
		border-top: none;
	}
	#news.archive #news_archive .news_list li{
        padding-left: 0;
        padding-top: 7.7%;
        padding-bottom: 7.6%;
        padding-right: 0;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
	}
	#news.archive #news_archive .news_list li .date{
        width: 7.5em;
	}
	#news.archive #news_archive .news_list li .ttl{
        width: 100%;
        margin-left: 0%;
        margin-top: 4.3%;
	}
	#news.archive #news_archive .pagination_area{
        margin-bottom: 18%;
	}
	
}


 /* ==========================================================================
   news_single
   ========================================================================== */
#news.single .mv__bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#news.single .mv__bg {
	height: 75vh;
	position: relative;
	margin-bottom: 0;
}

#news.single .mv__bg-title--center {
    position: absolute;
	width: 30%;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#news.single #news_content{}
#news.single #news_content .content_box{
    max-width: 1060px;
    width: 81.6%;
}
#news.single #news_content .news_area{
    padding-top: 5.2%;
}
#news.single #news_content .news_area .news_head{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
#news.single #news_content .news_area .news_head .date{
    color: #262626;
    line-height: 1em;
    background: #c6c6c6;
    padding: 0.5em 1em;
    padding-top: 0.6em;
}
#news.single #news_content .news_area .news_head .news_categories{
    padding-left: 2%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
#news.single #news_content .news_area .news_head .news_categories a,
#news.single #news_content .news_area .news_head .news_categories p{
    background: #d00815;
    color: #fff;
    line-height: 1em;
    padding: 0.5em 1.5em;
    padding-top: 0.6em;
    display: block;
    border-radius: 5em;
    margin-left: 1em;
}
#news.single #news_content .news_area .news_title{
    color: #010101;
    font-weight: bold;
    line-height: 1.5em;
    padding-bottom: 2.9%;
    padding-top: 2%;
    margin-bottom: 0px;
}
#news.single #news_content .news_area .news_image{
    width: 91.6%;
    margin: 0 auto;
    padding-bottom: 3.6%;
}
#news.single #news_content .news_area .news_image img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
#news.single #news_content .news_area .news_content{}
#news.single #news_content .news_area .news_content h2{
	font-size:28px;
	font-size:2.2vw;
	position: relative;
	background: #152837;
	color: #fff;
	font-weight: bold;
	border-radius: 0.3em;
	padding: 0.43em 1em;
	padding-top: 0.44em;
    margin-bottom: 4.3%;
    line-height: 1.4em;
}
#news.single #news_content .news_area .news_content h2::after{
    content: "";
    max-width: 38px;
    width: 3.6%;
    padding-top: 2.8%;
    height: 0%;
    position: absolute;
    bottom: 3px;
    transform: translateY(100%);
    left: 6%;
    background: url(assets/images/news/arrow_blue.png) center top no-repeat;
    background-size: contain;
}
#news.single #news_content .news_area .news_content h3{
	font-size:28px;
	font-size:2.2vw;
	margin-top: 4.4%;
	margin-bottom: 2%;
	color: #121212;
	font-weight: bold;
	padding: 0.5em 1em;
	padding-top: 0.6em;
	background: #f6f6f6;
	border-bottom: 0.25em solid #dbdbdb;
	position: relative;
	line-height: 1.4em;
}
#news.single #news_content .news_area .news_content h3::after{
    content: "";
    font-size: 28px;
    font-size: 2.2vw;
    width: 11%;
    padding-top: 0.25em;
    height: 0%;
    position: absolute;
    bottom: 0px;
    transform: translateY(100%);
    left: 0%;
    background: #152837;
}
#news.single #news_content .news_area .news_content h4{
    font-size: 28px;
    font-size: 2.2vw;
    margin-top: 4.4%;
    margin-bottom: 2%;
    color: #121212;
    font-weight: bold;
    padding: 0.1em 0%;
    padding-top: 0.1em;
    line-height: 1em;
    position: relative;
    display: inline-block;
    padding-left: 0.74em;
    line-height: 1.4em;
    display: block;
}
#news.single #news_content .news_area .news_content h4::before{
	content: "";
    font-size: 28px;
    font-size: 2.2vw;
    width: 0.2em;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0%;
    background: #152837;
}
#news.single #news_content .news_area .news_content h4::after{
    content: "";
    font-size: 24px;
    font-size: 1.84vw;
    width: 99%;
    padding-top: 0.15em;
    height: 0%;
    position: absolute;
    bottom: -0.1em;
    left: 1%;
    background: #dbdbdb;
}
#news.single #news_content .news_area .news_content h5{
    font-size: 24px;
    font-size: 1.84vw;
    margin-top: 4.4%;
    margin-bottom: 3%;
    color: #121212;
    font-weight: bold;
    padding: 0.1em 0%;
    padding-top: 0.2em;
    line-height: 1em;
    position: relative;
    padding-left: 0.74em;
    line-height: 1.4em;
}
#news.single #news_content .news_area .news_content h5::before{
	content: "";
    font-size:24px;
	font-size:1.84vw;
    width: 0.2em;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0%;
    background: #152837;
}
#news.single #news_content .news_area .news_content p,
#news.single #news_content .news_area .news_content ul li{
	color: #2b2929;
	font-size:16px;
	font-size:1.24vw;
	line-height:2em
}
#news.single #news_content .news_area .news_content ul{
	padding-left: 2em;
}
#news.single #news_content .news_area .news_content ul li{
	list-style-type: disc;
}
#news.single #news_content .news_area .news_content a{}
#news.single #news_content .paging{
    margin-top: 7.5%;
    padding: 2.6% 0%;
    border-top: 5px solid #eaeaea;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 7.5%;
}
#news.single #news_content .news_area .news_content blockquote p{
	font-weight: bold;
}
#news.single #news_content .paging .prev-next-wrap{
	position: relative;
}
#news.single #news_content .paging .prev-next-wrap .btnback{
    margin: 0 auto;
    width: 20%;
}
#news.single #news_content .paging .prev-next-wrap .pvitem{
    position: absolute;
}
#news.single #news_content .paging .prev-next-wrap .pvitem .lbl{
    color: #b8b8b8;
    letter-spacing: 0.15em;
    margin: 0px;
}
#news.single #news_content .paging .prev-next-wrap .pvitem .link{}
#news.single #news_content .paging .prev-next-wrap .pvitem .link a{
    max-width: 15em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #121212;
    text-decoration: underline;
}
#news.single #news_content .paging .prev-next-wrap .pvitem.prev{
    left: 2.8%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
#news.single #news_content .paging .prev-next-wrap .pvitem.next{
	right: 2.8%;
    top: 50%;
    transform: translateY(-50%);
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
}
#news.single #news_content .paging .prev-next-wrap .pvitem.next .link a{
	text-align: right;
}


@media screen and (min-width: 1300px) {
	#news.single #news_content .news_area .news_content h2{
		font-size:28px
	}
	#news.single #news_content .news_area .news_content h3{
		font-size:28px
	}
	#news.single #news_content .news_area .news_content h3::after{
		font-size: 28px;
	}
	#news.single #news_content .news_area .news_content h4{
		font-size:28px
	}
	#news.single #news_content .news_area .news_content h4::before{
		font-size: 28px;
	}
	#news.single #news_content .news_area .news_content h4::after{
		font-size: 28px;
	}
	#news.single #news_content .news_area .news_content h5{
		font-size:24px
	}
	#news.single #news_content .news_area .news_content h5::before{
		font-size: 24px;
	}
	#news.single #news_content .news_area .news_content h5::after{
		font-size: 24px;
	}
	#news.single #news_content .news_area .news_content p,
	#news.single #news_content .news_area .news_content ul li{
		font-size:16px;
	}
}

@media screen and (max-width: 750px) {
	#news.single #news_content{}
	#news.single #news_content .content_box{
		width: 89.4%;
	}
	#news.single #news_content .news_area{}
	#news.single #news_content .news_area .news_head{}
	#news.single #news_content .news_area .news_head .date{}
	#news.single #news_content .news_area .news_head .news_categories{}
	#news.single #news_content .news_area .news_head .news_categories a,
	#news.single #news_content .news_area .news_head .news_categories p{}
	#news.single #news_content .news_area .news_title{
        padding-bottom: 4.4%;
        padding-top: 3%;
	}
	#news.single #news_content .news_area .news_image{
        width: 100%;
        padding-bottom: 8.8%;
	}
	#news.single #news_content .news_area .news_content{}
	#news.single #news_content .news_area .news_content h2{
		font-size:28px;
		font-size:3.74vw;
        margin-bottom: 7.6%;
	}
	#news.single #news_content .news_area .news_content h2::after{
        width: 5.7%;
        padding-top: 4.8%;
        left: 10%;
	}
	#news.single #news_content .news_area .news_content h3{
		font-size:28px;
		font-size:3.74vw;
        margin-top: 8.9%;
        margin-bottom: 5.9%;
	}
	#news.single #news_content .news_area .news_content h4{
		font-size:28px;
		font-size:3.74vw;
		margin-top: 8.9%;
        margin-bottom: 4.3%;
	}
	#news.single #news_content .news_area .news_content h5{ 
		font-size:24px;
		font-size:3.1vw;
		margin-top: 8.9%;
        margin-bottom: 5.9%;
	}
	#news.single #news_content .news_area .news_content p,
	#news.single #news_content .news_area .news_content ul li{
		font-size:24px;
		font-size:3.1vw;
		line-height:1.9em
	}
	#news.single #news_content .news_area .news_content a{}
	#news.single #news_content .paging{
        margin-top: 11.3%;
        padding: 5.3% 0%;
        padding-top: 20.2%;
        margin-bottom: 12%;
	}
	#news.single #news_content .paging .prev-next-wrap .btnback{
        width: 49%;
	}
	#news.single #news_content .paging .prev-next-wrap .pvitem.prev{
        left: 0%;
        top: -14vw;
        transform: translateY(0%);
	}
	#news.single #news_content .paging .prev-next-wrap .pvitem.next{
        right: 0%;
        top: -165%;
        transform: translateY(0%);
	}
}




 /* ==========================================================================
   blog_archive
   ========================================================================== */
   
#blog.archive .mv__bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#blog.archive .mv__bg {
	height: 75vh;
	position: relative;
	margin-bottom: 0;
}

#blog.archive .mv__bg-title--center {
    position: absolute;
	width: 30%;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#blog.archive #blog_archive .blog_list{
    width: 89.9%;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    margin: 0 auto;
    margin-top: 5.7%;
    margin-bottom: 6.8%;
}
#blog.archive #blog_archive .blog_list li{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 4.7% 0%;
    border-top: 1px solid #7f7f7f;
}
#blog.archive #blog_archive .blog_list li .photo{
    width: 36.3%;
}
#blog.archive #blog_archive .blog_list li .photo a{
	display: block;
    padding-top: 58%;
	border-radius: 0.5em;
}
#blog.archive #blog_archive .blog_list li .photo img{
	width: auto;
	max-width: 100%;
	height: auto;
    border-radius: 0.5em;
}
#blog.archive #blog_archive .blog_list li .details{
	width: 56.6%;
    margin-right: 1.9%;
}
#blog.archive #blog_archive .blog_list li .details .date_area{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
#blog.archive #blog_archive .blog_list li .details .date_area .category{
	margin: 0px;
    background: #0f1478;
    color: #fff;
    text-align: center;
    padding: 0.6em 1.2em;
    padding-top: 0.7em;
    line-height: 1em;
    border-radius: 0.3em;
    letter-spacing: 0.05em;
}
#blog.archive #blog_archive .blog_list li:nth-of-type(1){
	border-top: none;
}
#blog.archive #blog_archive .blog_list li .date{
    line-height: 1em;
    width: 14.6%;
    color: #262626;
    margin: 0px;
    padding: 0.5em 0em;
    margin-left: 3.4%;
}
#blog.archive #blog_archive .blog_list li .ttl{
    line-height: 1em;
    color: #101010;
    display: block;
    font-weight: bold;
    margin-top: 3.5%;
    line-height: 1.4em;
}
#blog.archive #blog_archive .blog_list li .text{
	margin: 0px;
    margin-top: 2.9%;
}
#blog.archive #blog_archive .pagination_area{
    margin-bottom: 5.6%;
}
#blog.archive #blog_archive .pagination_area .pagination{}
#blog.archive #blog_archive .pagination_area .pagination h2{
	display: none;
}
#blog.archive #blog_archive .pagination_area .pagination .nav-links{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
#blog.archive #blog_archive .pagination_area .pagination .nav-links .page-numbers{
    border: 1px solid #939393;
    display: block;
    width: auto;
    min-width: 2em;
    height: auto;
    line-height: 2em;
    text-align: center;
    margin: 0% 0.2em;
    color: #000;
}
#blog.archive #blog_archive .pagination_area .pagination .nav-links .page-numbers.current{
    background: #0f1478;
    border: 1px solid #0f1478;
    color: #fff;
    border-radius: 5em;
}
#blog.archive #blog_archive .pagination_area .pagination .nav-links .page-numbers.prev{}
#blog.archive #blog_archive .pagination_area .pagination .nav-links .page-numbers.next{}

@media screen and (max-width: 750px) {
	#blog.archive .mv__bg-title--center{
		width: 55%;
	}
	#blog.archive #blog_archive .blog_list{
        width: 94.1%;
        margin-top: 2.9%;
        margin-bottom: 11.2%;
		border-top: none;
	}
	#blog.archive #blog_archive .blog_list li{
        padding-left: 1.4%;
        padding-top: 4.4%;
        padding-bottom: 4.4%;
        padding-right: 1.4%;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
	}
	#blog.archive #blog_archive .blog_list li .photo{
        width: 34.2%;
	}
	#blog.archive #blog_archive .blog_list li .details{
        width: 59.9%;
        margin: 0px;
	}
	#blog.archive #blog_archive .blog_list li .date{
        width: 7.5em;
	}
	#blog.archive #blog_archive .blog_list li .ttl{
        width: 100%;
        margin-left: 0%;
        margin-top: 4.3%;
	}
	#blog.archive #blog_archive .blog_list li .text{
		display: none;
	}
	#blog.archive #blog_archive .pagination_area{
        margin-bottom: 18%;
	}
	
}



 /* ==========================================================================
   blog_single
   ========================================================================== */
#blog.single .mv__bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#blog.single .mv__bg {
	height: 75vh;
	position: relative;
	margin-bottom: 0;
}

#blog.single .mv__bg-title--center {
    position: absolute;
	width: 30%;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#blog.single #blog_content{}
#blog.single #blog_content .content_box{
    max-width: 1060px;
    width: 81.6%;
}
#blog.single #blog_content .blog_area{
    padding-top: 5.2%;
}
#blog.single #blog_content .blog_area .blog_head{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
#blog.single #blog_content .blog_area .blog_head .date{
    color: #262626;
	line-height: 1em;
}
#blog.single #blog_content .blog_area .blog_head .blog_categories{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
#blog.single #blog_content .blog_area .blog_head .blog_categories a,
#blog.single #blog_content .blog_area .blog_head .blog_categories p{
    background: #0f1478;
    color: #fff;
    line-height: 1em;
    padding: 0.5em 1.5em;
    padding-top: 0.6em;
    display: block;
    border-radius: 5em;
    margin-right: 1em;
	margin-bottom: 0em;
}
#blog.single #blog_content .blog_area .blog_title{
    color: #010101;
    font-weight: bold;
    line-height: 1.5em;
    padding-bottom: 2.9%;
    padding-top: 2%;
    margin-bottom: 0px;
}
#blog.single #blog_content .blog_area .blog_image{
    width: 91.6%;
    margin: 0 auto;
    padding-bottom: 3.6%;
}
#blog.single #blog_content .blog_area .blog_image img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
#blog.single #blog_content .blog_area .blog_content{}
#blog.single #blog_content .blog_area .blog_content h2{
	font-size:28px;
	font-size:2.2vw;
	position: relative;
	background: #152837;
	color: #fff;
	font-weight: bold;
	border-radius: 0.3em;
	padding: 0.43em 1em;
	padding-top: 0.44em;
    margin-bottom: 4.3%;
    line-height: 1.4em;
}
#blog.single #blog_content .blog_area .blog_content h2::after{
    content: "";
    max-width: 38px;
    width: 3.6%;
    padding-top: 2.8%;
    height: 0%;
    position: absolute;
    bottom: 3px;
    transform: translateY(100%);
    left: 6%;
    background: url(assets/images/news/arrow_blue.png) center top no-repeat;
    background-size: contain;
}
#blog.single #blog_content .blog_area .blog_content h3{
	font-size:28px;
	font-size:2.2vw;
	margin-top: 4.4%;
	margin-bottom: 2%;
	color: #121212;
	font-weight: bold;
	padding: 0.5em 1em;
	padding-top: 0.6em;
	background: #f6f6f6;
	border-bottom: 0.25em solid #dbdbdb;
	position: relative;
	line-height: 1.4em;
}
#blog.single #blog_content .blog_area .blog_content h3::after{
    content: "";
    font-size: 28px;
    font-size: 2.2vw;
    width: 11%;
    padding-top: 0.25em;
    height: 0%;
    position: absolute;
    bottom: 0px;
    transform: translateY(100%);
    left: 0%;
    background: #152837;
}
#blog.single #blog_content .blog_area .blog_content h4{
    font-size: 28px;
    font-size: 2.2vw;
    margin-top: 4.4%;
    margin-bottom: 2%;
    color: #121212;
    font-weight: bold;
    padding: 0.1em 0%;
    padding-top: 0.1em;
    line-height: 1em;
    position: relative;
    display: inline-block;
    padding-left: 0.74em;
    line-height: 1.4em;
    display: block;
}
#blog.single #blog_content .blog_area .blog_content h4::before{
	content: "";
    font-size: 28px;
    font-size: 2.2vw;
    width: 0.2em;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0%;
    background: #152837;
}
#blog.single #blog_content .blog_area .blog_content h4::after{
    content: "";
    font-size: 24px;
    font-size: 1.84vw;
    width: 99%;
    padding-top: 0.15em;
    height: 0%;
    position: absolute;
    bottom: -0.1em;
    left: 1%;
    background: #dbdbdb;
}
#blog.single #blog_content .blog_area .blog_content h5{
    font-size: 24px;
    font-size: 1.84vw;
    margin-top: 4.4%;
    margin-bottom: 3%;
    color: #121212;
    font-weight: bold;
    padding: 0.1em 0%;
    padding-top: 0.2em;
    line-height: 1em;
    position: relative;
    padding-left: 0.74em;
    line-height: 1.4em;
}
#blog.single #blog_content .blog_area .blog_content h5::before{
	content: "";
    font-size:24px;
	font-size:1.84vw;
    width: 0.2em;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0%;
    background: #152837;
}
#blog.single #blog_content .blog_area .blog_content p,
#blog.single #blog_content .blog_area .blog_content ul li{
	color: #2b2929;
	font-size:16px;
	font-size:1.24vw;
	line-height:2em
}
#blog.single #blog_content .blog_area .blog_content ul{
	padding-left: 2em;
}
#blog.single #blog_content .blog_area .blog_content ul li{
	list-style-type: disc;
}
#blog.single #blog_content .blog_area .blog_content a{}
#blog.single #blog_content .paging{
    margin-top: 7.5%;
    padding: 2.6% 0%;
    border-top: 5px solid #eaeaea;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 7.5%;
}
#blog.single #blog_content .blog_area .blog_content blockquote p{
	font-weight: bold;
}
#blog.single #blog_content .paging .prev-next-wrap{
	position: relative;
}
#blog.single #blog_content .paging .prev-next-wrap .btnback{
    margin: 0 auto;
    width: 20%;
}
#blog.single #blog_content .paging .prev-next-wrap .pvitem{
    position: absolute;
}
#blog.single #blog_content .paging .prev-next-wrap .pvitem .lbl{
    color: #b8b8b8;
    letter-spacing: 0.15em;
    margin: 0px;
}
#blog.single #blog_content .paging .prev-next-wrap .pvitem .link{}
#blog.single #blog_content .paging .prev-next-wrap .pvitem .link a{
    max-width: 15em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #121212;
    text-decoration: underline;
}
#blog.single #blog_content .paging .prev-next-wrap .pvitem.prev{
    left: 2.8%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
#blog.single #blog_content .paging .prev-next-wrap .pvitem.next{
	right: 2.8%;
    top: 50%;
    transform: translateY(-50%);
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
}
#blog.single #blog_content .paging .prev-next-wrap .pvitem.next .link a{
	text-align: right;
}


@media screen and (min-width: 1300px) {
	#blog.single #blog_content .blog_area .blog_content h2{
		font-size:28px
	}
	#blog.single #blog_content .blog_area .blog_content h3{
		font-size:28px
	}
	#blog.single #blog_content .blog_area .blog_content h3::after{
		font-size: 28px;
	}
	#blog.single #blog_content .blog_area .blog_content h4{
		font-size:28px
	}
	#blog.single #blog_content .blog_area .blog_content h4::before{
		font-size: 28px;
	}
	#blog.single #blog_content .blog_area .blog_content h4::after{
		font-size: 28px;
	}
	#blog.single #blog_content .blog_area .blog_content h5{
		font-size:24px
	}
	#blog.single #blog_content .blog_area .blog_content h5::before{
		font-size: 24px;
	}
	#blog.single #blog_content .blog_area .blog_content h5::after{
		font-size: 24px;
	}
	#blog.single #blog_content .blog_area .blog_content p,
	#blog.single #blog_content .blog_area .blog_content ul li{
		font-size:16px;
	}
}

@media screen and (max-width: 750px) {
	#blog.single #blog_content{}
	#blog.single #blog_content .content_box{
		width: 89.4%;
	}
	#blog.single #blog_content .blog_area{}
	#blog.single #blog_content .blog_area .blog_head{}
	#blog.single #blog_content .blog_area .blog_head .date{}
	#blog.single #blog_content .blog_area .blog_head .blog_categories{}
	#blog.single #blog_content .blog_area .blog_head .blog_categories a,
	#blog.single #blog_content .blog_area .blog_head .blog_categories p{}
	#blog.single #blog_content .blog_area .blog_title{
        padding-bottom: 4.4%;
        padding-top: 3%;
	}
	#blog.single #blog_content .blog_area .blog_image{
        width: 100%;
        padding-bottom: 8.8%;
	}
	#blog.single #blog_content .blog_area .blog_content{}
	#blog.single #blog_content .blog_area .blog_content h2{
		font-size:28px;
		font-size:3.74vw;
        margin-bottom: 7.6%;
	}
	#blog.single #blog_content .blog_area .blog_content h2::after{
        width: 5.7%;
        padding-top: 4.8%;
        left: 10%;
	}
	#blog.single #blog_content .blog_area .blog_content h3{
		font-size:28px;
		font-size:3.74vw;
        margin-top: 8.9%;
        margin-bottom: 5.9%;
	}
	#blog.single #blog_content .blog_area .blog_content h4{
		font-size:28px;
		font-size:3.74vw;
		margin-top: 8.9%;
        margin-bottom: 4.3%;
	}
	#blog.single #blog_content .blog_area .blog_content h5{ 
		font-size:24px;
		font-size:3.1vw;
		margin-top: 8.9%;
        margin-bottom: 5.9%;
	}
	#blog.single #blog_content .blog_area .blog_content p,
	#blog.single #blog_content .blog_area .blog_content ul li{
		font-size:24px;
		font-size:3.1vw;
		line-height:1.9em
	}
	#blog.single #blog_content .blog_area .blog_content a{}
	#blog.single #blog_content .paging{
        margin-top: 11.3%;
        padding: 5.3% 0%;
        padding-top: 20.2%;
        margin-bottom: 12%;
	}
	#blog.single #blog_content .paging .prev-next-wrap .btnback{
        width: 49%;
	}
	#blog.single #blog_content .paging .prev-next-wrap .pvitem.prev{
        left: 0%;
        top: -14vw;
        transform: translateY(0%);
	}
	#blog.single #blog_content .paging .prev-next-wrap .pvitem.next{
        right: 0%;
        top: -165%;
        transform: translateY(0%);
	}
}

 /* ==========================================================================
   page-blog-top
   ========================================================================== */

#blog.top-page-blog .mv__bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#blog h2 {
    clear: both;
    padding-top: 5%;
}

#blog.top-page-blog .mv__bg {
	height: 75vh;
	position: relative;
	margin-bottom: 0;
}

#blog.top-page-blog .mv__bg-title--center {
    position: absolute;
	width: 30%;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#blog.top-page-blog .blog_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    margin-top: 5.7%;
    margin-bottom: 6.8%;
}
#blog.top-page-blog .blog_list li{
    width: 30%;
}
#blog.top-page-blog .blog_list li:nth-of-type(4){
	display: none;
}
#blog.top-page-blog .blog_list li .photo{
    width: 100%;
}

#blog.top-page-blog  .blog_list li .photo a{
	display: block;
    padding-top: 60%;
	border-radius: 0.5em;
}

#blog.top-page-blog  .blog_list li .photo img{
	width: auto;
	max-width: 100%;
	height: auto;
    border-radius: 0.5em;
}

#blog.top-page-blog  .blog_list li .details{
	width: 100%;
    margin-top: 10%;
}

#blog.top-page-blog  .blog_list li .details .date_area{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

#blog.top-page-blog .blog_list li .details .date_area .category{
	margin: 0px;
    background: #0f1478;
    color: #fff;
    text-align: center;
    padding: 0.6em 1.2em;
    padding-top: 0.7em;
    line-height: 1em;
    border-radius: 0.3em;
    letter-spacing: 0.05em;
}

#blog.top-page-blog .blog_list li:nth-of-type(1){
	border-top: none;
}

#blog.top-page-blog .blog_list li .date{
    line-height: 1em;
    width: 14.6%;
    color: #262626;
    margin: 0px;
    padding: 0.5em 0em;
    margin-left: 3.4%;
}

#blog.top-page-blog .blog_list li .ttl{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1em;
    color: #101010;
    display: block;
    font-weight: bold;
    margin-top: 7%;
    line-height: 1.4em;
}

#blog.top-page-blog .blog_list li .text{
	margin: 0px;
    margin-top: 2.9%;
}

#blog.top-page-blog  .pagination_area{
    margin-bottom: 5.6%;
}

#blog.top-page-blog .pagination_area .pagination h2{
	display: none;
}

#blog.top-page-blog .pagination_area .pagination .nav-links{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

#blog.top-page-blog .pagination_area .pagination .nav-links .page-numbers{
    border: 1px solid #939393;
    display: block;
    width: auto;
    min-width: 2em;
    height: auto;
    line-height: 2em;
    text-align: center;
    margin: 0% 0.2em;
    color: #000;
}

#blog.top-page-blog .pagination_area .pagination .nav-links .page-numbers.current{
    background: #0f1478;
    border: 1px solid #0f1478;
    color: #fff;
    border-radius: 5em;
}

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

	#blog.top-page-blog .mv__bg-title--center{
		width: 55%;
	}
	#blog.top-page-blog .blog_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 94.1%;
        margin-top: 2.9%;
        margin-bottom: 11.2%;
		border-top: none;
	}
	#blog.top-page-blog .blog_list li{
        width: 50%;
        padding-left: 1.4%;
        padding-top: 4.4%;
        padding-bottom: 6.4%;
        padding-right: 1.4%;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
	}
	#blog.top-page-blog .blog_list li:nth-of-type(4){
		display: block;
	}
	#blog.top-page-blog .blog_list li .photo{
        width: 90.5%;
        padding-bottom: 10%;
	}
	#blog.top-page-blog .blog_list li .details{
        width: 100%;
        margin: 0px;
	}
	#blog.top-page-blog .blog_list li .date{
        width: 7.5em;
	}

    #blog.top-page-blog .blog_list li .ttl{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: clip;
        white-space: normal;
    }

	#blog.top-page-blog  .blog_list li .ttl{
        width: 100%;
        margin-left: 0%;
        margin-top: 4.3%;
	}
	#blog.top-page-blog  .blog_list li .text{
		display: none;
	}
	#blog.top-page-blog .pagination_area{
        margin-bottom: 18%;
	}
	
}

 /* ==========================================================================
   recruit
   ========================================================================== */

#recruit .mv__bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#recruit .mv__bg {
	height: 75vh;
	position: relative;
	margin-bottom: 0;
}

#recruit .mv__bg-title--center {
    position: absolute;
	width: 35%;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#recruit .recruit_list__ttl{
    font-weight: bold;
    width: 89.9%;
    margin: 0 auto;
    line-height: 1em;
    margin-top: 6.8%;
    margin-bottom: 0.5%;
    position: relative;
}
#recruit .recruit_list__ttl::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0%;
	height: 1px;
	width: 73.6%;
	background: #000;
}
#recruit .recruit_list{
	width: 89.9%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 6.8%;
}
#recruit .recruit_list li{
    padding: 3.7% 0%;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
#recruit .recruit_list li .photo{
    width: 36.3%;
}
#recruit .recruit_list li .photo a{
	display: block;
    width: auto;
    max-width: 100%;
}
#recruit .recruit_list li .photo a img{
    width: auto;
    max-width: 100%;
}
#recruit .recruit_list li .details{
	width: 53.3%;
    margin-right: 3.1%;
}
#recruit .recruit_list li .details .sub_ttl{
    margin: 0px;
}
#recruit .recruit_list li .details .sub_ttl .lbl{
    color: #000;
    line-height: 1em;
    margin-right: 0.4em;
    letter-spacing: 0.07em;
}
#recruit .recruit_list li .details .sub_ttl .bar{
    color: #000;
    line-height: 1em;
    margin-right: 0.5em;
    font-style: italic;
    position: relative;
    bottom: 0.15em;
}
#recruit .recruit_list li .details .ttl{
    color: #000;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 0.6em;
    line-height: 1em;
    display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#recruit .recruit_list li .details .text{
    line-height: 1.8em;
	margin: 0px;
}
#recruit .recruit_list li .details .btn{
    background: #0f1478;
	border: 1px solid #0f1478;
    color: #fff;
    letter-spacing: 0.15em;
    display: inline-block;
    line-height: 1em;
    padding: 1.4em 2.9em;
    margin-top: 4%;
	position: relative;
	text-decoration: none;
	-moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#recruit .recruit_list li .details .btn:hover{
	background: #fff;
	color: #0f1478;
}
#recruit .recruit_list li .details .btn::after{
    content: "";
    display: block;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    padding-top: 0.8em;
    height: 0px;
    background: url(assets/images/recruit/list/ico_arrow_right.png) center center no-repeat;
    background-size: contain;
}


@media screen and (max-width: 750px) {
	#recruit .recruit_list__ttl{
        width: 94%;
        margin-top: 11.3%;
        margin-bottom: 2.9%;
	}
	#recruit .recruit_list__ttl::after{
		width: 58.3%;
	}
	#recruit .recruit_list{
        width: 94%;
        padding-bottom: 12.7%;
	}
	#recruit .recruit_list li{
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        padding: 7.4% 0%;
	}
	#recruit .recruit_list li .photo{
		width: 100%;
	}
	#recruit .recruit_list li .details{
        width: 100%;
        margin: 0px;
        margin-top: 4.6%;
	}
	#recruit .recruit_list li .details .ttl{
        margin-top: 0.5em;
        margin-bottom: 0.6em;
	}
	#recruit .recruit_list li .details .btn{
        margin-top: 4.4%;
	}
}



 /* ==========================================================================
   recruit_details
   ========================================================================== */

#recruit_details p ,#recruit_details h2{
    margin-bottom: 0px;
}

#recruit_details .mv__bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#recruit_details .mv__bg {
	height: 45vh;
	position: relative;
	margin-bottom: 0;
}
#recruit_details .mv__bg-title--center {
    position: absolute;
	width: 35%;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#recruit_details .recruit_content{
    width: 82.3%;
    margin: 0 auto;
	padding-top: 5%;
    padding-bottom: 6.7%;
}

#recruit_details #comment{
    font-family: HiraginoSans W5;
    font-weight: bold;
    display: inline-block;
	position: relative;
}
#recruit_details #comment .subttl{
    font-family: PA1 GothicStd Bold;
    display: inline-block;
    margin-left: 3.5%;
}
#recruit_details #comment .ttl{
    font-weight: bold;
    margin-left: 2%;
	margin-bottom: 1%;
}
#recruit_details #comment .number{    
    left: 3%;
    margin: 0px;
    position: relative;
    display: inline-block;
}
#recruit_details #comment .photo{
    display: flex;
    justify-content: center;
    margin-top: -6%;
}
#recruit_details #comment .photo img {
    max-width: 100%;
}
#recruit_details #comment .text{
    padding-top: 4%;
    padding-bottom: 4%;
    border-bottom: 1px solid #7f7f7f;
}
#recruit_details #point .ttl{
    font-family: HiraginoSans W7;
    font-weight: bold;
}

#recruit_details #point{
    padding-top: 4.2%;
    padding-bottom: 5.2%;
}

#recruit_details #point .ttl {
    background-color: #ffef3f;
    display: inline-block;
    line-height: 1em;
    padding: 0.6em 0.7em;
}
#recruit_details #point .ttl::before {
    content: "★";
    margin-right: 0.3em;
    margin-left: 0.5em;
}

#recruit_details #point .point_list li{
    position: relative;
    padding-left: 3em;
    line-height:  1.5;
    margin-bottom: 1em;
}
#recruit_details #point .point_list li::after{
    content: "";
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    width: 5px; 
    height: 5px;
    background-color: #0f1478; 
    border-radius: 50%;
    display: block;
}

#recruit_details #point .point_list{
    font-family: HiraginoSans W5;
    font-weight: bold;
    margin-top: 3%;
}
#recruit_details #info .info_list{
    background-color: #f7f7f7;
    border-radius: 20px;
    margin: 0 auto;
    padding: 1.6% 7.2%;
}
#recruit_details #info .info_list li{
    display: flex;
    border-bottom: 1px solid #c7c7c7;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto;
    padding: 4.6% 0em;
}

#recruit_details #info .info_list li:last-child {
  border-bottom: none; /* 最後の行だけ消す */
}

#recruit_details #info .info_list li .info_name{
    font-family: HiraginoSans W7;
    font-weight: 900;
    padding-left: 1%;
    width: 25%;
}
#recruit_details #info .info_list li .info_desc{
    font-family: HiraginoSans W5;
    font-weight: bold;
    width: 80%;
}
#recruit_details .recruit_content .contact_btn{
	margin: 0 auto;
    background: #0f1478;
    border: 1px solid #0f1478;
    color: #fff;
    letter-spacing: 0.15em;
    display: block;
    line-height: 1em;
    padding: 1.4em 2.9em;
    margin-top: 4%;
    text-decoration: none;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	position: relative;
	width: 16.9em;
	text-align: center;
	text-indent: -1em;
	z-index: 2;
}
#recruit_details .recruit_content .contact_btn:hover{
	background: #fff;
	color: #0f1478;
}
#recruit_details .recruit_content .contact_btn::after{
    content: "";
    display: block;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    padding-top: 0.8em;
    height: 0px;
    background: url(assets/images/recruit/list/ico_arrow_right.png) center center no-repeat;
    background-size: contain;
}

#recruit_details .recruit_content .contact_btn.pc{
	position: absolute;
	top: 0.8%;
    right: 10%;
}

@media screen and (max-width: 750px) {
    #recruit_details .mv__bg-title--center {
        width: 60%;
    }
	#recruit_details .recruit_content{
        width: 94.1%;
        padding-top: 9.8%;
        padding-bottom: 7.7%;
	}
	#recruit_details #comment .ttl{
		margin-bottom: 2%;
	}
    #recruit_details #comment .photo{
        width: 100%;
        margin-top: -8%;  
    }
	#recruit_details #comment .text{
		padding-bottom: 7%;
	}
	#recruit_details #point{
		padding-top: 7%;
		padding-bottom: 7%;
	}
	#recruit_details #point .point_list{
		margin-top: 5%;
	}
    #recruit_details #point .point_list li{
        position: relative;
        padding-left: 2em;
        line-height:  1.5;
        margin-bottom: 1em;
    }
    #recruit_details #point .point_list li{
        width: 100%;
    }
    #recruit_details #info .info_list{
        display: block;
        width: 100%;
        padding: 0% 7.4%;
    }
    #recruit_details #info .info_list li{
        display: block;
        padding: 8.4% 0;
    }
    #recruit_details #info .info_list li .info_name{
        display: block;
        padding-left: 0%;
        padding-top: 0;
        padding-bottom: 6%;
        width: 100%;
    }
    #recruit_details #info .info_list li .info_desc{
        display: block;
        padding-left: 0%;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
    }
    #recruit_details .recruit_content .contact_btn{
        margin: 0 auto;
        margin-top: 7.4%;
        width: 63.4%;
        padding: 1.5em 0em;
    }
	#recruit_details .recruit_content .contact_btn.pc{
		display: none;
	}
}