@charset "utf-8";

/*-----------------------------------------------------
Adjustment
-----------------------------------------------------*/
div#HeaderArea {
margin-bottom: 0;
padding-bottom: 0;
}
body > #Container{
overflow:hidden;
padding-top: 0;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
}
div#MainContent div#MainContentBody > .Section > p:first-child{
margin: 0;
}
div#MainContent div.Section{
padding-bottom: 0;
}
div#ContentsLayout{
padding-bottom: 0;
}

.GlSMainContent dt{
border: none;
margin-top: 0;
padding: 0;
}
.GlSMainContent dd{
border: none;
margin: 0;
padding-left: 0;
}
a.con01_btn:hover, a.con01_btn:focus{
opacity: 1 !important;
}
#suz_registrationForm .BorderedBox dd ul li > label.label_radio,
#suz_registrationForm .BorderedBox dd ul li > label.label_check{
padding-left: 36px;
}
#suz_registrationForm .form_btn_next, #LoginForm{
display: none;
}

div#MainContent div.BorderedBox.GlSEnq{
width: 1202px;
border: none;
padding: 0;
margin-left: -241px;
}

div#MainContent div.BorderedBox.GlSEnq ul li{
background: none;
margin: 0;
padding: 0;
list-style:none;
}

/*-----------------------------------------------------
GlSMainContent base
-----------------------------------------------------*/
div#MainContent .GlSMainContent{
background: #fff4e7;
padding: 57px 115px;
}
div#MainContent .GlSMainContent{
margin-top: -30px;
}
div#MainContent .GlSMainContent dt.Title{
color: #fff;
font-size: 30px;
font-weight: bold;
display: table;
}
div#MainContent dt.Title > span.StepStr{
background: #EEA651;
    padding: 24px 20px 16px;
display: table-cell;
vertical-align: middle;
}
div#MainContent dt.Title > span.StepTxt{
background: #f08200;
    padding: 24px 20px 16px;
display: table-cell;
width: 100%;
}
div#MainContent dt.Title span.StepNotice {
font-size: 18px;
}
div#MainContent .GlSMainContent .flow{
margin-bottom: 0;
}
div#MainContent .enquete_wrap,
div#MainContent .enquete_wrap2{
border:5px solid #f08200;
border-top:none;
background: #fff;
}

div#MainContent .GlSMainContent .inner_wrap input[type=radio],
div#MainContent .GlSMainContent .enquete_wrap input[type=radio],
div#MainContent .GlSMainContent .enquete_wrap input[type=checkbox],
div#MainContent .GlSMainContent .UIElm-check-label span.CustomCheckbox,
div#MainContent .GlSMainContent label input[type="radio"] + span.Text:before{
display: none;
}

div#MainContent .enquete_wrap .label_radio,
div#MainContent .enquete_wrap .label_check,
div#MainContent .enquete_wrap2 .label_check{
cursor:pointer;
display:block;
font-size: 18px;
padding: 3px 0px 3px 36px;
background: url(../../img/landing_page/selection_gl_s/input.png) no-repeat left -177px;
}
div#MainContent .enquete_wrap .label_on,
div#MainContent .enquete_wrap2 .label_on{
background: url(../../img/landing_page/selection_gl_s/input.png) no-repeat left 2px;
}
div#MainContent .btn_next {
background: url("../../img/landing_page/selection_gl_s/btn_next.jpg") no-repeat scroll center top;
clear: both;
cursor: pointer;
height: 0;
margin: 0 auto;
overflow: hidden;
padding-top: 54px;
width: 381px;
}
div#MainContent .clike_next {
background:url("../../img/landing_page/selection_gl_s/btn_next.jpg") no-repeat scroll center -54px;
}
div#MainContent .GlSMainContent .content_check {
font-size: 17px;
line-height: 1.7em;
}
div#MainContent .GlSMainContent .GlSIcon01{
left: 10px;
position: absolute;
top: -15px;
}
#GlSCon01,#GlSCon02{
margin-bottom: 60px;
}
#GlSCon03,#GlSCon04,#GlSCon05,#GlSCon06,#GlSCon07,#GlSCon08,#GlSCon09,#GlSCon10{
margin-bottom: 60px;
display: none;
}
div#MainContent .db{
display: block !important;
}
/*-----------------------------------------------------
MV
-----------------------------------------------------*/
#MainContent .GlSMainVisualArea {
width: 1202px;
margin-left: -116px;
}
#MainContent .ProcessBox{
height: auto;
background: #efefef;
font-size: 35px;
padding-top: 45px;
text-align: center;
position: relative;
}


