@charset "utf-8";
/* CSS Document */
/* #＃＃### 共通項目 ＃＃#### */
#ribon {
	width: 100%;
	background-image: url("../img/abouttriggerpoint/title.jpg");
	position: relative;
}
p.sanko {
	font-size: 11px;
	font-weight: bold;
}
.matome {
	background-color: #FBFBFB;
	padding: 1%;
	border: solid 1px #C4B173;
	border-radius: 8px;
	margin-top: 20px;
}
.centerBox {
	padding: 20px 0;
}
.baseBox .inner .centerBox img {
	width: 80%;
	margin: 20px auto;
}
table.imgTable {
	margin: 20px 0;
}
table.imgTable th {
	text-align: center;
	padding: 5px 2%;
	margin: 0;
}
table.imgTable td {
	text-align: center;
	font-size: 12px;
}
.atten3 {
	color: #5B5B5B;
	font-size: 13px;
	line-height: 1.4;
	margin: 5px 1%;
}
/* ## width 767px 以下の場合の設定 (for All Mobile Dvices) ## */
@media (max-width: 767px) {
	
	
	
	
.baseBox .inner .centerBox img {
	width: 100%;
	margin: 20px auto;
}
	
.inner p.prologue {
	font-size: 16px;
	margin: 20px 0;
}
	
.message {
	width: 96%;
	background-color: #F6F6F6;
	border: solid 1px #E2E2E2;
	padding: 10px;
	font-size: 13px;
	margin: 20px 2% 0 2%;
}
ul.trList {
	border: solid 1px #B5B5B5;
	padding: 1%;
	overflow: hidden;
	margin-top: 20px;
	border-radius: 8px;
}	
ul.trList li {
	width: calc(100%/2);
	float: left;
	font-size: 12px;
}
ul.trList li a {
	color: 444444;
}
ul.trList li a:hover {
	color:#C8CA20;
}	

#ribon h1.pTitle {
	font-size: 24px;
	line-height: 1.2;
	top: 3%;
}


ul.trigger{

}
ul.trigger li {
	font-size: 14px;
	margin: 10px 0 10px 40px;
	list-style: disc;
	
}	
ul.deci li {
	font-size: 14px;
	margin: 10px 0 10px 40px;
	list-style: decimal;
	
}
.baseBox .inner {
	width: 100%;
}
.baseBox a {
	color: #6A4009;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
		
.inner h2 {
	font-size: 20px;
	margin-bottom: 5px;
	border-bottom: 1px solid #454545;
	padding: 15px 0;
		
}
.inner h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0;
		
}
.inner h4 {
	font-size: 18px;
	color: #987C05;
	font-weight: bold;
	margin: 10px 0;
		
}
h4.mato {
	font-size: 18px;
	color: #5D4B01;
	font-weight: bold;
	margin: 10px 1%;
}
.inner h5 {
	font-size: 16px;
	color: #614F06;
	font-weight: bold;
	margin: 8px 0;
	border-bottom: 1px dotted #B4B4B4;
	padding-bottom: 5px;
		
}
.inner p {
	font-size: 14px;
	margin-left: 15px;
}
	
	
.atten {
	
	text-align: right;
	font-size: 12px;
}
.atten2 {
	font-size: 16px;
	color: #0365B9;
}
table.table1 {
	border-collapse: collapse;
	margin: 10px 0;
	font-size: 14px;
}	
table.table1 th {
	border: solid 1px #4E4D4C;
	padding: 6px;
	background-color: #EBEBEB;
}	
table.table1 td {
	border: solid 1px #4E4D4C;
	padding: 6px;
}

.leftBox2 h2 {
	font-size: 35px;
	margin-bottom: 20px;
		
}
.leftBox2 h3 {
	font-size: 20px;
	color: #987C05;
	font-weight: bold;
	margin: 8px 0;
		
}
.leftBox2 p {
	font-size: 16px;
	margin-left: 1px;
}
.rightBox p {
	font-size: 16px;
	margin-left: 1px;
}
.centerBox p {
	font-size: 16px;
	margin-left: 1px;
}
}

