#wrapper{
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

/* font-size
10px 71%
11px 78.5%
12px 86%
13px 93%
14px 100%
15px 107%
16px 114%
17px 121%
18px 128.5%
19px 136%
20px 143%
21px 150%
22px 157%
24px 171%
25px 178.5%
26px 186%
30px 214%
*/


/* -------------------------------------------------------------ヘッダー */
#header{
	max-width: 960px;
	margin: 0 auto;
	padding: 15px 0;
}
#header a{
	text-decoration:none;
}
#logo_ctc{
	float: left;
	font-size: 71%;
	color: #808080;
	padding-top:5px;
}
#logo_ctc p{
	display: inline-block;
	margin-right: 15px;
}
#logo_ctc img{
	vertical-align: middle;
	margin-top: -5px;
}
#logo_ctc a{
	display: block;
	color: #787878;
}
#head_right{
	width: 350px;
	float: right;
	padding-top: 14px;
	text-align: right;
	font-size: 86%;
	letter-spacing: -0.4em;
}
#head_right a{
	color: #787878;
}
#head_right a:hover{
	text-decoration: underline;
}
#head_right p{
	display: inline-block;
	margin-left: 13px;
	letter-spacing: normal;
}



/* -------------------------------------------------------------ナビゲーション */
#g_nav_wrapper{
	width: 100%;
	border-top: 1px solid #EBEBEB;
	position: relative;
	z-index: 890;
}
#g_nav_wrapper a{
	text-decoration: none;
}
#g_nav{
	max-width: 960px;
	margin: 0 auto;
	text-align: right;
	position: relative;
	z-index: 890;
}
#site_title{
	float: left;
	padding-top: 3px;
	font-size: 114%;
	font-weight: bold;
	letter-spacing: 0.08em;
}
#site_title a{
	color: #ED6C00;
}
#g_nav #g_nav_in{
	float: right;
	display: table;
	width: 420px;
	font-weight: bold;
	letter-spacing: -0.4em;
	text-align:right;
}
#g_nav #g_nav01 ,#g_nav #g_nav02 ,#g_nav #g_nav03{
	display: table-cell;
	vertical-align: middle;
	height: 30px;
	padding: 0 15px 0 25px;
	box-sizing:border-box;
	letter-spacing: normal;
	line-height: 1;
	text-align: center;
}

#g_nav #g_nav03{
	color: #EC6C00;
}
#g_nav01{
	color: #efae00;
	cursor: pointer;
}
#g_nav02{
	color: #0B3182;
	cursor: pointer;
}
#g_nav03{
	color: #EC6C00;
}
#g_nav #g_nav01:hover{
	background-color: #FFF000;
	color: #0B3182;
}
#g_nav02:hover{
	background-color: #0B3182;
	color: #ffffff;
}
#g_nav #g_nav03:hover{
	background-color: #EC6C00;
	color: #ffffff;
}
#g_nav01.g_nav_now{
	background-color: #FFF000;
	color: #0B3182;
}
#g_nav02.g_nav_now{
	background-color: #0B3182;
	color: #ffffff;
}
#g_nav03.g_nav_now{
	background-color: #EC6C00;
	color: #ffffff;
}


#site_nav{
	background-color: #EBEBEB;
}

#site_nav ul{
	max-width: 960px;
	margin: 0 auto;
}
#site_nav li{
	text-align: center;
	float: left;
	width: 192px;
}
#site_nav li a{
	display: block;
	height: 40px;
	box-sizing: border-box;
	padding-top: 10px;
	color: #505050;
}
#site_nav li a:hover{
	background-color: #bebebe;
}
#site_nav li a.now_page{
	background-color: #EC6C00;
	color: #ffffff;
}

#sp_nav_btn{
	display: none;
}
#sp_site_nav{
	display: none;
}



/* メガナビ */
#g_nav_sp{
	display: none;
}




#g_nav_sub0{
	display: none;
	position: absolute;
	top: 30px;
	right: 227px;
	width: 226px;
	background-color: #fff000;
	border: 2px solid #bebebe;
	font-size: 86%;
	line-height: 1.3;
	text-align: left;
	z-index:890;
}
#g_nav_sub0 a{
	color: #0b3182;
}
#g_nav_sub0 a span{
	padding-left: 15px;
}
#g_nav_sub0 div{
	margin: 0 18px;
	padding: 10px 0 5px;
}
/*#g_nav_sub0 div:last-child{
	padding: 5px 0 10px;
	border-top: 1px solid #bebebe;
}*/
#g_nav_sub0 a:hover{
	opacity: 0.7;
}