#MainContent .ProcessBox:after{
content: '';
display: block;
width: 1202px;
height: 47px;
background: url(../../img/landing_page/selection_gl_s/arrow01.png) no-repeat center;
position: absolute;
bottom:-47px;
z-index: -1;
}
#MainContent .ProcessBox.Step02:after{
z-index: 10;
}
#MainContent .GlSMVInner{
display: table;
margin-top: 50px;
width: 100%;
}

#MainContent .GlSMVTxt{
display: table-cell;
width: 550px;
vertical-align: top;
font-size: 22px;
padding-top: 40px;
color: #282828;
}
#MainContent .GlSMVImg{
display: table-cell;
text-align: right;
vertical-align: top;
}
#MainContent .GlSMVTxt .em01{
color: #f08200;
}
#MainContent .GlSMVNotice{
font-size: 17px;
color: #555555;
}
#MainContent .GlSMVTitleGroup {
position: relative;
}
#MainContent .GlSMVTitle {
position: absolute;
color: #fff;
font-size: 48px;
text-align: center;
text-shadow: 3px 3px 0 #000;
width: 100%;
top: 60px;
left: 0;
}
/*-----------------------------------------------------
#content_check
-----------------------------------------------------*/
div#MainContent .content_check01{
float: right;
position:relative;
width: 350px;
margin-top: 20px;
margin-bottom: 30px;
}
div#MainContent .content_check01 > .CCInner{
background: #ebebeb;
margin-right: 20px;
padding: 18px;
box-sizing: content-box;
font-size: 17px;
line-height: 1.7em;
}
div#MainContent .content_check01 > .CCImg{
margin: 0;
}

div#MainContent .content_check02{
display: table;
margin-bottom: 30px;
}
div#MainContent .content_check02 > .CCInner{
background: #ebebeb;
display: table-cell;
margin-right: 20px;
padding: 18px;
box-sizing: content-box;
font-size: 17px;
line-height: 1.7em;
vertical-align: top;
width: 100%;
}
div#MainContent .content_check02 > .CCImg{
margin: 0;
display: table-cell;
padding-right: 10px;
}

#GlSCon10 .Txt {
display: table-cell;
vertical-align: top;
}
#GlSCon10 .Img {
display: table-cell;
}

/*-----------------------------------------------------
#GlSCon01
-----------------------------------------------------*/
div#MainContent #GlSCon01 .inner_wrap .text_wrap h3 {
font-size: 24px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 30px;
}

div#MainContent #GlSCon01 .inner_wrap{
padding: 50px;
border:5px solid #f08200;
border-top:none;
background: #fff;
}
div#MainContent #GlSCon01 .inner_wrap .left_box{
float: left;
position:relative;
width: 426px;
height: 421px;
border:2px solid #dddddd;
background: url(../../img/landing_page/selection_gl_s/lp_gl_s_q1_img01.jpg) no-repeat left bottom;
}
div#MainContent #GlSCon01 .inner_wrap .right_box{
float: left;
position:relative;
width: 426px;
height: 421px;
border:2px solid #dddddd;
border-left:none;
background: url(../../img/landing_page/selection_gl_s/lp_gl_s_q1_img02.jpg) no-repeat left bottom;
margin-bottom: 30px;
}
div#MainContent #GlSCon01 .inner_wrap .left_box .con01_btn,
div#MainContent #GlSCon01 .inner_wrap .right_box .con01_btn{
position:absolute;
bottom:24px;
left:22px;
}
div#MainContent #GlSCon01 .inner_wrap .text_wrap{
width: 240px;
position:absolute;
top:30px;
right:30px;
}
div#MainContent #GlSCon01 .inner_wrap .text_wrap p{
font-size: 18px;
line-height: 1.7em;
}