/* #### width 768px 以上の場合の設定 (for PC) #### */
@media (min-width: 768px) {
.inner p.prologue {
	font-size: 18px;
	margin: 30px 0;
}
.message {
	width: 98%;
	background-color: #F6F6F6;
	border: solid 1px #E2E2E2;
	padding: 10px;
	font-size: 13px;
	margin-top: 20px
}
ul.trList {
	border: solid 1px #B5B5B5;
	padding: 1%;
	overflow: hidden;
	margin-top: 20px;
	border-radius: 8px;
}	
ul.trList li {
	width: calc(100%/3);
	float: left;
	font-size: 16px;
	margin: 5px 0;
}
ul.trList li a {
	color: 444444;
}
ul.trList li a:hover {
	color:#C8CA20;
}
#ribon h1.pTitle {
	font-size: 34px;
	line-height: 1.2;
	top: 3%;
}
ul.trigger{

}
ul.trigger li {
	font-size: 16px;
	margin: 10px 0 10px 50px;
	list-style: disc;
	
}	
ul.deci li {
	font-size: 16px;
	margin: 10px 0 10px 50px;
	list-style: decimal;
	
}

/*トップページCSSワイドバージョン*/
.leftBox {
	float: left;
	width: 46%

}
.leftBox img {
	width: 100%;
	margin-top: 160px;
}
.rightBox {
	float: left;
	width: 54%;
	padding: 2%;
	line-height: 1.9;
		
}		
.rightBox h2 {
	font-size: 35px;
	margin-bottom: 20px;
		
}
.rightBox h3 {
	font-size: 20px;
	color: #987C05;
	font-weight: bold;
	margin: 8px 0;
		
}
.rightBox p {
	font-size: 16px;
	margin-left: 15px;
}

/*トップページCSSワイドバージョンの逆*/
.rightBox2 {
	float: left;
	width: 46%

}
.rightBox2 img {
	width: 100%;
	margin-top: 160px;
}
.leftBox2 {
	float: left;
	width: 54%;
	padding: 2%;
	line-height: 1.9;
		
}		
.leftBox2 h2 {
	font-size: 35px;
	margin-bottom: 20px;
		
}
.leftBox2 h3 {
	font-size: 20px;
	color: #987C05;
	font-weight: bold;
	margin: 8px 0;
		
}
.leftBox2 p {
	font-size: 16px;
	margin-left: 15px;
}

	
/*コンテンツありバージョン*/
h3.cTitle {
	font-size: 32px;
	margin: 2%;	
	border-bottom: solid 1px #cccccc;
	padding-bottom: 10px;
}
.CleftBox {
	float: left;
	width: 40%;
	padding: 0 2%;
	font-size: 16px;
	line-height: 1.8;
}
.CrightBox {
	float: right;
	width: 60%;
	padding: 0 2%;
}		

.under {
	text-decoration: underline;
}
address {
	font-size: 16px;
	margin-bottom: 20px;
}
.acBox {
	padding: 10px;
	margin-bottom: 10px;
}
/*このページは横幅指定*/
.baseBox .inner {
	width: 94%;
	padding: 0 3%;
}
.baseBox a {
	color: #6A4009;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
.inner h2 {
	font-size: 32px;
	margin-bottom: 5px;
	border-bottom: 1px solid #454545;
	padding: 0 2% 15px 0;
		
}
	
.centerBox h3 {
	font-size: 28px;
	font-weight: bold;
	margin: 25px 0;
		
}
.centerBox h4 {
	font-size: 20px;
	color: #987C05;
	font-weight: bold;
	margin: 30px 2%;
		
}
.centerBox h4.mato {
	font-size: 24px;
	color: #987C05;
	font-weight: bold;
	margin: 10px 1%;
		
}	
.centerBox h5 {
	font-size: 18px;
	color: #614F06;
	font-weight: bold;
	margin: 15px 2%;
	padding-bottom: 5px;
	text-decoration: underline;
		
}

.centerBox p {
	font-size: 16px;
	margin: 0 2%;
}
.atten {
	
	text-align: right;
	font-size: 12px;
}
.atten2 {
	font-size: 16px;
	color: #0365B9;
}
table.table1 {
	border-collapse: collapse;
	margin: 15px 0;
}	
table.table1 th {
	border: solid 1px #4E4D4C;
	padding: 10px;
	background-color: #EBEBEB;
}	
table.table1 td {
	border: solid 1px #4E4D4C;
	padding: 10px;
}
}

/* #### width 980px 以上の場合の設定 #### */
@media (min-width: 980px) {
	
}

/* #### width 1200px 以上の場合の設定 #### */
@media (min-width: 1200px) {

}


/* ## width 500px～767pxの場合の設定 (ipad) ## */
@media (min-width: 500px) and (max-width: 767px) {


}

/* ## width 376px～499pxの場合の設定 (iPhone12以降) ## */
@media (min-width: 376px) and (max-width: 499px) {

}

/* ## width 321px～375pxの場合の設定 (iPhone6〜iPhone11) ## */
@media (min-width: 321px) and (max-width: 375px) {

}

/* ## width 320px以下の場合の設定 (iPhone5s以下) ## */
@media (max-width: 320px) {


}