@charset "UTF-8";
/*===========================================================================
reset　html5doctorをそのまま記載
===========================================================================*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0 ;
padding:0 ;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight: normal !important;
}
body {
line-height:1;
}
ul{
	margin-left: 0rem;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin: 0.5rem 0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
small {
    font-size: 80%;
    line-height: inherit;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/*===========================================================================
add reset for Agent site　resetを追加
===========================================================================*/
/*h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}*/

h1, h2, h3, h4, h5, h6 {
	margin-bottom:0 !important;
    margin-top: 0 !important;
}
body {
	background-color: #fff;
	line-height: 1.5;
	color: #333;
  font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  box-sizing: border-box;
}
button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*===========================================================================
general.css
===========================================================================*/

/* ------- float ------- */
.m3_fl {float: left !important;}
.m3_fr {float: right !important;}
.m3_fn {float: none !important;}

/* -------box centering ------- */
.m3_centering {margin: 0 auto !important;}

/* ========================= margin ========================= */
.m3_m0 {margin: 0 !important;}
.m3_m3 {margin: 3px !important;}
.m3_m5 {margin: 5px !important;}
.m3_m10 {margin: 10px !important;}
.m3_m15 {margin: 15px !important;}
.m3_m20 {margin: 20px !important;}

/* ------- top ------- */
.m3_mt0  {margin-top: 0 !important;}
.m3_mt1  {margin-top: 1px !important;}
.m3_mt3  {margin-top: 3px !important;}
.m3_mt5  {margin-top: 5px !important;}
.m3_mt8  {margin-top: 8px !important;}
.m3_mt10 {margin-top: 10px !important;}
.m3_mt12 {margin-top: 12px !important;}
.m3_mt15 {margin-top: 15px !important;}
.m3_mt20 {margin-top: 20px !important;}
.m3_mt30 {margin-top: 30px !important;}
.m3_mt-5 {margin-top: -5px !important;}
.m3_mt-10 {margin-top: -10px !important;}
.m3_mt-20 {margin-top: -20px !important;}

/* ------- bottom ------- */
.m3_mb0  {margin-bottom: 0 !important;}
.m3_mb1  {margin-bottom: 1px !important;}
.m3_mb3  {margin-bottom: 3px !important;}
.m3_mb5  {margin-bottom: 5px !important;}
.m3_mb8  {margin-bottom: 8px !important;}
.m3_mb10 {margin-bottom: 10px !important;}
.m3_mb12 {margin-bottom: 12px !important;}
.m3_mb15 {margin-bottom: 15px !important;}
.m3_mb20 {margin-bottom: 20px !important;}
.m3_mb30 {margin-bottom: 30px !important;}
.m3_mb-10 {margin-bottom: -10px !important;}
.m3_mb-15 {margin-bottom: -15px !important;}

/* ------- left ------- */
.m3_ml0  {margin-left: 0 !important;}
.m3_ml1  {margin-left: 1px !important;}
.m3_ml3  {margin-left: 3px !important;}
.m3_ml5  {margin-left: 5px !important;}
.m3_ml8  {margin-left: 8px !important;}
.m3_ml10 {margin-left: 10px !important;}
.m3_ml12 {margin-left: 12px !important;}
.m3_ml15 {margin-left: 15px !important;}
.m3_ml20 {margin-left: 20px !important;}
.m3_ml30 {margin-left: 30px !important;}

/* ------- right ------- */
.m3_mr0  {margin-right: 0 !important;}
.m3_mr1  {margin-right: 1px !important;}
.m3_mr3  {margin-right: 3px !important;}
.m3_mr5  {margin-right: 5px !important;}
.m3_mr8  {margin-right: 8px !important;}
.m3_mr10 {margin-right: 10px !important;}
.m3_mr12 {margin-right: 12px !important;}
.m3_mr15 {margin-right: 15px !important;}
.m3_mr20 {margin-right: 20px !important;}
.m3_mr30 {margin-right: 30px !important;}

