@charset "UTF-8";

/*

【キーカラー】
レッド：#007561
ピンク：#00C1A1
ブルー：#1c4e98;
 */
 
 /* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   共通
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
body{
	font-size:6px;
	padding-bottom:15px;
}

main#main{
	
}

main#main > section{
	width:100%;
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   ヘッダー
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
header#header {
	width:100%;
	height:60px;
	position:fixed;
	top:0;
	background-color:rgba(255,255,255,1);
	border-bottom:1px solid #efefef;
	z-index:1000;
}
@media print{
	header#header {
	position:absolute;
}
}
header#header div.inner{

}

header#header h1.logo{
	width:100%;
	margin:0 auto;
}

header#header h1.logo img{
	display:block;
	width:100px;
	margin:14px 0 0 14px;
	float:left;
}

header#header h1.logo span{
	display:block;
	width:180px;
	line-height:35px;
	text-align:center;
	margin:8px 8px 0 0;
	float:right;
	color:#fff;
	background-color:#00C1A1;
	font-size:160%;
	font-weight:bold;
}

header#header div.contact{
	display:none;
	
}

header#header div.contact p.contact_mail{
	float:right;
	height:100%;
	width:300px;
}

header#header div.contact p.contact_mail a{
	display:block;
	line-height:80px;
	padding:0 0 0 60px;
	width:240px;
	color:#fff;
	background-color:#1c4e98;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/contact_mail_icon01.png);
	background-position:25px center;
	background-repeat:no-repeat;
	background-size:24px ;
	font-size:170%;
	
	transition:all 0.3s;
}

header#header div.contact p.contact_mail a:hover{
	background-color:#4078bc;
}

header#header div.contact p.contact_tel{
	float:right;
}

header#header div.contact p.contact_tel a{
	padding:0 20px 0 0;
	display:block;
	color:#1c4e98;
	font-size:22px;
	font-weight:bold;
	letter-spacing:2px;
	line-height:80px
}

header#header div.contact p.contact_tel a span{
	display:block;
	float:left;
	border:1px solid #1c4e98;
	text-align:center;
	line-height:28px;
	padding:0 10px;
	margin:25px 10px 0 0;
	font-size:12px;
	font-weight:bold;
}



/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   メインビジュアル
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
section#main_visual {
	padding-top:51px;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/section_bottom_img01.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-size:750px;
	
}

section#main_visual div.inner{
	width:100%;
	padding-bottom:100px;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/main_visual_bottom_back01.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:500px;
	position:relative;
}

section#main_visual div.visual{
	height:180px;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/main_visual_img02.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0 0 0 0;
}

section#main_visual div.visual h2{
	color: #fff;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
    position: absolute;
    top: 20px;
    left: 3%;
    font-size: 250%;
    font-weight: bold;
    line-height: 1.7em;
    letter-spacing: 3px;
    z-index: 100;
}

section#main_visual div.visual > h2{
	display:none;
}

section#main_visual div.visual h2 strong{
	background-color: rgba(224, 98, 33,0.5);
    padding: 0 10px;
    font-weight: bold;
    border-bottom: 3px solid #008F79;
    font-size: 1.2em;
    line-height: 1.5;
}

section#main_visual div.visual ul.slider{
	display: none;
}

section#main_visual div.visual ul.slider li{
	width:100%;
	height:180px;
	background-position:center center;
	background-size:cover;
	position:relative;
}

section#main_visual div.first_view{
	background-image:url(/hojin/shikin/take-off/lp/img/200331/main_visual_point_back01.png);
	background-size:cover;
	padding:30px 15px;
	margin-top:-30px;
	z-index:101;
	position: relative;
}

section#main_visual h3{
	text-align:center;
	width:100%;
	color:#007561;
	margin:0 0 10px 0;
	font-size:24px;
	font-weight:bold;
	position:relative;
}

section#main_visual h3 span{
	font-size:12px;
	display:block;
	margin:0 0 5px 0;
}

section#main_visual h3 span.message{
	font-size:12px;
	display:block;
	margin:0 0 5px 0;
	position:absolute;
	top:-60px;
	right:0;
}

section#main_visual h3 span.message img{
	width:70px;
}

section#main_visual div.point{
	width:100%;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
}

section#main_visual div.point p{
	
}

section#main_visual div.point p.img01{
	float:left;
	width:50%;
	text-align:left;
}

section#main_visual div.point p.img02{
	float:right;
	width:50%;
	text-align:right;
}

section#main_visual div.point p img{
	width:98%;
}

/*section#main_visual div.point p.img01:after{
	content:"＆";
	color:#007561;
	font-size:30px;
	font-weight:bold;
	margin:0 10px;
	line-height:50px;
	display:inline-block;
	vertical-align:top;
}*/

