@charset "utf-8";
/* CSS Document */
/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);

/* fontawesome */

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}



.guest_info_content { width: 100%; margin: 0 auto; text-align: left; }
.guest_info_content h2 { font-size: 18px; }
.guest_info_content .guest_info_inner { margin-bottom: 30px; clear: both; border-bottom: 1px solid #ccc; }
.guest_info_content .guest_info_inner .guest_info_img { width: 150px; float: left; padding: 10px 10px 10px 0; }
.guest_info_content .guest_info_inner .guest_info_img img { width: 100%; }

.guest_info_content #section1 { width: 1000px; margin: 0 auto; }
.guest_info_content #section1 .merit_wrap { width: 100%; }
.guest_info_content #section1 .merit_wrap.merit_wrap2 { position: relative; top: -20px; }
.guest_info_content #section1 .merit_wrap.merit_wrap3 { position: relative; top: -40px; }
.guest_info_content #section1 .merit_wrap .merit_no { width: 100px; position: relative; z-index: 2; }
.guest_info_content #section1 .merit_wrap .merit_no img { width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner { width: 900px; margin-left: 50px; padding: 50px; border: 1px solid #ffd1da; position: relative; top: -50px; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_left { width: 474px; float: left; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_left h3 { font-size: 24px; font-weight: bold; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_left p { line-height: 1.8em; margin-top: 10px; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_right { width: 324px; float: left; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_right img { width: 100%; max-width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_full { width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_full h4 { font-size: 20px; color: #f4597a; margin: 20px 0 10px 0; padding-top: 0; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_full img { width: 100%; max-width: 100%; }

.guest_info_content #section2 { width: 600px; margin: 0 auto; }
.guest_info_content #section2 h2#sec2_title { width: 100%; text-align: center; color: #333; font-size: 26px; margin-bottom: 50px; }
.flow-h1 h1 { text-align: center !important; }
.flow-h1 h1 { font-size: 26px;}
.flow-h1 #flow-p1 { font-size: 20px; color: #f4597a; font-weight: normal; }
.flow-h1 #flow-p2 { font-size: 14px; font-weight: normal; padding-bottom: 0; }

@media screen and (min-width:0px) and ( max-width:479px) {/*480まで(SP)*/

.guest_info_content { width: 100%; padding: 0 10px; }
.guest_info_content h2 { font-size: 16px; }
.guest_info_content #section1 { width: 100%; margin: 0 auto; }
.guest_info_content #section1 .merit_wrap.merit_wrap2 { position: relative; top: -20px; }
.guest_info_content #section1 .merit_wrap.merit_wrap3 { position: relative; top: -40px; }
.guest_info_content #section1 .merit_wrap .merit_no { width: 50px; position: relative; z-index: 2; top: 10px; left: 10px; }
.guest_info_content #section1 .merit_wrap .merit_no img { width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner { width: 100%; margin-left: 0; padding: 10px; position: relative; top: -50px; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_left { width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_left h3 { font-size: 18px; font-weight: bold; padding: 18px 0 0 60px; }
.guest_info_content #section1 .merit_wrap.merit_wrap3 .merit_inner .merit_left h3 { padding: 5px 0 0 60px; line-height: 1.3em; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_left p { line-height: 1.8em; margin-top: 10px; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_right { width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_right img { width: 100%; max-width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_full { width: 100%; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_full h4 { font-size: 16px; color: #f4597a; margin: 20px 0 10px 0; padding-top: 0; }
.guest_info_content #section1 .merit_wrap .merit_inner .merit_full img { width: 100%; max-width: 100%; }

.guest_info_content #section2 { width: 100%; margin: 0 auto; }
.guest_info_content #section2 h2#sec2_title { width: 100%; text-align: center; color: #333; font-size: 18px; margin-bottom: 30px; line-height: 1.5em; font-weight: bold; }
.flow-h1 #flow-p1.guest-info { font-size: 14px; }
}