@charset "utf-8";

#Main_inner { padding-bottom:0;}
.mail_index #Cont { color:#333333; }

.backbtn_style01 {margin-bottom:30px;}

.mail_box01 { border:1px solid #dbdbdb; margin-bottom:30px;}
.mail_box01 .inner { padding:15px;}
.mail_box01 .inner .btn_area02 { margin-top: 10px;margin-bottom:15px; width: 100%;}
.mail_box01 .inner .btn_area02 li {}
.mail_box01 .inner .btn_area02 li a span,
.mail_index .btn_area03_R .btnstyle03 a span { display:block; line-height:1.5; padding:10px 0 10px 38px;}
.mail_box01 .inner .liststyle04 { margin-bottom:0;}
.btn_area03 { width: 48%; float: left; margin-bottom: 20px;}
.btn_area03 .btn_area03_L { width: 134px; float: left; margin-right: 3%;}
.btn_area03 .btn_area03_R {}

p.tit { color: #000000; font-size: 131%; font-weight: bold; line-height: 20px; text-align: left; margin-bottom: 5px;}
p.tit span.super { color: #999999; display: block; font-size: 58.7%; line-height: 20px;}
p.post {margin-bottom: 5px; font-size: 85%;}

.mail_index .btn_area03_R .btnstyle03 { background: url("/common/images/arrow_002.gif") no-repeat scroll 16px 1em #FFFFFF; border: 2px solid #DBDBDB; border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 15px; width: 226px; overflow: hidden;}
.mail_index .btn_area03_R .btnstyle03 a { color: #333333; display: block; font-size: 93%; font-weight: bold; line-height: 39px; text-decoration: none;}
.mail_index .btn_area03_R .btnstyle03 a span { display: block; line-height: 1.5; padding: 10px 0 10px 38px;}

.icon01 { width:107px; height:20px; -webkit-border-radius: 2px; border-radius: 2px; font-size:12px; font-weight:normal; background:#ffd800; line-height:20px; display:block; color:#f00000;}
.icon01 .icon01_inner { text-align: center; display:block;}
.icon02 { width:107px; height:20px; -webkit-border-radius: 2px; border-radius: 2px; color:#ffffff; font-size:12px; font-weight:normal; background:#888888; line-height:20px; display:block;}
.icon02 .icon02_inner { background:url(/mail/images/icon_002.png) no-repeat 6px 3px; padding-left:29px; display:block;}
.icon03 { width:107px; height:20px; -webkit-border-radius: 2px; border-radius: 2px; color:#ffffff; font-size:12px; font-weight:normal; background:#5598dc; line-height:20px; display:block;}
.icon03 .icon03_inner { background:url(/mail/images/icon_003.png) no-repeat 6px 3px; padding-left:29px; display:block;}

.mail_index h2 { position:relative;}
.mail_index h2 .m_icon01 { position:absolute; top:12px; left:180px;}

.mail_index .tit_box .h1_style { line-height:1.0 !important;}

.mail_index .mainvis_box { width:920px;margin-bottom:40px;background: #fafafa; padding:20px;}

.mail_index .titlestyle02 { margin-bottom:16px; }
.mail_index .titlestyle03 { margin-bottom:22px; padding-bottom:8px; }

.box_01,
.box_02 { margin-bottom:30px; clear:both; }
.box_03 { margin-bottom:30px; clear:both;}
.box_04 { clear:both; }
.box_01 .tit_box02,
.box_02 .tit_box02,
.box_03 .tit_box02 { margin-bottom:33px;}
.box_01 .tit_box02 .txt_box01,
.box_02 .tit_box02 .txt_box01,
.box_03 .tit_box02 .txt_box01 { margin-bottom:18px;}

.box_inner01 {width:470px; display:inline;float:left; margin-right:20px;}
.box_01 .innerbox p,
.box_02 .innerbox p,
.box_03 .innerbox p { margin-bottom:20px; }
.box_01 .innerbox .sample_link,
.box_02 .innerbox .sample_link,
.box_03 .innerbox .sample_link { margin-bottom:20px; line-height:1.0; background:url(/common/images/arrow_002.gif) no-repeat left center; }
.box_01 .innerbox .sample_link a,
.box_02 .innerbox .sample_link a,
.box_03 .innerbox .sample_link a { padding:0 20px; background:url(/common/images/icon_010.gif) no-repeat right center; }

.box_inner02 {width:470px; display:inline;float:left;}

.box_inner_head01 { margin-bottom:40px; }

.box_inner03 { clear:both; border:1px #dbdbdb solid; }
.box_01 .box_inner03 .inner,
.box_02 .box_inner03 .inner { padding:15px 0px 29px; width:732px; margin-left:15px; }
.box_03 .box_inner03 .inner { padding:15px 34px 29px 15px; }
.box_inner03 .inner .txt_box02,
.box_inner03 .inner .txt_box03 { margin-bottom:20px; }

.box_04 .box_04_L { width:468px; display:inline; float:left; border:1px solid #dbdbdb; }
.box_04 .box_04_R { width:468px; display:inline; float:right; border:1px solid #dbdbdb; }
.box_04 .box_04_inner { padding:15px 29px 30px 15px; }
.box_04 .box_04_inner p { line-height:1.5; }

/* linkstyle */
.mail_index #Notice01_inner .linkstyle01 { background:url(/common/images/icon_008.png) no-repeat left 0.4em;line-height: 1.7;}
.mail_index .linkstyle02 { background:url(/common/images/arrow_002.gif) no-repeat left 2px #FFF; margin-bottom:20px;}
.mail_index .linkstyle02 a { padding-left:20px; display:inline-block; }
.mail_index .linkstyle03 { background:url(/common/images/arrow_002.gif) no-repeat left center #FFF; line-height:12px; margin-bottom:20px; }
.mail_index .linkstyle03 a { padding-left:20px; }
.mail_index .linkstyle04 { background:url(/common/images/icon_008.png) no-repeat left center; display:inline; padding-left:15px; color:#367eb3; }

/* btn_area */
.mail_index .btn_area01 li { background:url(/common/images/arrow_002.gif) no-repeat 16px center #fff; border:2px solid #dbdbdb; -webkit-border-radius: 2px; border-radius: 2px; width:205px; display:inline; float:left; }
.mail_index .btn_area01 li:first-child { margin:0 10px 10px 0; }

.mail_index .btn_area02 li { display:inline; float:left; margin-right:11px; margin-bottom: 15px; width:298px; background:url(/common/images/arrow_002.gif) no-repeat 16px 1em #fff; border:2px solid #dbdbdb; -webkit-border-radius: 2px; border-radius: 2px;}
.mail_index .btn_area02 li:last-child { margin-right:0px; }
.mail_index .btn_area01 li a,
.mail_index .btn_area02 li a { color:#333333; font-weight:bold; font-size:93%; line-height:39px; display:block; text-decoration:none; }

.mail_index .btn_area01 li a span,
.mail_index .btn_area02 li a span { padding-left:38px;}
.mail_index .btn_area01 li:hover,
.mail_index .btn_area02 li:hover,
.mail_index .btn_area03_R .btnstyle03:hover { border:2px solid #ffbfbf; text-decoration:none;}
.mail_index .btn_area01 li a.active,
.mail_index .btn_area02 li a.active { background:url(/common/images/arrow_004.gif) no-repeat 16px center #888888; color:#ffffff; border:none;}

.icon_area01 { clear:both; margin-bottom:10px;}
.icon_area01 ul li { display:inline; float:left; margin-right:10px; width:107px;}
.icon_area01 ul li.icon02 { width:122px;}

.liststyle02.col { float: left; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.brank_style02.link-right-set { margin-top: 10px; float: right; width: 50%; clear: none; box-sizing: border-box; -webkit-box-sizing: border-box;}

#Foot1 .icon01 { background-position:left 0.2em !important; height:auto !important; line-height:1.2 !important;}


@media screen and (max-width: 960px){
.mail_index .mainvis_box { width:auto;margin-bottom:5%; }

.mail_box01 .inner .btn_area02 { float: none; width: 100%;}

.mail_index .btn_area02 li { display:block; background-position: 16px center; margin-right: 1%; margin-bottom:5px; width:49.5%; box-sizing: border-box; -webkit-box-sizing: border-box;}

.mail_index .btn_area02 li:nth-child(even) { margin-right: 0;}

.mail_index .btn_area03 { float: none; margin-bottom: 15px; width: 100%;}

.btn_area03 .btn_area03_L { margin-right:2.2%;}
.mail_index #Cont { width:96%; margin:13px 2% 0;}
.box_inner01 {width:49%; display:inline;float:left; margin-right:2%;}
.box_inner02 {width:49%; display:inline;float:left; }

.mail_index .btn_area01 li { width:auto; }

.box_01 .box_inner03 .inner,
.box_02 .box_inner03 .inner { padding:15px 0px 29px; width:76%; margin-left:15px; }

.box_01 .innerbox_l,
.box_02 .innerbox_l,
.box_03 .innerbox_l { width:50%; display:inline;float:left; margin-right:2%; }

.box_01 .innerbox_r,
.box_02 .innerbox_r,
.box_03 .innerbox_r { width:48%; display:inline;float:left;}
.box_01 .innerbox_r p,
.box_02 .innerbox_r p,
.box_03 .innerbox_r p { margin-bottom:10%; }
.box_01 .innerbox_r .sample_link,
.box_02 .innerbox_r .sample_link,
.box_03 .innerbox_r .sample_link { margin-bottom:10%; line-height:1.4; background-position: left 2px; }

.mail_index .btn_area01 li a,
.mail_index .btn_area02 li a { width:auto; }

.mail_index .btn_area01 li { width:43.6%; }
.mail_index .btn_area01 li:first-child { margin:0 2.1% 10px 0; }

.box_inner_head01 { margin-bottom:5%; }

.box_04 .box_04_L { width:49%; height:auto; margin-right:0px; }
.box_04 .box_04_R { width:49%; height:auto; float:right; }


.liststyle02.col { float: none; width: auto;}

.brank_style02.link-right-set { margin-top: 0; float: none; width: auto;}

}

@media screen and (max-width: 768px){
.mail_index .btn_area01 li,
.mail_index .btn_area02 li {background-position: 8% 1em;}
.mail_index .btn_area01 li a span,
.mail_index .btn_area02 li a span { padding-left:22%;}}

@media screen and (max-width: 640px){
.mail_index .mainvis_box {padding:15px;}

.backbtn_style01 {margin-bottom:15px;}
.box_inner01 {width:100%; display:block; float:none; margin:0 0 30px 0; }
.box_inner02 {width:100%; display:block; float:none; margin:0; }

.box_01 .innerbox_l,
.box_02 .innerbox_l,
.box_03 .innerbox_l { width:100%; display:block; float:none; margin-right:0px; }
.box_01 .innerbox_l .img_box img,
.box_02 .innerbox_l .img_box img,
.box_03 .innerbox_l .img_box img { margin:0 auto; }
.box_01 .innerbox_l p,
.box_02 .innerbox_l p,
.box_03 .innerbox_l p { margin-bottom:20px; text-align:center; }
.box_01 .innerbox_r,
.box_02 .innerbox_r,
.box_03 .innerbox_r { width:100%; display:block; float:none; }
.box_01 .innerbox_r p,
.box_02 .innerbox_r p,
.box_03 .innerbox_r p { margin-bottom:10px; }
.box_01 .innerbox_r .sample_link,
.box_02 .innerbox_r .sample_link,
.box_03 .innerbox_r .sample_link { margin-bottom:10px;}
.box_01 .box_inner03 .inner,
.box_02 .box_inner03 .inner { padding:15px; width:auto; margin-left:0; }
.box_03 .box_inner03 .inner { padding:15px; }

.mail_index #Notice01 {margin: 0 1.4% 20px 1.4%;}
.mail_index #Notice01_inner .linkstyle01 { background:url(/common/images/sp_icon_008.png) no-repeat left 2px;padding-left:17px;background-size:13px auto;-webkit-background-size:13px auto;line-height: 1.7;}
.mail_index .linkstyle04 { background:url(/common/images/sp_icon_008.png) no-repeat left center; padding-left:17px; background-size:13px auto; -webkit-background-size:13px auto; }

.txt_box02 li,
.txt_box03 li { margin-bottom:10px; margin-left:1em; text-indent:-1em; }
.txt_box02 li:last-child,
.txt_box03 li:last-child { margin-bottom:0px;}

/* btn_area */
.mail_index .btn_area01 li { display:inline; float:left; background-position: 16px center; width:48%; }
.mail_index .btn_area01 li:first-child { margin-right:1%; margin-bottom:0px; }
.mail_index .btn_area02 li { display:block; float:none; background-position: 16px center; margin-right: 0; margin-bottom:5px; width:100%; }
.mail_index .btn_area02 li:last-child { margin:0}

.mail_index .btn_area01 li a span,
.mail_index .btn_area02 li a span { padding-left:38px;}

.btnstyle02 { width:100%; }
.mail_index h2 .icon01 { left:120px;}

.box_04 .box_04_L,
.box_04 .box_04_R { width:100%; float:none; display:block; }
.box_04 .box_04_L { margin-bottom:10px; } 
.box_04 .box_04_inner { padding:15px; }

p.post { margin-bottom: 10px;}

.mail_index .btn_area03_R { padding: 10px 14px 10px 10px; border: 2px solid #DBDBDB; border-radius: 2px; -webkit-border-radius: 2px;}

.mail_index .btn_area03_R .btnstyle03 { margin-bottom: 0;}

.btn_area03 .btn_area03_L { margin-bottom: 25px; padding: 10px; width: 23%;}

.mail_index .btn_area03_R .btnstyle03 { width: 100%;}

.icon_area01 { margin-bottom:0;}
.icon_area01 ul li { width:107px; float:left; display:block; margin-bottom:10px;}
}