section#main_visual h4{
	font-size:14px;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	margin:0 0 20px 0;
	color:#007561;
	border-top:1px solid #007561;
	border-bottom:1px solid #007561;
	background-color:rgba(168,33,36,0.1);
}

section#main_visual p.example{
	margin:0 0 20px 0;
}

section#main_visual p.example img {
	width:100%;
}

section#main_visual p.solution{
	background-color:#007561;
	padding:10px 0;
	
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:1.8em;
	text-align:center;
	position:relative;
}
section#main_visual p.solution strong{
	color:#E7E4A2;
	font-weight:bold;
	text-decoration:underline;
}

section#main_visual p.solution span.message{
	width:30px;
	position:absolute;
	top:-20px;
	left:10px;
}

/* 最初のお問い合わせブロックを非表示*/
section.contact.first{
	display:none;
}

/*お知らせリンク追加20181019*/
section#main_visual div.topics{
	padding:15px;
	
}

section#main_visual div.topics h3{
	color:#007561;
	text-align:center;
	font-size:16px;
	margin:0 0 10px 0;
	
}

section#main_visual div.topics p a{
	display:block;
	background-color:#00C1A1;
	padding:15px;
	font-size:14px;
	color:#fff;
	line-height:1.5em;
	border-left:3px solid #007561;
}

/*ページ内リンク追加20170821*/

section#main_visual div.page_nav ul{
	text-align:center;
	height:65px;
}

section#main_visual div.page_nav ul li{
	width:33.3%;
	float:left;
	position:relative;
}

section#main_visual div.page_nav ul li a{
	display:block;
	color:#fff;
	line-height:15px;
	font-size:12px;
	padding:15px 0 20px 0;
	border-right:1px solid #fff;
	
	background: #a82124;
	background: -moz-linear-gradient(top,  #a82124 0%, #00654E 100%);
	background: -webkit-linear-gradient(top,  #a82124 0%,#00654E 100%);
	background: linear-gradient(to bottom,  #a82124 0%,#00654E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a82124', endColorstr='#00654E',GradientType=0 );
}

		section#main_visual div.page_nav ul li:nth-of-type(1) a{

		}
		section#main_visual div.page_nav ul li:nth-of-type(2) a{
			line-height:30px;
		}
		section#main_visual div.page_nav ul li:nth-of-type(3) a{
			border-right:none;

		}
		
section#main_visual div.page_nav ul li a:after{
	content: "\f078";
	font-family: FontAwesome;
	width:100%;
	text-align:center;
	bottom:5px;
	left:0;
	color:#fff;
	position:absolute;
	z-index:100;
	line-height:1em;
	padding:0;
}
/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   八十二長野銀行  創業応援資金＜テイクオフ＞４つの特徴
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
section#feature {
	width:100%;
	background-color:#efefef;
	padding:40px 0;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/section_bottom_img01.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-size:750px;
}

section#feature > div.inner{
	width:90%;
	margin:-145px auto 0 auto;
	padding-top:145px;
}

section#feature div.inner > h2{
	position:relative;
	width:300px;
	line-height:50px;
	margin:0 auto 10px auto;
	font-weight:bold;
	text-align:center;
}

section#feature div.inner > h2 span.parts01{
	color:#007561;
	position:absolute;
	top:0px;
	left:20px;
	font-size:10px;
	line-height:15px;
	font-weight:bold;
}

