@charset "utf-8";

/*===================================
  
  マスターCSS（PC） ※編集不可※
  共通部分のcss

===================================*/

/* フォントサイズ
------------------------------------------------------------------------------------*/
html {
	font-size: 52.5%;
  }
  
  @media screen and (min-width: 350px) {
	html {
	  font-size: 62.5%;
	}
  }
  
  @media screen and (min-width: 414px) {
	html {
	  font-size: 70.5%;
	}
  }
  
  @media screen and (min-width: 992px) {
	html {
	  font-size: 62.5%;
	}
  }

/* 初期化
------------------------------------------------------------------------------------*/
* {
    margin : 0;
    padding : 0;
}
*, *:before, *:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
body {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; 
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0.05em;
    color: #4d4d4d;
    background: #f2f2f2;
    width: 100%;
    font-size: 1.6rem;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td {
    margin: 0;
    padding: 0;
    color: #4d4d4d;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
img {
    vertical-align: top;
    -webkit-backface-visibility: hidden;
}
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
em, i {
    font-style: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
hr {
    display: none;
}
abbr, acronym {
    border: 0;
}
p {
	line-height: 1.8;
}

/*------------------------------------
初期化（SP）
------------------------------------*/
@media screen and (max-width: 991px) {
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, 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;
	}
	h1, h2, h3, h4, h5, h6{
		font-weight: normal;
		font-size: 1rem;
	}

	body {
		font-family: sans-serif;
		line-height: 1.6;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-text-size-adjust:none;
		position: relative;
		font-size:1.1rem;
		letter-spacing:0.05em;
		background: #F1F1F1; 
	}

	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%;
		background:transparent;
		color: #4d4d4d;
	}

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

	img{
		max-width: 100%;
		height: auto;
		vertical-align: top;
		border: none;
	}

	ul,ol{
		list-style: none;
	}

	input[type="submit"]{
		margin: 0;
		padding: 0;
		outline: none;
	}
	em,i{
		font-style:  normal;
	}
}

/*------------------------------------
clearfix 
------------------------------------*/
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.clearfix {
    display: block;
}
/* End IE-mac */
.clear {
    clear: both;
}


/*------------------------------------
リンク 
------------------------------------*/
a {
    color: #333333;
}
a:hover {
    text-decoration: none;
    color: #333333;
}
area {
    outline: none;
}
a:focus {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* ホバーアクション */
@media screen and (min-width: 992px) {
	.hover,.hover *{
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.hover:hover, .hover:hover *{
		opacity: .8;
	}
}

@media screen and (min-width: 992px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/*------------------------------------
スマホ　非表示
------------------------------------*/
@media screen and (min-width: 992px) {
	.disp_sp {
		display: none !important;
	}
}
/*------------------------------------
PC　非表示
------------------------------------*/
@media screen and (max-width: 991px) {
	.disp_pc{
		display:none !important;
	}
}


/* 共通
------------------------------------------------------------------------------------*/

/*------------------------------------
共通フォント
------------------------------------*/
.txt_s {
	font-size: 1.4rem;
}
.txt_bold {
    font-weight: bold;
}
.txt_center {
    text-align: center;
}
.txt_indent{
	text-indent:-1em;
	margin-left:1em;
}
.txt_left {
    text-align: left;
}
.txt_right {
    text-align: right;
}
.txt_red {
    color: #D80000;
}
.txt_blue {
    color: #0000D9;
}
.bg_gray {
    background: #F6F6F6;
}
.bg_gray02 {
    background: #eee;
}
.bg_blue {
    background: #002080;
}

/*------------------------------------
共通フォント（SP）
------------------------------------*/
@media screen and (max-width: 991px) {
	.txt_s {
		font-size: 1rem;
	}
}

/*------------------------------------
共通マージン
------------------------------------*/
.mt20{
	margin-top: 20px;
}
.mt10{
	margin-top: 10px;
}
.mt5{
	margin-top: 5px;
}
.mb20{
	margin-bottom: 20px;
}
.mb10{
	margin-bottom: 10px;
}
.mb5{
	margin-bottom: 5px;
}