@charset "utf-8";

/* ===================================
   defalt　　　　　　　　　　　　　　　　
=================================== */
body {margin-top:0px !important;}
#header {position: relative;}
#contents .ico_hissu {
    display: inline-block;
    padding: 5px 6px 3px 6px;
    margin: 0 5px 0 0;
    line-height: 1;
    border-radius: 3px;
    background: red;
    color: #ffffff;
}
#contents .note {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 85%;
    margin-bottom: 5px;
}


@media screen and (max-width: 767px){

#contentMain.container{
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
#contents .note {
    font-size: 80%;
}

}


/* ===================================
   template
=================================== */
.h1Area.smallHeading h1{
	font-size: 220%;
   /*text-align: center;*/
}
.child #contents #contentsInner{
   padding: 40px 0 60px 0;
}


@media screen and (max-width: 767px){

.h1Area.smallHeading h1{
    font-size: 140%;
    text-align: left;
}
.child #contents #contentsInner{
   padding: 30px 0 40px 0;
}

}

/* ===================================
   contents　　　　　　　　　　　　　　　
=================================== */
#dlwrap {
   display: flex;
}
#dlwrap .dlwrap_contents{
   width: 550px;
   margin-right: 50px;
}
#dlwrap .dlwrap_contents h2.textHeader{
   margin-bottom: 25px;
}
#dlwrap .dlwrap_contents h2.textHeader span{
   font-size: 15px;
   display: block;
   margin-bottom: 3px;
}
#dlwrap .dlwrap_contents .contentsBox{
   padding: 0 20px;
}
#dlwrap .dlwrap_contents .contentsBox h3.textHeader{
   font-size: 150%;
   margin-bottom: 25px;
}
#dlwrap .dlwrap_contents .contentsBox ul,
#dlwrap .dlwrap_contents .contentsBox ol{
   margin: 0 auto 30px;
   list-style-type: none;

}
#dlwrap .dlwrap_contents .contentsBox ul li{
   margin-bottom: 16px;
   padding-left: 16px;
   position: relative;
}
#dlwrap .dlwrap_contents .contentsBox ol li{
   margin-bottom: 10px;
   padding-left: 1em;
   text-indent: -1em;
}
#dlwrap .dlwrap_contents .contentsBox ul li::before{
   content: "";
   width: 8px;
   height: 8px;
   display: block;
   position: absolute;
   left: 0;
   top: 7px;
   line-height: 8px;
   background-color: #00a7ac;
   border-radius: 50%;
}
#dlwrap .dlwrap_contents .contentsBox ul li:last-child{
   margin-bottom: 0;
}
#dlwrap .dlwrap_contents .contentsBox .imgBox{
   display: block;
   text-align: center;
   margin-bottom: 10px;
}
#dlwrap .dlwrap_contents .contentsBox .imgBox:last-child{
   margin-bottom: 0px;
}
#dlwrap .dlwrap_contents .contentsBox .imgBox img{
   width: 80%;
   border: 1px solid #dddddd;
}



#dlwrap .dlwrap_form{
   width: 600px;
   padding: 0 30px 30px 30px;
   box-sizing: border-box;
   border-radius: 10px;
   background-color: #f3f3f3;
}
/*
#dlwrap .dlwrap_form iframe{
}
#dlwrap .dlwrap_form iframe #contentMain.container{
   padding: 0;
   background-color: #f3f3f3;
}
*/

#dlwrap .dlwrap_contents .contentsBox #slickArea{}
#dlwrap .dlwrap_contents .contentsBox #slickArea .multiple-item{
	width:420px;}
#dlwrap .dlwrap_contents .contentsBox #slickArea .slick-prev{
	left:-30px;}
#dlwrap .dlwrap_contents .contentsBox #slickArea .slick-next{
	right:-30px;}
#dlwrap .dlwrap_contents .contentsBox #slickArea .slick-prev,
#dlwrap .dlwrap_contents .contentsBox #slickArea .slick-next{
	display: block !important;
	background: #00a7ac;
}
#dlwrap .dlwrap_contents .contentsBox #slickArea ul li{
	padding-left: 0;
}
#dlwrap .dlwrap_contents .contentsBox #slickArea ul li::before{
	display:none;
}
#dlwrap .dlwrap_contents .contentsBox #slickArea .slick-dots{
	margin-bottom: 0px;
}
@media screen and (max-width: 767px){
#dlwrap .dlwrap_contents .contentsBox #slickArea .multiple-item{
	width:100%;}
#dlwrap .dlwrap_contents .contentsBox #slickArea .slick-prev{
	left:40%;}
#dlwrap .dlwrap_contents .contentsBox #slickArea .slick-next{
	right:40%;}
#dlwrap .dlwrap_contents .contentsBox .slick-prev:before,
#dlwrap .dlwrap_contents .contentsBox .slick-next:before{
	color:#ffffff;}
}











@media screen and (max-width: 767px){

#dlwrap {
   display: block;
}
#dlwrap .dlwrap_contents{
   width: 100%;
   margin: 0 0 30px 0;
}
#dlwrap .dlwrap_contents h2.textHeader{
   margin-bottom: 20px;
}
#dlwrap .dlwrap_contents h2.textHeader span{
   font-size: 13.5px;
}
/*
#dlwrap .dlwrap_contents .contentsBox{
   padding: 0 20px;
}
*/
#dlwrap .dlwrap_contents .contentsBox h3.textHeader{
   font-size: 110%;
   margin-bottom: 20px;
}
#dlwrap .dlwrap_contents .contentsBox h4.textHeader{
   font-size: 95%;
   margin-bottom: 15px;
}
/*
#dlwrap .dlwrap_contents .contentsBox ul,
#dlwrap .dlwrap_contents .contentsBox ol{
   margin: 30px auto;
}
*/
#dlwrap .dlwrap_contents .contentsBox ul li,
#dlwrap .dlwrap_contents .contentsBox ol li{
   font-size: 90%;
   margin-bottom: 10px;
}
#dlwrap .dlwrap_contents .contentsBox ul li::before{
   content: "";
   top: 6px;
}
#dlwrap .dlwrap_contents .contentsBox ul li:last-child{
   margin-bottom: 0;
}
#dlwrap .dlwrap_contents .contentsBox img{
   width: 100%;
}


#dlwrap .dlwrap_form{
   width: 92%;
   margin: 0 auto;
   padding: 0 15px 0 15px;
   /*box-sizing: border-box;
   border-radius: 10px;
   background-color: #f3f3f3;*/
}

}



/* ===================================
   footer　　　　　　　　　　　　　　　　
=================================== */



@media screen and (max-width: 767px){


}