#g_nav_sub{
	display: none;
	position: absolute;
	top: 30px;
	right: 80px;
	width: 210px;
	background-color: #0B3182;
	border: 2px solid #bebebe;
	font-size: 86%;
	line-height: 1.3;
	text-align: left;
	z-index:890;
}
#g_nav_sub a{
	color: #ffffff;
}
#g_nav_sub a span{
	padding-left: 15px;
}
#g_nav_sub div{
	margin: 0 18px;
	padding: 10px 0 5px;
}
#g_nav_sub div:last-child{
	padding: 5px 0 10px;
	border-top: 1px solid #bebebe;
}
#g_nav_sub a:hover{
	opacity: 0.7;
}


/* -------------------------------------------------------------フッターサイトマップ */

#footer_sitemap{
	width: 100%;
	padding: 10px 0;
	background-color: #EC6C00;
	font-size: 86%;
}
#footer_sitemap ul{
	max-width: 960px;
	margin: 0 auto;
}
#footer_sitemap li{
	display: inline-block;
}
#footer_sitemap li a{
	color: #ffffff;
	text-decoration: none;
	padding: 0 20px;
}



/* -------------------------------------------------------------フッター */
#footer{
	width: 100%;
	font-size: 78.5%;
	padding-bottom:5px;
}
#footer a{
	text-decoration: none;
}
#footer_in_out{
	border-bottom:1px solid #EBEBEB;
}
#footer_in{
	max-width: 960px;
	margin: 20px auto;
	text-align:left;
}
#privacy_mark{
	width: 300px;
	float: right;
}
#privacy_mark_pic{
	float:left;
	padding-right:10px;
}
#privacy_mark_txt{
	font-size: 90%;
	line-height:1.4;
}
#privacy_mark a{
	color: #505050;
}

#foot_link_out{
	width:400px;
	float:left;
	font-size:94%;
}
#foot_link_out a{
	color: #646464;
}
#foot_link_out li{
	display: inline-block;
	padding-right: 6px;
	line-height:1.8;
}
#foot_link_out a:hover{
	text-decoration: underline;
}
#foot_copy_area{
	max-width: 960px;
	margin: 10px auto;
	color: #646464;
}
#foot_left{
	float: left;
	padding-top: 5px;
	text-align: left;
	color: #808080;
}
#foot_ctc{
	color: #505050;
}
#foot_left p{
	display: inline-block;
}
#foot_right{
	float: right;
}



/* -------------------------------------------------------------中身 */
#content{
	width: 100%;
	background-color: #f3f3f3;
	padding-bottom: 50px;
}

/* コンテンツ横幅960pxのとき */
#content_in960{
	max-width: 960px;
	margin: 0 auto;
	padding: 45px 0;
	text-align: left;
}

/* コンテンツ横幅912pxのとき */
.content_in912{
	max-width: 100%;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 24px;
	border-radius: 8px;
}