div#MainContent #GlSCon01 .inner_wrap .content_check{
background: url(../../img/landing_page/selection_gl_s/lp_gl_r_q1_img03.jpg) no-repeat left top;
padding: 40px 50px 14px 180px;
clear: both;
}
div#MainContent #GlSCon01 ul li {
background: url("../../img/common/mkr_blet_black.png") no-repeat scroll 4px 0.5em;
margin: 0 0 16px;
padding: 0 0 0 13px;
font-size: 1.333em;
}
/*-----------------------------------------------------
#GlSCon02
-----------------------------------------------------*/

div#MainContent #GlSCon02 .enquete_wrap{
padding: 50px;
border:5px solid #f08200;
border-top:none;
background: #fff;
overflow:hidden;
}
div#MainContent #GlSCon02 .enquete_wrap .left_box{
float: left;
position:relative;
width: 396px;
border:2px solid #dddddd;
margin-bottom: 30px;
padding: 15px;
box-sizing: content-box;
}
div#MainContent #GlSCon02 .enquete_wrap .right_box{
float: left;
position:relative;
width: 396px;
border:2px solid #dddddd;
border-left:none;
margin-bottom: 30px;
padding: 15px;
box-sizing: content-box;
}
div#MainContent #GlSCon02 .enquete_wrap .left_box .label_radio,
div#MainContent #GlSCon02 .enquete_wrap .right_box .label_radio{
margin-bottom: 20px;
position:relative;
}
/*-----------------------------------------------------
#GlSCon03
-----------------------------------------------------*/

div#MainContent #GlSCon03 .enquete_wrap{
padding:20px 50px 50px;
}
div#MainContent #GlSCon03 .enquete_wrap .sample_btn{
text-align: right;
margin-bottom: 12px;
}
div#MainContent #GlSCon03 .enquete_wrap ul{
overflow:hidden;
padding-top: 15px;
margin-bottom: 30px;
position:relative;
box-sizing: content-box;
}
div#MainContent #GlSCon03 .enquete_wrap li{
float: left;
border:2px solid #ddd;
border-right:none;
padding: 15px;
width:182px;
height:400px;
position:relative;
box-sizing: content-box;
}
div#MainContent #GlSCon03 .enquete_wrap .li_04{
border-right:2px solid #ddd;
}
div#MainContent #GlSCon03 .enquete_wrap .content_check{
background: url(../../img/landing_page/selection_gl_s/lp_gl_r_q3_img04.jpg) no-repeat left top;
padding: 67px 50px 14px 180px;
margin-bottom: 50px;
clear: both;
}
/*-----------------------------------------------------
#GlSCon04
-----------------------------------------------------*/

