@charset "utf-8";
@media print, screen and (min-width: 751px){
/*--------------------------------------------
	 サイト基本設定　ここの設定はサイト依存
--------------------------------------------*/
body,html {
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック","YuGothic", "游ゴシック体","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	height:auto;
	color:#000;
	font-size: 14px;
	line-height:1.8;
}
.over:hover{
	opacity:0.7;
}
img{
	max-width:100%;
}
a {
	text-decoration:none;
	color:#39a9de;
	display:inline-block;
	transition:0.3s;
}
a:hover {
	color:#bb3633;
}
table {
	width:100%;
}
.sheet_01 th,
.sheet_01 td{
	border:solid 1px #ccc;
	padding:10px;
	text-align:left;
	line-height:1.2
}
.sheet_01 th{
	background-color: #1b99b8;
	color:#fff;
}

.for_sp{
	display:none;
}
.strong{
	font-weight:bold;
}
.small{
	font-size:75%;
}
.red {
	color: #c11;
}
.red01 {
	color: #B91C1D;
}
.gray01 {
	color: #666;
}
.gray02 {
	color: #333;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.left_box{
	float:left;
}
.right_box{
	float:right;
}
ol li{
	list-style:decimal;
	margin-left:20px	
}
/* ---- MOUSE OVER STYLE ---- */
.over {
	transition: 0.3s;
}
.ios .over:hover {
	opacity:1;
}
.ios .over:active {
	opacity:1;
}
.ios .over:link {
	opacity:1;
}
.ios .over:visited {
	opacity:1;
}
.ios .over::focus {
	opacity:1;
}
.list_01 li{
	list-style:disc;
	margin-left:20px;	
}
.list_02 li{
	list-style:decimal;
	margin-left:20px;	
}
/*-WordPress投稿画面-*/

/*-画像位置-*/
img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */
img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */
img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */
/*--------------------------------------------
	Header / ヘッダー
--------------------------------------------*/
#header {
	width:100%;
	border-bottom:solid #39a9de 10px;
}
.under #header {
	border-bottom:none;
}
#top #header.fixedbar {
	position:fixed;
	background-color:rgba(255,255,255,0.8);
	height:97px;
	z-index:1000;
	border-bottom:none;
}
#top #header.fixedbar .hdr_inner{
	padding: 5px 20px;
}
.hdr_inner{
	margin:0 auto;
	width:1200px;
	padding:20px 
}
#hdr_top{
	background:#005982;
	color:#fff;
	font-size:11px;
	line-height:1;
	padding: 5px 0;
}
#hdr_top h1{
	font-weight:initial;
}
.hdr_left{
	float:left;
	width:300px;
}
#hdr_logo a{
	color:#444;
	font-size:10px;
}
#hdr_logo a:hover{
	transition:0.4s;
	opacity:0.7;	
}
.hdr_right{
	float:right;
}
.hdr_right #gNavi{
	width:500px;

}
.hdr_right #hdr_tel{
	float:left;	
}
.hdr_right #hdr_tel p{
	font-size:12px;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック","YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
}
.hdr_right #hdr_tel #tel{
	font-size:32px;
	font-weight:bold;
	color:#c82f27;
	line-height:1.2;font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック","YuGothic", "游ゴシック体","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.hdr_right #hdr_tel #tel span{
	color:#444;
	font-size:22px;
}
.hdr_right #hdr_tel #time{
	background:#1b99b8;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:3px 0;
}
/*--------------------------------------------
	Global Navigation / グローバルナビ
--------------------------------------------*/
#gNavi {
	float:left;
}
#gNavi ul{
}
#gNavi li{
	float:left;
	font-size: 14px;
	color: #343434;
	border-left:solid 1px #f0f0f0;
}
#gNavi li a{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#343434;
	text-align:center;
	width:115px;
}
#gNavi li a:hover{
	color:#c82f27;
}
#gNavi li:nth-child(1) a{
	background:url(../Image/common/reason_icon.png) no-repeat center top;
	padding-top:60px;
}

