@charset "UTF-8";

/* #### ribon ####*/
#ribon {
	width: 100%;
	background-image: url("../img/trigger/title.jpg");
	position: relative;
}
ul.aboutSq li {
    list-style: disc;
    margin-bottom: 30px;
    margin-left: 20px;
}

ul.aboutSq2 {
    line-height: 1.8;
    margin-top: 5px;
}

ul.aboutSq2 li {
    list-style: disc;
    margin-left: 20px;
}
h4 i {
	color: #E1D7C8;
}
.baseBox .inner .imgBox {
    margin: 15px auto;
	text-align: center;
}

.baseBox .inner .imgBox img {
    width: 80%;
}

figcaption {
    color: #606060;
    font-size: 12px;
    text-align: center;
}
span.yellowMarker {
    background: linear-gradient(transparent 60%, #ff6 60%);
    font-weight: bold;
}
ul.check li {
    position: relative;
    padding-left: 25px;
	margin-left: 15px;
  }
 
 ul.check li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 3px solid #D58B09;
    border-bottom: 3px solid #D58B09;
  }

/* #### width 767px 以下の場合の設定 (for All Mobile Dvices) #### */
@media (max-width: 767px) {
table.tPoint {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}
table.tPoint th {
	border: solid 1px #A9A9A9;
	background-color: #F1F1F1;
	padding: 10px;
}
table.tPoint td {
	border: solid 1px #A9A9A9;
	padding: 10px;
}
h4 {
	font-weight: bold;
	margin-bottom: 15px;
}	
.matome {
	background-color: #FCF0FF;
	padding: 10px;
	border-radius: 8px;
}
.point {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
	
.imgBox {
    margin: 15px auto;
}

.imgBox img {
    width: 10%;
}	
	
/*h2見出し*/
h2.aTitle {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
	
}
h2.aTitle:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #FF9300;
}
h2.aTitle span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
/*h3見出し*/	
h3.aTitle {
    padding: 10px 0;
    margin: 20px 0;
    background-image: linear-gradient(135deg, #F09D00 5%, #FCEDD5 70%);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
    color: #A5590D;
    font-size: 20px;
} 
/*h4見出し*/	
h4.aTitle {
	font-size: 16px;
	color: #9C5C00;
	border-bottom: 2px dotted #cccccc;
	padding-bottom: 6px;
	margin: 15px 0;
}

p {
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 15px;
}
p.hosoku {
	line-height: 1.7;
	margin-bottom: 10px;
}
.writerBox {
	width: 100%;
    text-align: center;
    margin-top: 50px;
}
.writerBox p {
    font-size: 12px;
	text-align: left;
}
p.directorPhoto {
	text-align: center;
}

p.wrName {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
	text-align: center;
}
p.wrName2 {
	font-size: 12px;
    background: #EFEFEF;
    padding: 10px;
    color: #444444;
	text-align: left;
}	
}


/* #### width 768px 以上の場合の設定 (for PC) #### */
@media (min-width: 768px) {
table.tPoint {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}
table.tPoint th {
	border: solid 1px #A9A9A9;
	background-color: #F1F1F1;
	padding: 10px;
}
table.tPoint td {
	border: solid 1px #A9A9A9;
	padding: 10px;
}
h4 {
	font-weight: bold;
	margin-bottom: 15px;
}	
.matome {
	background-color: #FCF0FF;
	padding: 10px;
	border-radius: 8px;
}
.point {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
	
.imgBox {
    margin: 15px auto;
}

.imgBox img {
    width: 10%;
}

/*h2見出し*/
h2.aTitle {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
	
}
h2.aTitle:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #FF9300;
}
h2.aTitle span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
/*h3見出し*/	
h3.aTitle {
    padding: 10px 0;
    margin: 30px 0;
    background-image: linear-gradient(135deg, #F09D00 5%, #FCEDD5 70%);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
    color: #A5590D;
    font-size: 24px;
} 
/*h4見出し*/	
h4.aTitle {
	font-size: 18px;
	color: #9C5C00;
	border-bottom: 2px dotted #cccccc;
	padding-bottom: 6px;
	margin: 15px 0;
}

p {
	font-size: 16px;
	line-height: 1.9;
	margin-bottom: 30px;
}
p.hosoku {
	line-height: 1.7;
	margin-bottom: 10px;
}
.writerBox {
	width: 100%;
    margin-top: 50px;
}
.writerBox p {
    font-size: 14px;
}


p.wrName {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
p.wrName2 {
    background: #EFEFEF;
    padding: 10px;
    color: #444444;
}
}



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

	

}


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



}

/* ## width 376px～499pxの場合の設定 (iPhone12以降) ## */
@media (min-width: 376px) and (max-width: 499px) {
/*h2見出し*/
h2.aTitle {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
	
}
h2.aTitle:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #FF9300;
}
h2.aTitle span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
/*h3見出し*/	
h3.aTitle {
    padding: 10px 0;
    margin: 20px 0;
    background-image: linear-gradient(135deg, #F09D00 5%, #FCEDD5 70%);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
    color: #A5590D;
    font-size: 18px;
} 
/*h4見出し*/	
h4.aTitle {
	font-size: 16px;
	color: #9C5C00;
	border-bottom: 2px dotted #cccccc;
	padding-bottom: 6px;
	margin: 15px 0;
}

p {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 15px;
}
p.hosoku {
	line-height: 1.7;
	margin-bottom: 10px;
}
.writerBox {
	width: 100%;
    margin-top: 50px;
}
.writerBox p {
    font-size: 12px;
}


p.wrName {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
p.wrName2 {
    background: #EFEFEF;
    padding: 10px;
    color: #444444;
}	
	
}
/* ## width 321px～375pxの場合の設定 (iPhone6〜iPhone11) ## */
@media (min-width: 321px) and (max-width: 375px) {
	
/*h2見出し*/
h2.aTitle {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
	
}
h2.aTitle:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #FF9300;
}
h2.aTitle span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
/*h3見出し*/	
h3.aTitle {
    padding: 10px 0;
    margin: 20px 0;
    background-image: linear-gradient(135deg, #F09D00 5%, #FCEDD5 70%);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
    color: #A5590D;
    font-size: 18px;
} 
/*h4見出し*/	
h4.aTitle {
	font-size: 16px;
	color: #9C5C00;
	border-bottom: 2px dotted #cccccc;
	padding-bottom: 6px;
	margin: 15px 0;
}

p {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 15px;
}
p.hosoku {
	line-height: 1.7;
	margin-bottom: 10px;
}
.writerBox {
	width: 100%;
    margin-top: 50px;
}
.writerBox p {
    font-size: 12px;
}


p.wrName {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
p.wrName2 {
    background: #EFEFEF;
    padding: 10px;
    color: #444444;
}
	

}


/* ## width 320px以下の場合の設定 (iPhone5s以下) ## */
@media (max-width: 320px) {
/*h2見出し*/
h2.aTitle {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
	
}
h2.aTitle:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #FF9300;
}
h2.aTitle span {
  position: relative;
  padding: 0 6px;
  background: #fff;
}
/*h3見出し*/	
h3.aTitle {
    padding: 10px 0;
    margin: 20px 0;
    background-image: linear-gradient(135deg, #F09D00 5%, #FCEDD5 70%);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
    color: #A5590D;
    font-size: 16px;
} 
/*h4見出し*/	
h4.aTitle {
	font-size: 14px;
	color: #9C5C00;
	border-bottom: 2px dotted #cccccc;
	padding-bottom: 6px;
	margin: 15px 0;
}

p {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 15px;
}
p.hosoku {
	line-height: 1.7;
	margin-bottom: 10px;
}
	
}