@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Style Info : トップ用指定
Last modified : :2021
***********************************************/


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

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





#iriguti_set1{
	margin:150px 0 0 0;
	padding:0;
	width:100%;
	float:left;
}


#iriguti_set1 .all {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width:1300px;
	}


#iriguti_set1 .head {
	margin:0;
	padding:0 0 0 2%;
	width:98%;
	text-align:left;
	line-height:1.5em;
                                font-size:28px;
                                color:#ffffff;
	float:left;
                                background-color:#ffaa05;
                                border-top-left-radius: 10px;
}



#iriguti_set1 .copy{
	margin:50px 0 30px 0;
	padding:0;
	float:left;
                                text-align: left;
	line-height:1.5em;
}


#iriguti_set1 .sentaku{
	margin:50px 0 100px 0;
	padding:30px 0 30px 0;
	width:100%;
	float:left;
                                border: 1px solid #939393;
                                border-radius: 20px;
}

#iriguti_set1 .sentaku-left{
	margin:40px 0 0 50px;
	padding:0;
	width:40%;
	float:left;
                                text-align: left;
	font-size: 22px;
	line-height:1.5em;
                                font-weight:bold;
}

#iriguti_set1 .sentaku-right{
	margin:40px 0 80px 0;
	padding:0;
	width:50%;
                                height:60px;
	float:left;
}






#iriguti_set1 a.new {
	text-align: center;
	width:100%;
	margin: 0;
	padding: 15px 0 15px 0;
                                background-color:#fb5ea8;
                                font-size:32px;
	border-radius: 10px;
	color: #ffffff;
	border: 2px solid #ffffff;
	box-shadow: 3px 3px #808080;
	transition: 0.3s ease-in-out;
	float:left;
}
#iriguti_set1 a.new:hover {
	box-shadow: none;
	transform: translate(2px, 2px);
                                background-color:#d23c83;
	color: #fbcb39;
}


#iriguti_set1 a.old {
	text-align: center;
	width:100%;
	margin: 0;
	padding: 15px 0 15px 0;
                                background-color:#22a48d;
                                font-size:32px;
	border-radius: 10px;
	color: #ffffff;
	border: 2px solid #ffffff;
	box-shadow: 3px 3px #808080;
	transition: 0.3s ease-in-out;
	float:left;
}
#iriguti_set1 a.old:hover {
	box-shadow: none;
	transform: translate(2px, 2px);
                                background-color:#1c7e6d;
	color: #fbcb39;
}


#iriguti_set1 .sentaku-right a {
	color:#ffffff;
	text-decoration: none;
	}
#iriguti_set1 .sentaku-right a:hover {
	color:#fbcb39;
	}


hr.style1 {
margin:10px 0 10px 0;
border-top: 1px dashed #8c8b8b;
border-bottom: none;
}

#iriguti_set1 .red-b {
	color:#ff0000;
                                font-size:1.3em;
	font-weight: bold;
	}


}


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

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

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

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





#iriguti_set1{
	margin:40px 0 130px 0;
	padding:0;
	width:100%;
}


#iriguti_set1 .all {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
	width:100%;
	}




#iriguti_set1 .head {
	margin:0 0 0 2%;
	padding:2%;
	width:92%;
	text-align:left;
	line-height:1.5em;
                                font-size:1.2em;
                                color:#ffffff;
                                background-color:#ffaa05;
                                border-top-left-radius: 10px;
}

#iriguti_set1 .copy{
	margin:20px 0 0 5%;
	padding:0;
	width:90%;
                                text-align: left;
	line-height:1.5em;
                                font-size:0.8em;
}



#iriguti_set1 .sentaku{
	margin:20px 0 0 10px;
	padding:0 0 50px 0;
	width:95%;
                                border: 1px solid #939393;
                                border-radius: 20px;
}

#iriguti_set1 .sentaku-left{
	margin:30px 0 10px 5px;
	padding:0;
	width:90%;
                                text-align: left;
	line-height:1.5em;
                                font-weight:bold;
}

#iriguti_set1 .sentaku-right{
	margin:10px 0 0 5px;
	padding:0;
	width:90%;
}


#iriguti_set1 a.new {
	text-align: center;
	width:100%;
	margin: 0;
	padding: 10px;
                                background-color:#fb5ea8;
                                font-size:1.2em;
	border-radius: 10px;
	color: #ffffff;
	border: 2px solid #ffffff;
	box-shadow: 3px 3px #808080;
	transition: 0.3s ease-in-out;
}
#iriguti_set1 a.new:hover {
	box-shadow: none;
	transform: translate(2px, 2px);
                                background-color:#d23c83;
	color: #fbcb39;
}


#iriguti_set1 a.old {
	text-align: center;
	width:100%;
	margin: 0;
	padding: 10px;
                                background-color:#22a48d;
                                font-size:1.2em;
	border-radius: 10px;
	color: #ffffff;
	border: 2px solid #ffffff;
	box-shadow: 3px 3px #808080;
}
#iriguti_set1 a.old:hover {
	box-shadow: none;
	transform: translate(2px, 2px);
                                background-color:#1c7e6d;
	color: #fbcb39;
}


#iriguti_set1 .sentaku-right a {
	color:#ffffff;
	text-decoration: none;
	}
#iriguti_set1 .sentaku-right a:hover {
	color:#fbcb39;
	}

#iriguti_set1 .red-b {
	color:#ff0000;
                                font-size:1.1em;
	font-weight: bold;
	}


}