<?php header('Content-Type: text/css; charset=utf-8');?>
@charset "utf-8";
/* 【 background-color 】背景色 ****************/
.parent.no03 .div1,
.accordions .parent p {
background-color: #FFE8E8;
}
.accordions .ul_p.no1 label p,
.accordions.union.no3 .ul_p.no1 .div1 {
background-color: #E8E9FF;
}
.accordions .ul_p .ul {
background-color: #DDFFF3;
}
/* 【 background-image 】　*********************/
/* 【 background-repeat 】　********************/
/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/
.accordions.union.no1,
.accordions.union.no3 {
    border-color: #595959;
}
.accordions.union.no1,
.accordions.union.no3 {
    border-style: solid;
}
.accordions.union.no1,
.accordions.union.no3 {
    border-width: 1px;
}
.accordions.union.no1 {
    border-bottom: none;
}
.ul.no2,
.parent.no01,
.parent.no02,
.trance.no1 label,
.trance.no2 label,
.union.no1 .ul.no1,
.union.no2 .ul.no1,
.union.no2 .ul.no3,
.union.no2 .ul.no4,
.union.no2 .trance.no3 label,
.union.no2 .trance.no4 label {
    border-bottom-color: #595959;
}
.ul.no2,
.parent.no01,
.parent.no02,
.trance.no1 label,
.trance.no2 label,
.union.no1 .ul.no1,
.union.no2 .ul.no1,
.union.no2 .ul.no3,
.union.no2 .ul.no4,
.union.no2 .trance.no3 label,
.union.no2 .trance.no4 label {
    border-bottom-style: solid;
}
.ul.no2,
.parent.no01,
.parent.no02,
.trance.no1 label,
.trance.no2 label,
.union.no1 .ul.no1,
.union.no2 .ul.no1,
.union.no2 .ul.no3,
.union.no2 .ul.no4,
.union.no2 .trance.no3 label,
.union.no2 .trance.no4 label {
    border-bottom-width: 1px;
}
.accordions.union.no2,
.ul_p.no1 .div1,
.parent.no01 .p1,
.parent.no02 .p1,
.trance.no1 label,
.trance.no2 label,
.trance.no3 label,
.trance.no4 label,
.parent.no03 .div1 {
    border-right-color: #595959;
}
.accordions.union.no2,
.ul_p.no1 .div1,
.parent.no01 .p1,
.parent.no02 .p1,
.trance.no1 label,
.trance.no2 label,
.trance.no3 label,
.trance.no4 label,
.parent.no03 .div1,
.trance.no1 label .p1,
.trance.no2 label .p1,
.trance.no3 label .p1,
.trance.no4 label .p1 {
    border-right-style: solid;
}
.accordions.union.no2,
.ul_p.no1 .div1,
.parent.no01 .p1,
.parent.no02 .p1,
.trance.no1 label,
.trance.no2 label,
.trance.no3 label,
.trance.no4 label,
.parent.no03 .div1,
.trance.no1 label .p1,
.trance.no2 label .p1,
.trance.no3 label .p1,
.trance.no4 label .p1 {
    border-right-width: 1px;
}
.ul_p.no1 .div1,
.trance.no1 label,
.trance.no2 label,
.trance.no3 label,
.trance.no4 label,
.union.no3 .ul.no1,
.accordions.union.no2,
.trance.no1 label .p1,
.trance.no2 label .p1,
.trance.no3 label .p1,
.trance.no4 label .p1 {
    border-left-color: #595959;
}
.ul_p.no1 .div1,
.trance.no1 label,
.trance.no2 label,
.trance.no3 label,
.trance.no4 label,
.union.no3 .ul.no1,
.accordions.union.no2 {
    border-left-style: solid;
}
.ul_p.no1 .div1,
.trance.no1 label,
.trance.no2 label,
.trance.no3 label,
.trance.no4 label,
.union.no3 .ul.no1,
.accordions.union.no2 {
    border-left-width: 1px;
}
.accordions.union.no3 {
    border-top: none;
}

