/*==========================================================================
【seven_style.css】コンテンツページ共通部分（ヘッダー・コンテンツ・フッターなど）
============================================================================*/
@charset "utf-8";
*{margin: 0px; padding: 0px;}
a{text-decoration: none;}
ul{list-style-type: none;}
html{height: 100%; overflow-y: scroll;}
body{font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","qMmpS Pro W3","CI",Meiryo,"lr oSVbN",sans-serif; margin: 0px; padding: 0px; height: 100%; min-height: 100%; background-color: #f4f4f4; text-align: center; font-size: 14px; line-height: 1.7;}
img{display: block; border: 0px none;}
div#container{margin: 0px auto; position: relative; text-align: center; height: 100%; min-height: 100%; background-color: #fff;}
body > div#container{height: auto;}
#header{text-align: center; width: 100%; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;}
#header .content{margin: 0px auto; text-align: left; position: relative;}
#main{margin: 0px auto; text-align: center; width: 100%;}
#main .content{margin: 0px auto; text-align: left;}
#footer{width: 100%; position: absolute; bottom: 0px; left: 0px;}
#footer .content .free{margin: 0px auto; text-align: left;}
#headContent{margin-bottom: 15px;}
#bottomContent{clear: both; overflow: hidden;}
#bottomContent .freeBottom{margin-top: 40px;}
/*#bottomContent #social{margin: 40px 20px 0;}*/
/*#bottomContent #social{overflow: hidden; height: auto;}*/
/*#bottomContent ul#socialObj{text-align: right; float: none;}*/
/*#bottomContent ul#socialObj li{display: inline-block; float: none; margin: 0 8px 8px 0; vertical-align: top;}*/
.googleplus *{width: 60px!important;}
/*******************************
■共通部分
********************************/
body#pagetop{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff!important;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-ms-font-family: "メイリオ"!important;
}
#header .content,
#main,
#main .content{
	max-width: 950px;
	margin: auto;
}
#main .content{margin-bottom: 60px;}
#mainContent{
	max-width: 535px;
	float: none;
	margin: 0 auto;
}
#headContent .free{
	margin-bottom: 20px;
	overflow: hidden;
}
.imghover:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);	/* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	zoom: 1;
}
#formContent div.entryFlow{font-size: 11px;}
/*#social{font-size: 11px!important;}*/
#headContent .free a,
#bottomContent .freeHead a{text-decoration: none!important;}
/*画像拡縮*/
.variable_img{
	width: inherit;
	max-width: 100%;
	height: auto;
}
/*******************************
■各種表示対応
********************************/
/*PC*/
.pc_block,
.pt_block,
.ps_block{display: block!important;}
.pc_inline,
.pt_inline,
.ps_inline{display: inline!important;}
.tb_block,
.ts_block{display: none!important;}
.tb_inline,
.ts_inline{display: none!important;}
.sp_block,
.sp_inline{display: none!important;}
@media screen and (max-width: 970px){
/*TAB*/
.pc_block,
.ps_block
.pc_inline,
.ps_inline{display: none!important;}
.tb_block,
.ts_block{display: block!important;}
.tb_inline,
.ts_inline{display: inline!important;}
}
@media screen and (max-width: 670px){
/*SP*/
.pt_block,
.pt_inline,
.tb_block,
.tb_inline{display: none!important;}
.ps_block,
.sp_block{display: block!important;}
.ps_inline,
.sp_inline{display: inline!important;}
}

