@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;
}

.GlRMainContent dt{
border: none;
margin-top: 0;
padding: 0;
}
.GlRMainContent 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.GlREnq{
width: 1202px;
border: none;
padding: 0;
margin-left: -241px;
}

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

/*-----------------------------------------------------
GlRMainContent base
-----------------------------------------------------*/
div#MainContent .GlRMainContent{
background: #fff4e7;
padding: 100px 115px 57px;
}
div#MainContent .GlRMainContent{
margin-top: -30px;
}
div#MainContent .GlRMainContent.Ptn01{
margin-top: -16px;
}
div#MainContent .GlRMainContent 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 .GlRMainContent .flow{
margin-bottom: 0;
}
div#MainContent .enquete_wrap,
div#MainContent .enquete_wrap2{
border:5px solid #f08200;
border-top:none;
background: #fff;
}

div#MainContent .GlRMainContent .inner_wrap input[type=radio],
div#MainContent .GlRMainContent .enquete_wrap input[type=radio],
div#MainContent .GlRMainContent .enquete_wrap input[type=checkbox],
div#MainContent .GlRMainContent .UIElm-check-label span.CustomCheckbox,
div#MainContent .GlRMainContent label input[type="radio"] + span.Text:before,
div#MainContent .GlRMainContent label input[type="checkbox"] + span.Text:before{
display: none !important;
}
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_r/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_r/input.png) no-repeat left 2px;
}
div#MainContent .btn_next {
background: url("../../img/landing_page/selection_gl_r/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_r/btn_next.jpg") no-repeat scroll center -54px;
}
div#MainContent .GlRMainContent .content_check{
font-size: 17px;
line-height: 1.7em;
}
div#MainContent .GlRMainContent .GlRIcon01{
left: 10px;
position: absolute;
top: -15px;
z-index: 1;
}
div#MainContent #GlRCon01,#GlRCon02{
margin-bottom: 60px;
}
div#MainContent #GlRCon03,#GlRCon04,#GlRCon05,#GlRCon06,#GlRCon07,#GlRCon08,#GlRCon09,#GlRCon10{
margin-bottom: 60px;
display: none;
}
div#MainContent .db{
display: block !important;
}
div#MainContent .GlRMainContent .TextColor01{
color: rgb(0, 153, 255);
}

/*-----------------------------------------------------
MV
-----------------------------------------------------*/
#MainContent .GlRMainVisualArea {
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_r/arrow01.png) no-repeat center;
position: absolute;
bottom:-47px;
z-index: -1;
}
#MainContent .ProcessBox.Step02:after{
z-index: 10;
}
#MainContent .GlRMVInner{
display: table;
margin-top: 50px;
width: 100%;
}
#MainContent .GlRMVMdaOuter{
width: 640px;
margin: 0 auto;
padding: 50px 0 0;
}
#MainContent .GlRMVMda{
display: flex;
align-items: center;
justify-content: center;
}
#MainContent .GlRMVTxt{
display: table-cell;
width: 550px;
vertical-align: top;
font-size: 22px;
padding-top: 40px;
color: #282828;
}
#MainContent .GlRMVMdaTxt{
    font-size: 22px;
    color: #282828;
    flex: 1;
}
#MainContent .GlRMVImg{
display: table-cell;
text-align: right;
vertical-align: top;
}
#MainContent .GlRMVMdaImg{
width: 100px;
margin-right: 20px;
}
#MainContent .GlRMVTxt .em01{
color: #f08200;
}
#MainContent .GlRMVNotice{
font-size: 17px;
color: #555555;
}
#MainContent .GlRMVTitleGroup {
position: relative;
}
#MainContent .GlRMVTitle {
position: absolute;
color: #fff;
font-size: 48px;
text-align: center;
text-shadow: 3px 3px 0 #000;
width: 100%;
top: 60px;
left: 0;
}
#MainContent .GlRMVTitle.Ptn01 {
top: 50%;
transform: translateY(-50%);
}
/*-----------------------------------------------------
#content_check
-----------------------------------------------------*/
div#MainContent .content_check01{
float: right;
position:relative;
width: 350px;
margin-top: 20px;
margin-bottom: 30px;
}
div#MainContent .content_check01.Ptn01{
width: 460px;
}
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;
}