/* コンテンツ横幅714pxのとき */
#content_in714{
	width: 714px;
	float: left;
	box-sizing: border-box;
}
#content_in714nav{
	width: 222px;
	float: right;
	background-color: #ffffff;
	border-radius: 8px;
	line-height: 1.35;
}
#content_in714nav dt a{
	display: block;
	width: 100%;
	padding: 15px 20px;
	background-color: #EC6C00;
	background-image: url(../images/icn_sub_nav_arrow.png);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 10px 15px;
	color: #ffffff;
	border-radius: 8px 8px 0 0;
	box-sizing: border-box;
	text-decoration: none;
}
#content_in714nav dd{
	background-color: #ffffff;
	margin-top:-1px;
}
#content_in714nav dd > a{
	display: block;
	width: 100%;
	padding:15px 20px;
	border-top: 1px solid #E2E2DF;
	color: #505050;
	box-sizing: border-box;
	text-decoration: none;
}
#content_in714nav dd:last-child{
	border-radius: 0 0 8px 8px;
}
#content_in714nav dd:hover{
	background-color: #bebebe;
}
#content_in714nav dd.nav_now{
	background-color: #EC6C00;
}
#content_in714nav dd.nav_now > a{
	color: #ffffff;
}
#content_in714nav dd p{
	background-color: #d2d2d2;
}
#content_in714nav dd p a{
	display: block;
	width: 100%;
	padding: 15px 20px 15px 50px;
	border-top: 1px solid #E2E2DF;
	color: #505050;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 86%;
}
#content_in714nav dd p:hover{
	background-color: #bebebe;
}
#content_in714nav dd p.nav_now{
	background-color: #f3a15b;
}
#content_in714nav dd p.nav_now a{
	color: #ffffff;
}
#content_in714nav dd p a .arrow{
	display: inline-block;
	margin-left: -15px;
	margin-right: 7px;
	transform: rotate(90deg);
	font-size: 80%;
}
#content_in714nav dd:last-child p:last-child{
	border-radius: 0 0 8px 8px;
}

/* 横幅共通 */
.content_in_white{
	width: 100%;
	background-color: #ffffff;
	border-radius: 8px;
}
.content_in_pdg{
	padding: 24px;
	box-sizing: border-box;
}


.column2 li , .column3 li , .column4 li{
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
	background-color: #ffffff;
	border-radius: 8px;
}
.column2.column2_btn li a , .column3.column3_btn li a , .column4.column4_btn li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	color: #EC6C00 !important;
	text-decoration: none !important;
}
.column2.column2_btn li a .column_btn_txt , .column3.column3_btn li a .column_btn_txt , .column4.column4_btn li a .column_btn_txt{
	margin: 0 20px;
	padding: 10px 0;
}
.column2.column2_btn li a:hover , .column3.column3_btn li a:hover , .column4.column4_btn li a:hover{
	opacity:0.6;
}
.column2.column2_btn li a img , .column3.column3_btn li a img , .column4.column4_btn li a img{
	border-radius: 8px 8px 0 0;
}
#content_in960 .column2 li{
	width: 468px;
}
#content_in960 .column3 li{
	width: 304px;
}
#content_in960 .column4 li{
	width: 222px;
}
#content_in960 .content_in912 .column2 li{
	width: 444px;
}
#content_in960 .content_in912 .column3 li{
	width: 288px;
}
#content_in960 .content_in912 .column4 li{
	width: 210px;
}
#content_in714 .column2 li{
	width: 321px;
}
#content_in714 .column3 li{
	width: 206px;
}

/* 一番右にくる要素に充てる:js用 */
.mr0{
	margin-right: 0 !important;
}

/* ページトップ */
#page_top{
	position: fixed;
	right: 10px;
	bottom: 20px;
	display: none;
	z-index: 99999;
}
#page_top p a{
	display: block;
	width: 150px;
	border: 1px solid #DFDFDC;
	background-color: #ffffff;
	padding: 10px 10px 6px;
	border-radius: 8px;
	color: #EC6C00;
	text-decoration: none;
	line-height: 1;
	font-size: 14px;
}
#page_top p a:hover{
	background-color: #D2D2D2;
}
#page_top.pagetop_stop{
	position: absolute !important;
}

/* 文字 */
#pankuzu_out{
	width: 100%;
	border-bottom: 1px solid #EC6C00;
}
#pankuzu{
	max-width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: left;
	font-size: 78.5%;
	color: #505050;
}
#pankuzu a{
	color: #5680b2;
	text-decoration:none;
}
#pankuzu a:hover{
	text-decoration: underline;
}
#content #page_title{
	width: 100%;
	background-color: #ffffff;
	padding: 20px 0;
}
#content #page_title h1{
	max-width: 960px;
	margin: 0 auto;
	color: #505050;
	font-size: 171%;
	text-align: left;
	letter-spacing: 0.08em;
}

#content h2{
	padding: 15px 24px 10px;
	border-bottom: 1px solid #EC6C00;
	font-size: 150%;
	color: #EC6C00;
	line-height: 1.4;
	font-weight: bold;
}

