@charset "UTF-8";
/* CSS Document */

.app-content .block {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.pricebox  {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.pricebox .priceITEM {
	width: 49%;
	background: #f5f5f5;
	border: 1px solid #eaeaea;
	padding: 40px;
}
.pricebox .priceITEM h3 {
	background: #012740;
	color:#fff;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 0px;
	line-height: 1.6;
	text-align: center;
}
.pricebox .priceITEM .kakaku {
	color: #b62701;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	line-height: 1.4;
}
.pricebox .priceITEM .kakaku span {
	color: #222;
	font-size: 28px;
	margin-left: 5px;
}

.price_cation {
	text-align: center;
}
.price_cation span {
	text-align: center;
	color: #b62701;
	font-weight: bold;
	font-size: 16px;
}

.offer_text p {
	text-align: center;
	font-size: 18px;
}
.offer_text p span {
	color: #b62701;
	font-weight: bold;
}
.tokutenimg {
	margin-bottom: 30px;
}

.tokutenimg img {
	margin-bottom: 10px;
}

.appbutton {
	width: 500px;
	margin: 40px auto 0;
}
.offer_text h4   {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}











@media screen and (max-width:768px) {
	
.app-content .block {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.pricebox  {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 30px;
}
.pricebox .priceITEM {
	width: auto;
	background: #f5f5f5;
	border: 1px solid #eaeaea;
	padding: 20px;
	box-sizing: border-box;
}
.pricebox .priceITEM h3 {
	background: #012740;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.6;
	text-align: center;
}
.pricebox .priceITEM .kakaku {
	color: #b62701;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	line-height: 1.4;
}
.pricebox .priceITEM .kakaku span {
	color: #222;
	font-size: 20px;
	margin-left: 5px;
}

.price_cation {
	text-align: center;
}
.price_cation span {
	text-align: center;
	color: #b62701;
	font-weight: bold;
	font-size: 16px;
}

.offer_text p {
	text-align: center;
	font-size: 14px;
}
.offer_text p span {
	color: #b62701;
	font-weight: bold;
}
.tokutenimg {
	margin-bottom: 10px;
}

.tokutenimg img {
	margin-bottom: 10px;
}

.appbutton {
	width: auto;
	margin: 20px auto 0;
}
.offer_text h4   {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

	
}


.aboutH2 {
	line-height: 1.8 !important;
	margin: 0 !important;
	margin-bottom: 20px !important;
}
.aboutH2 .min {
	font-size: 20px;
}
.kana {
	font-size: 14px !important;
}

.about-txt01 {
	background: #012740;
	color:#fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.6;
	text-align: center;
}



ul.nayamilist li{
    list-style: none;
	text-align: left;
	font-size: 20px;
	line-height: 180%;
	text-indent:0px; 
    margin-left:0px;
	border-bottom: 1px dashed #313131;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: 600;
	padding-left: 1.5em;
  text-indent: -1.5em;
}
 
ul.nayamilist > li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;/*←ココ*/
  content: "\f058";
  position: relative;
  left : 0em; 
  color: #24995c; 
  margin-right: 10px;
}

.nayamibox {
	background: #f5f5f5;
	border: 1px solid #eaeaea;
	padding: 40px;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.nayamibox .image {
	float: right;
	width: 250px;
}
.nayamibox .image img {
	width: 100%;
	height: auto;
}


.meritbox {
	background: #204285;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.meritbox-inner {
	background: #fff;
	clip-path: polygon(10% 1%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);
	padding: 40px 40px 30px 40px;
}
ul.meritlist li{
    list-style: none;
	text-align: left;
	font-size: 22px;
	line-height: 180%;
	text-indent:0px; 
    margin-left:0px;
	border-bottom: 1px dashed #313131;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: 600;
	padding-left: 1.5em;
  text-indent: -1.5em;
}
 
ul.meritlist > li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;/*←ココ*/
  content: "\f058";
  position: relative;
  left : 0em; 
  color: #c31700; 
  margin-right: 10px;
}


ul.meritlist li span {
   color:#c31700
}

.youi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
}
.youi div {
	width: 23%;
	border: 3px solid #204285;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	margin: 0 5px 10px;
	color:#204285;
	font-weight: bold;
}

.youikome {
	text-align: center;
	font-size: 14px;
}


.samplebox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.samplebox div {
	width: 49%;
}
.samplebox div img {
	width: 100%;
	height: auto;
}
.bannerbox {
	display: flex;
	justify-content: space-between;
}
.bannerbox div {
	width: 24%;
}
.bannerbox div img {
	width: 100%;
	height: auto;
}





@media screen and (max-width:768px) {
	
.aboutH2 {
	line-height: 1.5 !important;
	margin: 0 !important;
	margin-bottom: 20px !important;
}
.aboutH2 .min {
	font-size: 16px;
	line-height: 1.6 !important;
}
.kana {
	font-size: 12px !important;
}

.about-txt01 {
	background: #012740;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 15px;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.6;
	text-align: center;
}
ul.nayamilist li{
    list-style: none;
	text-align: left;
	font-size: 16px;
	line-height: 180%;
	text-indent:0px; 
    margin-left:0px;
	border-bottom: 1px dashed #313131;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: 600;
	padding-left: 1.5em;
  text-indent: -1.5em;
}
 
ul.nayamilist > li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;/*←ココ*/
  content: "\f058";
  position: relative;
  left : 0em; 
  color: #24995c; 
  margin-right: 10px;
}

.nayamibox {
	background: #f5f5f5;
	border: 1px solid #eaeaea;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.nayamibox .image {
	float: none;
	width: 60%;
	margin: auto;
	margin-bottom: 10px;
}
.nayamibox .image img {
	width: 100%;
	height: auto;
}


.meritbox {
	background: #204285;
	padding: 6px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.meritbox-inner {
	background: #fff;
	clip-path: polygon(10% 0, 100% 0, 100% 95%, 90% 100%, 0 100%, 0 5%);
	padding: 20px 20px 15px 20px;
}
ul.meritlist li{
    list-style: none;
	text-align: left;
	font-size: 16px;
	line-height: 180%;
	text-indent:0px; 
    margin-left:0px;
	border-bottom: 1px dashed #313131;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: 600;
	padding-left: 1.5em;
  text-indent: -1.5em;
}
 
ul.meritlist > li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;/*←ココ*/
  content: "\f058";
  position: relative;
  left : 0em; 
  color: #c31700; 
  margin-right: 10px;
}


ul.meritlist li span {
   color:#c31700
}

.youi {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom: 10px;
}
.youi div {
	width: 49%;
	border: 3px solid #204285;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	margin: 0 0 5px;
	color:#204285;
	font-weight: bold;
}

.youikome {
	text-align: center;
	font-size: 12px;
}


.samplebox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.samplebox div {
	width: 49%;
}
.samplebox div img {
	width: 100%;
	height: auto;
}
.bannerbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 30px;
}
.bannerbox div {
	width: auto;
}
.bannerbox div img {
	width: 100%;
	height: auto;
}
}