section#feature div.inner > h2 span.parts02{
	color:#007561;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	margin-left:-15px;
}

section#feature div.inner > h2 span.parts03{
	color:#007561;
	font-size:50px;
	font-weight:bold;
	vertical-align:middle;
}

section#feature div.inner > h2 span.parts04{
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
}

section#feature div.inner > p.outline{
	font-size:180%;
	margin:0 0 10px 0;
	text-align:center;
	line-height:1.5em;
}

/* ----------------------------------------------------------------------------------
  メニュー
---------------------------------------------------------------------------------- */
section#feature ol.menu{
	margin:0 0 10px 0;
}

section#feature ol.menu li {
	float:left;
	width:100%;
	height:60px;
	margin:0 0 4px 0;
}

section#feature ol.menu li a{
	display:block;
	vertical-align: middle;
	width:calc(100% -70px);
	height:calc(60px - 15px);
	background-color:#aba69a;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/arrow_right_white_01.png);
	background-position:center right 5px;
	background-repeat:no-repeat;
	background-size:5px;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	position:relative;
	padding:15px 0 0 70px;
	line-height:1.5em;
	
	transition:all 0.3s;
}

section#feature ol.menu li a span{
	display:block;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:30px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

section#feature ol.menu li a span:before{
	content:" ";
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	left:0;
	top:0;
	
}

		section#feature ol.menu li:nth-of-type(1) a span{
			background-image:url(/hojin/shikin/take-off/lp/img/200331/feature_menu_img01.png);
		}
		
		section#feature ol.menu li:nth-of-type(2) a span{
			background-image:url(/hojin/shikin/take-off/lp/img/200331/feature_menu_img02.png);
		}
		
		section#feature ol.menu li:nth-of-type(3) a span{
			background-image:url(/hojin/shikin/take-off/lp/img/200331/feature_menu_img03.png);
		}
		
		section#feature ol.menu li:nth-of-type(4) a span{
			background-image:url(/hojin/shikin/take-off/lp/img/200331/feature_menu_img04.png);
		}

/* ----------------------------------------------------------------------------------
  特徴共通
---------------------------------------------------------------------------------- */
section#feature div.wrap{
	margin-top:-60px;
	padding-top:60px;
}

section#feature section{
	background-color:#fff;
	box-shadow:5px 5px 0 rgba(0,0,0,0.1);
	margin:0 0 20px 0;
}

section#feature section h3{
	background-color:#007561;
	height:100px;
	border-bottom:5px solid #00654E;
	color:#fff;
	position:relative;
	line-height:1.5em;
	padding:0 10px 0 70px;
	font-size:240%;
	font-weight:bold;
	text-shadow:0 -2px 0 rgba(0,0,0,0.3);
	background-image:url(/hojin/shikin/take-off/lp/img/200331/feature_title_back_img01.png);
	background-position:center top;
	background-repeat:no-repeat;
}

section#feature section h3 strong{
	line-height:1.5em;
	display:table-cell;
	vertical-align:middle;
	height:100px;
	font-weight:bold;
}

section#feature section h3 span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:100px;
	line-height:100px;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/feature_title_back_img02.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:15px;
	font-size:30px;
	text-align:center;
}

section#feature section div.inner{
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

section#feature section p.img_right{
	margin:0 0 10px 0;
}

section#feature section p.img_right img{
	width:100%;
}

section#feature section p.img_left{
	margin:0 0 10px 0;
}

section#feature section p.img_left img{
	width:100%;
}

section#feature section p.img_center{
	
}

section#feature section p.img_center img{
	width:100%;
}

section#feature section p.txt{
	font-size:200%;
	line-height:1.8em;
	margin:0 0 10px 0;
}

section#feature section p.txt strong{
	color:#007561;
}

section#feature section p.txt span{
	font-size:10px;
	color:#666;
	line-height:15px;
}

/* ----------------------------------------------------------------------------------
  特徴01：創業予定の方でもご利用可能です。
---------------------------------------------------------------------------------- */
section#feature div#feature_detail01{
	
}

