body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
img{
	max-width: 100%;
	line-height: 0;
	vertical-align: bottom;
}
ul,li{
	list-style:none;
}
.org{
	color: #fa7800;
}
.large{
	font-size: 120%;
}
.c-ttl{
	color: #f96285;
	text-align: center;
	font-weight:bold;
	font-size: 2rem;
}
.c-ttl:after{
	content:"";
	display: block;
	border-bottom:3px solid #f96285;
	width: 50px;
	margin: auto;
}
.container{
	max-width:980px;
	margin-left: auto;
	margin-right: auto;
}
.header{
	text-align: center;
	padding: 20px 0 0;
}
.header span{
	display: block;
	width: 200px;
	margin:0 auto 20px;
}
.header .line{
	font-weight: bold;
	background: #f96285;
	color: #fff;
	color: #fff;
	text-align: center;
	padding: 5px 0;
    font-size: 1.5rem;
}
.main-title{
	background:url(../img/bg01.jpg) no-repeat;
	background-size:cover;
}
.main-title h1{
	text-align: center;
	color: #fff;
	padding: 35px 0;
    font-size: 2rem;
}
.lead{
	background: #fffddc;
	padding: 30px 0 50px 0;
}
.lead .c-block ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 40px 0 0;
}
.lead .c-block li{
	text-align: center;
	width: 21%;
}
.lead .c-block .text{
	font-weight: bold;
	color: #009b5c;
	margin: 15px 0 0;
	font-size: 1.2rem;
}
.voice {
	padding: 70px 0;
}
.voice .content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 40px 0 0;
	
}
.voice .c-block{
	background: #f3f6d2;
	border-radius: 10px;
	width: 48%;
	margin: 1%;
	padding: 25px;
}
.voice .c-block .block-head{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	border-bottom:1px solid #009b5c;
	padding:0 0 20px;
	margin:0 0 20px;
}
.voice .c-block .block-head .icon{
	margin-right: 15px;
}
.voice .c-block .block-head .name{
	margin: 10px 0 0;
}
.voice .c-block .block-head .text{
	font-weight: bold;
	color: #009b5c;
}
.voice .c-block .star ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.voice .c-block .star li{
	margin-right: 4px;
}
.voice .c-block .block-body{
	
}
.voice .link a{
	text-align: center;
	font-weight: bold;
	display: block;
	color: #009b5c;
	text-decoration: none;
	margin: 20px 0 0;
}
.cta{
	text-align: center;
	padding:30px 0 70px 0;
}
.cta .prd{
	margin:0 0 40px;
}
.cta .link ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.cta .link li{
	margin:0 10px;
}
.detail-sec01{
	padding:50px 0;
}
.detail-sec01 .ttl{
	font-weight: bold;
	text-align: center;
	color: #00693e;
	font-size: 30px;
	border-bottom:1px solid #00693e;
	border-top:1px solid #00693e;
	padding: 20px 0;
	margin:0 auto 70px;
	width: 70%;
}

