﻿@CHARSET "utf-8";

/* ======================================================

	INTERNSHIP PROGRAM REPORT

====================================================== */
.clear { clear: both; }

/*  background   */
.bg_white { background-color: #fff; }
.bg_gry { background-color: #efefef; }

/*  color   */
.cl_red{ color: #b91d25;}
.cl_grn{ color: #009d85;}

/*  line   */
.line_grn{ display: inline; background-color: #a2d7d4; font-weight: 600;}

/*   width  */
.w_90 { max-width: 90%; margin-left: auto; margin-right: auto;}

/*   flex  */
.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap;}
.flex-btw{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.flex-cen{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}

/*   margin  */
.mt0 {margin-top:0!important;}
.mt1 {margin-top:10px;}
.mt2 {margin-top:20px;}
.mt3 {margin-top:30px;}
.mt4 {margin-top:40px;}
.mt5 {margin-top:50px;}
.mb0 {margin-top:0!important;}
.mb1 {margin-bottom:10px;}
.mb2 {margin-bottom:20px;}
.mb3 {margin-bottom:30px;}
.mb4 {margin-bottom:40px;}
.mb5 {margin-bottom:50px;}

/*   hxx  */
/* h1{ margin: 20px 0 16px;} */
h1,
h2,
h3{ line-height: 1.4;}

.ttl_01{
	font-size: 26px; font-weight: 600; text-align: center;
}
.ttl_02{
	font-size: 22px; font-weight: 600; text-align: center;
}
.ttl_03{
	font-size: 20px; font-weight: 600;
}

#main_contents{ font-size: 18px; line-height: 1.6; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #424143;}

/*-------tit_area--------*/
#tit_area { border: none; padding-bottom: 0; margin: 65px auto 20px; text-align: center;}
#tit_area .tit_area-ttl{ font-size: 44px; font-weight: 600; color: #009d85;}
#tit_area .tit_area-sub{ font-size: 24px; font-weight: 600; color: #009d85;}

/*-------internship--------*/
.bnr_intership_award_3rd{ text-align: center;}
.bnr_intership_award_3rd a{ display: block; padding: .5rem;}

/*-------internship--------*/
.isp_lead{ /* font-size: 16px; */}
.isp_lead p{ margin-bottom: 20px;}
.isp_lead p:last-child{ margin-bottom: 0;}

.dl_box_01,
.dl_box_02{ position: relative;}
.dl_box_01 > dt{ background-color: #009d85; color: #fff; padding: 8px 40px; font-size: 26px; font-weight: 600; text-align: center;}
.dl_box_01 > dd{ background-color: #dcedeb; padding: 40px 40px;}

/* blc_about */
.blc_about figure{ text-align: center;}

/* blc_voice */
.blc_voice .voice_list li{ width: calc(100% / 3 - 13.5px); border: 3px solid #009d85; background-color: #fff; padding: 20px 20px; min-height: 280px; position: relative; font-size: 80%; box-sizing: border-box;}
.blc_voice .voice_list li:not(:nth-child(3n)){ margin-right: 20px;}
.blc_voice .voice_list li:not(:nth-child(-n+3)){ margin-top: 20px;}
.blc_voice .voice_list li .ttl{ font-size: 19px; letter-spacing: -0.05em;}
.blc_voice .voice_list li .__meta{ position: absolute; bottom: 15px; left: 20px; right: 20px;}
.blc_voice .voice_list li .__meta .__name{ font-weight: 600;}
.blc_voice .voice_list li .__meta .__icon{ position: absolute; bottom: 0; right: 0; width: 60px;}
.blc_voice .voice_list li .__meta .__icon img{ max-width: 100%; height: auto;}

/* accordion_area */
.accordion_area,
.accordion_area *{ box-sizing: border-box;}
.accordion_area{ border-bottom: 1px solid #424143;}
.accordion_area-box{ border-top: 1px solid #424143;}
.accordion_area-box--ttl{ display: block; font-size: 26px; font-weight: 600; text-align: center; padding: 20px; cursor: pointer; text-decoration: none!important; transition: .3s ease-in-out; position: relative; color: #009d85;}
.accordion_area-box--ttl---btn{width: 50px; height: 100%; position: absolute; top: 0; right: 0; transition: .3s ease-in-out;}
.accordion_area-box--ttl---btn::before,
.accordion_area-box--ttl---btn::after{content: ''; width: 18px; height: 2px; background-color: #424143; position: absolute; top: 50%; left: 0; right: 0; margin: auto; transition: .3s ease-in-out;}
.accordion_area-box--ttl---btn::after{ transform: rotate(90deg);}
	/* active/hover */
	.accordion_area-box--ttl.active .accordion_area-box--ttl---btn{ transform: rotate(45deg);}
	.accordion_area-box--ttl:hover{ background-color: #efefef;}
.accordion_area-box--contents{ padding: 30px 0 50px;}

/* blc_flow */
.blc_flow-list li:not(:last-child){ margin-bottom: 50px;}
.blc_flow-list li .left_area{ width: 70%; padding-right: 5%;}
.blc_flow-list li .right_area{ width: 30%;}
.blc_flow-list li .right_area figure img{ max-width: 100%;}

/* blc_presentation */
.blc_presentation section:not(:last-child){ border-bottom: 1px solid #424143; padding-bottom: 50px; margin-bottom: 50px;}
.blc_presentation .popup{ text-align: center; position: relative;}
.blc_presentation .popup .link{ text-align: right; margin-top: 5px; /* position: absolute; bottom: 0; right: 0; */}
.blc_presentation-ttl{ text-align: center;}
.blc_presentation-ttl .meta{ font-size: 90%;}
.blc_presentation-comment dl:not(:last-child){ margin-bottom: 20px;}
.blc_presentation-comment dl dt{ font-size: 19px; font-weight: 600;}
.blc_presentation-alpha--sort{ text-align: center; font-size: 22px; margin-top: -30px;}

/* blc_jinji */
.blc_jinji figure{ text-align: center;}
.blc_jinji figure img{ display: block; width: 160px; border-radius: 50%; margin: auto;}

/* blc_archive */
.blc_archive{ background-color: #dcedeb; padding: 20px;}
.blc_archive ul li{ line-height: 1;}
.blc_archive ul li:not(:last-child){ border-right: 1px solid #424143; padding-right: 15px; margin-right: 15px;}

/* blc_recruit_entry */
.blc_recruit_entry{ text-align: center; font-size: 80%;}
.blc_recruit_entry .flex-cen figure:not(:last-child){ margin-right: 15px;}