/*-----------------------------------------------------
#GlRCon01
-----------------------------------------------------*/
div#MainContent #GlRCon01 .inner_wrap .text_wrap h3 {
font-size: 24px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 30px;
}
div#MainContent #GlRCon01 .inner_wrap{
padding: 50px;
border:5px solid #f08200;
border-top:none;
background: #fff;
}
div#MainContent #GlRCon01 .inner_wrap .left_box{
float: left;
position:relative;
width: 426px;
height: 421px;
border:2px solid #dddddd;
background: url(../../img/landing_page/selection_gl_r/lp_gl_r_q1_img01.jpg) no-repeat left bottom;
}
div#MainContent #GlRCon01 .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_r/lp_gl_r_q1_img02.jpg) no-repeat left bottom;
margin-bottom: 30px;
}
div#MainContent #GlRCon01 .inner_wrap .left_box .con01_btn,
div#MainContent #GlRCon01 .inner_wrap .right_box .con01_btn{
position:absolute;
bottom:24px;
left:22px;
}
div#MainContent #GlRCon01 .inner_wrap .text_wrap{
width: 240px;
position:absolute;
top:30px;
right:30px;
}
div#MainContent #GlRCon01 .inner_wrap .text_wrap p{
font-size: 18px;
line-height: 1.7em;
}

div#MainContent #GlRCon01 .inner_wrap .content_check{
background: url(../../img/landing_page/selection_gl_r/lp_gl_r_q1_img03.jpg) no-repeat left top;
padding: 40px 50px 14px 180px;
clear: both;
}
div#MainContent #GlRCon01 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;
}
/*-----------------------------------------------------
#GlRCon02
-----------------------------------------------------*/
div#MainContent #GlRCon02 .enquete_wrap{
padding-bottom: 50px;
}

