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

/*タブレット用スタイル*/
@media (min-width: 768px) and (max-width: 959px) {
.body{
	font-size: 16px;
}
.container{
	width:768px;
	margin:0 auto;
	position:relative;
}
section{
	padding-top:50px;
	padding-bottom:50px;
}
.contents{
	margin-top:40px;
}
.br_sp{
	display:none;
}
.br_pc{
	display:block;
}
h2 {
    font-size: 5vw;
    padding: 20px 0px;
}
.mv {
	overflow: hidden;
}
.mv01 .mv_img img {
    width: 132%;
    left: -27%;
}
.mv_bottom{
	padding: 30px 0 20px;
}
.mv.mv02{
	background: url(../img/mv02_bg.png) repeat center 0 #fffff9;
    border-bottom: 3px solid #fe768c;
}
.mv.mv02 .head{
	background-color: unset;
	padding: 6px 0;
}
.mv.mv02 .mv_img{
	margin-bottom: -14px;
}
.mv.mv02 .mv_img img{
	width: 140%;
}
#cv{
	background: url(../img/cv_bg.png) repeat 0 0;
	padding: 10px 0;
}
#cv .cv_img .img{
	position: relative;
	left: -23px;
}
.cv_img a {
    width: 90%;
    bottom: 28vw;
}
#sec02 {
	background: url(../img/sec01_bg.png) no-repeat center top;
    background-size: cover;
}
#sec04 h2{
	background-color: #e2faf1;
	padding: 30px 0;
}
#sec04 .img{
	background: url(../img/pc_sec04_img01.png) no-repeat right top;
	padding: 40px;
	font-size: 125%;
	margin-bottom: 30px;
}
#sec04 .img ul li{
	line-height: 2em;
}
#sec04 .container-fluid.inner02{
	background:none;
	padding-bottom: 80px;
}
#sec04 .container-fluid.inner02 .container{
	background: url(../img/pc_sec04_bg02.png) no-repeat right top;
	padding: 50px 30px;
}
#sec04 .container-fluid.inner02 .container p{
	width: 80%;
}
#sec05 .inner01{
	background: url(../img/pc_sec05_img02.png) no-repeat left center;
	background-size: 30%;
}
#sec05 .inner02{
	background: url(../img/pc_sec05_img03.png) no-repeat left center;
    background-size: 33%;
}
#sec05 .inner03{
	background: url(../img/pc_sec05_img04.png) no-repeat left center;
    background-size: 40%;
}
#sec07 h2{
	background: url(../img/cv_bg.png) repeat 0 0;
	padding: 70px 0;
}
#sec07 .inner{
	font-size:30px;
}
#sec07 .txt01 {
    position: absolute;
    top: 12vw;
    left: 17vw;
}
#sec07 .txt02 {
    position: absolute;
    top: 12vw;
    right: 7vw;
}
#sec07 .sec07_img02_bg{
	background: url(../img/sec07_img02_bg.png) repeat center bottom;
	background-size: cover;
    padding: 50px 0;
}
#sec07 ul {
    bottom: 15vw;
}
#sec08 .inner {
    padding-bottom: 40px;
    margin-bottom: 70px;
}
#sec08 .tit {
    font-size: 30px;
    margin-bottom: 40px;
}
#sec09 h2 {
    background: url(../img/cv_bg.png) repeat 0 0;
    padding: 50px 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
#sec09 h2:after{
	content: url(../img/sec07_arrow.png);
    position: absolute;
    left: 35%;
    right: 0;
    margin: auto;
    bottom: -45%;
}
#sec09 .container-fluid{
	width: 760px;
	margin: 0 auto 70px;
	position: relative;
	padding-top: 215px;
}
#sec09 .container .inner {
    border-bottom: dashed 1px;
    padding-bottom: 40px;
    margin-bottom: 80px;
}
#sec10 .tit span {
    font-size: 25px;
    margin: 20px 0 10px;
}
#sec10 .name {
    margin-bottom: 15px;
}
#sec11 .qa_q .icon,
#sec11 .qa_a .icon{
	text-align: center;
}
#sec11 .qa_q .icon img,
#sec11 .qa_a .icon img {
    display: inline;
}
#sec11 .qa_q .tit {
    font-size: 26px;
}
#sec11 .qa_a {
    padding: 30px 15px 50px;
}
#sec12 {
    padding-top: 80px;
}
/*footer*/
footer{
	font-size:12px;
}

.tabph15{
	padding-left: 15px !important;
	padding-right: 15px!important;
}
}
/*タブレット用スタイルend*/