@charset "utf-8";

/* CSSリセット
  ############################################################################################# */

* {
	-webkit-tap-highlight-color: transparent;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, form {
	font-size: inherit;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}
th, td {
	text-align: left;
	vertical-align: top;
}
li {
	list-style: none;
}
img {
	vertical-align: top;
}
input,
textarea,
select {
	-webkit-appearance: none;
	appearance: none;
}
/*header
  ############################################################################################# */
#header{
	margin-bottom: 0;
}


/* body
  ############################################################################################# */
#sub #main .main_title{
	padding-top: 80px;
}

#sub #main .main_title4{
	padding-top: 50px;
}
#sub #main{
	/*background:url(../imgs/sub_bg_pc.png) no-repeat top right;
	background-size: contain;*/
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
	position: relative;
	padding-bottom: 80px;
}

#sub .main_title::after{
	content:"　";
	background:url("../imgs/sub_texture01.png") no-repeat;
	position: absolute;
	top:0 ;
	left: 0px;
	width: 205px;
    height: 359px;
}
#sub .section{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	}

#sub .section .title{
	background:url(../imgs/section_title_bg_pc.png) no-repeat;
	height: 57px;
	background-position: center;
	/*margin-top: 100px;*/
	margin-top: 50px;
	max-width: 1000px;
	text-align: left;
	padding-left:130px;
}
#sub .section .title2{
	background:url(../imgs/section_title_bg2_pc.png) no-repeat;
	height: 57px;
	background-position: center;
	margin-top: 100px;
	max-width: 1000px;
	text-align: left;
	padding-left:130px;
}
#sub .section .title3{
	background:url(../imgs/section_title_bg3_pc.png) no-repeat;
	height: 57px;
	background-position: center;
	margin-top: 100px;
	max-width: 1000px;
	text-align: left;
	/*padding-left:130px;*/
	padding-left:80px;
}
#sub .section .text{
    width: 100%;
	max-width:800px;
	margin: 35px auto 60px auto;
    text-align: left;
	line-height: 2.2em;
	color: #fff;
	padding-left: 50px;
	font-size:20px;
	/*font-feature-settings : "palt";*/
}
#sub .section .text p.copy{
	letter-spacing: 0.1em;
	font-feature-settings : "palt";
}
#sub .section .text ul li{
	padding-left: 1em;
	text-indent: -1em;
}
#sub .section .text2 ul li{
	font-size:18px;
	line-height: 1.6em;
	margin-bottom: 15px;
}
#sub .section .text2 ul li ul{
	margin-top: 15px;
	margin-bottom: 25px;
}
#sub .section .text2 ul li ul li{
	font-size:13px;
	line-height: 1.3em;
	margin-bottom: 10px;
}
#sub .section .text p{
	font-feature-settings : "palt";
}
#sub .section .text a{
	color: #f8407e;
	text-decoration:underline; 
}
#sub .section .text p.lh{
	line-height: 1.8em;
}
#sub .section .text .nomal_description{
	font-size:16px;
	line-height: 30px;
}
#sub .section .text .nomal_text{
	font-size:16px;
}
#sub .section .text .small_text{
	font-size:14px;
	
	line-height: 25px;
    /*
    display: inline-block;
	text-indent: -1em;
    padding-left: 1em;*/
}
#sub .section .text .bold_text{
	font-size:22px;
	line-height: 30px;
} 
dl.dl_text{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}
.dl_text dt{
	width: 15%;
}
.dl_text dd{
	margin-right: 32px;
	width: 80%;
}

@media screen and (max-width: 850px){
	#sub .section .title,
	#sub .section .title2,
	#sub .section .title3{
		padding-left:5% !important;
		background: none;
	}
}
@media screen and (max-width: 1000px){
	#sub .section .title,
	#sub .section .title2,
	#sub .section .title3{
		padding-left:10%;
	}
}

@media screen and (max-width: 767px){	
	#sub #main{
		/*background:url(../imgs/sub_bg_sp.png) no-repeat;
		background-size: contain;*/
	    width: 100%;
		max-width: 767px;
	}
	#sub .main_title::after{
		background-size: 60% auto;
	}
	#sub #main .main_title{
		/*margin-top: 16%;*/
		margin-top: 10%;
		/*padding-top: 110px;*/
	}
	
	#sub #main .main_title4{
		/*margin-top: 5%;
		margin-top: 10%;
		padding-top: 110px;*/
	}
	
	#sub .section .title,
	#sub .section .title2,
	#sub .section .title3,
	#sub .section .title4{
		background: none;
    	padding-left: 0px !important;
		margin-top: 0px;
		display: table;
		height: inherit;
    /*
	background:url(../imgs/section_title_bg_sp.png) no-repeat;
	background-size: 120% 120%;
	background-position: left;
    text-align: left;
	margin-top: 70px;
	padding-top: 40px;	
    padding-left: 100px;
	height: 100px;*/
	}
	
	
	
	
	
	
	#sub .section .title img,
	#sub .section .title2 img,
	#sub .section .title3 img{
	/*width: 65%;*/
	width: 100%;
	}
	#sub .section{
	margin-top: 50px;
	}
	#sub .section .text {
	width: auto;
	margin: 20px 0 0 40px !important;
	padding-left: 0;
    /*width: 80%;
	max-width: 600px;
    line-height: 2em;
    padding-left: 50px;
	padding-right: 50px;	
	font-size: 32px;*/
	/*font-size: 0.8em;*/
    margin: 20px auto;
    text-align: left;
    line-height: 1.7em;
    color: #fff;
	/*padding-left: 80px;*/
	/*padding-left: 30px;
    padding-top: 10px;
    padding-right: 20px;*/
    padding-right: 40px;
	font-size: 90%;
    /*display: table-cell;*/
	}
	#sub .section .text th {
		white-space: nowrap;
	}
	#sub .section .text p.copy{
		letter-spacing: inherit;
		/*font-size: 0.85em;*/
		line-height: 2.2em;
	}
	#sub .section .text .nomal_text{
		/*font-size: 15px;*/
		font-size: 80%;
    	line-height: 1.8em;
	}
	#sub .section .text .nomal_description{
		font-size:inherit;
		line-height: inherit;
	}
	#sub .section .text .small_text {
		/*font-size: 12px;*/
		font-size: 80%;
	}
	.sp_img{
		/*width:80%;*/
		width:70%;
	}
	.sp_textimg{
		width:30%;
	}
	#footer{
		padding: 0;
	}
}