/* ------- top, bottom ------- */
.m3_mtb5  {margin: 5px 0 !important;}
.m3_mtb10 {margin: 10px 0 !important;}
.m3_mtb15 {margin: 15px 0 !important;}
.m3_mtb20 {margin: 20px 0 !important;}
.m3_mtb30 {margin: 30px 0 !important;}

/* ------- left, right ------- */
.m3_mlr5  {margin: 0 5px !important;}
.m3_mlr10 {margin: 0 10px !important;}
.m3_mlr15 {margin: 0 15px !important;}
.m3_mlr20 {margin: 0 20px !important;}
.m3_mlr30 {margin: 0 30px !important;}


/* ========================= padding ========================= */
.m3_p0 {padding: 0 !important;}
.m3_p5 {padding: 5px !important;}
.m3_p8 {padding: 8px !important;}
.m3_p10 {padding: 10px !important;}
.m3_p20 {padding: 20px !important;}
.m3_p30 {padding: 30px !important;}

/* ------- top ------- */
.m3_pt0  {padding-top: 0 !important;}
.m3_pt1  {padding-top: 1px !important;}
.m3_pt3  {padding-top: 3px !important;}
.m3_pt5  {padding-top: 5px !important;}
.m3_pt8  {padding-top: 8px !important;}
.m3_pt10 {padding-top: 10px !important;}
.m3_pt12 {padding-top: 12px !important;}
.m3_pt15 {padding-top: 15px !important;}
.m3_pt20 {padding-top: 20px !important;}
.m3_pt30 {padding-top: 30px !important;}

/* ------- bottom ------- */
.m3_pb0  {padding-bottom: 0 !important;}
.m3_pb1  {padding-bottom: 1px !important;}
.m3_pb3  {padding-bottom: 3px !important;}
.m3_pb5  {padding-bottom: 5px !important;}
.m3_pb8  {padding-bottom: 8px !important;}
.m3_pb10 {padding-bottom: 10px !important;}
.m3_pb12 {padding-bottom: 12px !important;}
.m3_pb15 {padding-bottom: 15px !important;}
.m3_pb20 {padding-bottom: 20px !important;}
.m3_pb30 {padding-bottom: 30px !important;}

/* ------- left ------- */
.m3_pl0  {padding-left: 0 !important;}
.m3_pl1  {padding-left: 1px !important;}
.m3_pl3  {padding-left: 3px !important;}
.m3_pl5  {padding-left: 5px !important;}
.m3_pl8  {padding-left: 8px !important;}
.m3_pl10 {padding-left: 10px !important;}
.m3_pl12 {padding-left: 12px !important;}
.m3_pl15 {padding-left: 15px !important;}
.m3_pl20 {padding-left: 20px !important;}
.m3_pl25 {padding-left: 25px !important;}
.m3_pl30 {padding-left: 30px !important;}

/* ------- right ------- */
.m3_pr0  {padding-right: 0 !important;}
.m3_pr1  {padding-right: 1px !important;}
.m3_pr3  {padding-right: 3px !important;}
.m3_pr5  {padding-right: 5px !important;}
.m3_pr8  {padding-right: 8px !important;}
.m3_pr10 {padding-right: 10px !important;}
.m3_pr12 {padding-right: 12px !important;}
.m3_pr15 {padding-right: 15px !important;}
.m3_pr20 {padding-right: 20px !important;}
.m3_pr25 {padding-right: 25px !important;}
.m3_pr30 {padding-right: 30px !important;}

/* ------- top, bottom ------- */
.m3_ptb5  {padding: 5px 0 !important;}
.m3_ptb10 {padding: 10px 0 !important;}
.m3_ptb15 {padding: 15px 0 !important;}
.m3_ptb20 {padding: 20px 0 !important;}
.m3_ptb30 {padding: 30px 0 !important;}

/* ------- left, right ------- */
.m3_plr5  {padding: 0 5px !important;}
.m3_plr10 {padding: 0 10px !important;}
.m3_plr15 {padding: 0 15px !important;}
.m3_plr20 {padding: 0 20px !important;}
.m3_plr30 {padding: 0 30px !important;}

