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

body {
	height: 100%;
	margin: 0;
}

img {
	border: 0; 
	-ms-interpolation-mode: bicubic; 
	vertical-align: middle;
    max-width: 100%;
    /* height: auto;
    width :auto; */
}

iframe {
    vertical-align: bottom;
}

h1 {
	margin: 0px;
}

h2 {
	font-size: 150%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #565D98;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 5px;
}

a:link {
	text-decoration: none;
	color: #ffffff;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
}


/* 非表示-------------*/

.putout_1 { display: none; }
.putout_2 {  }

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/* back . txt -------------*/

.back_black{
	width: 100%;
	background-color: #000;
	clear: both;
}

.p_white {
	color: #FFF;
}

/* レイアウト-------------*/

.switch { visibility: hidden; }
.resize { width: 100vw; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.container {
	width: 100%;
	max-width: 1175px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: auto;
}

.contents {
	padding: 20px;
}

/* ヘッダー-------------*/

#header{
	width: 100%;
	overflow: auto;
	padding-bottom: 20px;
}

.logo{
	float: left;
	padding: 0px;
}

.header_bo{
	float: right;
	padding: 0px;
	text-align: right;
}


/*フッター--------------------------------*/

#footer {
	width: 100%;
	clear: both;
	overflow: auto;
	padding-bottom: 20px;
	text-align: center;
}

.footer_1{
	clear: both;
	overflow: auto;
	padding-bottom: 20px;
}


/* column -------------*/

.column_12 {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	overflow: auto;
}

.column_06 {
	float: left;
	width: 50%;
	padding-bottom: 20px;
	overflow: auto;
}

.column_04 {
	float: left;
	width: 33.3333333333%;
	padding-bottom: 20px;
	overflow: auto;
}

.column_03 {
	float: left;
	width: 25%;
	padding-bottom: 20px;
	overflow: auto;
}

.column_rigging {
	width: 100%;
	max-width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: auto;
	padding-bottom: 15px;
}

.column_list {
	float: left;
	padding: 10px;
	overflow: auto;
}

/* items -------------*/

.items_01 {
	float: left;
	width: 96%;
	padding: 0% 0% 4% 4%;
	overflow: auto;
}
.items_02 {
	float: left;
	font-size: 20px; line-height: 30px;
	font-weight: bolder;
	width: 96%;
	padding: 0% 0% 2% 4%;
	overflow: auto;
}
.items_03 {
	float: left;
	width: 96%;
	padding: 0% 0% 2% 4%;
	overflow: auto;
}
.items_04 {
	float: left;
	font-size: 20px; line-height: 25px;
	font-weight: bolder;
	color: #fff100;
	width: 96%;
	padding: 0% 0% 4% 4%;
	overflow: auto;
}
.items_05 {
	padding: 0% 0% 2% 4%;
	float: right;
}

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

.column_06 {
	float: left;
	width: 100%;
	padding-bottom: 0px;
	overflow: auto;
}

.items_01 {
	float: left;
	width: 96%;
	padding: 6% 0% 4% 4%;
	overflow: auto;
}

}

/* font */
.p_15 {font-size: 15px; line-height: 25px;}
.p_14 {font-size: 14px; line-height: 24px;}
.p_13 {font-size: 13px; line-height: 23px;}
.p_12 {font-size: 12px; line-height: 22px;}
.p_11 {font-size: 11px; line-height: 20px;}
.p_10 {font-size: 10px; line-height: 10px;}


.bar_01 {
	width: 100%;
	clear: both;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffffff;
	padding-bottom: 30px;
}