@charset "UTF-8";

@media screen and (min-width:751px) {
	
	header .innerbox nav .box.history::after{
		transform: scaleX(1);
	}
	
	.contbox{
		padding:180px 0 0 0;
		overflow: hidden;
	}
	
	.contbox .headflex{
		display: flex;
	}
	
	.contbox .headflex .box{
		display: flex;
		justify-content: center;
		align-items: center;
		color:#fff;
		font-size:2rem;
		padding:15px 0;
	}
	
	.contbox .headflex .box:nth-child(1){
		background:#1e6edc;
		width:calc((100% - 100px) / 2);
	}
	
	.contbox .headflex .box:nth-child(2){
		width:100px;
		background:#26343c;
	}
	
	.contbox .headflex .box:nth-child(3){
		background:#2db0eb;
		width:calc((100% - 100px) / 2);
	}
	
	.contbox .flexbox {
		display: flex;
		border-bottom:1px dashed #373c3d;
	}
	
	.contbox .flexbox .box{
		font-size:2rem;
		padding:15px 0;
	}
	
	.contbox .flexbox .box:nth-child(1){
		background:#e8f0fb;
		width:calc((100% - 100px) / 2);
		padding:25px 25px 25px max(5%,calc((100% - 1166px) / 2));
		box-sizing: border-box;
	}
	
	.contbox .flexbox .box .tx{
		display: flex;
		align-items: flex-start;
		width:100%;
		margin:0 0 15px 0;
	}
	
	.contbox .flexbox .box .tx:last-child{
		margin:0 0 0 0;
	}
	
	.contbox .flexbox .box .tx span{
		font-size: 1.8rem;
		font-weight: 600;
		width:95px;
		letter-spacing: 0.1em;
		margin:5px 0;
		line-height: 1.8em;
	}
	
	.contbox .flexbox .box .tx .list{
		border-left:1px solid #1e6edc;
		width:calc(100% - 95px - 15px);
		padding:0 0 0 15px;
	}
	
	.contbox .flexbox .box .tx .list p{
		font-size: 1.5rem;
		line-height: 1.8em;
		letter-spacing: 0.1em;
		padding:0 0 0 0;
		margin:5px 0;
		text-indent: -1em;
		padding-left:1em;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box1{
		width:105px;
		margin:10px 0 15px 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box2{
		width:175px;
		margin:10px 0 15px 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box3{
		width:220px;
		margin:10px 0 0 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box4{
		width:100px;
		margin:10px 0 0 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box5{
		width:140px;
		margin:10px 0 0 0;
	}
	
	.contbox .flexbox .box .tx .list p:before{
		content: "・";
		width:1em;
		display: inline-block;
		padding:0 0 0 1em;
	}
	
	.contbox .flexbox .box .tx .list p.ph:before{
		display: none;
	}
	
	.contbox .flexbox .box:nth-child(2){
		width:100px;
		background:#fff;
		font-size: 2.4rem;
		font-weight: 600;
		display: flex;
		justify-content: center;
	}
	
	.contbox .flexbox .box:nth-child(3){
		background:#ebf6f8;
		width:calc((100% - 100px) / 2);
		padding:25px max(5%,calc((100% - 1166px) / 2)) 25px 25px;
		box-sizing: border-box;
	}
}

@media screen and (max-width:750px) {
	header .innerbox nav .box.history a{
		color:#1e6edc !important;
	}
	
	.contbox{
		padding:90px 0 0 0;
		overflow: hidden;
	}
	
	.contbox .headflex{
		display: flex;
	}
	
	.contbox .headflex .box{
		display: flex;
		justify-content: center;
		align-items: center;
		color:#fff;
		font-size:1.5rem;
		padding:15px 15px;
		text-align: center;
	}
	
	.contbox .headflex .box:nth-child(1){
		background:#1e6edc;
		width:50%;
	}
	
	.contbox .headflex .box:nth-child(2){
		width:100px;
		background:#26343c;
		display: none;
	}
	
	.contbox .headflex .box:nth-child(3){
		background:#2db0eb;
		width:50%;
	}
	
	.contbox .flexbox {
		display: flex;
		border-bottom:1px dashed #373c3d;
		flex-wrap: wrap;
	}
	
	.contbox .flexbox .box{
		font-size:2rem;
		padding:15px 0;
	}
	
	.contbox .flexbox .box:nth-child(1){
		background:#e8f0fb;
		width:50%;
		padding:15px 5% 15px 5%;
		box-sizing: border-box;
	}
	
	.contbox .flexbox .box .tx{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		width:100%;
		margin:0 0 15px 0;
	}
	
	.contbox .flexbox .box .tx:last-child{
		margin:0 0 0 0;
	}
	
	.contbox .flexbox .box .tx span{
		font-size: 1.8rem;
		font-weight: 600;
		width:100%;
		letter-spacing: 0.1em;
		margin:0 0;
		line-height: 1.8em;
		position: relative;
	}
	
	.contbox .flexbox .box .tx span::before{
		content: "";
		width:3.5vw;
		border-bottom:1px solid #1e6edc;
		position: absolute;
		top:0.9em;
		left:-5vw;
	}
	
	.contbox .flexbox .box .tx .list{
		width:100%;
		padding:0 0 0 0;
	}
	
	.contbox .flexbox .box .tx .list p{
		font-size: 1.5rem;
		line-height: 1.8em;
		letter-spacing: 0.1em;
		padding:0 0 0 0;
		margin:5px 0;
		text-indent: -1em;
		padding-left:1em;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box1{
		width:100%;
		max-width:105px;
		margin:10px 0 15px 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box2{
		width:100%;
		max-width:175px;
		margin:10px 0 15px 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box3{
		width:100%;
		max-width:220px;
		margin:10px 0 0 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box4{
		width:100%;
		max-width:100px;
		margin:10px 0 0 0;
	}
	
	.contbox .flexbox .box .tx .list p.ph.box5{
		width:100%;
		max-width:140px;
		margin:10px 0 0 0;
	}
	
	.contbox .flexbox .box .tx .list p:before{
		content: "・";
		width:1em;
		display: inline-block;
		padding:0 0 0 1em;
	}
	
	.contbox .flexbox .box .tx .list p.ph:before{
		display: none;
	}
	
	.contbox .flexbox .box:nth-child(2){
		width:100%;
		order: -1;
		background:#fff;
		font-size: 2rem;
		font-weight: 600;
		display: flex;
		padding:10px 0;
		justify-content: center;
	}
	
	.contbox .flexbox .box:nth-child(2)::before{
		content: "年代："
	}
	
	.contbox .flexbox .box:nth-child(3){
		background:#ebf6f8;
		width:50%;
		padding:15px 5% 15px 5%;
		box-sizing: border-box;
	}
}