/* ------- border ------- */
.m3_b0 {border: 0 !important;}
.m3_bb0 {border-bottom: 0 !important;}
.m3_border {border: 1px solid #CCC !important;}

/* ------- align ------- */
.m3_tl {text-align: left !important;}
.m3_tc {text-align: center !important;}
.m3_tr {text-align: right !important;}

/* ------- vertical-align ------- */
.m3_middle {vertical-align: middle !important;}
.m3_bottom {vertical-align: bottom !important;}

/* ------- nowrap ------- */
.m3_nowrap {white-space: nowrap !important;}

/* ------- ellipsis ------- */
.m3_ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* ↑ NOTE: widthを設定したクラスと併用して使用してください */

/* ------- font-size （general.cssと違うので注意）------- */
.m3_fs0 {font-size: 0;}
.m3_fs10 {font-size: 0.625rem;}
.m3_fs12 {font-size: 0.75rem;}
.m3_fs14 {font-size: 0.875rem;}
.m3_fs15 {font-size: 0.9375rem;}
.m3_fs16 {font-size: 1rem;}
.m3_fs18 {font-size: 1.125rem;}
.m3_fs20 {font-size: 1.25rem;}
.m3_fs22 {font-size: 1.375rem;}
.m3_fs24 {font-size: 1.5rem;}

/* ------- font-weight ------- */
.m3_bold   {font-weight: bold !important;}
.m3_normal {font-weight: normal !important;}

/* ------- line-height ------- */
.m3_lh0 {line-height: 0;}
.m3_lh1 {line-height: 1;}
.m3_lh11 {line-height: 1.1;}
.m3_lh12 {line-height: 1.2;}
.m3_lh13 {line-height: 1.3;}
.m3_lh14 {line-height: 1.4;}
.m3_lh15 {line-height: 1.5;}
.m3_lh16 {line-height: 1.6;}
.m3_lh17 {line-height: 1.7;}
.m3_lh18 {line-height: 1.8;}
.m3_lh19 {line-height: 1.9;}
.m3_lh20 {line-height: 2.0;}

/* ------- text-indent ------- */
.m3_ti0 {text-indent: 0 !important;}

/* ------- font-color ------- */
.m3_c-red   {color: #f00;}
.m3_c-red2  {color: #c00;}
.m3_c-gray1 {color: #333;}
.m3_c-gray2 {color: #666;}
.m3_c-gray3 {color: #999;}
.m3_c-white {color: #fff;}

/* ------- underline ------- */
.m3_underline {text-decoration: underline;}
.m3_underline_none {text-decoration: none;}

/* ------- display ------- */
.m3_display-none {display: none !important;}
.m3_display-b{display: block !important;}
.m3_display-ib{display: inline-block!important;}
.m3_display-table {display: table !important;}
.m3_display-table-cell {display: table-cell !important;}

/* ------- clearfix ------- */
.m3_clearfix:after {
    content:"";
    display:block;
    clear:both;
}
/*-- width--*/
.m3_w100 {width: 100% !important;}
.m3_w90 {width: 90% !important;}
.m3_w80 {width: 80% !important;}
.m3_w70 {width: 70% !important;}
.m3_w60 {width: 60% !important;}
.m3_w50 {width: 50% !important;}
.m3_w40 {width: 40% !important;}
.m3_w30 {width: 30% !important;}
.m3_w20 {width: 20% !important;}
.m3_w10 {width: 10% !important;}


/*===========================================================================
header,contents,footer　レスポンシブタイプ
===========================================================================*/


/*-- contents サイトの基本幅 --*/
.m3_mca-r-wrapper {
	width:980px;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
.m3_mca-r-wrapper {
	width:100%;
	}
#m3_config {
    margin-bottom: 3px! important;
    padding-bottom: 3px !important;
}
}

.m3_aslp-slide-button-radio label,
.m3_aslp-slide-button-checkbox label {
	margin-left: 0 !important;
    margin-right: 0 !important;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}