@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 769px) {

.main_hed { width: 100%; margin: 0 auto; position: relative; margin-top: -150px; z-index: 10; margin-bottom: 50px; }
.main_hed_img { width: 100%; margin: 0 auto; }
.main_hed_img img { width: 100%; height: auto; }

.sub_txt { font-size: 18px; text-align: center; }
/*----------------------------------------------------*/
.detail_box { margin-bottom: 70px; }

#box01 { margin: 0 auto; }
#box01 .com_txt { margin-bottom: 30px; }
.com_subtit { color: #074ca2; font-weight: bold; font-size: 18px; margin-bottom: 30px; }

.com_txt span { font-size: 16px; font-weight: bold; color: #ff5d2e; }

.box02_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.box02_box_txtbox { width: 48%; }
.box02_box_imgbox { width: 48%;  }
.box02_box_img { width: 100%; margin: 0 auto; }
.box02_box_img img { width: 100%; height: auto; }

.balloon5 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon5 .faceicon { float: left; margin-right: -90px; width: 120px;}
.balloon5 .faceicon img { width: 100%; height: auto; border: solid 3px rgba(81,148,232,0.1); border-radius: 50%; box-sizing: border-box;}
.balloon5 .chatting { width: 100%;}
.says { display: block; position: relative; margin: 5px 0 0 145px; padding: 17px 13px; border-radius: 12px; background: rgba(81,148,232,0.1);}
.says:after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px;     border: 12px solid transparent;
    border-right: 12px solid rgba(81,148,232,0.1);}
.says p { margin: 0; padding: 0; line-height: 2em; }
.says p span { color: #ff5d2e; font-weight: bold; }
.balloon52 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon52 .faceicon2 { float: right; margin-left: -90px; width: 120px;}
.balloon52 .faceicon2 img { width: 100%; height: auto; border: solid 3px rgba(81,148,232,0.1); border-radius: 50%; box-sizing: border-box; }
.balloon52 .chatting2 { width: 100%;}
.says2 { display: block; position: relative; margin: 5px 145px 0 0; padding: 17px 13px; border-radius: 12px; background: rgba(81,148,232,0.1);}
.says2:after { content: ""; display: inline-block; position: absolute; top: 18px; right: -24px; border: 12px solid transparent; border-left: 12px solid rgba(81,148,232,0.1);}
.says2 p { margin: 0; padding: 0;line-height: 2em; }
.says2 p span { color: #ff5d2e; font-weight: bold; }


}




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




/*sp*/
@media only screen and (max-width: 768px) {



.main_hed { width: 100%; margin: 0 auto; position: relative; margin-top: -100px; z-index: 10; margin-bottom: 50px; }
.main_hed_img { width: 100%; margin: 0 auto; }
.main_hed_img img { width: 100%; height: auto; }

.sub_txt { font-size: 16px; text-align: center; }

/*----------------------------------------------------*/
.detail_box { margin-bottom: 70px; }


#box01 { margin: 0 auto; }
#box01 .com_txt { margin-bottom: 30px; }
.com_subtit { color: #074ca2; font-weight: bold; font-size: 18px; margin-bottom: 30px; }

.com_txt span { font-size: 16px; font-weight: bold; color: #ff5d2e; }

.box02_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.box02_box_txtbox { width: 100%; margin: 0 auto 30px; }
.box02_box_imgbox { width: 100%; margin: 0 auto; }
.box02_box_img { width: 100%; margin: 0 auto; }
.box02_box_img img { width: 100%; height: auto; }

.balloon5 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon5 .faceicon { float: left; margin-right: -90px; width: 100px;}
.balloon5 .faceicon img { width: 100%; height: auto; border: solid 3px rgba(81,148,232,0.1); border-radius: 50%; box-sizing: border-box;}
.balloon5 .chatting { width: 100%;}
.says { display: block; position: relative; margin: 5px 0 0 125px; padding: 17px 13px; border-radius: 12px; background: rgba(81,148,232,0.1);}
.says:after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px;     border: 12px solid transparent;
    border-right: 12px solid rgba(81,148,232,0.1);}
.says p { margin: 0; padding: 0; line-height: 2em; }
.says p span { color: #ff5d2e; font-weight: bold; }
.balloon52 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon52 .faceicon2 { float: right; margin-left: -90px; width: 100px;}
.balloon52 .faceicon2 img { width: 100%; height: auto; border: solid 3px rgba(81,148,232,0.1); border-radius: 50%; box-sizing: border-box; }
.balloon52 .chatting2 { width: 100%;}
.says2 { display: block; position: relative; margin: 5px 125px 0 0; padding: 17px 13px; border-radius: 12px; background: rgba(81,148,232,0.1);}
.says2:after { content: ""; display: inline-block; position: absolute; top: 18px; right: -24px; border: 12px solid transparent; border-left: 12px solid rgba(81,148,232,0.1);}
.says2 p { margin: 0; padding: 0;line-height: 2em; }
.says2 p span { color: #ff5d2e; font-weight: bold; }





}