/*-----------------------------------------------------------------------------------------
	下層ページ（インターンシップ）
-----------------------------------------------------------------------------------------*/
/*------------------------------ ページ背景画像 ----------*/
#internship {
	overflow: hidden;
	background:url(../img/body.jpg) 50% 0 no-repeat #fff;
	background-size: 100% auto;
}
/*------------------------------ ページタイトル ----------*/
#internship h1 {
	background:rgba(0,54,100,0.70);
	color:#fff;
	font-size: 36px;
	letter-spacing: 15px;
	text-align: center;
	padding: 40px 0;
	line-height: 130%;
	margin-bottom:50px;
}
#internship h1 span {
	font-size: 12px !important;
	display: block;
	letter-spacing: 3px;
}
/*------------------------------ ページコンテンツ ----------*/
.internshipBox {
	position: relative;
	clear: both;
	overflow: hidden;
	width:1048px;
	padding:10px 0 40px;
	margin: 0 auto 50px auto;
	background:rgba(255,255,255,0.85);
	text-align: left;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.inner {
	margin:40px 40px 0;
    padding: 0 20px;
}
.inner p {
	line-height: 1.8;
	font-size: 16px;
	word-wrap: break-word;
}
/*---------- インターンシップについて ----------*/
.img-list {
	position: relative;
	overflow: hidden;
	margin:0 auto 100px auto;
	width:952px;
}
.img-list li {
	position: relative;
	float:left;
	margin:0 33px 33px 0;
}
.img-list li:nth-child(3n) {
	margin-right: 0;
}
/*---------- ご支援頂いている企業様一覧 ----------*/
.sponsorship-list {
	position: relative;
	overflow: hidden;
	margin:0 auto 20px auto;
	width:870px;
}
.sponsorship-list li {
	position: relative;
	float:left;
	width:290px;
	line-height: 30px;
}
.sponsorship-list li:before {
	content: '・';
}
.sponsorship-list li:nth-child(3n) {
	margin-right: 0;
}
/*----- ※マーク -----*/
.attention {
	position: relative;
	padding-left:20px;
	margin:0 0 70px 47px !important;
	text-align: left;
}
.attention:before {
	position: absolute;
	content: '※';
	top:0;
	left: 0;
}

.document-wrap{

}

.document{
    letter-spacing: .1em;
    border-top: 1px solid #9E9E9E;
}
.document p{
    margin: 0;
}

.document__link{
    display: grid;
    grid-template-columns: 1fr 110px;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    color: #3D3C3C;
}
.document__textgroup{}
.document__title{
    margin: 0 0 5px;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: bold;
}
.document__text{
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}
.document__badge{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 30px;
    font-size: 15px;
    letter-spacing: .2em;
    font-weight: bold;
    color: #fff;
    background: #2E58A6;
    border-radius: 100px;
}
.document__badge.Word{
    background-color: #16B11B;
}
.document__badge.Excel{
    background-color: #16B11B;
}
/*-----------------------------------------------------------------------------------------
	レスポンシブ
-----------------------------------------------------------------------------------------*/

@media only screen and (max-width: 680px) {
	/*------------------------------ ページ背景画像 ----------*/
	#internship {
		background-size: 100% auto;
		margin-bottom:10%;
	}
	/*------------------------------ ページタイトル ----------*/
	#internship h1 {
		font-size: 1.2rem;
		letter-spacing: 8px;
		padding: 7% 0;
		line-height: 130%;
		margin-bottom:10%;
	}
	#internship h1 span {
		font-size: 0.7rem !important;
		display: block;
		letter-spacing: 2px;
	}
	/*------------------------------ ページコンテンツ ----------*/
	.internshipBox {
		width:96%;
		padding:2% 0 0 0;
		margin: 0 auto 7% auto;
	}
	/*------ 画像幅を 伸縮できるように -----*/
	.internshipBox img {
		width:100%;
		height: auto;
	}
	.inner {
		margin:5% 2%;
        padding: 0;
	}
	.inner p {
		margin: 0 0 6% 0;
		line-height: 180%;
		font-size: 1rem;
	}
	/*---------- インターンシップについて ----------*/
	.img-list {
		margin:0 auto 10% auto;
		width:100%;
	}
	/*
	.img-list li {
		float:none;
		margin:0 0 4% 0;
		width: 100%;
	}
	.img-list li:nth-child(3n) {}
	*/
	.img-list li {
		width:49%;
		margin:0 2% 2% 0;
	}
	.img-list li:nth-child(3n) {
		margin-right:2%;
	}
	.img-list li:nth-child(2n) {
		margin-right:0;
	}

	/*---------- ご支援頂いている企業様一覧 ----------*/
	.sponsorship-list {
		margin:0 auto 4% auto;
		width:100%;
	}
	.sponsorship-list li {
		width:100%;
		line-height: 150%;
	}
	.sponsorship-list li:before {}
	.sponsorship-list li:nth-child(3n) {}
	/*----- ※マーク -----*/
	.attention {
		padding-left:20px;
		margin:0 0 4% 0 !important;
	}
	.attention:before {}
	
	iframe {
		width:100%;
		height: 500px;
	}


    .document-wrap{

    }

    .document{
        letter-spacing: .1em;
        border-top: 1px solid #9E9E9E;
    }
    .document p{
        margin: 0;
    }

    .document__link{
        grid-template-columns: 1fr 80px;
        gap: 20px;
        padding: 20px 0;
    }
    .document__textgroup{}
    .document__title{
        font-size: 16px !important;
    }
    .document__text{
        font-size: 14px;
    }
    .document__badge{
        width: 80px;
        height: 25px;
        font-size: 14px;
    }
}


.company_anchor {
	text-align: center;
}
.company_anchor a {
	display: inline-block;
	margin: 0 auto 40px;
	padding: 35px 90px;
	background: #379dea;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	color: #FFF;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
@media only screen and (max-width: 680px) {
	.company_anchor a {
		padding: 15px;
		font-size: 13px;
	}
}
.f_ore {
	color: #e95513;
}
.int_pht {
	width: 930px;
	margin: 0px 10px;
}
.int_pht li {
	width: 29%;
	margin: 0 2% 2%;
	float: left;
}
.int_pht li img {
	max-width: 100%;
	height: auto;
}
.int_pht li span {
	display: block;
	padding-top: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #0a355e;
}
@media only screen and (max-width: 680px) {
	.int_pht {
		width: 100%;
		margin: 0px;
	}
	.int_pht li {
		width: 46%;
	}
}