@charset "utf-8";

/** base
===================================*/
* {
	box-sizing: border-box;
}

body {
	color: #000;
	font-family: font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	font-size: 16px;
}

p {
	margin: 0 0 1em;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

iframe {
    max-width: 100%;
    vertical-align: middle;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.fll {
	float: left;
}

.flr {
	float: right;
}

.flbox {
	display: flex;
    flex-wrap: wrap;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

dl {
}

dt {
}

dd {
    padding: 0;
    margin: 0;
}

figure {
	padding: 0;
	margin: 0;
}

a {
}

a:hover {
}

a:focus {
}

.nop p {
	margin-bottom: 0;
}

hr.onepx {
	border: 0;
	height: 0;
	border-top: 1px solid #ccc;
}

.noappear {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/** 表示制御
===================================*/
.visible-pc {
	display: block;
}

.hidden-pc {
	display: none;
}

.visible-tb {
	display: none;
}

.hidden-tb {
	display: block;
}

.visible-sp {
	display: none !important;
}

.hidden-sp {
	display: block;
}


/** pを中央配置
===================================*/
.ycenter p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/** オンマウス
===================================*/
a:hover img {
	filter: alpha(opacity=75); /*IE用*/
	-moz-opacity:0.75; /*Firefox用*/
	opacity:0.75; /*Chrome・Safari・Opera用*/
}


/** ul li 横並び
===================================*/
ul.sbs1 {
	font-size: 0;
	list-style: none;
}

ul.sbs1 > li {
	font-size: 12px;
	display: inline-block;
}

ul.sbs1 > li:last-child {
	border-right: 0;
	margin-right: 0 !important;
}

ul.sbs2 {
}

ul.sbs2:before,
ul.sbs2:after {
    content: " ";
    display: table;
}

ul.sbs2:after {
    clear: both;
}

ul.sbs2 {
    *zoom: 1;
}

ul.sbs2 > li {
	float: left;
}

ul.sbs2 > li:last-child {
	border-right: 0;
	margin-right: 0 !important;
}


/** テーブルセルを縦並びに .smptable
===================================*/
table.smptable,
table.smptable caption,
table.smptable thead,
table.smptable tbody,
table.smptable tr,
table.smptable tr th,
table.smptable tr td {
	display:block;
}
table.smptable tr th,
table.smptable tr td {
	margin:-1px; /* borderが二重になるのを防ぐ */
}


/** 白縁取りとbox-shadow
===================================*/
.wb {
    border: 5px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 3px #ddd;
}

/** box-shadow
===================================*/
.shadow {
    box-shadow: 1px 1px 3px #888;
}


/** base
===================================*/
#wrap-all {
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.container {
	width: 1140px;
	padding: 0 10px;
	margin: auto;
}


/** header
===================================*/
.header {
    border-bottom: 1px solid #888;
    margin-bottom: 20px;
}

.logo {
    padding: 20px 0;
}

.logo h1 {
	font-size: 1em;
    line-height: 1em;
}

.logo img {
	width: 100%;
	max-width: 400px;
}

.header-container {
	width: 100%;
	padding: 0 10px;
}

/** navi
===================================*/


/** eyecatch
===================================*/



/** contents
===================================*/
p {
	margin: 0 0 1.2em;
}

.main {
}

.information {
	margin-bottom: 22px;
}

.info-inner {
	border: 1px solid #9dd9d5;
	padding: 18px 28px 10px;
}

.info2 {
}

.intro {
}

.ex {
}

em {
	font-style: normal;
	font-weight: bold;
}

dt {
}

dt h2 {
    font-size: 19px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    margin-bottom: 5px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

h3.v2 {
	margin-bottom: 1.2em;
}

.nmg {
	margin-bottom: 0;
}

.ind {
    padding: 0 0.7em;
}

.copyright {
    text-align: right;
    color: #555;
    font-size: 13px;
    padding: 50px 0 20px;
}

.copyright address {
	font-style: normal;
}

/** side
===================================*/


/** footer
===================================*/





 /*--------------------------------------------------------------------
   === [MEDIA QUERY] ====================================
 --------------------------------------------------------------------*/


/** PC only
===================================*/
@media screen and (min-width: 1200px) {
.header-container {
	padding: 0 20px;
}

}/* @media */





/** Tablet
===================================*/
@media screen and (max-width: 1129px) {
.visible-pc {
	display: none;
}

.hidden-pc {
	display: block;
}

.visible-tb {
	display: block;
}

.hidden-tb {
	display: none;
}

.visible-sp {
}

.hidden-sp {
}

.container {
	width: 100%;
}

.logo {
    padding: 15px 0;
}

.logo img {
	width: 300px;
}


}/* @media */





/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
.visible-pc {
}

.hidden-pc {
}

.visible-tb {
}

.hidden-tb {
}

.visible-sp {
	display: block !important;
}

.hidden-sp {
	display: none !important;
}

.nbr br {
	display: none !important;
}

.flreset {
	float: none !important;
	width: 100% !important;
}

.info-inner {
	padding: 20px 15px 10px;
}

.logo {
    padding: 15px 0;
}

.logo img {
	width: 200px;
}

.info2 {
	font-size: 14px;
}

.copyright {
}



}/* @media */

p.note{
	padding-left: 1em;
    text-indent: -1em;
}