/*要素のフォントサイズやマージン・パディングをリセットしています*/
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;
}
/*初期値16pxの62.5%でルートが10px*/
html{ font-size: 62.5% } 

/*テキスト設定*/
body {
    line-height:1.2;//*行の高さ*/
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.05rem;/*文字間*/
	text-align: justify;/*均等割付*/
  	text-justify: inter-ideograph;
	
	/*フォント指定*/
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

 
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/*リストスタイルを指定*/
ol, ul {
    list-style: none;
}

/*画像を縦に並べたときに余白が出てしまわないように*/
img {
　　vertical-align: top;
　　font-size:0;
　　line-height: 0;
	/*画像の幅をウィンドウサイズに合わせて可変にする*/
	max-width: 100%;
	width /***/:auto; /* IE8のみ */
    height: auto;
    display:block;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
 
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/*float解除-----*/
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*-----*/




/*************************************
ベース設定
*************************************/
a { color:#003399;}
p {	font-size:13px; font-size:1.3rem;color:#222;}
li {font-size:13px; font-size:1.3rem;color:#222;}
strong {font-size:14px; font-size:1.4rem;color: #FF3300;}
em{color:#FF3300;}
.margBotom {margin-bottom:1.5rem;}
.margBotom1 {margin-bottom:5.5rem;}
.margBottom_forSP{margin-bottom:.5rem;}/*liの下幅調整など*/
/*************************************
文字サイズ
*************************************/
.size0{	font-size:6px; font-size:0.6rem;}
.size1{	font-size:8px; font-size:0.8rem;}
.size2{	font-size:1px; font-size:1rem;}
.size3{	font-size:12px; font-size:1.2rem;}
.size4{	font-size:14px; font-size:1.4rem;}
.size5{	font-size:16px; font-size:1.6rem;}
.size6{	font-size:16px; font-size:1.6rem;}
.size7{	font-size:16px; font-size:1.6rem;}
/*************************************
文字色
*************************************/
.color1{color:#ff0042;}/*ピングレッド*/
.color2{color:#ff0072;}/*ピングレッド2*/
.color3{color:#808080}/*グレー*/

/*************************************
アイコン
*************************************/
.tanka {/*矢印*/
	padding:0.4rem 0 0.4rem 3rem;
	background:url(../img/img046.gif) left top no-repeat;
}
.text_area1_h1{ padding:0 1.5rem 1.5rem 1.5rem;}	

.h_2 {
	color:#222;
	position: relative;
	padding: 1.4rem 1.2rem 1.1rem 2.1rem;
    font-size:15px;
	font-size: 1.5rem;
    font-weight: bold;
	margin:0rem 0 1.3rem 0;
}
.h_2::after {
	position: absolute;
	top: .6rem;
	left: .7rem;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 0.7rem);
	height: calc(100% - 0.7em);
	background-color: #3498db;
	border-radius: 4px;
}

.h_3 {
	color:#222;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
    font-size: 1.4rem;
	margin: 0 0 0.8rem;
}
.h_3 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5rem;
	padding: 0 1rem;
	text-align: left;
}
.h_3 span::before,
.h_3 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.h_3 span::before {
	right: 100%;
}
.h_3 span::after {
	left: 100%;
}

.h_4 {
	margin:0 0 0.5rem 0;
	padding-bottom: .5rem;
	font-size: 1.4rem;
}

.h_4_1 {
	margin:0 0 0.5rem 0;
	padding-bottom: .1rem;
	font-size: 1.4rem;
}

/***********************
ページアップボタン
***********************/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 0px;
    font-size: 1.1rem;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 44px;
    padding: 1rem 0;
    text-align: center;
    display: block;
    border-radius: 2px;
	
	background: rgba(102,102,102,.7);

	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
	
	
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/***************
画像周りにテキストを回り込ませる
****************/
.img_left1 {
 float:left;
 margin-right:1rem;
 }

/*非表示設定*/
.none { display:none;}/*タブレットも非表示*/
.none641 { display:none;}/*スマホだけ非表示*/
.none641n { display: block;}/*タブレット、PCだけ非表示*/

@media screen and (min-width:751px) {/*タブレット*/
/*************************************
ベース設定
*************************************/
p {	font-size:14px; font-size:1.4rem;}
li {font-size:14px; font-size:1.4rem;}
strong {font-size:16px; font-size:1.6rem;color: #FF3300;}
.margBottom_forSP{margin-bottom:0;}/*liの下幅調整など*/
/*************************************
文字サイズ
*************************************/
.size1{	font-size:1px; font-size:1em;}
.size2{	font-size:12px; font-size:1.2em;}
.size3{	font-size:14px; font-size:1.4rem;}
.size4{	font-size:16px; font-size:1.6rem;}
.size5{	font-size:18px; font-size:1.8rem;}
.size6{	font-size:20px; font-size:2.0rem;}
.size7{	font-size:22px; font-size:2.2rem;}

.h1Center{width:640px; margin:0 auto !important;}

.h_2 {
    font-size: 2rem;
	margin:0rem 0 1.3rem 0;
}
.h_3 {
	margin: 3rem 0 1.5rem;
    font-size: 1.8rem;
}
/*表示設定*/
.none641 { display:block;}
.none641n { display: none;}/*タブレット、PCだけ非表示*/
}

@media screen and (min-width: 1025px) {　/*デスクトップ*/
/*************************************
ベース設定
*************************************/
p {	font-size:14px; font-size:1.4rem;}
li {font-size:14px; font-size:1.4rem;}

/*************************************
文字サイズ
*************************************/
.size1{	font-size:12px; font-size:1.2rem;}
.size2{	font-size:14px; font-size:1.4rem;}
.size3{	font-size:16px; font-size:1.6rem;}
.size4{	font-size:18px; font-size:1.8rem;}
.size5{	font-size:20px; font-size:2rem;}
.size6{	font-size:25px; font-size:2.5rem;}
.size7{	font-size:28px; font-size:2.8rem;}

.h_2 {
    font-size: 2.2rem;
}
.h_3 {
    font-size: 2rem;
}
/*表示設定*/
.none { display:block;}
.none1025 { display:none;}/*PCだけ非表示*/

/***********************
ページアップボタン
***********************/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 1.1rem;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

}