@charset "UTF-8"; /* CSS Document */



@font-face { font-family: NotoSans; font-weight: 100; src: url('font/NotoSansCJKjp-Thin.woff') format('woff'), url('font/NotoSansCJKjp-Thin.eot?') format('oldIE'); }

@font-face { font-family: NotoSans; font-weight: 200; src: url('font/NotoSansCJKjp-Light.woff') format('woff'), url('font/NotoSansCJKjp-Light.eot') format('oldIE'); }

@font-face { font-family: NotoSans; font-weight: 300; src: url('font/NotoSansCJKjp-DemiLight.woff') format('woff'), url('font/NotoSansCJKjp-DemiLight.eot?') format('oldIE'); }

@font-face { font-family: NotoSans; font-weight: 400; src: url('font/NotoSansCJKjp-Regular.woff') format('woff'), url('font/NotoSansCJKjp-Regular.eot?') format('oldIE'); }

@font-face { font-family: NotoSans; font-weight: 500; src: url('font/NotoSansCJKjp-Medium.woff') format('woff'), url('font/NotoSansCJKjp-Medium.eot') format('oldIE'); }

@font-face { font-family: NotoSans; font-weight: 600; src: url('font/NotoSansCJKjp-Bold.woff') format('woff'), url('font/NotoSansCJKjp-Bold.eot') format('oldIE'); }

@font-face { font-family: NotoSans; font-weight: 700; src: url('font/NotoSansCJKjp-Black.woff') format('woff'), url('font/NotoSansCJKjp-Black.eot') format('oldIE'); }



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;

	vertical-align: baseline;

	background: transparent;

	text-align: left;

	color: #666;

}

address { font-style:normal; }

html { -webkit-text-size-adjust: 100%; /* 2 */    -ms-text-size-adjust: 100%; /* 2 */	-webkit-font-smoothing: antialiased; color:#333; }

body { line-height:1.66; -webkit-text-size-adjust: 100%; }

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

	display: block;

	text-align: left;

	color: #000;

}

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; outline:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; color: /*#1c7cb1*/; text-decoration: none; }

a:hover { text-decoration: underline; }

a[href^="tel:"] {pointer-events: none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

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; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

table { border-collapse: collapse; border-spacing: 0; }

ul {letter-spacing: -.40em; }

li { list-style:none; letter-spacing: normal; }

label { cursor:pointer; }

img { vertical-align: bottom; width: 100%; }

input, select { vertical-align:middle; }

input[type=text], textarea { border:none; background:none; -webkit-appearance:none; }

strong { font-weight:600; }





body,textarea { overflow-x: hidden;  font-family:NotoSans, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }

div:after, article:after, ul:after, aside:after { content:""; display:block; clear:both; }

.v_pc { display:none; visibility:hidden; }

.v_sp { display:block; visibility:visible; }

.focus { background: #FFEFF0 !important; color:#333 }

#page-top { position: fixed; bottom: -100px; right: 15px; z-index: 2000;}

#page-top a { width: 60px; height:60px; background: url(../img/btn_pagetop.png) no-repeat; background-size:contain; display:block; }

#page-top a:hover { text-decoration: none; opacity:0.85; }



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

	.v_pc { display:block; visibility:visible; }

	.v_sp { display:none; visibility:hidden; }

	#page-top { bottom: -200px; right: 1.666%; }

	#page-top a { width: 40px; height:40px; }

	.icon_blank { background-size: 12px; padding-left:15px; }

	.icon_blank2 { background-size: 12px; padding-left:15px; }

	a[href^="tel:"] {pointer-events: painted; }

}



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

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

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



/*  */

# {}

.text-s { font-size:11px; }

.text-m { font-size:16px; }

.text-l { font-size:18px; }

.text-xl { font-size:24px; }

.fw-l { font-weight: 300; }

.fw-r { font-weight: 400; }

.fw-m { font-weight: 500; }

.fw-b { font-weight: 600; }

.fw-xb { font-weight: 700; }

.align-right { text-align:right; }

.align-center { text-align:center; }

.align-left { text-align:left; }

.pd-r0 { padding-right: 0; }



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

	body { font-size:12px; }

	.text-s { font-size:9px; }

	.text-m { font-size:14px; }

	.text-l { font-size:16px; }

	.text-xl { font-size:20px; }

}

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

	body { font-size:10px; }

}







/*

▼shadow

box-shadow:0px 2px 3px rgba(0,0,3,0.2); -moz-box-shadow:0px 2px 3px rgba(0,0,3,0.2); -webkit-box-shadow:0px 2px 3px rgba(0,0,3,0.2);  -ms-box-shadow:0px 2px 3px rgba(0,0,3,0.2); 

▼transition

-webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;

-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;

#3a8ca8

#1c7cb1

#0a6bb7

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

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

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

border: solid 1px red;

▼before & after

:after { display: block; position: relative; top:0; bottom:0; left:0; right:0; content: "";  height: 4px; width:10px;  z-index: 2000}



リンクカラー

#1c7cb1



red

e13949



サブナビカラー

#3b90ad



-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;



*/