@charset "utf-8";

/* PC用 */
html{
	width: 100%;
}

#main {
	width: 100%;
}

.pc_view {
	display: block;
}

.sp_view {
	display: none;
}

/*■■文字サイズ■■*/

.font_xxl{
	font-size:260%;
	font-weight:bold;
	line-height:1.3em;
}
.font_xl{
	font-size:200%;
	font-weight:bold;
	line-height:1.3em;
}
.font_ll{
	font-size:140%;
	font-weight:bold;
	line-height:1.3em;
}
.font_l{
	font-size:120%;
	font-weight:bold;
	line-height:1.3em;
}
.font_m{
	font-size:100%;
	line-height:1.3em;
}
.font_s{
	font-size:80%;
	line-height:1.3em;
}


/*■■横幅の固定■■*/
.width_block{
	width:auto;
	max-width:980px;
	margin:0px auto 0px auto ;
}

/*■■レスポンシブBG■■*/
.rp_bg{background-color:#fff;}

/*■■レスポンシブfloat■■*/
.rp_fl{float:left;}
.rp_fr{float:right;}

/*■■レスポンシブ行揃え■■*/
.ta_l-c{text-align:left;}
.ta_c-l{text-align:center;}
.ta_r-c{text-align:right;}
.ta_c-r{text-align:center;}

/*■■レスポンシブ横幅■■*/
.w_100-10{width:100%;}
.w_100-20{width:100%;}
.w_100-30{width:100%;}
.w_100-40{width:100%;}
.w_100-50{width:100%;}
.w_100-60{width:100%;}
.w_100-70{width:100%;}
.w_100-80{width:100%;}
.w_100-90{width:100%;}
.w_100-100{width:100%;}
.w_90-10{width:90%;}
.w_90-20{width:90%;}
.w_90-30{width:90%;}
.w_90-40{width:90%;}
.w_90-50{width:90%;}
.w_90-60{width:90%;}
.w_90-70{width:90%;}
.w_90-80{width:90%;}
.w_90-90{width:90%;}
.w_90-100{width:90%;}
.w_80-10{width:80%;}
.w_80-20{width:80%;}
.w_80-30{width:80%;}
.w_80-40{width:80%;}
.w_80-50{width:80%;}
.w_80-60{width:80%;}
.w_80-70{width:80%;}
.w_80-80{width:80%;}
.w_80-90{width:80%;}
.w_80-100{width:80%;}
.w_70-10{width:70%;}
.w_70-20{width:70%;}
.w_70-30{width:70%;}
.w_70-40{width:70%;}
.w_70-50{width:70%;}
.w_70-60{width:70%;}
.w_70-70{width:70%;}
.w_70-80{width:70%;}
.w_70-90{width:70%;}
.w_70-100{width:70%;}
.w_60-10{width:60%;}
.w_60-20{width:60%;}
.w_60-30{width:60%;}
.w_60-40{width:60%;}
.w_60-50{width:60%;}
.w_60-60{width:60%;}
.w_60-70{width:60%;}
.w_60-80{width:60%;}
.w_60-90{width:60%;}
.w_60-100{width:60%;}
.w_50-10{width:50%;}
.w_50-20{width:50%;}
.w_50-30{width:50%;}
.w_50-40{width:50%;}
.w_50-50{width:50%;}
.w_50-60{width:50%;}
.w_50-70{width:50%;}
.w_50-80{width:50%;}
.w_50-90{width:50%;}
.w_50-100{width:50%;}
.w_40-10{width:40%;}
.w_40-20{width:40%;}
.w_40-30{width:40%;}
.w_40-40{width:40%;}
.w_40-50{width:40%;}
.w_40-60{width:40%;}
.w_40-70{width:40%;}
.w_40-80{width:40%;}
.w_40-90{width:40%;}
.w_40-100{width:40%;}
.w_30-10{width:30%;}
.w_30-20{width:30%;}
.w_30-30{width:30%;}
.w_30-40{width:30%;}
.w_30-50{width:30%;}
.w_30-60{width:30%;}
.w_30-70{width:30%;}
.w_30-80{width:30%;}
.w_30-90{width:30%;}
.w_30-100{width:30%;}
.w_20-10{width:20%;}
.w_20-20{width:20%;}
.w_20-30{width:20%;}
.w_20-40{width:20%;}
.w_20-50{width:20%;}
.w_20-60{width:20%;}
.w_20-70{width:20%;}
.w_20-80{width:20%;}
.w_20-90{width:20%;}
.w_20-100{width:20%;}
.w_10-10{width:10%;}
.w_10-20{width:10%;}
.w_10-30{width:10%;}
.w_10-40{width:10%;}
.w_10-50{width:10%;}
.w_10-60{width:10%;}
.w_10-70{width:10%;}
.w_10-80{width:10%;}
.w_10-90{width:10%;}
.w_10-100{width:10%;}

/*■■hauto_2-1_box■■*/

.hauto_2-1_box{
  overflow:hidden;
  background-color:transparent;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	height: auto;
}
.hauto_2-1 {
	float:left;
	list-style-type:none;
	padding-left:0px;/*セル間ガター*/
	height: auto;
	overflow: hidden;
	position: relative;
	width:49%;
	margin:5px 0.5% 5px 0.5% ;
}


/*■■テキストはみ出し非表示■■*/

.lc_1 {height: 1.4em;line-height: 1.4;position: relative;padding-right: 1em;overflow: hidden;}
.lc_1:before {content: "...";position: absolute;right: 0;bottom: 0;display: inline-block;width: 1em;}
.lc_1:after {content: "";position: relative;right: -1em;float: right;width: 1em;height: 100%; background-color: inherit;margin-left: -1em;}

.lc_2 {height: 2.8em;line-height: 1.4;position: relative;padding-right: 1em;overflow: hidden;}
.lc_2:before {content: "...";position: absolute;right: 0;bottom: 0;display: inline-block;width: 1em;}
.lc_2:after {content: "";position: relative;right: -1em;float: right;width: 1em;height: 100%; background-color: inherit;margin-left: -1em;}

.lc_3 {height: 4.2em;line-height: 1.4;position: relative;padding-right: 1em;overflow: hidden;}
.lc_3:before {content: "...";position: absolute;right: 0;bottom: 0;display: inline-block;width: 1em;}
.lc_3:after {content: "";position: relative;right: -1em;float: right;width: 1em;height: 100%; background-color: inherit;margin-left: -1em;}

.lc_4 {height: 5.6em;line-height: 1.4;position: relative;padding-right: 1em;overflow: hidden;}
.lc_4:before {content: "...";position: absolute;right: 0;bottom: 0;display: inline-block;width: 1em;}
.lc_4:after {content: "";position: relative;right: -1em;float: right;width: 1em;height: 100%; background-color: inherit;margin-left: -1em;}

.lc_5 {height: 7em;line-height: 1.4;position: relative;padding-right: 1em;overflow: hidden;}
.lc_5:before {content: "...";position: absolute;right: 0;bottom: 0;display: inline-block;width: 1em;}
.lc_5:after {content: "";position: relative;right: -1em;float: right;width: 1em;height: 100%; background-color: inherit;margin-left: -1em;}


/*■■テキストはみ出し■■*/
.text_ob{
	line-height:1.4em;
	overflow:hidden;
}
.text_ob a{
	font-size:14px;
	line-height:14px;
	display: block;
	width: auto;
	boarder:solid 2px #ececec;
	background-color:#eee;
	color:#999;
	padding:2px;
	boarder-radius:4px;
	text-decoration:none;
	text-align: center;
	width: auto;
	position: absolute;
	right:10px;
	bottom:10px;
	clear:both;
}
.text_ob a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

.text_ob2{
	line-height:2.4em;
	overflow:hidden;
}
.text_ob2 a{
	font-size:14px;
	line-height:14px;
	display: block;
	width: auto;
	boarder:solid 2px #ececec;
	background-color:#eee;
	color:#999;
	padding:2px;
	boarder-radius:4px;
	text-decoration:none;
	text-align: center;
	width: auto;
	position: absolute;
	right:10px;
	bottom:10px;
	clear:both;
}
.text_ob2 a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

.text_ob3{
	line-height:3.4em;
	overflow:hidden;
}
.text_ob3 a{
	font-size:14px;
	line-height:14px;
	display: block;
	width: auto;
	boarder:solid 2px #ececec;
	background-color:#eee;
	color:#999;
	padding:2px;
	boarder-radius:4px;
	text-decoration:none;
	text-align: center;
	width: auto;
	position: absolute;
	right:10px;
	bottom:10px;
	clear:both;
}
.text_ob3 a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

.text_ob4{
	overflow:hidden;
}
.text_ob4 a{
	font-size:14px;
	line-height:14px;
	display: block;
	width: auto;
	boarder:solid 2px #ececec;
	background-color:#eee;
	color:#999;
	padding:2px ;
	boarder-radius:4px;
	text-decoration:none;
	text-align: center;
	width: auto;
	position: absolute;
	right:10px;
	bottom:10px;
	clear:both;
}
.text_ob4 a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

.text_ob5{
	line-height:5.4em;
	overflow:hidden;
}
.text_ob5 a{
	font-size:14px;
	line-height:14px;
	display: block;
	width: auto;
	boarder:solid 2px #ececec;
	background-color:#eee;
	color:#999;
	padding:2px;
	boarder-radius:4px;
	text-decoration:none;
	text-align: center;
	width: auto;
	position: absolute;
	right:10px;
	bottom:10px;
	clear:both;
}
.text_ob5 a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

/*■■block_8to2■■*/
.block_8to2{
	width:100%;
}
.block_to8{
	width:80%;
	position:relative;
}
.block_to2{
	width:20%;
	position:relative;
}

/*■■block_7to3■■*/
.block_7to3{
	width:100%;
}
.block_to7{
	width:70%;
	position:relative;
}
.block_to3{
	width:30%;
	position:relative;
}

/*■■block_6to4■■*/
.block_6to4{
	width:100%;
}
.block_to6{
	width:60%;
	position:relative;
}
.block_to4{
	width:40%;
	position:relative;
}

/*■■block_55to45■■*/
.block_55to45{
	width:100%;
}
.block_to55{
	width:55%;
	position:relative;
}
.block_to45{
	width:45%;
	position:relative;
}

/*■■block_5to5■■*/
.block_5to5{
	width:100%;
}
.block_to5{
	width:50%;
	position:relative;
}

/*■■block_2-1■■*/
.block_2-1{
	width:50%;
	float:left;
	position:relative;
}

/*■■block_2-2■■*/
.block_2-2{
	width:50%;
	float:left;
	position:relative;
}

/*■■block_3-1■■*/
.block_3-1{
	width:33.333%;
	float:left;
	position:relative;
}

/*■■block_3-2■■*/
.block_3-2{
	width:33.333%;
	float:left;
	position:relative;
}

/*■■block_4-2■■*/
.block_4-2{
	width:25%;
	float:left;
	position:relative;
}

/*■■block_5-2■■*/
.block_5-2{
	width:20%;
	float:left;
	position:relative;
}

/*■■block_5-3■■*/
.block_5-3{
	width:20%;
	float:left;
	position:relative;
}

/*■■block_6-3■■*/
.block_6-3{
	width:16.666%;
	float:left;
	position:relative;
}

/*■■Gアイコン位置調整■■*/
.g-hd{
	height:42px;
 vertical-align: bottom;
 margin-left:3px;
 font-size: 20px;
}

i.g-ft{
	height:26px;
 vertical-align: bottom;
 margin-left:3px;
 font-size: 20px;
}


/*■■動画■■*/
.top_movie{
	width:100%;
	margin:63px 0px 0px 0px ;
	vertical-align: bottom;
	background-image:url(../movie/movie.png);
	background-size:100% auto;
}


/*■■PC用コピーライト■■*/
#copyrights{
	display:block;
    width: 100%;
    min-width: 100%;
	font-size:10px;
	line-height:1.2em;
	color:#FFF;
	text-align:center;
    background-color :#3E9ED6;/*メイン濃い*/
	padding:20px 0px 20px 0px ;
}