section#feature div#feature_detail01 h4{
	clear:both;
	text-align:center;
	font-size:240%;
	line-height:1.5em;
	font-weight:bold;
	color:#007561;
	margin:0 0 10px 0;
}

section#feature div#feature_detail01 table{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	width:100%;
	font-size:180%;
	margin:0 0 20px 0;
	line-height:1.5em;
}

section#feature div#feature_detail01 table th{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:15px;
}

		section#feature div#feature_detail01 table th.type01{
			background-color:#aba69a;
			color:#fff;
		}

section#feature div#feature_detail01 table td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px;
	width:25%;
}

		section#feature div#feature_detail01 table td.type02{
			background-color:#f0f0ef;
			width:240px;
		}


section#feature div#feature_detail01 table td span{
	color:#008F79;
}

section#feature div#feature_detail01 ul.caution{
	
}

section#feature div#feature_detail01 ul.caution li{
	font-size:140%;
	color:#666;
	margin:0 0 10px 0;
}
/* ----------------------------------------------------------------------------------
  特徴02：個人の方は団体信用生命保険付にご加入でき万が一のときでも安心です。
---------------------------------------------------------------------------------- */
section#feature div#feature_detail02{
	
}
/* ----------------------------------------------------------------------------------
  特徴03：専門家派遣費用を当行が負担します。
---------------------------------------------------------------------------------- */
section#feature div#feature_detail03{
	
}
/* ----------------------------------------------------------------------------------
  特徴04：県内のコワーキングスペース月額入居料の2ヶ月分を当行が負担します。
---------------------------------------------------------------------------------- */
section#feature div#feature_detail04{
	
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   ご融資内容の詳細
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
section#details {
	padding:40px 0 0 0;
	
}

section#details div.inner{
	width:90%;
	margin:-145px auto 0 auto;
	padding-top:145px;
}

section#details h2{
	background-color:#008F79;
	color:#fff;
	line-height:40px;
	text-align:center;
	font-size:300%;
	font-weight:bold;
}

section#details table{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	width:100%;
	font-size:180%;
	margin:0 0 20px 0;
	line-height:1.5em;
}

section#details table th{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px;
	background-color:#f0f0ef;
	width:100px;
}

section#details table td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:15px;
}

section#details table td p.note01{
	font-size:10px;
	line-height:1.5em;
	color:#666;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}

section#details table td ol{
	padding:0 0 0 10px;
	
}

section#details table td ol li{
	list-style:decimal;
	color:#008F79;
	margin:0 0 10px 0;
}

section#details table td ol li span{
	color:#000;
}

section#details ul.caution{
	
}

section#details ul.caution li{
	font-size:160%;
	color:#666;
	margin:0 0 10px 0;
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   ご相談の流れ
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */


section#flow {
	padding:40px 0 40px 0;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/section_bottom_img01.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-size:750px;
}

section#flow div.inner{
	width:90%;
	margin:0 auto;
}

section#flow h2{
	background-color:#1c4e98;
	color:#fff;
	line-height:40px;
	text-align:center;
	font-size:300%;
	font-weight:bold;
	margin:0 0 30px 0;
}

section#flow ol{
	margin:0 0 0 0;
	text-align:center;
}

section#flow ol > li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:115px;
	height:140px;
	background-color:#dbe6f0;
	margin:0 2px 30px 2px;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:135px;
	padding:145px 10px 20px 10px;
	font-size:180%;
	line-height:1.5em;
	font-weight:bold;
	text-align:left;
}

		section#flow ol > li:nth-of-type(1){
			background-image:url(/hojin/shikin/take-off/lp/img/200331/flow_img01.png);
		}
		
		section#flow ol > li:nth-of-type(2){
			background-image:url(/hojin/shikin/take-off/lp/img/200331/flow_img02.png);
		}
		
		section#flow ol > li:nth-of-type(3){
			background-image:url(/hojin/shikin/take-off/lp/img/200331/flow_img03.png);
		}
		
		section#flow ol > li:nth-of-type(4){
			background-image:url(/hojin/shikin/take-off/lp/img/200331/flow_img04.png);
		}


