@charset "utf-8";

/* ----------------------
reset
------------------------- */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;	
}

body > div {
    font-size: 18px;
    font-size: 1.8rem;
}
*{ margin:0; padding:0;}
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

html {
	font-size: 62.5%;
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
ol, ul {list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}
a img {border: 0;}
img {
vertical-align:top;
font-size:0;
line-height:0;
}

body{
	font-size:18px; font-size:1.8em;
	line-height:2.1;
	color:#403e3e;
	background:#fff;
	text-align: center;
	font-family: "平成角ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* clear */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
	display: inline-block;
}

/* IE7 */
 *+html .clearfix {
 	display: inline-block;
}
/* margin */
.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:40px !important;}
.mgt60 {margin-top:60px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}
.mgr50 {margin-right:50px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}

.mgb3 {margin-bottom:3px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}



/* padding */

.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}

.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}

.txt10 {font-size:10px !important; font-size:1.0rem !important; line-height:1.3 !important;}
.txt11 {font-size:11px !important; font-size:1.1rem !important; line-height:1.3 !important;}
.txt12 {font-size:12px !important; font-size:1.2rem !important; line-height:1.3 !important;}
.txt14 {font-size:14px !important; font-size:1.4rem !important; line-height:1.3 !important;}
.txt16 {font-size:16px !important; font-size:1.6rem !important; line-height:1.4 !important;}
.txt18 {font-size:18px !important; font-size:1.8rem !important; line-height:1.4 !important;}
.txt24 {font-size:24px !important; font-size:2.4rem !important; line-height:1.5 !important;}


/* align */

.alR {text-align:right;}
.alL {text-align:left;}
.alC {text-align:center;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}


/* link */
a:link {   color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover {  color: #fff; text-decoration: none;}
a:active { color: #fff; text-decoration: none;}
.arrow01 a{ background: url(/as/common/images/common_icon_arrow01.png) no-repeat left center; padding: 0 0 0 15px;}

/* text */
.bold{ font-weight:bold;}
.bold14 { font-size: 14px; font-size:1.4rem; font-weight: bold; }
.bold16 { font-size: 16px; font-size:1.6rem; font-weight: bold; }
.corRed { color:#C00; font-weight:bold;}
.corRedM{ color:#C00; font-weight:normal;}
.fontS { font-size: 11px; font-size:1.1rem; font-weight: normal; }

ul.care12 li{ font-size:12px; font-size:1.2rem; line-height:1.3; text-indent:-12px; text-indent:-1.2rem; padding-left:12px; padding-left:1.2rem; padding-bottom:3px;}
@media screen and (max-width: 768px){
	body{
		font-size:16px; font-size:1.6em;
		line-height:1.8;
	}	
}
@media screen and (max-width: 640px){
	body{
		font-size:16px; font-size:1.6em;
		line-height:1.8;
		color:#403e3e;
		background:#fff;
		text-align: center;
	}
}