/*■■コンテンツA■■*/
.content_a{
	width: 100%;
	background-size:cover;
	background-position:center center ;
	vertical-align:middle;
	background-attachment:fixed;
	color:#FFF;
	padding:30px 0px 30px 0px ;
	margin:0px;
	overflow:hidden;
	text-align:center;
	background-color: #ccc;
}

.content_a p{
	font-size:34px;
	margin:0px 0px 10px 0px ;
	font-weight:bold;
}


/*■■コンテンツB■■*/

.content_b{
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#000;
}
.content_b ul{
  margin-left:0px;/*セル間ガター分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}
.content_b ul li {
	width:25%;
	float:left;
	list-style-type:none;
	text-align:center;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
	background-color: #ccc;
	position: relative;
}
.con_b1{
	height:220px;
	padding-top:80px;
	background-size:cover;
	background-position:center center ;
	vertical-align:middle;
	color:#000;
	text-align:left;
}
.con_b2{
	height:120px;
	margin:100px 0px 0px 0px ;
    background-color :rgba(256,256,256,0.7);
	text-align:center;
}
.con_b2 p{
	font-size:24px;
	font-weight:bold;
	padding-top:10px;
}

.con_b3{
	text-align:left;
	padding:0px 15px 0px 15px ;
}

.material-icons.b_icon{
	color:#FFF;
	position: absolute;
	display:block;
	font-size:60px;
	top:136px;
	left:0px;
}

/*■■コンテンツC■■*/

.content_c{
	width:100%;
	padding:20px 0px 20px 0px ;
	margin:0px;
}
.content_c ul{
  margin-left:0px;/*セル間ガター分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}
.content_c ul li {
	width:50%;
	float:left;
	list-style-type:none;
	text-align:center;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
}

.content_c img{
	width:80%;
}

/*■■コンテンツD■■*/

.content_d{
	width:100%;
	padding:60px 0px 60px 0px ;
	margin:0px;
	background-size:cover;
	background-position:center center ;
	vertical-align:middle;
	background-attachment:fixed;
}
.content_d ul{
  margin-left:10px;/*セル間ガター分マイナスマージン*/
  margin-right:10px;
  overflow:hidden;
  background-color:transparent;
}
.content_d ul li {
	width:16.666%;
	float:left;
	list-style-type:none;
	text-align:center;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
}

/*■■コンテンツE■■*/

.content_e{
	width: 100%;
	background-size:cover;
	background-position:center center ;
	vertical-align:middle;
	padding:0px ;
	overflow:hidden;
	color: #333;
}
.content_e dl{
	width:45%;
	padding:20PX;
}
.content_e dt{
	text-align:center;
}
.content_e dd{
	text-align:left;
}
.e_c{margin:80px auto 80px auto ;}
.e_r{margin:80px 10px 80px auto ;}
.e_l{margin:80px auto 80px 10px ;}

/*■■コンテンツF■■*/

.content_f{
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#fff;
}

.content_f ul{
  margin-left:0px;/*セル間ガター分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}
.content_f ul li {
	width:25%;
	float:left;
	list-style-type:none;
	text-align:center;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
	background-color: #fff;
}
.con_f1{
	text-align:center;
	margin-top:60px;
}
.content_f img{
	width:50%;
	text-align:center;
}
.con_f2{
	color:#888888;
	margin:0px 0px 0px 0px ;
	padding:0px 20px 60px 20px ;
}
.con_f2 dt{
	text-align:center;
}
.con_f2 dd{
	margin-top:10px;
	text-align:left;
}

/*■■コンテンツG■■*/
.content_g{
	width: 100%;
	height:auto;
	padding:40px 0px 0px 0px ;
	vertical-align:middle;
	color:#fff;
	overflow:hidden;
	text-align:center;
	background-color: #333;
}

.content_g p{
	font-size:34px;
	margin:0px 0px 10px 0px ;
	font-weight:bold;
	color: #fff;
}

.content_g img{
	text-align:center;
	margin:10px 0px 0px 0px ;
}

/*opcl開閉*/
.opcl{
	display: block;
	cursor:pointer;
}

.opcl_box{
	width:100%;
	height: auto;
	display:none;
}

/*news_box開閉*/
.news_box{
	width: 100%;
	padding:0px 0px 20px 0px;
	background-color:#333;
}

.news_box dl{
	margin:0px 20px 0px 20px;
	padding:20px;
	background-color: #fff;
	boarder-radius: 10px;
    -webkit-boarder-radius: 10px;
    -moz-boarder-radius: 10px;
}

.news_box dt{
	font-size:120%;
	line-height:120%;
	font-weight:bold;
}
.news_box dd{
	boarder-bottom:#eee solid 2px;
	padding-bottom:5px;
	margin-bottom:5px;
}


/*■■コンテンツH■■*/
.content_h{
	width: 360px;
	height:auto;
	padding:20px ;
	color:#333;
	z-index:100;
	position: fixed;
	top:120px;
	right:18px;
	boarder-radius: 10px;
    -webkit-boarder-radius: 10px;
    -moz-boarder-radius: 10px;
    background-color :rgba(255,255,255,0.8);
}
.content_h p{
	font-size:28px;
	margin-top:0px;
	font-weight:bold;
	color: #333;
}

.content_h-img{
	z-index:100;
	position: fixed;
	top:80px;
	right:18px;
	cursor: pointer;
}


/*■■コンテンツI■■*/

.content_i {
  position: relative;
  overflow: hidden;
	width:100%;
	background-size:cover;
	background-position:center center ;
	vertical-align:middle;
	background-attachment:fixed;
}
 
.content_i ul {
  position: relative;
  left: 50%;
  float: left;
  list-style:none;
  padding:0px 0px 10px 0px ;
}
 
.content_i ul li {
  position: relative;
  left: -50%;
  float: left;
  margin:10px 5px 0px 5px ;
}

.content_i div {
	padding:10px;
	overflow:hidden;
}

.content_i a {
	text-decoration:none;
}

.content_i span{
	position:absolute;
	top:0px;
	right:0px;
	font-size:12px;
	padding:0px 2px 0px 2px ;
}

.con_i1{
	margin-top:20px;
	font-weight:bold;
	font-size:24px;
	line-height:1.2em;
	text-align:center;
}
.con_i2{
	margin-top:15px;
	line-height:1.1em;
}

/*■■コンテンツJ■■*/

.content_j {
  position: relative;
  overflow: hidden;
	width:100%;
	background-position:center center ;
	vertical-align:middle;
	background-attachment:fixed;
	padding-top:25px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#con_j{
margin:0 auto;
}


.j-box{
float:left;
overflow: hidden;
padding:10px;
margin:5px;
}

.j-box span{
	position:absolute;
	top:0px;
	right:0px;
	font-size:12px;
	padding:0px 2px 0px 2px ;
}

.con_j1{
	margin-top:13px;
	font-weight:bold;
	font-size:20px;
	line-height:1.2em;
	text-align:center;
}
.con_j2{
	margin-top:0px;
	font-size:15px;
	line-height:1.2em;
}

/*■■コンテンツK■■*/

.content_k{
	width:100%;
	padding:0px;
	margin:0px;
	background-size:cover;
	background-position:center center ;
	background-attachment:fixed;
}

.content_k ul{
	padding:5px;
  overflow:hidden;
  background-color:transparent;
}
.content_k ul li {
	width:50%;
	float:left;
	list-style-type:none;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
}
.con_k1{
	margin:5px;
	padding:15px;
	background-color:#FFF;
	height:150px;
}
.content_k img{
	width:40%;
	max-width: 225px;
	max-height:150px;
	float:left;
}

.con_k2{
	width: auto;
	display:table;
	color:#888888;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}
.con_k2 dt{
	text-align:center;
	margin:0px 0px 0px 10px ;
}
.con_k2 dd{
	margin-top:10px;
	text-align:left;
	margin:0px 0px 0px 10px ;
}

/*■■コンテンツL■■*/

.content_l{
	width:100%;
	padding:20px 0px 20px 0px ;
	margin:0px;
}
.content_l ul{
  margin-left:0px;/*セル間ガター分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}
.content_l ul li {
	float:left;
	list-style-type:none;
	text-align: left;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
}

.content_l ul li.lbox_l {
	width:35%;
}
.content_l ul li.lbox_r {
	width:65%;
	text-align:left;
	margin:0px 0px 0px 0px ;
	display:block;
}

.content_l img{
	width:95%;
}


/*■■コンテンツM■■*/

.content_m {
  position: relative;
  overflow: hidden;
	width:100%;
	background-position:center center ;
	vertical-align:middle;
	background-attachment:fixed;
	padding-top:25px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#con_m{
margin:0 auto;
}


.m-box{
float:left;
overflow: hidden;
padding:10px;
margin:5px;
}

.m-box span{
	position:absolute;
	top:0px;
	right:0px;
	font-size:12px;
	padding:0px 2px 0px 2px ;
}

.con_m1{
	margin-top:15px;
	font-weight:bold;
	font-size:20px;
	line-height:1.2em;
	text-align:center;
}
.con_m2{
	margin-top:10px;
	font-size:16px;
	line-height:1.2em;
}
.con_m3{
	margin-top:15px;
	text-align:center;
}

/*■■コンテンツN■■*/

.content_n{
	width:100%;
	padding:0px;
	margin:0px;
}
.content_n ul{
	padding:5px;
  overflow:hidden;
  background-color:transparent;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	height: auto;
}
.content_n ul li {
	width:49%;
	float:left;
	list-style-type:none;
	padding-left:0px;/*セル間ガター*/
	margin:0.5% 0.5% 15px 0.5% ;
	height: auto;
	overflow: hidden;
	position: relative;
	background-color:#fff;
}
.con_n1{
	margin:0px;
	padding: 30px 30px 30px 30px;
	height: 100%;
	background-color:#fff;
}

.con_n2{
	width:100%;
	display:table;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}
.con_n2 dt{
	margin:10px 0px 0px 10px ;
}
.con_n2 dd{
	margin-top:10px;
	text-align:left;
	margin:10px 0px 0px 10px ;
}
.con_n3{
	display: inline-block;
	position: absolute;
	bottom:15px;
	right:20px;
	white-space:nowrap;
}


/*■■コンテンツ0■■*/

.content_o{
	width:100%;
	padding:0px;
	margin:0px;
}
.content_o ul{
	padding:5px;
  overflow:hidden;
  background-color:transparent;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	height: auto;
}
.content_o ul li {
	width:99%;
	float:left;
	list-style-type:none;
	padding-left:0px;/*セル間ガター*/
	margin:0.5%;
	height: auto;
	overflow: hidden;
	background-color:#fff;
}
.con_o1{
	margin:5px;
	padding: 30px 30px 30px 30px;
	height: 100%;
	background-color:#fff;
}
.content_o img{
	width:50%;
	float:left;
}

.con_o2{
	width:50%;
	display:table;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}
.con_o2 dt{
	text-align:center;
	margin:10px 0px 0px 10px ;
}
.con_o2 dd{
	margin-top:10px;
	text-align:left;
	margin:10px 0px 0px 10px ;
}


/*■■コンテンツP■■*/

.content_p{
	width:100%;
	padding:0px;
	margin:0px;
}
.content_p ul{
	padding:5px;
  overflow:hidden;
  background-color:transparent;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	height: auto;
}
.content_p ul li {
	width:32.3%;
	float:left;
	list-style-type:none;
	padding-left:0px;/*セル間ガター*/
	margin:0.5% 0.5% 10px 0.5% ;
	height: auto;
	overflow: hidden;
	position: relative;
	background-color:#fff;
}
.con_p1{
	margin:0px;
	padding: 30px 30px 30px 30px;
	height: auto;
	background-color:#fff;
}

.content_p img{
	width:100%;
}

.con_p2{
	width:100%;
	display:table;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}
.con_p2 dt{
	text-align:center;
	margin:10px 0px 0px 0px ;
}
.con_p2 dd{
	margin-top:10px;
	text-align:left;
	margin:10px 0px 0px 0px ;
}
.con_p3{
	display: inline-block;
	position: absolute;
	bottom:15px;
	width: auto;
	right:30px;
	white-space:nowrap;
}

/*■■コンテンツQ■■*/

.content_q{
	width:100%;
	padding:20px 0px 20px 0px ;
	margin:0px;
}
.content_q ul{
  margin-left:0px;/*セル間ガター分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}
.content_q ul li {
	float:left;
	list-style-type:none;
	text-align: center;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
	vertical-align:middle;
}

.content_q p {
	text-align:center;
}
.content_q img{
	width:80%;
}


/*■■コンテンツR■■*/
.content_r{
	width:100%;
}
.con_r{
	padding:20px;
}


/*■■テーブル■■*/
table.tb_box {
	width:95%;
	font-size:16px;
	margin:auto;
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.2;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.tb_box th {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #FAFAFA;
	font-weight:normal;
}
table.tb_box td {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/*■■フォーム■■*/

.tb_form{
	width:90%;
	text-align: left;
	background-color: #FAFAFA;
	margin:3px auto 3px auto;
	font-size:16px;
}
.tb_form th{
	width:200px;
	text-align:right;
	padding:20px ;
}
.tb_form tr:nth-child(even) {
    background:#FAFAFA;
}
.tb_form tr:nth-child(odd) {
    background: #F5F5F5;
}
.error{
	width:90%;
	background-color: #FF0;
	color: #C00;
	text-indent:10px;
	padding:3px;
	margin-bottom:5px;
    boarder-radius: 18px ; 
    -webkit-boarder-radius: 18px ;
    -moz-boarder-radius:18px ;
}
.hissu{
	background-color:#C00;
	color:#FFF;
    boarder-radius: 5px ; 
    -webkit-boarder-radius: 5px ;
    -moz-boarder-radius: 5px ;
	padding:3px;
	margin-left:5px;
	line-height:1em;
	white-space: nowrap;
}


.inp_00{
	width:90%;
	font-size:100%;
	height:34px;
	padding:0px;
	margin:3px;
	boarder:2px solid #cccccc;
	-moz-boarder-radius: 5px;
	-webkit-boarder-radius: 5px;
}

.inp_120{
	width:120px;
	font-size:100%;
	height:34px;
	padding:0px;
	margin:3px;
	boarder:2px solid #cccccc;
	-moz-boarder-radius: 5px;
	-webkit-boarder-radius: 5px;

}
.inp_200{
	width:200px;
	font-size:100%;
	height:34px;
	padding:0px;
	margin:3px;
	boarder:2px solid #cccccc;
	-moz-boarder-radius: 5px;
	-webkit-boarder-radius: 5px;
}

textarea{
	width:95%;
	font-size:100%;
	margin:0px;
	padding:3px;
	height:80px;
	boarder:2px solid #cccccc;
	-moz-boarder-radius: 5px;
	-webkit-boarder-radius: 5px;
	}
	

select{
	height:37px;
	padding:0px 25px 0px 8px ;
	margin:3px;
	font-size:100%;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
}

select.s-auto{
	width:auto;
}

select.s-wide{
	width:auto;
}

input[type="checkbox"] {
    -webkit-transform: scale(2);
    transform: scale(2);
	margin:10px;
}

input[type="radio"] {
    -webkit-transform: scale(2);
    transform: scale(2);
	margin:10px;
}

/*■■footer_box■■*/

.footer_box{
	width:100%;
	padding:20px 0px 20px 0px ;
}
.footer_box ul{
  margin-right:0px;/*セル間ガター分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}
.footer_box ul li {
	width: auto;
	float:left;
	list-style-type:none;
	padding-left:0px;/*セル間ガター*/
	margin-bottom:0px;
}

.footer_box ul li.ft_p01{
	width:37%;
}
.footer_box ul li.ft_p02{
	width:35%;
}
.footer_box ul li.ft_p03{
	width:28%;
}


.footer_box p{
	margin:0px 0px 5px 30px ;
}

.footer_box a{
	text-decoration: none;
	color:#555;
}

.ft_logo img{
	width:80%;
}
.footer_box dl{
	margin-left:30px;

}

.footer_box dt{
	margin-top:10px;
	margin-bottom:5px;
	font-size:120%;
	text-align:120%;
	font-weight:bold;
	color:#333333;
}

.footer_box dd{
	line-height:32px;
}

/*グーグルアイコン適応なので使わない
.footer_box dd{
	background-image:url(../img/ico_link.png);
	background-size:18px 18px;
	background-repeat:no-repeat;
	background-position:0px 5px;
	text-indent:22px;
}
*/

.ft_ic{
	vertical-align:middle;
	line-height: 28px;
	margin-left:3px;
	width:16px;
	height:16px;
	padding:2px
}