section#flow ol > li span.num{
	position:absolute;
	left:calc(50% - 20px);
	top:-20px;
	display:block;
	width:40px;
	height:40px;
	color:#fff;
	text-align:center;
	line-height:40px;
	font-size:15px;
	background-color:#1c4e98;
	border-radius:20px;
}

section#flow ol > li span.caution{
	font-size:10px;
	line-height:1.5em;
	color:#666;
}

section#flow ol > li strong{
	color:#1c4e98;
	font-weight:bold;
}

section#flow ol > li ul.file{
	padding:10px 0 0 0;
}

section#flow ol > li ul.file li{
	font-size:10px;
	line-height:1em;
	margin:0 0 5px 0;
}
section#flow ol > li ul.file li:first-child a{
	color:#666;
	display:block;
	background-image:url(/hojin/shikin/take-off/lp/img/flow_xls_icon.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:10px;
	line-height:18px;
	padding:0 0 0 12px;
	 text-decoration:underline;
}
section#flow ol > li ul.file li a{
	color:#666;
	display:block;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/flow_pdf_icon.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:10px;
	line-height:18px;
	padding:0 0 0 12px;
	 text-decoration:underline;
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   ご融資の例
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */

section#example {
	padding:80px 0 0 0;
	background-color:#efefef;
}

section#example div.inner{
	width:90%;
	margin:-145px auto 0 auto;
	padding-top:145px;
}

section#example h2{
	font-size:350%;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	margin:0 0 10px 0;
}

section#example ul.tabs{
	margin:0 0 0 0;
	text-align:center;
}

section#example ul.tabs li{
	display:inline-block;
	vertical-align:bottom;
	margin:0 2px ;
	width:85px;
	
}

section#example ul.tabs li a{
	display:block;
	width:calc(100% - 10px);
	height:70px;
	vertical-align:middle;
	background-color:#aba69a;
	color:#fff;
	font-size:140%;
	font-weight:bold;
	line-height:1.5em;
	padding:90px 5px 10px 5px;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:85px;
}

section#example ul.tabs li.active a{
	background-color:#007561;
}

		section#example ul.tabs li:nth-of-type(1) a{
			background-image:url(/hojin/shikin/take-off/lp/img/200331/example_tab_img01.png);
		}
		
		section#example ul.tabs li:nth-of-type(2) a{
			background-image:url(/hojin/shikin/take-off/lp/img/200331/example_tab_img02.png);
		}
		
		section#example ul.tabs li:nth-of-type(3) a{
			background-image:url(/hojin/shikin/take-off/lp/img/200331/example_tab_img03.png);
		}

section#example ul.tabs li a span{
	font-weight:bold;
}

section#example div.tab_content{
	width:calc(100% - 30px);
	background-color:#fff;
	border:5px solid #007561;
	padding:10px 10px 0px 10px;

}

section#example div.tab_content div.outline{
	
}

section#example div.tab_content div.outline p.visual{
	margin:0 0 10px 0;
}

section#example div.tab_content div.outline p.visual img{
	width:100%;
}

section#example div.tab_content div.outline dl{
	
}

section#example div.tab_content div.outline dl dt{
	color:#007561;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
}

section#example div.tab_content div.outline dl dd{
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:1.5em;
}

section#example div.tab_content ul.detail{
	
}

section#example div.tab_content ul.detail li{
	background-color:#efefef;
	margin:0 0 10px 0;
}

section#example div.tab_content ul.detail li h3{
	background-color:#aba69a;
	color:#fff;
	font-size:14px;
	line-height:30px;
	text-align:center;
	padding:0 10px ;
	font-weight:bold;
	
}

section#example div.tab_content ul.detail li p{
	padding:10px;
	font-size:12px;
	line-height:1.5em;
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
    起業に関するよくある質問
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
section#faq {
	padding:40px 0 40px 0;	
	background-image:url(/hojin/shikin/take-off/lp/img/200331/section_bottom_img01.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-size:750px;
	background-color:#efefef;
}