div#MainContent #GlSCon04 .enquete_wrap{
padding:20px 50px 50px;
}
div#MainContent #GlSCon04 .enquete_wrap .chu{
color: #FD2928;
margin-bottom: 15px;
}
div#MainContent #GlSCon04 .enquete_wrap .left_box{
float: left;
width: 330px;
font-size: 18px;
margin-bottom: 30px;
}
div#MainContent #GlSCon04 .enquete_wrap .item_01,
div#MainContent #GlSCon04 .enquete_wrap .item_02{
margin-bottom: 20px;
}
div#MainContent #GlSCon04 .enquete_wrap .item_03{
margin-bottom: 30px;
}
div#MainContent #GlSCon04 .left_box p{
display: none;
}
div#MainContent #GlSCon04 .enquete_wrap .left_box input[type="text"]{
width: 215px;
font-size: 14px;
display: inline-block;
vertical-align:bottom;
padding: 7px 10px;
margin-right: 10px;
ime-mode: inactive;
box-sizing: content-box;
}
div#MainContent #GlSCon04 .enquete_wrap .right_box{
float: left;
width: 280px;
margin-bottom: 40px;
box-sizing: content-box;
}
/*-----------------------------------------------------
#GlSCon05
-----------------------------------------------------*/

div#MainContent #GlSCon05 .enquete_wrap{
padding: 50px;
border:5px solid #f08200;
border-top:none;
background: #fff;
overflow:hidden;
}
div#MainContent #GlSCon05 .enquete_wrap .left_box{
float: left;
position:relative;
width: 250px;
height: 283px;
border:2px solid #dddddd;
margin-bottom: 30px;
padding: 15px;
box-sizing: content-box;
}
div#MainContent #GlSCon05 .enquete_wrap .right_box{
float: left;
position:relative;
width: 543px;
height: 283px;
border:2px solid #dddddd;
border-left:none;
margin-bottom: 30px;
padding: 15px;
box-sizing: content-box;
}
div#MainContent #GlSCon05 .enquete_wrap .left_box .label_radio,
#GlSCon05 .enquete_wrap .right_box .label_radio{
margin-bottom: 20px;
position:relative;
}
div#MainContent #GlSCon05 .enquete_wrap .content_check{
background: url(../../img/landing_page/selection_gl_s/lp_gl_s_q5_img03.jpg) no-repeat left top;
padding: 62px 50px 19px 180px;
margin-bottom: 50px;
clear: both;
}
/*-----------------------------------------------------
#GlSCon06
-----------------------------------------------------*/

div#MainContent #GlSCon06 .enquete_wrap{
padding:20px 50px 50px;
}
div#MainContent #GlSCon06 .enquete_wrap ul{
overflow:hidden;
padding-top: 15px;
margin-bottom: 30px;
position:relative;
}
div#MainContent #GlSCon06 .enquete_wrap li{
float: left;
border:2px solid #ddd;
border-right:none;
padding: 15px;
width:183px;
position:relative;
box-sizing: content-box;
}
div#MainContent #GlSCon06 .enquete_wrap .li_04{
border-right:2px solid #ddd;
}
div#MainContent #GlSCon06 .enquete_wrap .content_check{
background: url(../../img/landing_page/selection_gl_s/lp_gl_s_q6_img04.jpg) no-repeat left top;
padding: 38px 50px 14px 187px;
margin-bottom: 50px;
clear: both;
}
div#MainContent #GlSCon06 .enquete_wrap .label_radio{
height: 100px;
margin-bottom: 20px;
}
/*-----------------------------------------------------
#GlSCon07
-----------------------------------------------------*/

