<?php header('Content-Type: text/css; charset=utf-8');?>
@charset "utf-8";
/* 【 background-color 】背景色 ****************/
/* 【 background-image 】　*********************/
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    background-image: url(../common/img/icon_frown.png);
}
/* 【 background-repeat 】　********************/
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    background-repeat: no-repeat;
}
/* 【 background-size 】　*********************/
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    background-size: contain;
}
/* 【 border 】線　****************************/
.attention_block.no12,
.attention_block.no3 {
    border-bottom: none;
}
.attention_block {
    border-bottom-color: #595959;
}
.attention_block {
    border-bottom-style: solid;
}
.attention_block {
    border-bottom-width: 1px;
}
.attention_block.no1 .div1 {
    border-color: red;
}
.attention_block.no1 .div1 {
    border-style: dotted;
}
.attention_block.no1 .div1 {
    border-width: 4px;
}
/* 【 color 】色 *****************************/
.attention_block.no1 .p0,
.exclamation_block .p16,
.generator_use .div1 .p1 span,
.attention_block.no2 .p4,
.attention_block.no2 .p5,
.attention_block.no2 .p6 span,
.attention_block.no3 .p3 span {
    color: red;
}
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    content: '';
}
.attention_block.no1 .p0:before {
    content: '※';
}
.exclamation_block p.none:before {
    content: none;
}
.exclamation_block p:before {
    content: url(../common/img/exclamation_mark.png);
}
/* 【 display 】 *****************************/
.generator_use {
    display: flex;
}
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    display: inline-block;
}
/* 【 font-size 】文字の大きさ ***************/
/* 【 font-weight 】 ************************/
/* 【 height 】高さ *************************/
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    height: 20px;
}
/* 【 justify-content 】 ************************/
.generator_use {
    justify-content: space-between;
}
/* 【 line-height 】 ************************/
.attention_block p {
    line-height: 120%;
}
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/
.exclamation_block .p6,
.exclamation_block .p13,
.exclamation_block .p14,
.exclamation_block .p15,
.attention_block.no2 .p11,
.attention_block.no2 .p12,
.attention_block.no2 .p13,
.attention_block.no2 .p4,
.attention_block.no1 .div1 p,
.attention_block.no2 .p8,
.attention_block.no2 .p9 {
    margin: 0;
}
.attention_block.no1 .div1 {
    margin: 10px auto 15px auto;
}
.attention_block {
    margin-bottom: 50px;
}
.exclamation_block p::before {
    margin-right: 2px;
}
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    margin-right: 5px;
}
/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
.attention_block.no1 .div1 {
    max-width: 700px;
}
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/
.attention_block.no3 {
    padding: 0;
}
.attention_block.no1 .div1 {
    padding: 10px;
}
.attention_block {
    padding-bottom: 50px;
}
.attention_block.no1 .p0,
.exclamation_block p {
    padding-left: 2em;
}
.exclamation_block p.none {
    padding-left: 3em;
}
.attention_block.no2 .p8,
.attention_block.no2 .p9,
.attention_block.no2 .p10 {
    padding-left: 40px;
}
/* 【 position 】************************** */
/* 【 text-align 】 *************************/
.attention_block.no2 .p11,
.attention_block.no2 .p12,
.attention_block.no2 .p13 {
    text-align: right;
}
/* 【 text-indent 】 ************************/
.attention_block.no1 .p0,
.exclamation_block p {
    text-indent: -1em;
}
.attention_block.no2 .p8,
.attention_block.no2 .p9,
.attention_block.no2 .p10 {
    text-indent: -25px;
}
/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.attention_block.no2 .p8:before,
.attention_block.no2 .p9:before,
.attention_block.no2 .p10:before {
    width: 20px;
}
.generator_use .div2 {
    width: 18%;
}
.generator_use .div1 {
    width: 80%;
}
.generator_use .div2 img {
    width: 100%;
}
/* 【 other or special CSS 】 *****************/
/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
/* 【 ［SP］/ background-color 】背景色  ****/
/* 【 ［SP］/ background-image 】　*********/
/* 【 ［SP］/ background-repeat 】　********/
/* 【 ［SP］/ background-size 】　**********/
/* 【 ［SP］/ border 】線　*****************/
/* 【 ［SP］/ color 】色 ******************/
/* 【 ［SP］/ display 】 ******************/
/* 【 ［SP］/ font-size 】文字の大きさ *****/
/* 【 ［SP］/ font-weight 】 **************/
/* 【 ［SP］/ height 】高さ ***************/
/* 【 ［SP］/ justify-content 】 **********/
/* 【 ［SP］/ line-height 】 *************/
/* 【 ［SP］/ left 】 ********************/
/* 【 ［SP］/ margin 】 ******************/
.attention_block.no1 .div1 {
    margin: 15px;
}
/* 【 ［SP］/ max-height 】 **************/
/* 【 ［SP］/ max-width 】 ***************/
/* 【 ［SP］/ opacity 】 *****************/
/* 【 ［SP］/ overflow 】 ****************/
/* 【 ［SP］/ padding 】 *****************/
.exclamation_block p.none {
    padding-left: 2em;
}
.attention_block.no2 .p8,
.attention_block.no2 .p9,
.attention_block.no2 .p10 {
    padding-left: 25px;
}
/* 【 ［SP］/ position 】 ****************/
/* 【 ［SP］/ text-align 】 **************/
/* 【 ［SP］/ text-indent 】 *************/
.exclamation_block p.none {
    text-indent: 0em;
}
/* 【 ［SP］/ top 】 *********************/
/* 【 ［SP］/ vertical-align 】 **********/
/* 【 ［SP］/ width 】横幅 ***************/
/* 【 ［SP］other or special CSS 】 ******/
}
/*************** レスポンシブ E ******************************/