section#faq div.inner{
	width:90%;
	margin:-145px auto 0 auto;
	padding-top:145px;
}

section#faq h2{
	font-size:350%;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	margin:0 0 10px 0;
}

section#faq ul{

}

section#faq ul li{
	margin:0 0 20px 0;
	
}

section#faq ul li h3{
	background-color:#dbe6f0;
	padding:20px 20px 20px 80px;
	font-size:240%;
	line-height:1.5em;
	font-weight:bold;
	position:relative;
}

section#faq ul li h3:before{
	content:"Q";
	display:block;
	position:absolute;
	left:20px;
	top:calc(50% - 20px);
	width:40px;
	height:40px;
	color:#fff;
	text-align:center;
	line-height:40px;
	font-size:20px;
	background-color:#1c4e98;
	border-radius:20px;
}

section#faq ul li p{
	background-color:#fff;
	padding:20px 20px 20px 80px;
	font-size:200%;
	line-height:1.5em;
	position:relative;
}

section#faq ul li p:before{
	content:"A";
	display:block;
	position:absolute;
	left:20px;
	top:calc(50% - 20px);
	width:40px;
	height:40px;
	color:#fff;
	text-align:center;
	line-height:40px;
	font-size:20px;
	background-color:#007561;
	border-radius:20px;
}
/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
    問い合わせブロック
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
section.contact {
	background-image:url(/hojin/shikin/take-off/lp/img/200331/contact_back_img01.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:auto;
	color:#fff;
}

section.contact div.inner{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/contact_operator_img01.png);
	background-repeat:no-repeat;
	background-position:bottom left -10px;
	background-size:70px;
	padding:20px 0 0 0;
}

section.contact h2{
	/*background-image:url(/hojin/shikin/take-off/lp/img/200331/contact_title_back01.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:250px;*/
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	width:80%;
	padding:10px 0 10px 0;
	margin:0 auto 15px auto;
	border:1px solid #fff;
	border-radius:10px;
}

section.contact p.contact_tel{
	font-size:16px;
	line-height:20px;
	letter-spacing:2px;
	font-weight:bold;
	text-align:center;
	width:250px;
	padding:0 0 0 0;
	margin:0 auto 15px auto;
}

section.contact p.contact_tel a{
	color:#fff;
}

section.contact p.contact_tel a span{
	display:inline-block;
	width:50px;
	line-height:20px;
	font-size:10px;
	letter-spacing:0px;
	text-align:center;
	background-color:#007561;
	margin:0px 10px 0 0;
	vertical-align:top;
 }

section.contact p.contact_tel a span.time{
	display:block;
	width:100%;;
	line-height:20px;
	font-size:11px;
	letter-spacing:0px;
	text-align:center;
	background-color:transparent;
	margin:3px 10px 0 0;
	vertical-align:top;
 }
 
section.contact p.contact_mail{
	width:80%;
	padding:0 0 0 0;
	margin:0 auto 20px auto;
	position:relative;
}

section.contact p.contact_mail a{
	display:block;
	padding:30px 0 0 0;
	margin:0 auto;
	font-size:15px;
	font-weight:bold;
	line-height:60px;
	border-radius:10px;
	text-align:center;
	background-color:#1c4e98;
	background-image:url(/hojin/shikin/take-off/lp/img/200331/contact_mail_icon01.png);
	background-position:center 20px;
	background-repeat:no-repeat;
	background-size:25px ;
	color:#fff;
	
	transition:all 0.3s;
}

		  section.contact p.contact_mail a:after{
			  content:" ";
			  display:block;
			  position:absolute;
			  top:0;
			  left:0;
			  background-image:url(/hojin/shikin/take-off/lp/img/200331/feature_title_back_img01.png);
			  background-position:top -50px center;
			  background-repeat:no-repeat;
			  
			  transition:all 0.3s;
		  }
		  
		  section.contact p.contact_mail a:hover:after{
			  background-position:top -15px center;
			  
			  
		  }

		section.contact p.contact_mail a:hover{
			background-color:#245ca0;
			box-shadow:5px 5px 0 rgba(0,0,0,0.4);
		}

