@charset "utf-8";

.font-size_s { font-size:13px; }
.font-size_m { font-size:16px; }
.font-size_l { font-size:18px; }

.txtPage_lead {
    margin-bottom : 80px;
}

.txtCatch {
    font-size     : 22px;
    line-height   : 1.2;
    margin-bottom : 23px;
}

.txtCatch.tac {
    text-align : center;
}

.topImg {
    margin-bottom : 90px;
}

.topImg img {
    width : 100%;
}

.clausesBox {
    display       : table;
    width         : 100%;
    margin-bottom : 50px;
    font-size     : 16px;
    line-height   : 1.5;
}

.clausesBox p {
    padding : 0;
    margin  : 0;
}

.clausesBox img {
    vertical-align : bottom;
}

.clausesBox .leftCell {
    display        : table-cell;
    width          : 51%;
    vertical-align : top;
    box-sizing     : border-box;
}

.clausesBox .leftCell img {
    margin-bottom : 10px;
    max-width     : 100%;
}

.clausesBox .leftCell .txt {
    padding-right : 20px;
    padding-left  : 55px;
}

.clausesBox .leftCell .strong {
    font-weight    : bold;
    font-size      : 24px;
    vertical-align : middle;
    margin         : 0 3px;
    color          : #000066;
}

.clausesBox .rightCell {
    display        : table-cell;
    width          : 49%;
    vertical-align : top;
    padding-top    : 8px;
}

.clausesBox .rightCell img {
    width : 100%;
}

/* articlesList
/* ------------------------------------ */
.articlesList {
    display: flex;
}
.articlesList > *:first-child{
    width: 705px;
}

/* accordion
/* ------------------------------------ */
.acc {}
.acc::after,
.acc__item::before {
    display: block;
    background-image : linear-gradient(to right, #e7e7e7,#FFF);
    height: 3px;
    content: "";
}
.acc__item {}
.acc__item::before {}
.acc__item + .acc__item {}
.acc__title{
    position: relative;
    padding-top: .75em;
    padding-bottom: .75em;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #000066;
    cursor: pointer;
}
.acc__title--open,
.acc__title:hover {
    background-color : #f4f4f4;
}
.acc__title:after{
    content: '';
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    right: 1em;
    margin: auto;
    width: 8px;
    height: 8px;
    border: solid #d81d00;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    transition: transform .5s ease ;
}
.acc__title--open:after{
    transform: rotate(225deg);
}
.acc__title > * {
    flex-grow: 0;
    flex-shrink: 0;
}
.acc__title span:first-child { width: 1.5em; text-align: right; color: #d81d00 }
.acc__title span:first-child::after { content: '.' }
.acc__title b { padding: 0 .5em; width: 6em; white-space: nowrap; font-weight: normal  }
.acc__title span:last-child {
    flex-grow: 1;
    font-size: 75%;
}
@media screen and (min-width : 721px) {
    .acc__title br { display: none }
}
.acc__body{
    overflow: hidden;
    padding: 1.5em 2em;
}
.acc__body p + p {
    margin-top: 1em;
}
/* wrapBox
/* ------------------------------------ */
.wrapBox{
    background-color : #f3efef;
    padding: 2em;
}
.wrapBox > *:last-child{
    margin-bottom: 0;
}
.wrapBox ul{
    list-style: disc;
    padding-left: 1.5em;
    margin: 1em 0 ;
}
.wrapBox ul li{
    list-style: inherit;
}

/* images
/* ------------------------------------ */
.images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1em auto;

}
.images--w700{
    max-width: 700px;
}
.images--col2 > *{
    width: 48.5%;
    margin-top: 3%;
}
.images--col2 > *:nth-child(-n+2){
    margin-top: 0;
}
.images img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.images .full {
    width: 100%;
	text-align:right;
}
.images .full img {
    width: 48.5%;
}
.images .bubble { 
	position:relative;
	display:inline-block;
	width: 48.5%;
}
.images .bubble img{ 
	position:relative;
	width:100%;
}
.images .bubble:before{
	content:"";
	display:block;
	max-width:260px;
	width:calc( 260 / 340 * 100% );
	width:100%;
	height:100%;
	position:absolute;
	top:0; 
	margin:auto;
	left:0;
	z-index:2;
	background:url(../img/top_img2_3_3_bubble.png) no-repeat 0 center/100%;
	transform:translateX(-95%);
}

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

    .txtPage_lead {
        max-width     : 80%;
        margin-bottom : 40px;
    }

    .txtPage_lead img {
        width : 100%;
    }

    .clausesBox {
        font-size : 12px;
    }

    .clausesBox .leftCell {
        display : table-cell;
        width   : 70%;
    }

    .clausesBox .leftCell img:not(.last) {
        width : 75%;
    }

    .clausesBox .leftCell .txt {
        padding-left : 0;
    }

    .clausesBox .leftCell .strong {
        font-size : 16px;
        margin    : 0;
    }

    .clausesBox .rightCell {
        width : 30%;
    }

    .articlesList {flex-direction: column;}
    .articlesList > *:first-child{ width: auto;  }
    .articlesList > *:last-child{ display: none }
    .acc__title{
        font-size: 15px;

    }

}