#gNavi li:nth-child(2) a{
	background:url(../Image/common/example_icon.png) no-repeat center top 10px;
	padding-top:60px;
}
#gNavi li:nth-child(3) a{
	background:url(../Image/common/faq_icon.png) no-repeat center top 10px;
	padding-top:60px;
}
#gNavi li:nth-child(-n+3) a:hover{
	background-color:#f5f5f5;
}
/*--------------------------------------------
	BreadCrubm / パンくず
--------------------------------------------*/
.under #breadcrumb {
	background:#39a9de;
}
.under #breadcrumb .breadcrumb_list {
	width: 1200px;
	margin:0 auto;
	font-size:12px;
	overflow:hidden;
}
#breadcrumb li a {
  font-weight:bold;
  color: #fff;
  text-decoration: none;
  padding: 5px 0 5px 45px;
	background:#39a9de;
  position: relative;
  display: block;
  float: left;
  transition:initial;
}
#breadcrumb li a::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #39a9de;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}
#breadcrumb li a::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}
#breadcrumb li:last-child a::before { 
	display:none;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
}
#breadcrumb li:last-child a {
  background: transparent !important;
  pointer-events: none;
  cursor: default;
  color:#00fff;
}
#breadcrumb li:last-child a::after { 
  border: 0; 
}
#breadcrumb li a:hover { 
  background: #c82f27; 
  color:#fff;
}
#breadcrumb li a:hover:after { 
  border-left-color: #c82f27 !important; 
}
/*--------------------------------------------
	汎用スタイル　（画像ダウンロード防止用）
--------------------------------------------*/
.guard {
	display: block;
    width: 100%;
    height: 100%;
    background: url(../images/common/guard.png);
    z-index: 1000;
    position: absolute;
}
/*--------------------------------------------
	mainimge / メインイメージ
--------------------------------------------*/
#mainimage{
	width:100%;
}
#mainimage img{
	max-width:100%;
}
/*--------------------------------------------
	Contents / コンテンツ大枠
--------------------------------------------*/
.under #contents{
}
.under #cts_inner{
	width:1100px;
	margin:0 auto;
	padding:50px 0 80px;
}
.under #main_cts {
	width: 780px;
	float:left;
}
.under #side_cts{
	width: 270px;
	float:right;
}
/*--------------------------------------------
	Main_cts / メインコンテンツ
--------------------------------------------*/
/*--------------------------------------------
	Side_cts / サイドコンテンツ
--------------------------------------------*/
#side_cts .side_box{
	margin-bottom:20px;
}
#side_cts .side_box:last-child{
	margin-bottom:0;
}
#side_cts #company_info{
	border: 3px solid #18456f;
}
#side_cts #company_info > p{
	padding: 10px 15px;
	background: #18456f;
	line-height: 1.0;
	letter-spacing: 0.03em;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-align:center;
}
#side_cts #company_info .box_inner{
	padding:12px 8px;
}
#side_cts #company_info .box_top{
	border-bottom: 1px dotted #e1e1e1;
	padding-bottom: 6px;
}
#side_cts #company_info .box_top dl dt{
	margin-bottom: 2px;
	padding-left: 29px;
	font-size: 14px;
	font-weight: bold;
}
#side_cts #company_info .box_top dl dt:nth-child(1){
	background: url(../Image/common/side_icon_tel.gif) no-repeat left 3px top 1px;
}
#side_cts #company_info .box_top dl dd:nth-child(2){
	line-height: 1.0;
	letter-spacing: -0.04em;
	-webkit-letter-spacing: -0.04em;
	color: #c82f27;
	font-size: 34px;
	font-weight: bold;
}
#side_cts #company_info .box_top dl dt:nth-child(3){
	background: url(../Image/common/side_icon_contact.gif) no-repeat left 3px top 1px;
}
#side_cts #company_info .box_top dl dd:nth-child(2),
#side_cts #company_info .box_top dl dd:nth-child(4){
	text-align:center;
}
#side_cts #company_info .box_top dl dd:nth-child(5){
	padding-top: 3px;
	letter-spacing: -0.05em;
	font-size: 8px;
}
#side_cts #company_info .box_bottom{
	padding-top: 6px;
}
#side_cts #company_info .box_bottom address{
	font-style:initial;
	line-height:1.3;
	margin-bottom:5px;
	font-size:12px;
}
#side_cts #company_info .box_bottom dl{
	line-height: 1.6;
}
#side_cts .#company_info .box_bottom dl dt,
#side_cts #company_info .box_bottom dl dd{
	display: inline-block;
}
#side_cts #company_name{
	font-weight:bold;
}
#side_cts #company_info .box_bottom dl dt{
	width: 50px;
	background: #ee7408;
	border-radius: 50px;
	text-align: center;
	line-height:1.0;
	letter-spacing: 0.06em;
	font-size: 10px;
	color: #fff;
	padding: 5px 3px;
	display:inline-block;
	font-weight:bold;
}
#side_cts #company_info .box_bottom dl dd{
	width: 180px;
	padding-left:6px;
	letter-spacing: 0.04em;
	font-size: 12px;
	font-weight: bold;
	display:inline-block;

}
#side_cts #side_nav li{
	margin-bottom:10px;
}
#side_cts #bnr_list li{
	margin-bottom:7px;
}
/*--------------------------------------------
	Footer / フッター
--------------------------------------------*/
#footer {
	width:100%;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック","YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ftr_inner {
	background-color: #c9ccd0;
}
#ftr_pc{
	padding: 40px 50px;
	width:1200px;
	margin:0 auto;
}
#ftr_logo{
	margin-bottom: 10px;
	font-weight:bold;
}
#ftr_logo img{
	margin-right:15px;
	vertical-align:bottom;
}
.ftr_left{
	float:left;
}
.ftr_left li{
	float:left;
	margin-right:80px;
	font-size:14px;
	width:140px;
	margin-bottom: 15px;
}
.ftr_left li:nth-child(3n){
	margin-right:0;
}
.ftr_left li:nth-last-child(-n+3){
	margin-bottom:0;
}
.ftr_right{
	float:right;
}
#ftr_nav{
	width:680px;
}
#ftr_nav li a{
	color:#000;
	list-style:none;
	font-size:13px;
	box-sizing:border-box;
}
#ftr_nav li a:hover{
	color:#d8180e;
}
#footer #ftr_address{
	font-weight:bold;
	font-size: 12px;
}
#footer #copyright {
	text-align:center;
	background: #1b99b8;
	color:#fff;
	padding:10px;
	font-size:11px;
}
.totop{
	position:fixed;
	bottom:100px;
	right:100px;
}
.totop a{
    display: block;
    width: 50px;
    height: 50px;
    background-color: #282c34;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    line-height: 50px;
    opacity: 0.8;
}
}