section.contact ul.contact_other{
	width:250px;
	padding:0 5px;
	margin:0 auto;
	text-align:center;
	
}

section.contact ul.contact_other li{
	display:inline-block;
	margin:0 10px 20px 10px;
}

section.contact ul.contact_other li a{
	color:#fff;
	font-size:160%;
	font-weight:bold;
	text-decoration:underline;
}


/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
    フッター
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
footer#footer {
	background-color:#333;
	color:#fff;
	padding:10px ;
	margin-bottom:50px;
}

footer#footer div.sp_bottom_fixed{
	width:100%;
	height:65px;
	background-color:#1c4e98;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:18;
}

footer#footer div.sp_bottom_fixed p.contact_tel{
	font-size:16px;
	line-height:20px;
	letter-spacing:2px;
	font-weight:bold;
	text-align:center;
	width:100%;
	padding:0 0 0 0;
	margin:0 auto 15px auto;
}

footer#footer div.sp_bottom_fixed p.contact_tel a{
	color:#fff;
	display:block;
	width:100%;
}

footer#footer div.sp_bottom_fixed p.contact_tel a span.comment{
	font-size:10px;
	display:block;
	padding-top:3px;
}

footer#footer div.sp_bottom_fixed p.contact_tel a span.free{
	display:inline-block;
	width:50px;
	line-height:20px;
	font-size:10px;
	letter-spacing:0px;
	text-align:center;
	background-color:#007561;
	margin:0px 10px 0 0;
	vertical-align:top;
 }
footer#footer div.sp_bottom_fixed p.contact_tel a i{
	
}
footer#footer div.sp_bottom_fixed p.contact_tel a span.time{
	display:block;
	width:100%;
	line-height:20px;
	font-size:10px;
	letter-spacing:1px;
	text-align:center;
	background-color:transparent;
	margin:0 10px 0 0;
	vertical-align:top;
 }

footer#footer p{
	text-align:center;
	line-height:1.5em;
	font-size:140%;
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   コンテンツメニュー（2020年3月追記）
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */
ul.menu {
    margin: -30px auto 0 auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 5px solid #008F79;
    margin-bottom: 20px;
    z-index: 100;
    position: relative;
}
ul.menu a{
	color:#000;
	
}
ul.menu > li {
	border-bottom:1px solid #ccc;
	height:auto;
	float:none;
	padding-bottom:60px;
	position:relative;
}
ul.menu > li:last-child {
	border-right:none;
}
ul.menu > li:nth-of-type(1) {
	width:calc(100% - 1px);
}
ul.menu > li:nth-of-type(2) {
	width:calc(100% - 1px);
}
ul.menu > li:nth-of-type(3) {
	width:calc(100% - 1px);
}
ul.menu li a.parent {
	text-align:center;
	display:block;
	font-size:21px;
	padding-top:40px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.3em;
}
ul.menu li a.parent span {
	background-color:#008F79;
	border-radius:48px;
	display:inline-block;
	position:absolute;
	top:-32px;
	left:calc(50% - 30px);
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	
}
ul.menu li a.parent span img {
	width:25px;
	text-align:center;
	vertical-align:middle;
}
ul.menu li ul.child {
	text-align:center;
	padding:
}
ul.menu li ul.child li {
	display:inline-block;
	writing-mode: vertical-rl;
    text-align: left;
	vertical-align: top;
}
ul.menu li ul.child li a {
	padding:10px;
	border-radius:10px;
	display:block;
	font-size:14px;
	font-weight:bold;
	transition:all 0.3s;
}
ul.menu li ul.child li a:hover {
	background-color:#efefef;
}
ul.menu li ul.child li a span {
	-webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
  font-size: 20px;
    font-weight: bold;
    color: #008F79;
    margin-bottom: 5px;
    transition: all 0.5s;
}