@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Last modified : :2019
***********************************************/



*{
	margin:0;
	padding:0px;
	}

@media print, screen and (min-width: 770px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }



.history-index_head {
	margin:130px 0 20px 0;
	padding: 0;
	width:100%; 
                                 height: 100px;
	text-align:left;
  background:  url(../menu/head.png);
background-size: cover;
	float:left;
                                display: flex;
                                align-items: center;
                                font-family: serif ;
}

.history-index_head .title {
	margin:0 0 0 40px;
	font-size:38px;
	line-height:1em;
                                color:#0b619a;
                                position: relative;
                                z-index: 1;
}
.history-index_head .subtitle {
	margin:0 0 0 20px;
	font-size:28px;
	line-height:1em;
                                color:#0b619a;
                                position: relative;
                                z-index: 1;
}


.history-index_set1 {
	margin:30px 0 0 0;
	padding:0;
	width:1300px; 
	text-align:left;
	float:left;
}


.head {
	margin:80px 0 30px 0;
	position: relative;
	width: 100%;
	padding-bottom: 15px;
	font-size: 28px;
	line-height:1em;
                                color:#587a97;
	float:left;
}

.head::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #587a97 0px, #587a97 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}


.history-index_set1 .copy{
	margin:0 0 10px 0;
	padding:0;
	width:100%; 
	text-align:left;
	float:left;
	line-height:1.6em;
}
.history-index_set1 .copy2{
	margin:0 0 10px 0;
	padding:0;
	width:100%; 
	text-align:left;
	float:left;
	line-height:1.6em;
}

.history-index_set1  .left {
	margin:0;
	width:45%; 
	float:left;
                                clear:both;
}
.history-index_set1  .right {
	margin:0 0 0 10%;
	width:45%; 
	float:left;
}

.history-index_set1  .pht {
	margin:20px 10px 0 0;
	font-size: 14px;
	line-height:1em;
	float:left;
}

.history-index_set1  .pht img {
	margin:0 0 5px 0;
	height:280px; 
}

.history-index_set1  .pht2 img {
	margin:0 0 5px 0;
	width:100%; 
}


.history-index_set1  .right img {
	margin:0 0 5px 0;
	width:100%; 
}


}



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

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.sp { display: block !important; }
.pc { display: none !important; }

img {
  max-width: 100%;
  height: atuo;
}


.history-index_head {
	margin:0px 0 0 0;
	padding: 0;
	width:100%; 
                                 height:80px;
	text-align:left;
                                background:  url(../menu/head.png);
                                background-size: cover;
                                display: flex;
                                align-items: center;
                                font-family: serif ;
}

.history-index_head .title {
	margin:0 0 0 10px;
	font-size:1.7em;
	line-height:0.9em;
                                color:#0b619a;
}
.history-index_head .subtitle {
	margin:0 0 0 0;
	font-size:0.7em;
	line-height:1em;
                                color:#0b619a;
}


.head {
	margin:50px 0 30px 0;
	position: relative;
	width: 100%;
	padding-bottom: 15px;
	font-size: 1.4em;
	line-height:1em;
                                color:#587a97;
	text-align:center;
}

.head::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #587a97 0px, #587a97 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}


.history-index_set1 {
	margin:50px 0 20% 2%;
	padding:0;
	width:96%; 
	text-align:center;
}


.history-index_set1 .copy{
	margin:0 0 10px 0;
	padding:0;
	width:100%; 
	text-align:left;
	line-height:1.3em;
}
.history-index_set1 .copy2{
	margin:0 0 10px 0;
	padding:0;
	width:100%; 
	text-align:left;
	line-height:1.6em;
}



.history-index_set1  .left {
	margin:20px 0 0 0;
	width:100%; 
                                clear:both;
}
.history-index_set1  .right {
	margin:20px 0 0 0;
	width:100%; 
}

.history-index_set1  .pht {
	margin:15px 0 0 0;
	width:100%; 
	font-size: 0.8em;
	line-height:1em;
}

.history-index_set1  .pht2 {
	margin:15px 0 0 0;
	width:100%; 
	font-size: 0.8em;
	line-height:1em;
}

.history-index_set1  .pht img {
	margin:0 0 5px 0;
	width:90%;
}

.history-index_set1  .pht2 img {
	margin:0 0 5px 0;
	width:90%;
}


.history-index_set1  .right img {
	margin:0 0 5px 0;
	width:90%;
}

}