@charset "utf-8";

/*=================================

simulator

=================================*/
.title { background-color:#fff; }
.title:before { content:none; }
.title h2 { padding:45px 0 75px; }
.title h2:after,
.title h2:before { bottom:50px; }

#second_main_visual { position:relative; }
#second_main_visual img { object-position:center 10%; }
#second_main_visual:after { background-image:url(../../img/simulator/t_simulator.png); background-size:210px 92px; background-position:top center;  content:" "; height:92px; position:absolute; top:31%; margin-top:-46px; left:15%; width:210px; z-index:10; }

#container #main { margin-top:-150px; padding:25px 25px 0; }

#template #contents { margin-top:0; }
#template #contents .contents_title:after { content:" "; position:absolute; background-image:url(../../images/common/i_guide.png); background-repeat:no-repeat; background-position:center center; background-size:150px 136px; right:80px; bottom:0; width:150px; height:136px; z-index:1; } 

#simulator { background-color:#fff; display:flex; justify-content:center; flex:0 1 100%; flex-wrap:wrap; padding:0 50px 50px; }
#simulator p.lead { margin-top:0; }
#simulator p.lead span {}

#simulator #simulator_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:space-between; padding:50px 0 0; }
#simulator #simulator_cont .simulator_left { flex:0 0 47%; }
#simulator #simulator_cont .simulator_left .lisence dl { align-items:center; display:flex; flex:0 0 100%; justify-content:start; }
#simulator #simulator_cont .simulator_left .lisence dl dt { display:flex; flex:0 0 30%; justify-content:flex-end; }
#simulator #simulator_cont .simulator_left .lisence dl dt span { font-size:116%; font-weight:600; padding-top:3px; }
#simulator #simulator_cont .simulator_left .lisence dl dd { display:flex; flex:0 1 70%; justify-content:start; padding-left:20px; }
#simulator #simulator_cont .simulator_left .lisence dl dd .select_box { color:#1a1a1a; font-size:116%; padding:10px 45px 10px 15px; }

#simulator #simulator_cont .simulator_left .certification { margin-top:20px; }
#simulator #simulator_cont .simulator_left .certification dl { align-items:center; display:flex; flex:0 0 100%; justify-content:start; }
#simulator #simulator_cont .simulator_left .certification dl dt { display:flex; flex:0 0 30%; justify-content:flex-end; }
#simulator #simulator_cont .simulator_left .certification dl dt span { font-size:116%; font-weight:600; padding-top:3px; }
#simulator #simulator_cont .simulator_left .certification dl dd { display:flex; flex:0 1 70%; justify-content:start; padding-left:20px; }
#simulator #simulator_cont .simulator_left .certification dl dd .select_box { color:#1a1a1a; font-size:116%; padding:10px 45px 10px 15px; }

#simulator #simulator_cont .simulator_left .options { margin-top:20px; }
#simulator #simulator_cont .simulator_left .options dl { align-items:start; display:flex; flex:0 0 100%; justify-content:start; }
#simulator #simulator_cont .simulator_left .options dl dt { display:flex; flex:0 0 30%; justify-content:flex-end; }
#simulator #simulator_cont .simulator_left .options dl dt span { font-size:116%; font-weight:600; }
#simulator #simulator_cont .simulator_left .options dl dd { display:flex; flex:0 1 70%; justify-content:start; padding-left:20px; }

#simulator #simulator_cont .simulator_left .options.support_option {}
#simulator #simulator_cont .simulator_left .options.support_option dl {}
#simulator #simulator_cont .simulator_left .options.support_option dl dt span { padding-top:23px; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd {}
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul { border-radius:6px; width:100%; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li { border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:first-child { border-top:1px solid #ddd; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li label { display:block; padding:0; position:relative; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li label .radio-parts { padding:11px 15px 28px 43px; width:100%; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:hover label .radio-parts { background-color:#f0fdfb; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li .radio-input:checked + .radio-parts { background-color:#f0fdfb; width:100%; }

#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:first-child { /*border-top:none;*/ }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:first-child label { border-radius:6px 6px 0 0; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:first-child label .radio-parts { border-radius:6px 6px 0 0; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:nth-child(4) { border-radius:0 0 6px 6px; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:nth-child(4) label { border-radius:0 0 6px 6px; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li:nth-child(4) label .radio-parts { border-radius:0 0 6px 6px; }

#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li label .note { align-items:center; bottom:14px; display:flex; justify-content:start; font-size:85%; left:43px; position:absolute; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li label .note .optionPrice { padding-left:3px; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li label .note i { font-size:85%; }
#simulator #simulator_cont .simulator_left .options.support_option dl dd ul li label .note span { padding-left:3px; }

#simulator #simulator_cont .simulator_left .options.support_option p.note { margin-top:15px; }
#simulator #simulator_cont .simulator_left .options.support_option p.note span { color:#c00; line-height:1.6; }

#simulator #simulator_cont .simulator_left .options.support_option .alert span { font-size:100%; line-height:1.6; }

#simulator #simulator_cont .simulator_left .options.plan_option dl { align-items:start; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dt span { padding-top:23px; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd { flex-wrap:wrap; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul { border-radius:6px; width:100%; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li { border-right:1px solid #ddd; border-bottom:1px solid #ddd;  border-left:1px solid #ddd; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li:first-child { border-top:1px solid #ddd;  }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li label { display:block; padding:0; position:relative; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li label .radio-parts { padding:11px 15px 28px 43px; width:100%; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li:hover label .radio-parts { background-color:#f0fdfb; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li .radio-input:checked + .radio-parts { background-color:#f0fdfb; width:100%; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li label .note { position:absolute; bottom:14px; left:43px; font-size:85%; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd ul li label .note span { padding-left:3px; }

#simulator #simulator_cont .simulator_left .options.plan_option dl dd p { margin-top:15px; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd p a { color:#277FAF; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd p a i { font-size:85%; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd p a span { padding-left:5px; }
#simulator #simulator_cont .simulator_left .options.plan_option dl dd p a:hover { text-decoration:underline; }

#simulator #simulator_cont .simulator_left .alert { margin-top:30px; padding:15px 25px; }
#simulator #simulator_cont .simulator_left .alert span { font-size:85%; line-height:1.6; }

#simulator #simulator_cont .simulator_right { flex:0 1 50%; padding-left:3%; }
#simulator #simulator_cont .simulator_right #result { position:relative; }
#simulator #simulator_cont .simulator_right #result h3 { background-color:#07355D; border-radius:10px 10px 0 0; padding:30px 25px 25px; position:relative; text-align:center; }
#simulator #simulator_cont .simulator_right #result h3 span:first-child { align-items:center; background-color:#07355D; border-radius:50%; display:flex; height: 50px; justify-content:center; left: 50%; margin-left: -25px; margin-top: -55px; position: absolute; width: 50px; }
#simulator #simulator_cont .simulator_right #result h3 span:first-child i { color:#fff; font-size:131%; font-weight:600; }
#simulator #simulator_cont .simulator_right #result h3 span:nth-child(2) { color:#fff; font-size:131%; font-weight:600; }
#simulator #simulator_cont .simulator_right #result #result_cont { background-color:#305C84; border-radius:0 0 10px 10px; padding:30px 35px 40px; }

#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl { align-items:center; border-bottom:1px dotted #fff; display:flex; justify-content:start; margin-bottom:20px; padding-bottom:20px; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl dt { flex:0 0 20%; display:flex; justify-content:flex-end; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl dt span { color:#fff; font-size:108%; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl dd { flex:1 1 80%; padding-left:30px; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl dd div { align-items:center; display:flex; justify-content:space-between; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl dd div span { display:inline-block; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl dd div span:first-child { background-color:#fff; border-radius:6px;  flex:0 0 75%; font-size:125%; font-weight:600; padding:15px; text-align:right; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl dd div span:nth-child(2) { color:#fff; font-size:85%; flex:0 0 25%; padding-left:10px; text-align:left; }

#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:first-child dd div:nth-child(2) { display:flex; justify-content:start; margin-top:10px; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:first-child dd div:nth-child(2) span { background:transparent; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:first-child dd div:nth-child(2) span:first-child { color:#fff; flex:0 1 auto; font-size:100%; padding:0; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:first-child dd div:nth-child(2) span:nth-child(2) { flex:0 1 auto; padding-left:3px; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:nth-child(2) dd div { justify-content:start; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:nth-child(2) dd div span:first-child { flex:0 0 35%; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:nth-child(3) { margin-bottom:0; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:nth-child(3) dd div { justify-content:start; }
#simulator #simulator_cont .simulator_right #result #result_cont .priceBox dl:nth-child(3) dd div span:first-child { flex:0 0 35%; }

#simulator #simulator_cont .simulator_right #result #result_cont p.note { margin-top:30px; }
#simulator #simulator_cont .simulator_right #result #result_cont p.note span { color:#fff; font-size:85%; line-height:1.6; }

#simulator #price_detail {}
#simulator #price_detail dl {}
#simulator #price_detail dl dt {}
#simulator #price_detail dl dt span {}
#simulator #price_detail dl dd { flex:1; }

#simulator #discount { align-items:flex-end; display:flex; flex:0 0 100%; justify-content:start; margin-top:70px; }
#simulator #discount dl { flex:0 0 100%; padding:25px 35px 30px; }
#simulator #discount dl dt {}
#simulator #discount dl dt span { color:#333; font-size:116%; font-weight:600; }
#simulator #discount dl dd { margin-top:20px; }
#simulator #discount dl dd ul { display:flex; flex:0 0 100%; justify-content:space-between; padding:0; }
#simulator #discount dl dd ul li { margin-left:30px; }
#simulator #discount dl dd ul li:first-child { margin-left:0; }
#simulator #discount dl dd ul li img { height:auto; max-width:300px; width:100%; }

#simulator .btn_area { flex:0 0 100%; margin-top:50px; }