@charset "UTF-8";
/* CSS Document */
/* reset部分
---------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
html {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;overflow-x: hidden;}
p {font-size: 15px;padding: 10px 0;}
a {color: #081155;font-size: 17px;font-weight: 300;
-moz-transition: color 0.5s ease-in-out, border-bottom-color 1s ease-in-out;
-webkit-transition: color 0.5s ease-in-out, border-bottom-color 1s ease-in-out;
-ms-transition: color 0.5s ease-in-out, border-bottom-color 1s ease-in-out;
transition: color 0.5s ease-in-out, border-bottom-color 1s ease-in-out;}
a:hover {border-bottom-color: transparent;border-bottom: 1px;color: #ffaa00;}
h1, h2 { margin: 0;padding: 0;}
footer {font-size: 12px;line-height: 175%;background: #333;color: #fff;text-align: center; padding: 8px 0 5px 0; color: #fff; margin-bottom: -25px!important;}


/* clearfix部分
---------------------------------------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;line-height: 0;visibility: hidden;}
.clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#wrapper{ width: 100%; background: #fff;}

@media screen and (min-width: 769px){

#contents{ padding: 60px 0; }
.conInner{ width: 90%; margin: 0 auto;}

.pp{ margin: 0 0 40px 0;}
.pp h1{ font-size: 32px; font-weight: 900; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; text-align: center; margin: 0 0 40px 0;}
.ppContents{}
.ppContents h2{ font-size: 18px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: 900; background: #f2f2f2; padding: 10px 20px 5px 20px; margin: 0 0 10px 0;}
.ppContents p{ line-height: 170%; }
.ppContents a{ margin: 20px 0 0 0!important;}		

.attnContents{ margin: 0 0 40px 0;}
.attnContents ul,.attnContents ol{ margin: 0 0 0 30px;}
.attnContents ul li,.attnContents ol li{ padding: 5px 0;font-size: 15px;}
.link{ margin: 10px 0 40px 0;}

.nameArea{ width: 480px; float:right; margin: 20px 0; text-align: left;}
.name{ font-size: 15px; margin-left: -10px;}
.address{ font-size: 12px;line-height: 200%}

}


@media screen and (max-width: 768px){
br{ display: none;}
#contents{ padding: 40px 0; }
.conInner{ max-width: 90%; margin: 0 auto;}

.pp{ margin: 0 0 40px 0;}
.pp h1{ font-size: 32px; font-weight: 900; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; text-align: center; margin: 0 0 20px 0;}
.ppContents{}
.ppContents h2{ font-size: 20px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: 900; background: #f2f2f2; padding: 10px 20px 5px 20px; margin: 0 0 10px 0;}
.ppContents p{}
.ppContents a{ margin: 20px 0 0 0!important;}		

.attnContents{ margin: 0 0 40px 0;}
.attnContents ul,.attnContents ol{ margin: 0 0 0 25px;}
.attnContents ul li,.attnContents ol li{ padding: 5px 0;font-size: 15px;}	
.link{ margin: 10px 0 40px 0;}

.nameArea{ width: 100%; margin: 60px 0 20px 0; text-align: left;}
.name{ font-size: 15px; margin-left: -10px; margin-bottom: 7px;}
.address{ font-size: 12px;line-height: 200%}

footer{ font-size: 12px;line-height: 200%}

}



@media screen and (max-width: 375px){

.pp h1{ font-size: 24px; }
.ppContents{}
.ppContents h2{ font-size: 18px; }
.ppContents p{font-size: 14px;}	

.attnContents ul li,.attnContents ol li{font-size: 14px!important;}	
}