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

@media screen and (max-width: 767px){
.br_sp{
	display: block;
}
.br_tab {
	display: none;
}
.br_pc{
	display: none!important;
}

body{
    font-size:16px;
    line-height:1.4;
}
h2 {
    padding-bottom: 30px;
}
section {
    padding-top: 40px;
    padding-bottom: 40px;
}
.spmb10{
	margin-bottom: 10px;
}
html{
	overflow-x:hidden;
	}
	.br_sp{
	display:block;
	}
	.br_tab {
	display:none;
	}
	.br_pc{
	display:none;
	}
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.pagetop {
		bottom: 10px;
		right: 5px;
	}
	.white-box {
		padding: 20px 15px;
	}
	img{
		max-width: 100%;
	}
	.spmt30{
		margin-top: 30px;
	}
	ul{
		font-size: 18px;
	}
	.ml15{
		margin-left: 15px;
	}
	.eng{
		font-family: "Roboto Condensed",sans-serif;
		font-weight: 300;
		font-style: italic;
	}
	.line{
		border: 1px solid #212836;
	}
	.spwd100{
		max-width: 100%;
	}

/*--------------------------------------------------------
header
--------------------------------------------------------*/
	header .logo {
	display: flex;
	height: 40px;
    align-items: center;
    padding-right: 15px;
}
header .tel {
    padding-right: 0px;
}
/*--------------------------------------------------------
mv
--------------------------------------------------------*/
.mv{
	background: none;
	background-size: cover;
	padding: 0px 0;
}
.mv .container{
	padding: 0px;
}
.mv2{
	background: none;
	background-size: cover;
	padding: 0px 0;
	height: auto;
	margin: 0px;
}

.mv2 .container{
	padding: 0px;
}
/*--------------------------------------------------------
sec00
--------------------------------------------------------*/
.sec00 h2{
	padding-left: 15px;
	padding-right: 15px;
}
/*--------------------------------------------------------
cta
--------------------------------------------------------*/
.cta{
	padding: 30px 15px;
}
.cta .white-box{
	display: block;
	padding: 15px;
}

/*--------------------------------------------------------
sec01
--------------------------------------------------------*/
.sec01 h2{
	padding: 0px;
}
.sec01 .sen{
	border: 1px #fff solid;
	margin: 30px 0;
	width: 100%;
}
.sec01 li{
	padding-left: 35px;
	position: relative;
	padding-bottom: 15px;
	margin-left: 0em;
	text-indent: 0em;
	line-height: 1.4;
}
.sec01 li::before {
	counter-increment: my-counter;
	content: counter(my-counter);
	background-color: #fff;
	border: 1px solid #6a7db8;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	width: 25px;
	color: #6a7db8;
	font-size: 80%;
	line-height: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*--------------------------------------------------------
sec01-2
--------------------------------------------------------*/
.sec01-2 {
	background-image: url("../img/bg05.png");
	background-size: cover;
}
.graybox{
	background: #eee;
	padding: 5%;
}
.sec01-2 li{
	font-weight: bold;
}
.sec01-2 li {
    padding-left: 20px;
    position: relative;
    padding-bottom: 15px;
    margin-left: 0em;
    text-indent: -1.2em;
    line-height: 1.4;
}
/*--------------------------------------------------------
sec02
--------------------------------------------------------*/
.sec02 h2{
	padding: 30px 15px;
}
/*--------------------------------------------------------
sec03
--------------------------------------------------------*/
.sec03 .white-box{
	padding: 0;
}
.point{
	position: absolute;
	top:-5px;
	left: -2%;
}
.point img{
	max-width: 50%;
}
.sec03 h3 {
	padding-top: 1.2rem;
	margin-left: 7rem;	
	padding-right: 1.2rem;
}
.sec03 .txt01 {
	margin-left: 0rem;
	margin-right: 0rem;
	padding: 0px 20px;
}
	.spmr0{
		margin-right: 0px;
	}
/*--------------------------------------------------------
sec04
--------------------------------------------------------*/
.insta{
	background: linear-gradient(to right top, #e9334a, #aa118b);
	padding: 0.5%;
}
.sec04 h3{
	margin: 0 auto;
	margin-bottom: 15px;
}
.sec04 .white-box{
	background: #fff;
	padding: 5%;
}
.flex01{
	display: block;
}
.sec04 .mr20{
	margin-right: 0px;
}
.sec04 p{
	margin-bottom: 10px;
}
/*--------------------------------------------------------
sec04-2
--------------------------------------------------------*/
.sec04-2 .img01{
	position: absolute;
	top: -15px;
	left: -15px;
}
.sec04-2 .img01 img{
	max-width: 80%;
	}
.sec04-2 .img02{
	position: absolute;
	bottom: -15px;
	right: -20px;
}
.sec04-2 .img02 img{
	max-width: 80%;
	}
.sec04-2 .bg-gray {
	padding: 15px;
	padding-left: 1.8em;
    text-indent: -1.2em;

}
	.spmb80{
		margin-bottom: 80px;
	}
/*--------------------------------------------------------
sec05
--------------------------------------------------------*/
.sec05 .white-box{
	padding: 15px;
}
.sec05 .obi img{
	max-width: 60%;
}
.sec05 .obi2 img{
	max-width: 60%;
}
.sec05 .obi2{
	position: absolute;
	top: -10px;
	right: -40px;
}
.sec05 h3{
	margin-bottom: 15px;
}
.sec05 li{
	padding-left: 1.2em;
    text-indent: -1.2em;
}
.sec05 p{
	font-size: 18px;
}

/*--------------------------------------------------------
sec06
--------------------------------------------------------*/
.sec06 li{
	padding-left: 1em;
	text-indent: -1.2em;
}

/*--------------------------------------------------------
sec07
--------------------------------------------------------*/
.sec07 h2 {
    margin-top: 0px;
}
.sec07 h3{
	margin-top: -40px;
}
.sec07 .bg-beige{
	padding: 15px;
}
.sec07 .bg-beige p{
	margin-top: 0px;
}
.sec07 .white-box{
	padding: 10px;
	margin-top: 0px;
}
.sec07 .white-box2{
	padding: 20px 15px 30px;
}
.sec07 .pa01 h2 {
	margin-top: 0px;
	padding-bottom: 30px;
}
.sec07 .pa02 h2{
	margin-top: 0px;
}
.sec07 .pa02 h2 img{
	max-width: 100%;
}
.sec07 .pa03 h2{
	margin-top: 0px;
}
.sec07 .pa03 h2 img{
	max-width: 100%;
}

/*--------------------------------------------------------
sec08
--------------------------------------------------------*/
.sec08 table td {
	display: block;
	padding: 15px;
	width: 100%;
	font-size: 16px;
}
.sec08 table th {
	display: block;
	font-size: 20px;
	width: 100%;
	padding: 10px 0;
}

.sec08 ul{
	font-size: 18px;
}
.sec08 table .red{
	margin-right: 10px;
}
.sec08 table .blue{
	margin-right: 10px;
}
.sec08 .txt{
	padding-left:0em;
}
.sec08 .bg-beige{
	padding: 15px;
	text-align: left;
}
.sec08 .small-font01{
	font-size: 85%;
}

/*--------------------------------------------------------
sec09
--------------------------------------------------------*/
.sec09 h2{
	padding: 30px 15px;
}
.box_srcollbar {
    height: 200px;
    padding: 15px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: left;
}
.finish {
    font-size: 180%;
    color: red;
    text-align: center;
}
/*--------------------------------------------------------
footer
--------------------------------------------------------*/
footer{
	background: #dce1e9;
	padding: 20px;
}
footer p{
	color: #231815;
}

}