@charset "utf-8";
/* CSS Document */

/* common style */
.clearfix { zoom:1; }
.clearfix:after { content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden; }

.fl { float:left; }
.fr { float:right; }

a.link_substitute { display:block; background-repeat:no-repeat; background-position:0 0; text-indent:100%; white-space:nowrap; overflow:hidden; line-height:.4; }

#contents { position:relative; min-width:1040px; width:auto!important; width:1040px; border-top:1px solid #f5f6fa; font-size:14px; line-height:1.8; overflow:hidden; }
#contents img { display:inline; vertical-align:top; }
.sec_common_inner { position:relative; width:1040px; margin:0 auto; }

/* sec_intro */
#sec_intro { background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_intro.gif) repeat 0 5px; }
.sec_intro_inner { padding:20px 0 97px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_contents_top.gif) no-repeat center 120px; text-align:center; }
#sec_intro .txt_lead { margin-top:40px; font-size:128.5%; line-height:34px; }
#sec_intro h2 { margin-top:24px; }
.sec_difference { position:relative; margin-top:18px; padding:0 82px; z-index:2; zoom:1; }
.sec_difference_private { position:relative; width:172px; height:184px; padding:50px 208px 46px 52px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_difference1.png) no-repeat 0 0; }
.sec_difference_private h3 { text-align:center; }
.sec_difference_public { position:relative; width:186px; height:184px; padding:50px 202px 55px 52px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_difference2.png) no-repeat 0 0; }
#sec_intro .sec_difference p { margin-top:12px; text-align:left; }
#sec_intro .sec_difference .txt_difference_private { position:absolute; right:-20px; bottom:25px; margin:0; text-align:center; font-size:85.7%; }

/* sec_reason */
#sec_reason { background:#a5efdf url(/contents/shiritsu-kouritsu-hikaku/images/bg_sec_reason.gif) no-repeat center top; }
.sec_reason_balloon { position:relative; margin:-120px -85px 0; padding:152px 130px 140px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_balloon_s.gif) no-repeat center top; z-index:1; zoom:1; }
.sec_reason_balloon h2 { text-align:center; }
.sec_reason_balloon .icon_reason { position:absolute; right:137px; top:252px; }
.sec_reason_balloon .clearfix { margin-top:68px; }
.sec_reason_private,
.sec_reason_public { position:relative; height:480px; }
.sec_reason_private { width:480px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_reason_left.gif) no-repeat 10% 87%; }
.sec_reason_public { width:456px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_reason_right.gif) no-repeat 92% 87%; }
.sec_reason_comment { position:absolute; width:170px; padding:0 12px 44px; }
.sec_reason_private .sec_reason_comment { background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_reason_red.gif) no-repeat center bottom; }
.sec_reason_public .sec_reason_comment { background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_reason_blue.gif) no-repeat center bottom; }
#sec_reason_comment1 { top:60px; left:70px; }
#sec_reason_comment2 { top:0; left:274px; }
#sec_reason_comment3 { top:256px; left:264px; }
#sec_reason_comment4 { top:15px; left:2px; }
#sec_reason_comment5 { top:68px; left:220px; }
#sec_reason_comment6 { top:248px; left:0; }
.sec_reason_comment h3 { text-align:center; }
.sec_reason_comment p { margin-top:10px; font-size:85.7%; }

.sec_feature { position:relative; margin-top:24px; padding:0 80px 0 91px; z-index:2; }
.sec_feature_private,
.sec_feature_public { position:relative; width:252px; height:220px; padding:66px 77px 24px 66px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_feature.gif) no-repeat 0 0; }
.icon_feature { position:absolute; top:-100px; right:48px; }
.img_feature { position:absolute; top:-55px; left:132px; }
.sec_feature_public .icon_feature { right:30px; }
.sec_feature_public .img_feature { top:-66px; }
.sec_feature_public h2 { position:relative; margin:0 -10px 0 -11px; }
.sec_feature p { margin-top:18px; }

