@charset "utf-8";


/*---------------------------------------------
--------------------------------------------
 Outline
--------------------------------------------
---------------------------------------------*/

#outline_page {
    color: #000;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.06em;}

/*--- h4 ---*/
#outline_page h4 {
    color: #006636;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding: 0 5px 7px 10px;
    margin-bottom: 17px;
    border-bottom: 2px solid #006636;}

/*--- strong ---*/
#outline_page strong {
    color: #006636;
    font-weight: bold;}

/*--- section ---*/
.outline_wh {
    padding: 30px 30px 0 30px;
    background-color: #fff;}

/*--- p ---*/
#outline_page p {
    text-indent: 1em;}
#outline_page .outline_wh p {
    text-indent: 0;
    padding-bottom: 30px;}


/* outline_box02
--------------------------------------------*/

#outline_box02 {
    padding-top: 65px;}

#outline_wh01 {
    margin-top: 50px;}


/* outline_box03
--------------------------------------------*/

#outline_box03 {
    padding-top: 30px;}

/* --- dl --- */
#outline_box03 dl {
    display: table;
    width: 100%;}
#outline_box03 dl dt {
    display: table-cell;
    width: 160px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px solid #848484;
    background-color: #e9ebbd;}
#outline_box03 dl dd {
    display: table-cell;
    padding: 25px 22px;
    border-bottom: 2px solid #848484;
    background-color: #fff;}
#outline_box03 dl:last-child dt,
#outline_box03 dl:last-child dd {
    border-bottom: none;}
#outline_box03 dl dd a {
    color: #006636;}
#outline_box03 dl dd a:hover,
#outline_box03 dl dd a:focus {
    color: #006636;}

/* --- ul --- */
/* 01 */
.outline_list01 li strong::before {
    content: "●";
    font-size: 2rem;
    padding-right: 1px;}
/* 02 */
.outline_list02 li {
    display: inline-block;}
.outline_list02 li::after {
    content: "、";}

/* --- p --- */  
#outline_page p.outline_text01 {
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-indent: 0;
    padding: 25px 0 20px 30px;}




/*---------------------------------------------
---------------------------------------------
-------------------------------------------
-----------------------------------------
---------------------------------------
-------------------------------------
-----------------------------------
---------------------------------
-------------------------------

 SP CSS START  */



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



/* outline_box02  ■■■ SP ■■■ 
--------------------------------------------*/

#outline_box02 {
    padding-top: 120px;}

#outline_wh01 {
    margin-top: 100px;}


/* outline_box03  ■■■ SP ■■■ 
--------------------------------------------*/

/* --- img --- */
#outline_box03 img {
    max-width: 100%;
    height: auto;}

/* --- dl --- */
#outline_box03 dl dt {
    width: 90px;}
#outline_box03 dl dd {
    word-break: break-all;
    padding: 25px 10px;}

/* --- ul --- */
/* 02 */
.outline_list02 li {
    display: inline;}

/* --- p --- */  
#outline_page p.outline_text01 {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: center;
    padding: 10px 0;}


}
/*   SP CSS END

-------------------------------
---------------------------------
-----------------------------------
-------------------------------------
---------------------------------------
-----------------------------------------
-------------------------------------------
---------------------------------------------
---------------------------------------------*/