#content h3{
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 10px;
	margin-bottom: 15px;
	color: #787878;
	font-size: 121%;
	font-weight:bold;
}
#content h3 span{
	border-left: 6px solid #EC6C00;
	padding-left: 10px;
}
#content h4{
	font-size: 114%;
	color: #EC6C00;
	font-weight: bold;
}
#content h5{
	color: #505050;
	font-weight: bold;
}

.content_in_white a{
	color: #5680B2;
	text-decoration: none;
}
.content_in_white a:hover{
	text-decoration: underline;
}


/* リンクボタン */
a.link_btn_common{
	display: inline-block;
	padding: 16px 24px;
	border-radius: 8px;
	background-color: #969696;
	color: #ffffff;
	line-height: 1.4;
}
a.link_btn_common:hover{
	background-color: #b4b4b4;
	text-decoration: none;
}
a.link_btn_common .icn_link{
	vertical-align: middle;
	margin-left: -5px;
}

.icn_link{
	vertical-align: middle;
}


/* 角丸 */
.rr_top{
	border-radius: 8px 8px 0 0;
}
.rr_bottom{
	border-radius: 0 0 8px 8px;
}

/* 矢印にウェブフォントを使う */
.arrow{
	font-family: 'Raleway', sans-serif;
	display: inline-block;
	margin-left: -15px;
	margin-right: 7px;
}
.txt_arrow{
	font-family: 'Raleway', sans-serif;
	padding-right: 4px;
}


/* 上あき */
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}

.mt24{ margin-top: 24px;}
.mt48{ margin-top: 48px;}


/* googlemap */
#ggmap {
	height: 200px;
	width: 100%;
}

/* table */
.nomal_table{
	width: 100%;
}
.nomal_table tr td{
	border: 1px solid #c8c8c8;
	padding: 5px 10px;
}
.nomal_table tr td:first-child{
	background-color: #ebebeb;
}

.line_table{
	width: 100%;
}
.nomal_table tr td{
	padding: 5px 10px;
}
.nomal_table tr td:first-child{
	background-color: #ebebeb;
}


.line_box{
	width: 100%;
	border: 1px solid #C8C8C8;
	padding: 24px;
	box-sizing: border-box;
}

/* 文字位置 */
.txt_left{
	text-align: left;
}
.txt_center{
	text-align: center;
}
.txt_right{
	text-align: right;
}

/* float */
.float_left{
	float: left;
	margin-right: 24px;
}
.float_right{
	float: right;
	margin-left: 24px;
}

/* PCサイズで表示しない */
.pc_none{
	display: none;
}

/* table */
table{
	width: 100%;
}
table tr th{
	padding: 5px;
}
table tr th{
	padding: 5px;
}




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


#wrapper{
	min-width: 320px;
}


/* -------------------------------------------------------------ヘッダー */
#header{
	width: 90%;
	padding: 10px 0 15px;
	position: relative;
}
#logo_ctc{
	width: 90%;
	float: none;
	text-align: center;
	margin: 0 auto;
}
#logo_ctc p{
	display: block;
	margin-top: 10px;
}
#head_right p{
	display: none;
}
#head_right{
	width: 100%;
	float: none;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}
#sp_nav_btn{
	display: block;
	position: absolute;
	right: 0;
	top: 15px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url(../images/icon_menu_close.gif) no-repeat;
	background-size: 50px 50px;
}
#sp_site_nav{
	background-color: #EBEBEB;
	width: 100%;
}
#sp_site_nav ul{
	width: 90%;
	margin: 0 5%;
	padding: 20px 0 0;
	text-align: left;
}
#sp_site_nav ul li a{
	display: block;
	padding: 15px;
	margin-bottom:1px;
	background-color:#ffffff;
	color: #505050;
	text-decoration: none;
}
#sp_site_nav ul li:nth-child(6){
	padding-top:20px;
}