div#MainContent #GlRCon02 .enquete_wrap .left_box {
float: left;
padding: 50px 0 0 50px;
width: 380px;
margin-bottom: 30px;
box-sizing: content-box;
}
div#MainContent #GlRCon02 .enquete_wrap .left_box .label_radio{
margin-bottom: 20px;
position: relative;
}
div#MainContent #GlRCon02 .enquete_wrap .content_check{
float: right;
position:relative;
width: 290px;
background: url(../../img/landing_page/selection_gl_r/lp_gl_r_q2_img01.jpg) no-repeat right top;
margin-top: 7px;
margin-right: 20px;
padding:61px 53px 18px 20px;
box-sizing: content-box;
}
div#MainContent #GlRCon02 .enquete_wrap .left_box .label_radio .icon_img {
position: absolute;
right: -43px;
top: 0;
}
div#MainContent #GlRCon02 .enquete_wrap .left_box .RadioAndCheckboxList li{
margin-bottom: 20px;
}
/*-----------------------------------------------------
#GlRCon03
-----------------------------------------------------*/
div#MainContent #GlRCon03 .enquete_wrap{
padding:20px 50px 50px;
}
div#MainContent #GlRCon03 .enquete_wrap .sample_btn{
text-align: right;
margin-bottom: 12px;
}
div#MainContent #GlRCon03 .enquete_wrap ul{
overflow:hidden;
padding-top: 15px;
margin-bottom: 30px;
position:relative;
box-sizing: content-box;
}
div#MainContent #GlRCon03 .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 #GlRCon03 .enquete_wrap .li_04{
border-right:2px solid #ddd;
}
div#MainContent #GlRCon03 .enquete_wrap .content_check{
background: url(../../img/landing_page/selection_gl_r/lp_gl_r_q3_img04.jpg) no-repeat left top;
padding: 67px 50px 14px 180px;
margin-bottom: 50px;
clear: both;
}
/*-----------------------------------------------------
#GlRCon04
-----------------------------------------------------*/
div#MainContent #GlRCon04 .enquete_wrap{
padding:20px 50px 50px;
}
div#MainContent #GlRCon04 .enquete_wrap .chu{
color: #FD2928;
margin-bottom: 15px;
}
div#MainContent #GlRCon04 .enquete_wrap .left_box{
float: left;
width: 330px;
font-size: 18px;
margin-bottom: 30px;
}
div#MainContent #GlRCon04 .enquete_wrap .item_01,
div#MainContent #GlRCon04 .enquete_wrap .item_02{
margin-bottom: 20px;
}
div#MainContent #GlRCon04 .enquete_wrap .item_03{
margin-bottom: 30px;
}
div#MainContent #GlRCon04 .left_box p{
display: none;
}
div#MainContent #GlRCon04 .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;
}
div#MainContent #GlRCon04 .enquete_wrap .right_box{
float: left;
width: 280px;
margin-bottom: 40px;
}
/*-----------------------------------------------------
#GlRCon05
-----------------------------------------------------*/
div#MainContent #GlRCon05 .enquete_wrap{
padding: 50px;
}
div#MainContent #GlRCon05 .enquete_wrap ul{
overflow:hidden;
padding-top: 15px;
margin-bottom: 30px;
position:relative;
}
div#MainContent #GlRCon05 .enquete_wrap li{
float: left;
border:2px solid #ddd;
border-right:none;
padding: 15px 7px;
width:155px;
height:450px;
z-index:10;
box-sizing: content-box;
position: relative;
}
div#MainContent #GlRCon05 .enquete_wrap .li_05{
border-right:2px solid #ddd;
}
div#MainContent #GlRCon05 .enquete_wrap .midlle_text{
font-size: 13px;
margin: 8px 0;
line-height: 1.3em;
height: 120px;
}
div#MainContent .GlRMainContent.Ptn01 #GlRCon05 .enquete_wrap .li_04 .midlle_text{
font-size: 13px;
margin: 10px 0 7px;
line-height: 1.3em;
height: 120px;
}
div#MainContent .GlRMainContent.Ptn01 #GlRCon05 .enquete_wrap .li_04 .label_radio{
margin-bottom: 32px;
}
div#MainContent #GlRCon05 .enquete_wrap .label_radio {
margin-bottom: 10px;
box-sizing: content-box;
}
div#MainContent #GlRCon05 .enquete_wrap li.li_01{
position: relative;
z-index: 100;
}
div#MainContent #GlRCon05 .enquete_wrap li.li_01 .AbImg{
position: absolute;
bottom: 10px;
left: 8px;
}
div#MainContent #GlRCon05 .enquete_wrap .GlRIcon01{
left: 0px;
}
/*-----------------------------------------------------
#GlRCon06
-----------------------------------------------------*/
div#MainContent #GlRCon06 .enquete_wrap{
padding:20px 50px 50px;
}
div#MainContent #GlRCon06 .enquete_wrap ul{
overflow:hidden;
padding-top: 15px;
margin-bottom: 30px;
position:relative;
}
div#MainContent #GlRCon06 .enquete_wrap li{
float: left;
border:2px solid #ddd;
border-right:none;
padding: 15px;
width:183px;
position:relative;
box-sizing: content-box;
}
div#MainContent #GlRCon06 .enquete_wrap .label_radio{
margin-bottom: 20px;
width: 150px;
}
div#MainContent #GlRCon06 .enquete_wrap .li_04{
border-right:2px solid #ddd;
}
div#MainContent #GlRCon06 .enquete_wrap .content_check{
background: url(../../img/landing_page/selection_gl_r/lp_gl_r_q6_img04.jpg) no-repeat left top;
padding: 38px 50px 14px 187px;
margin-bottom: 50px;
clear: both;
}
div#MainContent #GlRCon06 .enquete_wrap li .btn_modal{
position:absolute;
top:90px;
right:10px;
z-index: 10;
}
div#MainContent #GlRCon06 .enquete_wrap .label_radio{
height: 100px;
margin-bottom: 20px;
}
/*-----------------------------------------------------
#GlRCon07
-----------------------------------------------------*/
div#MainContent #GlRCon07 .enquete_wrap{
padding:50px;
}
div#MainContent #GlRCon07 .enquete_wrap .left_box{
float: left;
width: 168px;
}
div#MainContent #GlRCon07 .enquete_wrap .item_con{
overflow:hidden;
margin-bottom: 40px;
display: none;
}
div#MainContent #GlRCon07 .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;
}
div#MainContent #GlRCon07 .enquete_wrap .right_box .label_radio{
margin-bottom: 15px;
}
div#MainContent #GlRCon07 .enquete_wrap .right_box p, #GlRCon07 .enquete_wrap .right_box2 p {
margin-bottom: 13px;
}
div#MainContent #GlRCon07 .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 #GlRCon07 .enquete_wrap .right_box2 li{
display:inline-block;
}
div#MainContent #GlRCon07 .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;
}
div#MainContent .GlRMainContent.Ptn01 #GlRCon07 .enquete_wrap .right_box .label_check,
div#MainContent .GlRMainContent.Ptn01 #GlRCon07 .enquete_wrap .right_box2 .label_check {
display: inline-block;
margin-bottom: 15px;
margin-right: 5px;
padding: 3px 0px 3px 33px;
box-sizing: content-box;
}
div#MainContent .GlRMainContent.Ptn01 #GlRCon07 .enquete_wrap .right_box2 .label_check{
width:136px;
}
div#MainContent .GlRMainContent.Ptn01 #GlRCon08 .enquete_wrap .label_check{
display: inline-block;
margin-bottom: 15px;
margin-right: 5px;
padding: 3px 0px 3px 33px;
box-sizing: content-box;
}

