@charset "utf-8";
/*!
 * sub CSS
 * ---------------------------------------------
 * 下層ページのcss
 * 
 */

/*===================================
	element	
=====================================*/
/*  reset
---------------------------------*/


/*  opacity
---------------------------------*/

a img,
.sns a,
.menu__pc a,
.pagetop a,
.btn a,
input[type="button"],input[type="submit"] {
    transition: .7s;
}
.pc a:hover img,
.pc .sns a:hover,
.menu__pc a:hover,
.pc .pagetop a:hover,
.pc .btn a:hover,
.pc input[type="button"]:hover,.pc input[type="submit"]:hover {
	opacity: .7;
}

/*  btn
---------------------------------*/

.btn a {
    display: inline-block;
    padding: 0.6em 1.5em;
    border-radius: 2em;
    color: #fff;
    line-height: 1;
}
.backTop {
    text-align: center;
}
.backTop a {
    padding: 0.6em 1.5em 0.6em 1em;
    color: #fff;
    font-size: 20px;
    background: #1766cb;
}

/*  リスト
---------------------------------*/

.inln li {
	display: inline;
	padding-right: 1em;
}
.disc li {
	padding-left: 1em;
}
.disc li:before {
	content: "・";
	display: inline-block;
	margin-left: -1em;
}
.disc ol li {
	padding-left: 0;
}
.disc ol li:before {
	display: none;
}
ol.dem,
ol.alpha {
	margin-left: 1.6em;
}
ol.dem li {
	list-style: outside decimal;
}
ol.dem li ol.alpha li,
ol.alpha li {
	list-style: outside lower-alpha;
}
.definList {
    overflow: hidden;
    position: relative;
    letter-spacing: -.40em;
    border-top: solid 1px #e5e5e5;
    line-height: 1.4;
}
.definList:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 9999em;
    background: #e5e5e5;
}
.definList > dt,.definList > dd {
    position: relative;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.definList > dt {
    width: 250px;
    padding-left: 17px;
}
.definList > dd {
    width: 670px;
    padding: 1.2em 20px;
    border-bottom: solid 1px #e5e5e5;
}
.definList > dd:after {
    display: block;
    position: absolute;
    bottom: -1px;
    left: -250px;
    width: 250px;
    height: 1px;
    background: #fcfbf8;
}
dl.parallel dt {
    float: left;
}
dl.parallel dd {
    clear: right;
}

/*  image
---------------------------------*/

.imgleft {
	float: left;
	margin-right: 20px;
}
.imgright {
    float: right;
    margin-left: 20px;
}

/*  magnific-popupe.css
---------------------------------*/

.mfp-bg {
    z-index: 20000;
}
.mfp-wrap {
    z-index: 21000;
}

/*===================================
	content	
=====================================*/
/*  cont header
---------------------------------*/

.cont__head h2 {
    height: 90px;
    line-height: 90px;
    margin-bottom: 40px;
    background: #1663c5 url(../images/base/bg_page_title.jpg) repeat 50% 50%;
    color: #fff;
    font-size: 30px;
    text-align: center;
}
.detail__head {
    padding: 15px 0;
    border-top: solid 2px #1766cb;
    border-bottom: solid 2px #1766cb;
}
.detail__head h2 {
    color: #1766cb;
    font-size: 20px;
    text-align: center;
    line-height: 1.4;
}

/*  content
---------------------------------*/

.content {
    margin-bottom: 120px;
}

/*  content section
---------------------------------*/

.content section {
    line-height: 1.6;
}
.sec {
    margin: 0 30px 50px;
}
.ttl__sec {
    margin-bottom: 1em;
    color: #1766cb;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}
.ttl__sec:before {
    display: inline-block;
    vertical-align: middle;
    width: 0.4em;
    height: 0.4em;
    margin: -4px 0.3em 0 0;
    border: solid 3px #1766cb;
    transform: rotate(45deg);
}
.sec p {
	margin-bottom:	1.6em;
}
.sec li p {
	margin-bottom: 0;
}



/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
	
	/*===================================
        base	
    =====================================*/
    
    
	
	/*===================================
        element	
    =====================================*/
    
    /*  sns
    ---------------------------------*/

    
    
    /*  btn
    ---------------------------------*/
    
    .backTop a {
        font-size: 30px;
    }
    
    /*  リスト
    ---------------------------------*/
    
    .definList:before,.definList > dd:after {
        display: none;
    }
    .definList > dt,.definList > dd {
        display: block;
        width: auto;
    }
    .definList > dt {
        padding: 0.5em 30px;
        background: #e5e5e5;
    }
    .definList > dd {
        padding: 1em 0 2em 30px;
    }
    
    /*===================================
        content	
    =====================================*/
    /*  cont header
    ---------------------------------*/
    
    .cont__head {
        margin: auto -30px;
    }
    .cont__head h2 {
        margin-bottom: 20px;
        font-size: 36px;
    }
    .detail__head h2 {
        font-size: 30px;
    }
    /*  content
    ---------------------------------*/

    .content {
        margin-bottom: 60px;
    }

       
    /*  content section
    ---------------------------------*/

    .sec {
        margin: 0 0 50px;
    }
    .ttl__sec {
        font-size: 28px;
    }
    
    
}