/* sec_decision */
#sec_decision { background-color:#a5efdf; }
.sec_decision_balloon { position:relative; min-height:1500px; margin:0 -107px; padding:10px 183px 210px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_balloon_l.gif) no-repeat center top; z-index:1; zoom:1; }
#sec_decision h2 { margin-left:60px; padding-top:10px; text-align:center; }
.img_decision { position:absolute; left:220px; top:176px; }
.txt_decision_lead { position:relative; margin:-20px 0 0 30px; font-size:128.5%; text-align:center; }
.txt_decision_lead span { display:block; margin-top:10px; font-size:66%; }

.sec_decision_items { position:relative; margin-top:60px; }
.sec_decision_item { position:relative; text-align:center; }
.sec_decision_item h3 { position:absolute; left:375px; }
.sec_decision_item1 h3 { top:92px; }
.sec_decision_item2 h3 { top:10px; }
.sec_decision_item3 h3 { top:-10px; }
.sec_decision_item h3 a { width:138px; height:138px; }
.sec_decision_item1 h3 a { background:url(/contents/shiritsu-kouritsu-hikaku/images/ttl_decision_period.png) no-repeat 0 0; }
.sec_decision_item2 h3 a { background:url(/contents/shiritsu-kouritsu-hikaku/images/ttl_decision_person.png) no-repeat 0 0; }
.sec_decision_item3 h3 a { background:url(/contents/shiritsu-kouritsu-hikaku/images/ttl_decision_cost.png) no-repeat 0 0; }
.sec_decision_item h3 a:hover { background-position:0 -138px; }
.sec_decision_item h4 { margin-bottom:50px; }
.sec_decision_item .txt_height_adjust { height:104px; }
.sec_decision_item .sec_decition_private { float:left; width:426px; border-right:8px solid #ffb6cf; border-left:8px solid #ffb6cf; }
.sec_decision_item .sec_decition_public { float:right; width:426px; border-right:8px solid #b2cddf; border-left:8px solid #b2cddf; }
.sec_decision_item1 .sec_decition_private { padding-top:20px; border-top:8px solid #ffb6cf; }
.sec_decision_item1 .sec_decition_public { padding-top:20px; border-top:8px solid #b2cddf; }
.sec_decision_item2 .sec_decition_private,
.sec_decision_item2 .sec_decition_public { padding-top:25px; }
.sec_decision_item3 .sec_decition_private { padding:40px 0 30px; border-bottom:8px solid #ffb6cf; }
.sec_decision_item3 .sec_decition_public { padding:40px 0 30px; border-bottom:8px solid #b2cddf; }
.sec_decision_item p { width:240px; margin:10px auto 0; text-align:left; }
.sec_decision_item1 .sec_decition_private .img_adjust { margin-right:64px; }
.sec_decision_item1 .sec_decition_public .img_adjust { margin-left:64px; }


/* sec_arrangement */
#sec_arrangement { background-color:#a5efdf; }
.sec_arrangement_intro { position:relative; width:569px; height:272px; margin:-180px auto 10px; padding:40px 54px 60px 42px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_arrangement_balloon.png) no-repeat 0 0; z-index:2; }
.sec_arrangement_intro p { width:364px; margin:20px auto 0; }
#sec_arrangement .sec_arrangement_intro h2 { text-align:center; }

.sec_nyushi { width:950px; margin:40px auto 0; padding:20px 0 0; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_rounded_top.gif) no-repeat 0 0; }
.sec_nyushi_inner { position:relative; padding:0 31px 31px; background:#fff url(/contents/shiritsu-kouritsu-hikaku/images/bg_rounded_bottom.gif) no-repeat 0 bottom; }
.sec_nyushi h2 { position:relative; height:72px; }
.sec_nyushi h2 img { position:absolute; top:-52px; }
.sec_nyushi_item { position:relative; margin-top:60px; padding-bottom:50px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_nyushi_bottom.gif) no-repeat center bottom; text-align:center; }
.sec_nyushi_item h3 { position:absolute; left:375px; top:30px; }
.sec_nyushi_item .ttl_nyushi_explanation { position:absolute; left:405px; top:230px; }
.sec_nyushi_item .sec_nyushi_private { float:left; width:426px; border-right:8px solid #ffb6cf; border-left:8px solid #ffb6cf; }
.sec_nyushi_item .sec_nyushi_public { float:right; width:426px; border-right:8px solid #b2cddf; border-left:8px solid #b2cddf; }
.sec_nyushi_item .sec_nyushi_private1 { border-top:8px solid #ffb6cf; }
.sec_nyushi_item .sec_nyushi_public1 { border-top:8px solid #b2cddf; }
.sec_nyushi_item .sec_nyushi_private2 { padding:20px 0; border-bottom:8px solid #ffb6cf; }
.sec_nyushi_item .sec_nyushi_public2 { padding:20px 0; border-bottom:8px solid #b2cddf; }
.sec_nyushi_item .link_substitute { width:232px; height:157px; margin:20px auto 0; }
/* .sec_nyushi_item .sec_nyushi_private1 .link_substitute { background:url(/contents/shiritsu-kouritsu-hikaku/images/img_nyushi_private.gif) no-repeat 0 0; } */
/* .sec_nyushi_item .sec_nyushi_public1 .link_substitute { background:url(/contents/shiritsu-kouritsu-hikaku/images/img_nyushi_public.gif) no-repeat 0 0; } */
.sec_nyushi_item .sec_nyushi_private1 .link_substitute:hover,
.sec_nyushi_item .sec_nyushi_public1 .link_substitute:hover { background-position:0 -157px; }
.sec_nyushi_item .sec_nyushi_private1 h4,
.sec_nyushi_item .sec_nyushi_public1 h4 { position:relative; margin-top:-60px; }
.sec_nyushi_item .sec_nyushi_private2 p,
.sec_nyushi_item .sec_nyushi_public2 p { padding:0 34px; text-align:left; }
.sec_nyushi_item p strong { color:#eb611e; font-weight:normal; }
.img_nyushi_matome { position:relative; margin-top:-20px; text-align:right; }
.sec_nyushi_item .sec_nyushi_private2,
.sec_nyushi_item .sec_nyushi_public2 { height:130px; }

/* launch */
.sec_nyushi_launch .sec_nyushi_item { margin-top:50px; }
.sec_nyushi_launch .sec_nyushi_item h3 { position:relative; left:0; top:0; margin-top:-44px; }
.sec_nyushi_launch .sec_nyushi_item .sec_nyushi_private2,
.sec_nyushi_launch .sec_nyushi_item .sec_nyushi_public2 { height:162px; }
.sec_nyushi_launch .sec_nyushi_item .link_substitute { width:188px; height:20px; margin:15px auto 0; }
.sec_nyushi_launch .sec_nyushi_item .sec_nyushi_private2 .link_substitute { background:url(/contents/shiritsu-kouritsu-hikaku/images/btn_nyushi_example.png) no-repeat 0 0; }
.sec_nyushi_launch .sec_nyushi_item .sec_nyushi_private2 .link_substitute:hover { background-position:0 -20px; }


/* sec_point */
#sec_point { background-color:#a5efdf; }
#sec_point .sec_common_inner { position:relative; padding:15px 0; }
#sec_point .sec_point_intro { position:relative; margin-top:-35px; padding:30px 0; background:url(/contents/shiritsu-kouritsu-hikaku/images/icon_point.png) no-repeat 202px 0; text-align:center; }
#sec_point .sec_point_intro p { margin-top:20px; font-size:128.5%; }
.sec_point_each { position:relative; width:902px; margin:20px auto 0; } 
.sec_point_each div { width:336px; height:622px; padding:30px 55px 40px 60px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_point.png) no-repeat 0 0; text-align:center; }
.sec_point_each .sec_point_public { padding:30px 65px 40px 50px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_point.png) no-repeat 100% 0; }
.sec_point_each .link_substitute { width:297px; height:206px; margin:5px auto; }
.sec_point_each .sec_point_private .link_substitute { background:url(/contents/shiritsu-kouritsu-hikaku/images/img_point_private.gif) no-repeat 0 0; }
.sec_point_each .sec_point_public .link_substitute { background:url(/contents/shiritsu-kouritsu-hikaku/images/img_point_public.gif) no-repeat 0 0; }
.sec_point_each .sec_point_private .link_substitute:hover,
.sec_point_each .sec_point_public .link_substitute:hover { background-position:0 -206px; }
.sec_point_each .txt_point_top { position:relative; margin-top:-94px; }
.sec_point_each .sec_point_private .txt_point_top { margin-left:-14px; }
.sec_point_each .sec_point_public .txt_point_top { margin-left:-16px; margin-right:-16px; }
.sec_point_each .sec_point_public h3 { margin-left:-5px; margin-right:-4px; }
.sec_point_each .txt_point_middle { margin:15px 0 0 12px; text-align:left; }
.sec_point_each .txt_point_caption { width:297px; margin:0 auto; font-size:85.7%; text-align:left; line-height:1.4; }
.sec_point_each .txt_point_bottom { margin-top:10px; text-align:left; }
.sec_point_btn { display: flex; width: 902px; margin: 20px auto 50px; font-weight: 600; font-family: "Hiragino Maru Gothic Std", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.sec_point_btn-box.--red { width: 48%; }
.sec_point_btn-box.--blue { width: 52%; }
.sec_point_btn-box-ttl { position: relative; margin-bottom: 20px; font-size: 16px; text-align: center; }
.sec_point_btn-box-ttl::before { content: ""; position: absolute; background-image: url(/contents/shiritsu-kouritsu-hikaku/images/icon_ttl_before.png); background-size: cover; background-repeat: no-repeat; width: 16px; height: 17px; top: 50%; transform: translateY(-50%); }
.sec_point_btn-box.--red .sec_point_btn-box-ttl::before { left: 30px; }
.sec_point_btn-box.--blue .sec_point_btn-box-ttl::before { left: 85px; }
.sec_point_btn-box-ttl::after { content: ""; position: absolute; background-image: url(/contents/shiritsu-kouritsu-hikaku/images/icon_ttl_after.png); background-size: cover; background-repeat: no-repeat; width: 16px; height: 17px; top: 50%; transform: translateY(-50%); }
.sec_point_btn-box.--red .sec_point_btn-box-ttl::after { right: 30px; }
.sec_point_btn-box.--blue .sec_point_btn-box-ttl::after { right: 85px; }
.sec_point_btn-box-link {	position: relative;	display: block;	width: 300px;	margin: 0 auto;	padding: 18px 0; border-radius: 50px; background-color: #FFF; text-align: center; }
.sec_point_btn-box-link::after { content: ""; position: absolute; background-size: cover; background-repeat: no-repeat; width: 7px; height: 12px; margin-left: 20px; top: 50%; transform: translateY(-50%); }
.sec_point_btn-box-link:hover { opacity: 0.8; text-decoration: none; }
.sec_point_btn-box-link + .sec_point_btn-box-link { margin-top: 20px; }
.sec_point_btn-box.--red .sec_point_btn-box-link { border: 3px solid #FF0D63; color: #FF0D63; }
.sec_point_btn-box.--red .sec_point_btn-box-link::after { background-image: url(/contents/shiritsu-kouritsu-hikaku/images/icon_arrow_pink.png); }
.sec_point_btn-box.--red .sec_point_btn-box-link:nth-of-type(1) { background-color: #FF0D63; color: #FFF; }
.sec_point_btn-box.--blue .sec_point_btn-box-link { border: 3px solid #005A95; color: #005A95; }
.sec_point_btn-box.--blue .sec_point_btn-box-link:nth-of-type(1) { background-color: #005A95; color: #FFF; }
.sec_point_btn-box.--blue .sec_point_btn-box-link::after { background-image: url(/contents/shiritsu-kouritsu-hikaku/images/icon_arrow_blue.png); }
.sec_point_btn-box.--red .sec_point_btn-box-link:nth-of-type(1)::after,
.sec_point_btn-box.--blue .sec_point_btn-box-link:nth-of-type(1)::after { background-image: url(/contents/shiritsu-kouritsu-hikaku/images/icon_arrow_white.png); }

/* sec_method */
#sec_method { background-color:#a5efdf; }
.sec_method_intro { padding:10px 45px 5px 70px; text-align:center; }
.sec_method_intro p { margin-top:35px; }

.sec_method_inner { position:relative; width:818px; margin:0 auto; padding:66px 60px 70px 72px; background:url(/contents/shiritsu-kouritsu-hikaku/images/bg_method.png) no-repeat 0 0; }
.icon_method { position:absolute; left:48px; top:-92px; }
.sec_method_intro h2 { padding-left:30px; }
.sec_method_private { width:360px; margin-left:10px; }
.sec_method_private h3 { margin-left:24px; }
.sec_method_private p { margin:20px 40px 20px 20px; }
.sec_method_private .link_substitute { width:335px; height:165px; margin-top:82px; background-image:url(/contents/shiritsu-kouritsu-hikaku/images/btn_method_private.png); } 
.sec_method_private .link_substitute:hover { background-position:0 -165px; }

.sec_method_public { width:410px; }
.sec_method_public h3 { text-align:center; }
.sec_method_public p { margin:20px 52px 20px 52px; }
.sec_method_public .link_substitute { width:281px; height:140px; margin-left:72px; background-image:url(/contents/shiritsu-kouritsu-hikaku/images/btn_method_public.png); }
.sec_method_public .btn_method_public1 { background-position:0 0; }
.sec_method_public .btn_method_public1:hover { background-position:0 -140px; }
.sec_method_public .btn_method_public2 { margin-top:10px; background-position:0 -280px; }
.sec_method_public .btn_method_public2:hover { background-position:0 -420px; }

.sec_method_sub { margin:20px 22px 0 6px; padding:25px 132px 12px 80px; border-top:2px solid #00719e; }
.sec_method_elementary { width:530px; margin:0 auto; }
.sec_method_elementary h4 { padding-top:25px; }
.sec_method_elementary .link_substitute { width:228px; height:80px; margin:0 auto; background-image:url(/contents/shiritsu-kouritsu-hikaku/images/20170316/btn_elementary.png); }
.sec_method_elementary .link_substitute:hover { background-position:0 -80px; }

/* sec_sns_bottom */
#sec_notes { background-color:#a5efdf; }
#sec_notes .sec_common_inner { padding:10px 0;}
.sec_sns { position:absolute; right:55px; top:0; z-index:2; height:25px; margin:0 auto; line-height:1; }
.sec_sns ul { }
.sec_sns li { display:inline-block; float:left; margin-right:10px; vertical-align:top; }
.sec_sns li.btn_hatebu { width:80px!important; }
.sec_notes_inner { width:816px; margin:15px auto 0; font-size:85.7%; line-height:1.4; }
.sec_notes_inner ul { margin-bottom:20px; }
.sec_notes_inner ul.list_margin0 { margin-bottom:0; }
.sec_notes_inner li { display:inline; margin-left:1em; }
.sec_notes_inner li:first-child { margin-left:0; }
.sec_notes_inner .list_block li { display:block; margin-left:0; }
.sec_notes_inner .txt_margin20 { margin-bottom:20px; }



/* sec_overlay */
.sec_overlay_wrap { display:none; }
.sec_overlay { position:relative; max-width:754px; width:auto!important; width:754px; margin:auto; }
.sec_overlay img { width:100%; height:auto; }
.sec_overlay .sec_overlay_header { position:relative; padding:40px 0; }
.sec_overlay .btn_overlay { display:block; position:absolute; right:0; bottom:0; width:42px; height:43px; background:url(/contents/shiritsu-kouritsu-hikaku/images/btn_overlay_close.png) no-repeat 0 0; }
.sec_overlay .btn_overlay:hover { background-position:0 -43px; }

.sec_overlay .img_overlay { border:2px solid #ff0d63; }
#overlay2 .img_overlay,
#overlay4 .img_overlay { border:2px solid #005a95; }
.sec_overlay .txt_overlay { margin-top:5px; font-size:12px; text-align:right; }

#main{
	width: auto;
}
#contents{
	width: auto;
	float: none;
	padding: 0;
}
.breadcrumb{
	width: 960px;
	margin: 0 auto 35px;
}