.detail-sec01__block .box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 90%;
	margin:0 auto 30px 0;
}
.detail-sec01__block .box.rev{
	flex-direction: row-reverse;
	margin:0 0 30px auto;	
}
.detail-sec01__block .txt{
	background: #f3f6d2;
	padding: 60px;
}
.detail-sec01__block .subttl{
	font-weight: bold;
	display: block;
	color: #009a5b;
	font-size: 25px;
	border-bottom:1px solid #009a5b;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
}
.detail-sec01__block .pic{
	width: 200px;
	flex-shrink: 0;
	position: relative;	
	top: 30px;
    left: -30px;
}
.detail-sec01__block .rev .pic{
	    left: auto;
	top: 30px;
    right: -30px;
}
.detail-sec01__block .icon{
	width: 120px;
	position: absolute;
    right: -70px;
    top: -70px;
}
.detail-sec01__block .box .txt-inner{
	width: 530px;
	margin:0 0 0 auto;
}
.detail-sec02{
	background:url(../img/bg.jpg) no-repeat center top;
	background-size:cover;
	padding: 100px 0;

}
.detail-sec02 .list-block{
	margin: 30px 0 0;
}
.detail-sec02 .wrap{
	width: 90%;
	margin: auto;	
}
.detail-sec02 .ttl{
	text-align: center;
}
.detail-sec02 .ttl span{
	display: inline-block;
	font-weight: bold;
	text-align: center;
	color: #00693e;
	font-size: 30px;
	border-bottom:2px solid #00693e;
	padding:0 0 4px 0;
	margin:0 auto 20px;
}
.detail-sec02 .list-block ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.detail-sec02 .list-block li{
	font-weight: bold;
	border-radius: 5px;
	background: #f96285;
	color: #fff;
	border:1px solid #fff;
	text-align: left;
	width: 40%;
	padding: 5px;
	margin:10px;
	font-size: 20px;
}
.detail-sec02 .list-block li:before{
	content:"";
	background:url(../img/check.png) no-repeat;
	background-size:100% auto;
	width: 20px;
	height: 20px;
	vertical-align: -3px;
	margin:0 5px 0 0;
	display: inline-block;
}
.detail-sec02 .subttl{
	font-weight: bold;
	text-align: center;
	color: #f96285;
	font-size: 30px;
	margin:30px 0;
}
.detail-sec02 .box-block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.detail-sec02 .m-box-block{
	text-align: center;
	border-radius: 5px;
	border:1px solid #f96285;
	background: #fff;
	padding: 15px;
	width: 32%;
}
.detail-sec02 .box-block-ttl{
	color: #f96285;
	font-weight: bold;
	font-size: 20px;
	border-bottom:1px solid #f96285;
	margin:0 0 10px;
	padding:0 0 6px;
}
.detail-sec02 .m-box-block p{
	text-align: left;
}
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
.info{
	padding: 70px 0;
}
.info table{
	border-collapse: collapse;	
	width: 80%;
	margin: auto;
	border:1px solid #3282d2;
}
.info th{
	background: #3282d2;
	border:1px solid #3282d2;
	color: #fff;
	font-weight: bold;
	padding: 15px;	
	width: 25%;
}
.info th{
	border-bottom:1px solid #fff;
}
.info td{
	padding: 15px;
	border:1px solid #3282d2;
}
.about{
	background: #3282d2;
	padding: 50px 0;
}
.about .c-ttl{
	color: #fff;
}
.about .c-ttl:after{
	content:"";
	border-bottom:3px solid #fff;
}
.about .c-block{
	border-radius: 10px;
	background: #fff;
	padding: 20px 70px;
	margin: 30px 0 0;
}
.about .title{
	text-align: center;
	color: #3282d2;
	font-weight: bold;
	font-size: 1.5rem;
	margin:0 0 20px;
}
.about .box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about .box .pic ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.about .box .pic li{
	margin:0 10px;
}
footer{
	text-align: center;
	padding: 50px 0;
	background: #eee;
}
footer .logo{
	width: 250px;
	margin: auto;
}
footer address{
	font-size: 80%;
	margin: 15px 0;
	font-style: normal;
	display: block;
}
footer p{
	font-size: 80%;
}
footer .c-button a {
    text-align: center;
    display: block;
    font-weight: bold;
    color: #000;
    padding: 0 0 10px;
}
@media screen and (max-width:980px){
.container {
    max-width: 90%;
}	
.main-title h1 {
    font-size: 1.5rem;
}

.detail-sec01__block .box{
	width: auto;
}
.detail-sec01__block .box .txt-inner {
    width: auto;
}
.detail-sec01__block .txt {
    background: #f3f6d2;
    padding: 50px;
    width: auto;
}
.about .c-block {
    padding: 20px 30px;
}
}
@media screen and (max-width:770px){
.detail-sec01__block .box .txt-inner {
    width: 90%;
}	
}
@media screen and (max-width:576px){
.pc-only{
	display: none;
}
.sp-only{
	display: block;
}	
.detail-sec01 {
    padding: 30px 0;
}	
.detail-sec01 .ttl {
    font-size: 23px;
    margin: 0 auto 30px;
    width: 90%;
    padding: 10px 0;
}	
.detail-sec01__block .box.rev,
.detail-sec01__block .box{
	flex-wrap: wrap;
	flex-direction: column-reverse;
	width: 100%;
}
.detail-sec01__block .icon {
    width: 100px;
    position: absolute;
    right: -70px;
    top: -20px;
}
.detail-sec01__block .rev .pic,
.detail-sec01__block .pic {
    top: auto;
    left: 0;
    bottom: -15px;
    margin: auto;
}
.detail-sec01__block .txt {
    padding: 20px;
}
.detail-sec01__block .box .txt-inner {
    width: 100%;
}
.detail-sec01__block .subttl {
    font-size: 20px;
    padding-bottom: 5px;
}
.detail-sec02 .list-block li {
    width: 48%;
    padding: 1%;
    margin: 1%;
    font-size: 15px;
}
.detail-sec02 .ttl span {
    font-size: 25px;
}
.detail-sec02 .subttl {
    font-size: 24px;
    margin:20px 0 10px 0;
}
.detail-sec02 .box-block{
	flex-wrap: wrap;
}
.detail-sec02 .m-box-block {
    margin: 2% auto;
    width: 100%;
}
.detail-sec02 {
    background: url(../img/bg.jpg) no-repeat 60% 0;
    background-size: cover;
    padding: 30px 0;
}
.header {
    padding: 10px 0 0;
}
.header span {
    width: 120px;
    margin: 0 auto 13px;
}
.header .line {
    padding: 3px 0;
    font-size: 1.2rem;
}
.main-title h1 {
    font-size: 1.2rem;
}
.lead .c-block ul{
	flex-wrap: wrap;
}
.lead .c-block li {
    width: 49%;
    margin:0 0 30px;
}
.voice {
    padding: 30px 0;
}
.voice .content {
    margin: 20px 0 0;
}
.voice .c-block {
    width: 100%;
    margin: 0 0 15px;
    padding: 20px;
}
.voice .c-block .block-head .icon {
    width: 30px;
    position: relative;
    top: 2px;
}
.voice .c-block .star li {
    width: 15px;
}
.voice .c-block .block-head .name {
    margin: 5px 0 0;
}
.voice .c-block .block-head {
    padding: 0 0 10px;
    margin: 0 0 14px;
}
.voice .link a {
    margin: 10px 0 0;
}
.cta {
    padding: 20px 0 20px 0;
}
.cta .link li {
    margin: 0 5px;
}
.cta .link li:first-child {
    margin-left:0;
}
.cta .link li:last-child {
    margin-right:0;
}
.cta .prd {
    margin: 0 auto 20px;
    width: 70%;
}
.c-ttl{
	font-size: 1.7rem;
}
.info table{
	width: 100%;
}
.info th,
.info td{
	display: block;
	width: 100%;
	border:0;
}
.about .box{
	flex-wrap: wrap;
}
.about .box .pic{
	margin: 10px 0 0;
}
.about .title {
    font-size: 1.2rem;
    margin: 0 0 15px;
}

}