/* 【 color 】色 *****************************/
.accordions.union.no3 .ul_p.no1 .li.no1 .p1::before {
    content: "①";
}
.accordions.union.no3 .ul_p.no1 .li.no1 .p2::before {
    content: "②";
}
.accordions.union.no3 .ul_p.no1 .li.no1 .p3::before {
    content: "③";
}
.accordions.union.no3 .ul_p.no1 .li.no1 .p4::before {
    content: "④";
}
.accordions.union.no3 .ul_p.no1 .li.no1 .p5::before {
    content: "⑤";
}
.accordions.union.no3 .ul_p.no1 .div1 p::before {
    content: "・";
}
/* 【 display 】 *****************************/
.trance,
.trance label,
.accordions.union,
.accordions .parent,
.accordions.union.no3 .ul_p.no1,
.accordions.union.no3 .ul_p label {
    display: flex;
}
/* 【 font-size 】文字の大きさ ***************/
/* 【 font-weight 】 ************************/
/* 【 height 】高さ *************************/
/* 【 justify-content   ********************/
.ul_p,
.trance,
.accordions.union {
    justify-content: space-between
}
/* 【 line-height 】 ************************/
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/
.parent p,
.parent.no03 .p1,
.accordions .ul_p.no1 label p {
    margin: 0;
}
/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/
.parent p,
.accordions .ul_p .ul,
.accordions .ul_p.no1 label p {
    padding: 15px;
}
.accordions.union.no3 .parent .p1 {
    padding-bottom: 0;
}
.trouble_zone {
    padding-bottom: 50px;
}
.accordions.union.no3 .ul_p.no1 .div1 p,
.accordions.union.no3 .ul_p.no1 .li.no1 p {
    padding-left: 2em;
}
.parent,
.trance label,
.accordions.union.no3 .ul_p label {
    padding-right: 5px;
}
.accordions.union.no3 .parent .p2 {
    padding-top: 0;
}
/* 【 position 】************************** */
/* 【 text-align 】 *************************/
/* 【 text-indent 】 ************************/
.accordions.union.no3 .ul_p.no1 .div1 p,
.accordions.union.no3 .ul_p.no1 .li.no1 p  {
    text-indent: -1em;
}
/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.parent {
    width: 28%;
}
.trance label  {
    width: 40.8%;
}
.accordions .trance .ul {
    width: 55%;
}
.accordions.union.no3 .ul_p .ul {
    width: 54.8%;
}
.accordions.union.no3 .ul_p label {
    width: 40.8%;
}
.ul_p {
    width: 72%;
}
.accordions .toggle{
    display: none;
}
.accordions ul {
    list-style: none;
}
.parent::after,
.trance label::after,
.accordions.union.no3 .ul_p label::after {
    content: url(../img/arrow2.jpg);
    display: block;
    margin: auto 0 auto 10px;
}
/*************** レスポンシブ S ***************/
@media screen and (max-width: 640px){
    /* 【 ［SP］/ background-color 】背景色  ****/
    .accordions .ul_p.no1 {
        background-color: #E8E9FF;
    }
    .accordions .parent {
        background-color: #FFE8E8;
    }
	/* 【 ［SP］/ background-image 】　*********/
	/* 【 ［SP］/ background-repeat 】　********/
	/* 【 ［SP］/ background-size 】　**********/
    /* 【 ［SP］/ border 】線　*****************/
    .ul.no2,
    .parent.no01,
    .parent.no02,
    .ul_p.no1 .div1,
    .trance.no1 label,
    .trance.no2 label,
    .trance.no3 label,
    .trance.no4 label,
    .parent.no01 .p1,
    .parent.no02 .p1,
    .trance.no1 label,
    .trance.no2 label,
    .trance.no3 label,
    .trance.no4 label,
    .union.no1 .ul.no1,
    .union.no2 .ul.no1,
    .union.no2 .ul.no3,
    .union.no2 .ul.no4,
    .parent.no03 .div1,
    .union.no3 .ul.no1,
    .trance.no1 label .p1,
    .trance.no2 label .p1,
    .trance.no3 label .p1,
    .trance.no4 label .p1,
    .accordions.union.no1,
    .accordions.union.no2,
    .accordions.union.no3,
    .union.no2 .trance.no3 label,
    .union.no2 .trance.no4 label,
    .accordions.union.no3 .ul_p p{
        border: none;
    }
    .ul_p label,
    .parent.no01,
    .parent.no02,
    .parent.no03,
    .accordions .ul .li {
        border-bottom-color: #fff;
    }
    .ul_p label,
    .parent.no01,
    .parent.no02,
    .parent.no03,
    .accordions .ul .li {
        border-bottom-style: solid;
    }
    .ul_p label,
    .accordions .ul .li {
        border-bottom-width: 2px;
    }
    .parent.no01,
    .parent.no02,
    .parent.no03 {
        border-bottom-width: 3px;
    }
    .union.no3 .ul_p.no1 label,
    .union.no1 .trance.no1 label,
    .union.no2 .trance.no1 label,
    .union.no2 .trance.no2 label,
    .union.no2 .trance.no3 label {
        border-bottom-color: #fff;
    }
    .union.no3 .ul_p.no1 label,
    .union.no1 .trance.no1 label,
    .union.no2 .trance.no1 label,
    .union.no2 .trance.no2 label,
    .union.no2 .trance.no3 label {
        border-bottom-style: solid
    }
    .union.no3 .ul_p.no1 label,
    .union.no1 .trance.no1 label,
    .union.no2 .trance.no1 label,
    .union.no2 .trance.no2 label,
    .union.no2 .trance.no3 label {
        border-bottom-width: 3px;
    }
    /* 【 ［SP］/ color 】色 ******************/
    /* 【 ［SP］/ display 】 ******************/
    .trance,
    .accordions.union,
    .accordions.union.no3 .ul_p.no1 {
        display: block;
    }
    .accordions label,
    .accordions .parent {
        display: flex;
    }
    .parent::after,
    .trance label::after,
    .accordions.union.no3 .ul_p label::after {
        display: none;
    }
	/* 【 ［SP］/ font-size 】文字の大きさ *****/
	/* 【 ［SP］/ font-weight 】 **************/
    .parent p {
        font-weight: bold;
    }
	/* 【 ［SP］/ height 】高さ ***************/
    /* 【 ［SP］/ justify-content 】 **********/
    .accordions label {
        justify-content: space-between;
    }
	/* 【 ［SP］/ line-height 】 *************/
	/* 【 ［SP］/ left 】 ********************/
    /* 【 ［SP］/ margin 】 ******************/
    .accordions .parent p,
    .union.no3 .parent.no03 p {
        margin: 0;
    }
    .ul_p {
        margin-bottom: 15px;
    }
	/* 【 ［SP］/ max-height 】 **************/
	/* 【 ［SP］/ max-width 】 ***************/
	/* 【 ［SP］/ opacity 】 *****************/
	/* 【 ［SP］/ overflow 】 ****************/
    /* 【 ［SP］/ padding 】 *****************/
    .accordions .ul_p .ul {
        padding: 0;
    }
    .accordions .parent p,
    .accordions .ul_p.no1 p,
    .accordions .ul_p .ul p {
        padding: 15px;
    }
    .union.no3 .parent.no03 .p1 {
        padding-bottom: 0;
    }
    .accordions.union.no3 .ul_p.no1 .div1 p,
    .accordions.union.no3 .ul_p.no1 .li.no1 p {
        padding-left: 1.5em;
    }
    .parent
    .trance label,
    .accordions.union.no3 .ul_p label {
        padding-right: 0px;
    }
    .union.no3 .parent.no03 .p2 {
        padding-top: 0;
    }
	/* 【 ［SP］/ position 】 ****************/
	/* 【 ［SP］/ text-align 】 **************/
    /* 【 ［SP］/ text-indent 】 *************/
	/* 【 ［SP］/ top 】 *********************/
	/* 【 ［SP］/ vertical-align 】 **********/
    /* 【 ［SP］/ width 】横幅 ***************/
    .ul_p,
    .parent,.trance label,
    .accordions .trance .ul,
    .accordions.union.no3 .ul_p .ul,
    .accordions.union.no3 .ul_p label {
        width: 100%;
    }
    /* 【 ［SP］other or special CSS 】 ******/
    .accordions.union label::after,
    .accordions.union.no3 .ul_p label::after {
        content: url(../common/img/content_bottom_arrow.png);
        display: block;
        margin: auto 15px auto 0;
        text-align: right;
    }
    .ul_p p {
        margin: 0;
    }
    .accordions label{
        cursor: pointer;
    }
    .accordions .toggle + ul{
        max-height: 0;
        overflow: hidden;
        transition: all .5s ease-out;
    }
    .accordions .toggle:checked + ul{
        max-height: 999px;
        transition: all 2s ease-in;
    }
}
/*************** レスポンシブ E ***************/