/*-----------------------------------------------------
#GlRCon08
-----------------------------------------------------*/
div#MainContent #GlRCon08 .enquete_wrap{
padding:50px;
}
div#MainContent #GlRCon08 .enquete_wrap .label_radio{
margin-bottom: 15px;
}
/*-----------------------------------------------------
#GlRCon09
-----------------------------------------------------*/
div#MainContent #GlRCon09 > dt.Title{
background:#f08200;
}
div#MainContent #GlRCon09 .enquete_wrap{
padding-bottom: 50px;
}
div#MainContent #GlRCon09 .enquete_wrap .left_box{
float: left;
width: 525px;
padding: 50px 0px 0px 50px;
box-sizing: content-box;
margin-bottom: 30px;
}
div#MainContent .GlRMainContent.Ptn01 #GlRCon09 .enquete_wrap .left_box{
width: 415px;
}
div#MainContent #GlRCon09 .enquete_wrap .content_check{
float: right;
position:relative;
width: 290px;
background: url(../../img/landing_page/selection_gl_r/lp_gl_r_q9_img01.jpg) no-repeat right top;
margin-top: 7px;
margin-right: 20px;
padding:61px 53px 18px 20px;
box-sizing: content-box;
}
div#MainContent #GlRCon09 .enquete_wrap .left_box .label_check{
margin-bottom: 20px;
width:222px;
float: left;
box-sizing: content-box;
}
div#MainContent .GlRMainContent.Ptn01 #GlRCon09 .enquete_wrap .label_box .label_check{
display:inline-block;
width:auto;
float: none;
}
/*-----------------------------------------------------
#GlRCon10
-----------------------------------------------------*/
div#MainContent #GlRCon10 .enquete_wrap{
padding: 50px;
}
div#MainContent #GlRCon10 .enquete_wrap .left_box{
width: 852px;
overflow:hidden;
margin-bottom: 50px;
}
div#MainContent #GlRCon10 .enquete_wrap .left_box li{
float: left;
padding: 15px;
width:250px;
height: 310px;
border:2px solid #ddd;
border-right:none;
text-align: center;
box-sizing: content-box;
}
div#MainContent #GlRCon10 .enquete_wrap .left_box li label{
text-align: left;
}
div#MainContent #GlRCon10 .enquete_wrap .left_box .li_03{
border-right:2px solid #ddd;
}
div#MainContent #GlRCon10 .enquete_wrap .left_box .li_04{
border-top:none;
}
div#MainContent #GlRCon10 .enquete_wrap .left_box .li_05{
border-top:none;
border-right:2px solid #ddd;
}
div#MainContent #GlRCon10 .enquete_wrap .left_box .label_check{
margin-bottom: 5px;
}

div#MainContent #GlRCon10 .enquete_wrap .content_check{
background: url(../../img/landing_page/selection_gl_r/lp_gl_r_q10_img04.jpg) no-repeat left top;
padding: 38px 50px 14px 187px;
margin-bottom: 50px;
clear: both;
}
div#MainContent #GlRCon10 .enquete_wrap .text_box{
padding:0 50px;
clear: both;
margin-bottom: 40px;
}
div#MainContent #GlRCon10 .enquete_wrap .text_box textarea{
padding: 7px 10px;
width: 600px;
height: 130px;
font-size: 14px;
}
div#MainContent #content.lp #main.lp {
display: table;
margin: 0 auto !important;
width: 1202px;
}
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;
}