div#MainContent #GlSCon07 .enquete_wrap{
padding:50px;
}
div#MainContent #GlSCon07 .enquete_wrap .left_box{
float: left;
width: 168px;
}
div#MainContent #GlSCon07 .enquete_wrap .item_con{
overflow:hidden;
margin-bottom: 40px;
display: none;
}
div#MainContent #GlSCon07 .enquete_wrap .right_box{
float: left;
width: 195px;
margin-left: 15px;
margin-bottom: 25px;
padding: 10px 20px 0px;
font-size: 18px;
border:2px solid #ddd;
box-sizing: content-box;
}
#GlSCon07 .enquete_wrap .right_box .label_radio{
margin-bottom: 15px;
}
div#MainContent #GlSCon07 .enquete_wrap .right_box p,
div#MainContent #GlSCon07 .enquete_wrap .right_box2 p {
margin-bottom: 13px;
}
div#MainContent #GlSCon07 .enquete_wrap .right_box2{
float: left;
width: 367px;
margin-left: 15px;
margin-bottom: 25px;
padding: 10px 0px 0px 20px;
font-size: 18px;
border:2px solid #ddd;
box-sizing: content-box;
}
div#MainContent #GlSCon07 .enquete_wrap .right_box2 li{
display:inline-block;
}
div#MainContent #GlSCon07 .enquete_wrap .right_box2 .label_radio{
display:inline-block;
margin-bottom: 15px;
margin-right: 5px;
padding: 3px 0px 3px 33px;
width:80px;
box-sizing: content-box;
}
/*-----------------------------------------------------
#GlSCon08
-----------------------------------------------------*/
div#MainContent #GlSCon08 .enquete_wrap{
padding:50px;
}
div#MainContent #GlSCon08 .enquete_wrap .label_radio{
margin-bottom: 15px;
}
/*-----------------------------------------------------
#GlSCon09
-----------------------------------------------------*/
div#MainContent #GlSCon09 .enquete_wrap{
padding-bottom: 50px;
}
div#MainContent #GlSCon09 .enquete_wrap .left_box{
float: left;
padding: 50px 0 0 50px;
margin-bottom: 30px;
width: 600px;
}
div#MainContent #GlSCon09 .enquete_wrap li{
float: left;
margin-bottom: 20px;
width: 300px;
}
/*-----------------------------------------------------
#GlSCon10
-----------------------------------------------------*/
div#MainContent #GlSCon10 .enquete_wrap{
padding: 50px;
}
div#MainContent #GlSCon10 .enquete_wrap .label_box{
overflow:hidden;
margin-bottom: 30px;
}
div#MainContent #GlSCon10 .enquete_wrap li{
float: left;
padding: 15px;
width: 254px;
height: 310px;
border:2px solid #ddd;
border-right:none;
box-sizing: content-box;
}
div#MainContent #GlSCon10 .enquete_wrap .li_03{
border-right:2px solid #ddd;
}
div#MainContent #GlSCon10 .enquete_wrap .content_check{
background: url(../../img/landing_page/selection_gl_s/lp_gl_s_q10_img03.jpg) no-repeat left top;
padding: 13px 253px 68px 184px;
margin-bottom: 30px;
}
div#MainContent #GlSCon10 .enquete_wrap .label_check{
margin-bottom: 5px;
}
div#MainContent #GlSCon10 .enquete_wrap .text_box{
margin-bottom: 40px;
}

div#MainContent #GlSCon10 .enquete_wrap .text_box textarea{
padding: 7px 10px;
width: 600px;
height: 130px;
font-size: 14px;
}
div#MainContent #modal_wrap {
width: 730px;
margin: 0 auto;
padding: 40px 0;
}
div#MainContent .modal_ttl {
font-size: 21px;
font-style: italic;
padding: 15px 15px 13px 15px;
background: #eaeaea;
margin-bottom: 50px;
}
div#MainContent .TitleAndText.of-primary dt.Title > span.StepTxt{
background: #ef5f00;
}
div#MainContent .TitleAndText.of-primary .enquete_wrap,
div#MainContent .TitleAndText.of-primary .enquete_wrap2 {
border-color: #ef5f00;
}
div#MainContent .TitleAndText.of-primary #GlSCon01 .inner_wrap {
border-color: #ef5f00;
}
div#MainContent .TitleAndText.of-primary #GlSCon02 .enquete_wrap {
border-color: #ef5f00;
}
div#MainContent .TitleAndText.of-primary #GlSCon05 .enquete_wrap {
border-color: #ef5f00;
}
div#MainContent .TitleAndText.of-primary dt.Title > span.StepStr {
color: #703416;
}
div#MainContent .TitleAndText.of-primary #GlSCon04 .enquete_wrap .chu{
color: #e50112;
}