/*かいはつちゅう！*/
.construction{
	background: transparent url("../common/construction.png") no-repeat scroll center center;
	font-size: 18px;
	height: 500px;
	overflow: hidden;
	text-align: center;
	text-indent: 100%;
	white-space: pre;
	width: 100%;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
◆PCMODE(～970px)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*******************************
■各種テキストタイトル（PC）
********************************/
.word_color_o{color: #ed6c00;}
.first_message{
	text-align:justify;
	margin: 20px auto;
}
/*----------------------------
【gray_ttl】
グレータイトル: もし・・・？（PC）
------------------------------*/
.gray_ttl{
	background-color: #666666;
	border-top: 2px solid #c8c8c8;
	color: #ffffff;
	font-size: 24px;
	height: 40px;
	letter-spacing: 0.5em;
	line-height: 40px;
	text-align: center;
}
/*----------------------------
【contents_ttl】
大文字タイトル（PC）
------------------------------*/
.contents_ttl{
	font-family: "Roboto Slab",Garamond,"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	padding: 10px 0;
	text-align: center;
}
.contents_ttl.word_small{
	font-size: 32px;
	line-height: 1.2;
	margin-top: 1em;
	letter-spacing: -1px;
	font-weight: normal;
}
.contents_ttl.word_large{
	border-top: 2px solid #c8c8c8;
	font-size: 42px;
	line-height: 48px;
	border-bottom: 2px solid #000000;
}
/*----------------------------
【sub_ttl】
いつの間にか・・・（PC）
------------------------------*/
.sub_ttl{
	color: #ed6c00;
	font-size: 20px;
	letter-spacing: -2px;
	line-height: 1;
	margin: 20px 0;
	text-align: center;
}
/*-サブタイトル直下テキスト-*/
.sub_ttl + p{
	text-align: justify;
}
/*******************************
■その他共通項目（PC）
********************************/
.contents_box{
	margin: 0 auto 40px;
}
/*-------------------------
【.dl_divide】
丸枠リスト（PC）
---------------------------*/
.dl_divide{
	display: table;
	width: 100%;
	height: 100%;
	text-align: justify;
	table-layout: fixed;
	font-size: 0;
	border-spacing: 10px 5px;
}
.dl_divide *{
	box-sizing: border-box;
}
.dl_divide dd{
	border:2px solid #ED6C00;
	border-radius: 20px;
	display: table-cell;
	font-size: 0;
	height: 100%;
	padding: 10px;
	vertical-align: top;
}
/*-------------------------
【dl_eyecath】
三列アイキャッチ（PC）
---------------------------*/
.dl_eyecath{
	box-sizing: border-box;
	display: table;
	margin: 10px auto;
	max-width: 770px;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
.dl_eyecath dd{
	border: 4px solid transparent;
	display: table-cell;
	position: relative;
}
.dl_eyecath img{
	display: inline;
	height: auto;
	width: inherit;
	max-width: 100%;
}
.center_info{
	max-width: 770px;
	margin: auto;
	text-align: left;
}
/*-------------------------
【reference】
注釈（PC）
---------------------------*/
.reference{
	margin: 10px 0;
	text-align: right;
}
.reference span{
	display: inline;
	margin-right: 1em;
}

@media screen and (max-width: 970px){
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
◆TABMODE(970px～670px)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.first_message{
	margin:20px 10px;
}
/*******************************
■各種テキストタイトル（TAB）
********************************/
.contents_ttl.word_large{
	font-size: 32px;
}
.contents_ttl.word_small{
	font-size: 28px;
}
.sub_ttl + p{
	margin: 10px;
}

}
@media screen and (max-width: 670px){
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
◆SPMODE(670px～480px)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*******************************
■各種テキストタイトル（SP）
********************************/
.contents_ttl.word_large{
	font-size: 24px;
	line-height: 32px;
}
.contents_ttl.word_small{
	font-size: 20px;
}
.sub_ttl{
	font-size: 18px;
}

/*******************************
■その他共通項目（SP）
********************************/
/*------------------------
【.dl_eyecath】
三列アイキャッチ(SP2)
--------------------------*/
.dl_eyecath,
.dl_eyecath dd{
	display: block;
}
/*-------------------------
【reference】
注釈（SP）
---------------------------*/
.reference{
	font-size: 12px;
	letter-spacing: -1px;
}
.reference span{
	display: block;
	margin: 10px 0 0;
}
/*-------------------------
【.dl_divide】
丸枠リスト（SP）
---------------------------*/
.dl_divide{
	border-spacing: 0;
	display: block;
}
.dl_divide dd{
	display: block;
	margin: 10px;
	width: auto!important;
}

}