/* -------------------------------------------------------------ナビゲーション */
#g_nav_sp{
	display: block;
}
#g_nav_sp_in{
	width: 100%;
	letter-spacing: -.4em;
	border-bottom: 1px solid #EBEBEB;
}
#g_nav_sp_in li{
	display: inline-block;
	width: 33%;
	height: 75px;
	box-sizing: border-box;
	border-right: 1px solid #EBEBEB;
	letter-spacing: normal;
}
#g_nav_sp_in li a{
	display: inline-block;
	padding-top: 50px;
	width: 100%;
	height: 25px;
	font-weight: bold;
	font-size: 92%;
}
#g_nav_sp01{
	background: url(../images/icn_g_nav_sp_01.png) no-repeat center 18px;
	background-size: 28px 25px;
}
#g_nav_sp01 a{
	color: #EFAE00;
}
#g_nav_sp02{
	width: 34%;
	background: url(../images/icn_g_nav_sp_02.png) no-repeat center 18px;
	background-size: 28px 25px;
}
#g_nav_sp02 a{
	color:#0B3182;
}

#g_nav_sp01.g_nav_sp01_on{
	background: url(../images/icn_g_nav_sp_01_on.png) no-repeat center 18px;
	background-size: 28px 25px;
	background-color: #fff000;
}
#g_nav_sp01.g_nav_sp01_on a{
	color: #0B3182;
}

#g_nav_sp02.g_nav_sp02_on{
	background: url(../images/icn_g_nav_sp_02_on.png) no-repeat center 18px;
	background-size: 28px 25px;
	background-color: #0B3182;
}
#g_nav_sp02.g_nav_sp02_on a{
	color: #ffffff;
}
#g_nav_sp03{
	background: url(../images/icn_g_nav_sp_03.png) no-repeat center 18px;
	background-size: 28px 25px;
	border-right: 0 !important;
}
#g_nav_sp03 a{
	color: #EC6C00;
}

#g_nav_sp01_in{
	display: none;
	width: 100%;
	background-color: #fff000;
}
#g_nav_sp01_in li{
	padding: 10px 0 0;
}
#g_nav_sp01_in li a{
	border-radius: 8px;
	margin: 0 auto;
	padding: 15px 10px;
	background-color: #ffffff;
	width: 280px;
	display: block;
	color: #0B3182;
}

#g_nav_sp02_in{
	display: none;
	width: 100%;
	background-color: #0B3182;
}
#g_nav_sp02_in li{
	padding: 10px 0 0;
}
#g_nav_sp02_in li a{
	border-radius: 8px;
	margin: 0 auto;
	padding: 15px 10px;
	background-color: #ffffff;
	width: 280px;
	display: block;
	color: #0B3182;
}

.menu_close1{
	padding: 15px 0;
}


.menu_close{
	padding: 15px 0;
}


#g_nav{
	width: 100%;
	display: none;
}
#site_nav{
	display: none;
}



/* -------------------------------------------------------------フッターサイトマップ */
#footer_sitemap{
	padding:0;
	font-size:100%;
}
#footer_sitemap li{
	display: block;
}
#footer_sitemap li a{
	width: 100%;
	display: block;
	border-bottom:1px solid #ffffff;
	padding: 15px 0;
}


/* -------------------------------------------------------------フッター */
#footer{
	width: 100%;
}
#footer_in{
	max-width: 90%;
	margin: 20px auto;
}
#privacy_mark{
	width: 100%;
	float: none;
	margin-top:20px;
}
#foot_link_out{
	width: 100%;
	float: none;
}
#foot_copy_area{
	width: 90%;
}
#foot_right{
	float: none;
	margin-top: 10px;
}
#foot_left{
	float: none;
}




/* -------------------------------------------------------------中身 */
#pankuzu{
	max-width: 90%;
}

#page_title h1{
	max-width: 90%;
}

#content_in960{
	max-width: 90%;
}

#content_in714{
	width: 100%;
	float: none;
	margin-bottom: 50px;
}
#content_in714nav{
	width: 100%;
	float: none;
}

#content_in960 .column2 li , #content_in960 .column3 li{
	width: 100% !important;
	margin-right: 0;
}
#content_in714 .column2 li , #content_in714 .column3 li{
	width: 100% !important;
}
#content_in960 .column4 li{
	width: 47% !important;
	margin-right: 6%;
}

#content #page_title h1{
	max-width: 92%;
}

.nomal_table{
	font-size: 90%;
}
.line_table{
	font-size: 90%;
}


/* スマホサイズで画像横幅100%：画像の親要素に追加 */
.pic_sp100p img{
	width: 100%;
}

/* スマホサイズで表示しない */
.sp_none{
	display: none;
}
/* PCサイズで表示しない */
.pc_none{
	display: block;
}


}