/* レスポンシブ用 表示非表示 */

.lsc {display: block;}
.ssc {display: none;}

.pc_only {display: block;}
.sp_only {display: none;}

@media print, screen and (max-width: 1200px) {
	.banner-inner,
	.container-inner,
	.footer-menu-inner,
	.footer-inner{
		width: 97%;
	}
	.left-sidebar .section-box-wrap{
		width: 100%;
		max-width: 580px;
		margin: 0 auto 20px;
	}
	.individuals .accident-wrap section{
		width: 48%;
	}
	#Training-system .title-box{
		margin: 30px auto 0;
		padding: 0 0 20px 0;
	}
	#Training-system .pd{
		padding-top: 20px;
	}
	#Training-system .title-box h6{
		width: 100%;
		margin-bottom: 20px;
		position: relative;
		top: 0;
		left: 0;
	}
	#Training-system .title-box p,
	#Training-system .title-box dl{
		width: 95%;
		margin: 0 auto 5px;
	}
	#Benefits .title-box ul{
		width: 67%;
		max-width: 500px;
	}
	#Data .data-box{
		width: 100%;
		max-width: 450px;
		margin: 0 auto 20px;
	}
}
@media print, screen and (max-width: 1000px) {

    html,body{
        width: 100%;
        -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    /*textarea,input{
        max-width: 95%;
    }*/
    /* iframe埋め込み */

    .iframe-wrap {
        position: relative;
        padding-top: 56.25%;
        width: 100%;
    }

    .iframe-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* 

    1.2 レイアウト 

    */

    .footer-bar-inner, 
    .banner-inner, 
    .glovalnavi-inner, 
    .footer-menu-inner, 
    .footer-inner {
        width: 100%; /* ページ全体の幅 */
    }

    .container {
        display: block;
       /* padding: 0;*/
    }

    .custom-background .wrapper {
        max-width: auto;
        width: 100%;
    }

    .footer-bar-inner, 
    .banner-inner, 
    .glovalnavi-inner, 
    .footer-menu-inner, 
    .footer-inner {
        /*padding-right: 20px;
        padding-left: 20px;*/
        max-width: auto;
        width: 100%;
    }

    .glovalnavi > .pad { /* padはグローバルメニューの調整用クラス */
        margin-left: 20px;
        margin-right: 20px;
    }
	.banner-inner a{
		width: 18%;
	}
	.banner-inner .header-right{
		width: 82%;
	}
    /*.glovalnavi ul ul,
    .glovalnavi ul ul li {
        display: none;
    }*/

    /* ２カラム */

    .right_sidebar #contents {
        display: block;
        float: none;
        width: auto;
    }

    .right_sidebar #main {
        float: left;
        margin-left: 0;
        margin-right: -220px; /* sidebar + margin(20) */
        width: 100%;
    }

    .right_sidebar .main-inner {
        margin-left: 0;
        margin-right: 220px; /* sidebar + margin(20) */
    }

    .right_sidebar #sidebar1 {
        float: right;
        width: 200px;
    }

    .right_sidebar #sidebar2 {
        float: right;
        clear: right;
        width: 200px;
    }

    /* 

    2.2 サイトタイトル、サイトの説明

    */

    .site-description {
        display: none;
    }

    /* カスタムヘッダー */
    .header-txt {
        left: 40px;
        width: auto;
    }
	
	/* 大渕追加 */
	#choose-tab section .tab1,
	#choose-tab section .tab2{
		font-size: 18px;
	}
	#choose-tab section .content1, 
	#choose-tab section .content2{
		padding: 20px;
	}
	#choose-tab section .content li a,
	#blue-button li,
	#info section article dl{
		font-size: 12px;
	}
	#blue-button li .blue-button{
		font-size: 13px;
	}
	#info section article dl dt{
		width: 9em;
	}
	#info section article dl dd{
		margin-left: 1em;
	}
	#footer-banner ul li a span{
		font-size: 20px;
		height: 20px;
		padding: 0 15px;
	}
	#footer-banner ul li a span i{
		line-height: 20px;
	}
	
	#footer-banner ul li {
		width: 49%;
	}
	#footer-banner ul li:nth-of-type(-n+2) {
		margin-bottom: 2%;
	} 
	#footer-banner ul li a {
    	padding: 13% 0;
	}
	#footer-banner ul li a span{
		padding: 0 25px;
	}
	#footer-menu-inner{
		max-width: 600px;
	}
	#footer-menu .footer1 {
		width: 100%;
	}
	#footer-menu .footer-menu-inner{
		margin-top: 20px;
	}
	.left-sidebar .section-box-wrap:after{
		width: auto;
	}
	
	.left-sidebar table th,
	.left-sidebar table td,
	#Marine table tbody th,
	#Marine table tbody td,
	#Optimization table tbody th,
	#Optimization .last-table tbody th,
	#Optimization .last-table .before,
	#Optimization .last-table .after{
		width: 100%;
		display: block;
	}
	.left-sidebar table th{
		background: #eee;
		padding: 0.5em 1em;
	}
	.left-sidebar table td .layout_in th{
		width: 90%;
		background: #fff;
		padding-bottom: 0;
	}
	.left-sidebar table td .layout_in td{
		padding-top: 0;
	}
	#Risk-management-service table thead th,
	#Many-inquiries table thead th,
	#Marine table thead th,
	#Medical-cancer-group table thead th{
		display: none;
	}
	#Optimization table thead th:first-child{
		display: none;
	}
	#Risk-management-service table tbody th,
	#Many-inquiries table tbody th,
	#Marine table tbody th,
	#Marine table tbody td,
	#Optimization table tbody th,
	#Optimization .last-table .before,
	#Medical-cancer-group table tbody td{
		text-align: center;
	}
	#Risk-management-service table tbody tr,
	#Many-inquiries table tbody tr,
	#Marine table tbody tr,
	#Medical-cancer-group table tbody tr{
		margin-bottom: 5px;
		border: 1px solid #eee;
		display: block;
	}
	#Many-inquiries table tbody .tleft{
		width: 100%;
		font-weight: bold
	}
	#Optimization table{
		border: 1px solid #eee;
	}
	.table-wrap{
		width: 100%;
		overflow-x: auto;
    	display: block;
	}
	.table-wrap table {
		min-width: 800px;
		table-layout: fixed;
  	  width: 100%;
	}
	.table-wrap table th,
	.table-wrap table td{
		background: none;
		padding: 1.2em 1em;
		width: auto;
		display: table-cell;
	}
	#Compensation .table-wrap table .th{
		min-width: 200px;
		white-space:normal;
	}
	.service-link-box a{
		width: 31%;
	}
	.left-sidebar .flex .w100,
	.risk .flex .img-wrap,
	.risk .flex ul,
	#Business-matching .flex h5{
		width: 100%;
	}
	.left-sidebar .flex .rbgt,
	.left-sidebar .flex ul{
		margin-top: 20px;
	}
	.life .foot_link_bx .img-wrap{
		width: 35%;
	}
	.life .sozoku_div .sozoku_bx {
		width: 48%;
		margin-bottom: 20px ;
		padding-right: 1%;
		padding-left: 1%;
	}
	.life ul.box li {
		width: 48%;
		margin-bottom: 20px;
		font-size: 1.1rem;
	}
	/*海上保険*/
	.marine ul.marine01 li {
    	width: 48%;
	}
	.individuals .pamphlet-wrap a,
	.individuals .accident-wrap section{
		width: 48%;
	}
	.individuals .accident-wrap section{
		width: 100%;
	}
	.individuals .accident-wrap .full-width .pamphlet,
	.individuals .accident-wrap .full-width .application{
		width: 100%;
	}
	.individuals .accident-wrap .full-width .pamphlet{
		margin-bottom: 15px;
	}
	#Medical-cancer-group .caution{
		text-align: left;
	}
	.individuals .telephonecontact-wrap section{
		width: 100%;
	}
	#Benefits .title-box{
		padding: 30px 20px 20px;
	}
	#Benefits .img-wrap{
		width: 100%;
		margin-bottom: 20px;
		position: static;
	}
	#Benefits .img-wrap img{
		max-width: 180px;
	}
	#Benefits .title-box ul{
		width: 100%;
		max-width: inherit;
	}
}
@media only screen and (min-width: 769px) {
	.wrapper-inner #nav-drawer{
		display: none;
	}
}

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

    html,body{
        width: 100%;
        -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
    }

    img {
        height: auto;
        max-width: 100%;
    }
	.banner-inner,
	.container-inner,
	.footer-menu-inner,
	.footer-inner{
		width: 90%;
	}
/*
    textarea,input{
        max-width: 95%;
    }
	.banner-inner,
	.container-inner,
	.footer-menu-inner, .footer-inner{
		width: 95%;
	}*/
    /* 

    1.2 レイアウト 

    */

    /*.footer-bar,
    .footer-menu {
        display: none;
    }*/
    
    .glovalnavi ul ul,
    .glovalnavi ul ul li {
        display: none;
    }

    .main-inner .entry, 
    .main-inner .widget {
        padding: 30px 20px 10px 20px;
    }
	.main-inner .post,
	.main-inner .initial {
		padding: 30px 0 10px;
	}
	.main-inner .post .entry-title,
	.main-inner .post .entry-meta,
	.main-inner .post .page-navi {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.right_sidebar #contents,
    .right_sidebar #main,
    .right_sidebar #sidebar1,
    .right_sidebar #sidebar2,
    .column1 #contents,
    .column1 #main,
    .column1 #sidebar1,
    .column1 #sidebar2 {
        display: block;
        float: none;
        clear: none;
        margin-right: 0;
        max-width: auto;
        width: 100%;
    }

    .right_sidebar .main-inner,
    .column1 .main-inner {
        margin-right: 0;
    }

    .right_sidebar .container-inner,
    .column1 .container-inner {
        padding-top: 20px;
    }


    /* 

    2.2 サイトタイトル、サイトの説明

    */

    .site-title {
        margin: 0;
        padding: 20px 0;
        font-size: 1.5em;
        line-height: 1.33em;
    }

    .site-description {
        margin: 0;
        font-size: 1em;
        line-height: 1.33em;
    }

    /* 

    2.3 グローバルメニュー

    */
	/*.banner{
		padding-bottom: 1em;
	}*/
	nav.glovalnavi{
		display: none;
	}
	.banner-inner{
		align-items: center;
	}
	.banner-inner a{
		width: 70%;
		margin-top: 0;
	}
	.banner-inner .header-right{
		width: 50px;
	}
    /* メニューボタン */
	.wrapper-inner #nav-drawer {
		float: right;
		background: #16479b;
		height: 50px;
		width: 50px;
	    border-radius: 50%;
		-moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
		  display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
		display: inline-block;
		width: 30px;
		height: 22px;
		vertical-align: middle;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 30px;/*長さ*/
	  border-radius: 4px;
	  background: #fff;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
		bottom: -8px;
	}
	#nav-open span:after {
		bottom: -16px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
		padding: 15px;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;/*最前面に*/
		width: 75vw;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 330px;/*最大幅（調整してください）*/
		height: 100vh;
		background: #fff;/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);/*左に隠しておく*/
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	#nav-content .glovalnavi-inner ul{
		padding: 0;
		/*追加20191202*/
		visibility: visible;
		opacity: 1;
		/*ここまで*/
	}
	#nav-content .glovalnavi-inner ul li{
		list-style: none;
	}
	#nav-content .glovalnavi-inner ul li a{
		width: 100%;
		display: block;
	    border-bottom: 1px dotted #ccc;
	    text-decoration: none;
	    color: #707070;
	    font-size: 16px;
	    padding: 15px 2%;
	}
	#nav-content .glovalnavi-inner ul li:first-of-type a {
		border-top: 1px dotted #ccc;
	}
    /* サブコンテンツ表示／非表示 */
    
    .sidebar { 
        display: none;
    }

    .sub-open {
        display: block;
    }

    /* 

    ショートコード

    */

    /* 飾り背景 */

    [class^="bg-deco-"] {
        width: auto !important;
    }

    /* 吹き出しイラスト */

    .ib-left .colored_bg:after,
    .ib-right .colored_bg:after {
        position: static;
        width: auto;
        height: auto;
        border: none;
        content: none;
    }

    .ib-left [class^="title-"],
    .ib-right [class^="title-"] {
        padding: 0;
    }

    [class^="title-"]:before {
        position: static;
        width: auto;
        height: auto;
        content: none;
    }

    .ib-illust img {
        display: none;
    }

    .ib-left .ib-bubble {
        margin-left: 0;
    }

    .ib-right .ib-bubble {
        margin-right: 0;
    }
	/* 検索 */
	.search .entry-content ul,
	.search .entry-content p {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	.search-input {
    	max-width: 95%
	}
	
	/* メニュー内 検索 */
	.search-box {
		text-align: center;
		margin-top: 10px;
	}
    /* レスポンシブ用 表示非表示 */

    .lsc {display: none;}
    .ssc {display: block;}

    /* WordPress用 */

    img.alignleft,
    img.alignright{
        float: none;
        display: block;
        padding: 0;
        margin: auto;
    }

/* オプトイン用フォームページ
   ========================================================================== */
.optin_text {
	float:none;
	}

.form_box {
	min-width:100%;
	float: none;
	border:1px solid #CCC;
	padding: 20px 20px 20px 20px;
	}
section .form_box h3 {
	margin-top:0px;
	padding :5px;
	}
/*   大渕追加　　*/
	#important-info section{
		display: block;
		width: 95%;
		margin: 0 auto;
	}
	#important-info section h3{
		width: 100%;
		margin: 0;
		padding: 20px 0;
		border-radius: 10px 10px 0 0;
		font-size: 20px;
	}
	#choose-tab section .tab{
		padding: 0 2%;
	}
	#choose-tab section .tab1, 
	#choose-tab section .tab2{
		padding: 5px 15px;
	}

	#choose-tab section .tab2 span{
		display: none;
	}
	#blue-button{
		display: block;
		padding: 0 15px;
	}
	#blue-button li{
		width: 100%;
		margin-bottom: 25px;
		border: none;
	}
	#blue-button li br{
		display: none;
	}
	#blue-button li .blue-button{
		height: 65px;
		line-height: 65px;
		margin-bottom: 15px;
		font-size: 14px;
	}
	#blue-button li .btn i{
		line-height: 65px;
	}
	#flex-banner{
	  --gap: 16px;
	  display: flex;
	  flex-wrap: wrap;
	  gap: var(--gap);
	  list-style: none;
	  margin: 0;
	}

	#flex-banner li{
	  /* 2列レイアウト。gapの半分を差し引いて崩れを防止 */
	  flex: 0 1 calc(50% - var(--gap) / 2);
	  box-sizing: border-box;
	}
	.main #flex-banner li p {
		font-size:12px;
	}
	.top-banner-box-under .inner{
    	flex-direction: column; /* 縦に積む */
	}
	.top-banner-box-under .inner p{
		width:100%;
    	padding-right:0;        /* はみ出し防止 */
    	box-sizing:border-box;  /* 余白込みで100%に */
	}

	#info section article dl{
		display: block;
	}
	#info section article dl dt{
		display: inline;
		float: left;
	}
	#info section article dl .category{
		float: left;
		display: block;
	}
	#info section article dl .title{
		clear: both;
		display: block;
	}
	/*企業情報ページ*/
	.left-sidebar .main-inner .entry{
		padding: 0;
		/*margin: auto 1%;*/
	}
	.left-sidebar .main{
		width: 100%;
	}
	
/*=============================================
ヘッダー
=============================================*/	
	.headernavi {
		display: none;
	}
/*=============================================
アーカイブページ用
=============================================*/	
	.page-title,
	.archive-content,
	.entry-navi {
    	width: 95%;
		margin: auto;
	}
	.right_sidebar .contents-inner {
    	display: block;
    	width: 100%;
	}
/*=============================================
ドロワーメニューサブメニュー表示用
=============================================*/	
	/*=============================================
  ドロワーメニューサブメニュー表示用（スマホ）
=============================================*/

/* 全体 */
#nav-content .glovalnavi-inner {
  height: 100%;
}

#nav-content .glovalnavi-inner #menu-main-sp-menu {
  margin-bottom: 60px;
}

#nav-content .glovalnavi-inner li.menu-item-has-children {
  display: flex;
  flex-wrap: wrap;
}

/* 親リンク（テキスト部分）の幅を調整 */
#nav-content .glovalnavi-inner li.menu-item-has-children > a {
  display: inline-block;
  width: calc(100% - 55px);
  box-sizing: border-box;
}

/* 旧 after=>'<span></span>' の span は非表示にしておく（残っていても邪魔しないように） */
#nav-content .glovalnavi-inner li.menu-item-has-children > span {
  display: none;
}

/* ▼ トグルボタン（矢印） */
#nav-content .glovalnavi-inner li.menu-item-has-children > .menu-toggle {
  display: block;
  width: 55px;
  height: 55px;
  top: 0;
  right: 0;
  background: #16479b;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}

/* 矢印アイコン（Font Awesome 使用） */
#nav-content .glovalnavi-inner li.menu-item-has-children > .menu-toggle::after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0d8'; /* ▲ アイコン */
  font-size: 25px;
  color: #fff;
  text-align: center;
  display: block;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

/* 開いているときは矢印の向きを変える */
#nav-content .glovalnavi-inner li.menu-item-has-children.is-open > .menu-toggle::after {
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

/* ▼ サブメニューのアコーディオン（JS有効時のみ） */
html.js-ready #nav-content .glovalnavi-inner li.menu-item-has-children > .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
}

/* サブメニュー内リンクのインデント */
#nav-content .glovalnavi-inner .sub-menu li a {
  padding-left: 1.6rem;
  border-top: none!important;
}

/* 必要なら、サブメニュー内の li の装飾などもここで追加可能 */

/*=============================================
フッター上バナー
=============================================*/
	#footer-banner ul li a {
    	padding: 6% 0;
    }
    #footer-banner ul li:not(:last-of-type) {
	    margin-bottom: 15px;
    }
    #footer-banner ul li{
		width: 100%;
	}
	#footer-banner ul li a span{
		font-size: 18px;
	}
 /*=============================================
企業情報
=============================================*/ 
/*=============== 企業内共通 ================*/	
	.left-sidebar .heading {
		width: 95%;
		margin: auto;
	}
	.left-sidebar table caption, p.caption {
		margin: auto;
    	width: 95%;
    }
    /*.entry-content p {
	    width: 95%;
	    margin-right: auto;
	    margin-left: auto;
    }*/
    ul.icon01 {
	    width: 95%;
	    margin: auto;
    }
/*=========== 社長メッセージ =============*/	    
    .alignright.wp-image-1819 {
	    margin-top: 20px;
		margin-right: 1%;
    }    
/*===============アクセス================*/	
	.iframe-wrap {
    	width: 95%;
		margin: auto;
	}
	ul.map-ul {
		width: 95%;
		margin: 0 auto;
	}
	.left-sidebar .heading.philosophy-heading {
		font-size: 1.2rem;
		text-align: left;
	}
 /*=============================================
商品サービス
=============================================*/ 
/*サービス共通*/
	.h1, .entry-content h1, .textwidget h1 {
    	width: 95%;
		margin: auto;
	}
	.sp-wi95 {
	    width: 95%;
	    margin: auto !important;
    }
    .bor-img-box {
    	width: 95%;
		margin: auto;
	}

/*海上保険 -貿易- */
	.marine .trade-table {
		width: 95%;
		margin: 20px auto;
	}
	.marine .trade-table th.nallow {
    	width: 6rem;
    }
    .marine .trade-table th {
    	text-align: center;
    }
    .marine .trade-table th,
    .marine .trade-table td {
	    background: #fff;
	    width: auto;
	    display: table-cell;
	    font-size: 0.9rem;
    }
 /*海上保険 -担保危険- */
 	.marine .icc-inner {
	 	width: 95%;
	 	margin: auto;
 	}
 	.disaster-img-inner {
	 	margin-bottom: 15%;
 	}
	.marine table.disaster {
		margin: 20px auto;
	}
	.marine table.disaster th {
		display: table-cell;
		width: 20%;
		font-size: 0.9rem;
		padding: 0.5em;
	}
	.marine table.disaster th:first-of-type {
		width: 40%;		
	}
	.marine table.disaster td {
		display: table-cell;
		width: 20%;
	}
	.marine dl.caution {
    	margin: 10px auto 20px;
	}
 /*海上保険 -事故発生時の手続き- */
 	.left-sidebar .procedure-table {
	 	width: 95%;
	 	margin-right: auto;
	 	margin-left: auto;
 	}
	.left-sidebar .procedure-table th, 
	.left-sidebar .procedure-table td {
		width: auto;
		display: table-cell;
		font-size: 0.9rem;
		padding: 1.2em 0.25em;
	}
	.left-sidebar .procedure-table td:first-of-type {
		width: 3em;
	}
 /*海上保険 -事例紹介- */
 	#fk1_3 {
	 	left: 2% !important;
 	}
 	#fk1_5 {
	 	left: 0.5% !important;
 	}
 	#fk1_7 {
	 	left: -1% !important;
 	}
 	#fk2_3 {
	 	left: 1% !important;
 	}
 	#fk2_7 {
	 	left: 20% !important;
 	}
 	#fk2_8 {
	 	left: 6% !important;
 	}
 	#fk2_9 {
	 	left: 2% !important;
 	}
 	#fk3_3 {
	 	left: 2% !important;
 	}
 	#fk3_7 {
	 	left: 33% !important;
 	}
 	#fk3_9 {
	 	left: 25% !important;
 	}

/*=============================================
保険コスト見直しサービス
=============================================*/
/*==事例：機械卸売業/貸しビル業/サービス業===*/
	.main ul.pagelink {
		width: 95%;
		margin: auto;
	}

/*=============================================
代理店業務提携
=============================================*/
	.main .service ul {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.service h5 {
		width: 91%;
		margin-left: auto;
		margin-right: auto;
	}

/*=============================================
-法人向け-
=============================================*/
/*===============法人のお客様================*/
	.left-sidebar .hojin-menu .section-box:nth-of-type(3n-3) {
		margin-right: auto;
	} 
	.left-sidebar .hojin-menu .section-box {
    	width: 46%;
    }
	.left-sidebar .hojin-menu .section-box:nth-of-type(2n-2) {   
		margin-right: 2.5%;
		margin-left: 1.5%;
	}	
	.left-sidebar .hojin-menu .section-box:nth-of-type(2n-1) {   
		margin-right: 1.5%;
		margin-left: 2.5%;
	}	
/*=================事業保証==================*/
	.life .jh_dl,
	.hojin-flex {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
/*==============相続・事業承継================*/
	.sozoku_div {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.life .sozoku_mds {
		margin: 15px auto;
	}
/*============役員退職金・弔慰金==============*/
/*===============福利厚生制度=================*/
	.life ul.box {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.flex .rd.box {
		margin-left: 2.5%;
	}
	.life ul.box li {
    	font-size: 1.1em;
    }
    
/*=============================================
よくある質問
=============================================*/
	.faq-box {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

/*=============================================
ちょいのり保険
=============================================*/	
	#ichinichiContents {
		padding: 0 1%;
	}	
	#footer-ichinichiContents {
		margin-left: 1%;
		margin-right: 1%;
	}
	div#ichinichiContents table.noStyle th, 
    div#ichinichiContents table.noStyle td {
	    display: table-cell;
	    vertical-align: top;
    }
 
 /*=============================================
採用情報
=============================================*/	
	 h2.recruit-name-h2 {
	 	padding-bottom: .7em;
	}
	
/*=============================================
双日(株)海外旅行保険ご加入者さまへのご案内
=============================================*/	
	.hospital_list h5 {
    	margin-left: auto;
		margin-right: auto;
		width: 90%;
    }
    
/*=============================================
お客様本位の業務運営」に関する方針	
=============================================*/
	.main .entry-content ol {
		margin: 0 2.5% 0 3em;
	}
	.hospital_list .btn {
    	margin-right: 2%;
	}
/*=============================================
フッター
=============================================*/	
	#footer-menu .footer-menu-inner ul li a {
    	font-size: 0.85rem;
	}
		     
/*=============================================
固定ページ 共通
=============================================*/		
	.left-sidebar .flex .section-box a div {
		text-align: center;
	}
	.entry-content .section-box div img {
		width: 323px;
	}
	/*div.img-wrap {
    	width: 95%;
		margin-right: auto;
		margin-left: auto;
	}*/
	.sp-wid95 ul, .sp-wid95 .img-box {
    	width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.s-mal2pa {margin-left: 2%;}
	.s-wid95 { width: 95%}
	.s-ma-at { margin: auto;}
	
	
	.main table.responsive-table.contactform th,
	.main table.responsive-table.contactform td {
		width: 100%;
		display: block !important;
	}
	.main table.responsive-table.contactform th {
		border-top-width :2px;
		background-color:#F5F5F5;
		border-bottom:none;
	}
		

}
/****************768pxここまで***************/
@media only screen and (min-width: 641px) {
	a[href^="tel:"] {
    	pointer-events: none;
	}
}

@media only screen and (max-width: 640px) {
	
	.pc_only {display: none;}
	.sp_only {display: block;}

/*=============================================
ヘッダー
=============================================*/	
	/*.banner {
    	padding: 1em 0 0.5rem;
    }*/
/*=============================================
TOP
=============================================*/	
	/*重要なお知らせ*/
	.section-wrap {
		padding-top: 25px;
	}	
	#important-info section{
		width: 90%;
	}
	#choose-tab section .content2 a:last-child{
	margin-left: 0;
	}
	/*お知らせ*/
	#info section article {
    	padding: 40px 5%;
	}
/*=============================================
固定ページ 共通
=============================================*/	
	.wrapper .page-header-image {
		background-position: center 0px;
		background-repeat: no-repeat;
		background-size: cover;
    	height: 260px;
    	/*margin-top: 19.5%;
    	padding: 25% 0;*/
		backdrop-filter: blur(10px);
	}
	.wrapper .page-header-image img {
		margin-top: 19%;
	}
	
	.breadcrumb {
    	/*margin: 0 auto 0 auto;*/
    }
	.left-sidebar .contents {
    	margin-top: 0;
	}
	.left-sidebar .flex .section-box a span, 
	.left-sidebar .hojin-menu .section-box a span {
		line-height: 1.2;
		min-height: 3rem;
		font-size: 16px;
	}
	/*div.img-wrap {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}*/
	.page-header-image h1 {
		font-size:1.6rem;
	}
	.page-header-image h2 {
		font-size: 1.3rem;
	}
	.page-header-image h1.h1-title {
		border-spacing: 1.3px;
		width: 95%;
	}
	.sp-wid95 ul,
	.sp-wid95 .img-box {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.sp-wid95 h5 {
		margin-left: 2%;
		margin-right: 2%;
	}
	.left-sidebar .flex .section-box{
		width: 100%;
		max-width: 300px;
		margin: 20px auto 0
	}
/*=============================================
企業情報
=============================================*/

/************ 企業内共通 ****************/	
	.left-sidebar .heading {
		width: 95%;
		margin: auto;
		font-size: 16px;
	}
	.left-sidebar table caption, p.caption {
		margin: auto;
    	width: 95%;
    }
    .left-sidebar td.flex {
	    justify-content: space-between;
    	align-items: center;
		flex-wrap: nowrap;
    }
    .left-sidebar table td .layout_in th,
    .left-sidebar table td .layout_in td {
	    display: table-cell;
	    padding-left: 0;
	    padding-right: 0;
	    width: auto;
    }
    .left-sidebar table td .layout_in td:first-of-type {
	    width: 6em;
    }
    .h2, .entry-content h2, .textwidget h2 {
	    padding-right: 2.5%;
	    padding-left: 2.5%;
	    margin-bottom: 20px;
	    margin-top: 30px;
	   font-size: 1.47rem;
    }
    /*.entry-content h3, .textwidget h3 {
	    width: 90%;
	    margin-right: auto;
	    margin-left: auto;
	    padding: 10px .3em 9px;
	    font-size: 1.27rem;
    }*/
    ul.icon01 {
	    width: 95%;
	    margin: auto;
    }
/*=============================================
社長メッセージ
=============================================*/    
    p.btm-p {
	    margin-bottom: 1em;
    }
    
 /*=============================================
商品サービス
=============================================*/   
	 /*サービス共通*/     
    .h1, .entry-content h1, .textwidget h1 {
    	font-size: 1.6rem;
		width: 95%;
		margin: auto;
    }    
    .section-box a ul {
	    margin-top: 5px;
	    min-height: 7em;
    }
    .section-box a ul li {
	    font-size: 0.84rem;
    }
    .sp-wi95 {
	    width: 95%;
	    margin: auto !important;
    }
    .sp-font-07 {
		font-size: 0.7rem
	}
	.bor-img-box {
	    width: 95%;
	    margin: auto;		
	}
    /*おすすめの保険*/
    .service-box .flex .section-box {
	    width: 95%;
    }
    .service-box .flex .section-box a {
	    padding: 10px 7px;
    	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.service-box .flex .section-box a span {
    	width: 100%;
    	justify-content: start;
    	border-bottom: 1px #16479b solid;
    	transition: ease 0.4s;
	}
	.service-box .flex .section-box a span i {
		margin-left: 20px;
	}
	.service-box .flex .section-box a .img-wrap {
    	width: 49%;
    }
    .service-box .section-box a ul {
    	margin-top: 0;
		min-height: 0;
		width: 49%;
	}
	.service-box .flex .section-box a:hover span {
    	border-color: #fff;
	}
/*リンクアイコン*/	
	.service-link-img {
    	width: 95%;
		margin: auto;
		order: -1;
	}
	.service-link-box {
    	width: 95%;
		margin: auto;
		/*justify-content: center;*/
    }
    /*.service-link-box a {
    	margin: auto 0.5%;
    }*/
/*ここまで*/
/*海上保険*/
	.marine h3 {
		position: relative;
		font-size: 1.25rem;
		padding: 20px 10px;
		line-height: 1.87;
		z-index: 0;
		overflow: hidden;
	}
	.marine h3:before {
		content: '';
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.8);
	}
	.marine-p-box p { 
		margin: auto;
		font-size: 0.8rem;
	}
/*海上保険 -担保危険- */
	.marine .flex-img-disaster {
    	justify-content: space-between;
    }
    .marine .disaster-text-inner {
    	width: 60%;
	}
	.disaster-img-inner02 {
    	width: auto;
    	margin-right: 0;
	}
	.disaster-img-inner03 {
    	width: auto;
    	margin-left: 3%;
    	margin-right: 0;
    	order: 0;
	}
	p.disaster-title-p {
		margin-top: 20px;
	}
/*海上保険 -事例紹介- */
	ul.case-ul {
		border-bottom-style: solid;
	}
	
/*=============================================
保険コスト見直しサービス
=============================================*/
/*==事例：機械卸売業/貸しビル業/サービス業===*/
	.main ul.pagelink {
		width: 95%;
		margin: 20px auto 0;
	}
	.main .pagelink li {
		font-size: 0.97rem;
	}
	.main .case table.responsive-table th, 
	.main .case table.responsive-table td {
		padding-left: 1%;
		padding-right: 1%;
	}	
	.main .case table.responsive-table.no-border th {
		width: 5em;
	}
	.case table.responsive-table:not(.no-border) th {
		width: 17%;
	}
	.case table.responsive-table:not(.no-border) td:first-of-type {
		width: 49%;
	}
	.case table.responsive-table:not(.no-border) td:last-of-type {
		width: 34%;
	}

/*=============================================
代理店業務提携
=============================================*/
	.main .service ul {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.service h5 {
		width: 91%;
		margin-left: auto;
		margin-right: auto;
	}

/*=============================================
固定ページ -法人向け-
=============================================*/

/*===============法人のお客様================*/


/*=================事業保証==================*/
	.life .jh_dl dt,
	.life .jh_dl dd,
	.hojin-flex {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.life .jh_dl dt {
		margin-bottom: 5px;
	}
	.life .jh_dl dd {
		flex: none;
	}
	.hojin-flex {

	}
	.life .jh_tbl1,
	.life .jh_tbl2 {
		flex: none;
		width: 100%;
		font-size: 1.08rem;
		box-sizing: border-box;
	}
	.life .jh_tbl1 {
    	border-width: 2px;
    }
    /*.life .jh_tbl2 tr:last-of-type td:last-of-type {
	    border-bottom-width: 2px;
    }*/
    
/*==============相続・事業承継================*/
	.life .sozoku_mds {
		margin-left: auto;
		margin-right: auto;
		font-size: 1.47rem;
		font-size: 1.3rem;
		line-height: 1.3;
	}
	.life .ft16e i, .life .sozoku_mds i {
    	font-size: 1.5rem;
		vertical-align: top;
    }
	.life .sozoku_div .sozoku_bx span {
    	font-size: 1.1rem;
	}


	
	
/*=============================================
採用情報
=============================================*/
/*===========先輩からのメッセージ============*/
	.interview h4 {
		clear: both;
	}
	.interview .flex {
		width: 95%;
		display: block;
		margin: auto;
	}
	.interview .flex .img-wrap {
		margin-right: 15px;
		margin-left: 0px;
		float:left;
	}
	.interview .flex .right {
    	margin-right: 0px;
		margin-left: 15px;
		float: right;
	}
	.interview p.flex-p {
		width: 100%;
		margin: 0 auto;
	}

/*===========社員インタビュー============*/
	.recruit-box .flex .section-box {
    	width: 95%;
	}
    .recruit-box .flex .section-box a {
	    padding: 10px 7px;
    	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.recruit-box .flex .section-box a span {
    	width: 100%;
    	justify-content: start;
    	border-bottom: 1px #16479b solid;
    	transition: ease 0.4s;
	}
	.recruit-box .flex .section-box a span i {
		margin-left: 20px;
	}
	.recruit-box .flex .section-box a .img-wrap {
    	width: 49%;
    }
    .recruit-box .section-box a ul {
    	margin-top: 0;
		min-height: 0;
		width: 49%;
	}
	.recruit-box .flex .section-box a:hover span {
    	border-color: #fff;
	}
	
	.recruit-name-img img.size-full {
		margin-left: 0;
		max-height: 1.8rem;
	}
/*================社員座談会=================*/
	.symposium-flex {
		flex-wrap: wrap;
	}
	.symposium-img {
		min-width: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.symposium-img-r {
		order: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.symposium-img-l {
		margin-left: auto;
		margin-right: auto;
	}
	p.symposium-p {

	}
/*=============================================
双日(株)海外旅行保険ご加入者さまへのご案内
=============================================*/	
	h2 .min-p {
	    font-size: 1.1rem;
	}
	.hospital_list .btn {
	    margin-right: auto;
	}
	.hospital_list-flex-box01 {
		width: 95%;
		margin-bottom: 10px;
		text-align: center;
	}
	.hospital_list p.align-right {
		text-align: center;
	}
	.hospital_list-flex-box01 img {
		max-width: 100%;
	}
	.hospital_list-flex-box02 {
		width: 100%;	
		margin: auto;
	}
	.hospital_list-flex-box02 li {
	    text-align: center;
	}
	.agreement-box {
	    margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	a.agreement-a {
	    padding: 10px 30px 8px;
		min-width: auto;
	}
	.hospital_list h5 {
    	margin-left: auto;
		margin-right: auto;
		width: 90%;
    }

/*=============================================
新・海外旅行保険 インターネット契約サービス
=============================================*/
	.travel-inner {
		padding: 20px 10px 5px;
	}
	.travel-flex-box {
	    width: 32%;
	}
	ul.travel-flex-ul {
		width: 95%;
		margin: auto;
	}

/*=============================================
ちょいのり保険
=============================================*/	
	.header-subB {
   	 	margin: -15px 1.5% 20px;
	}
	div#ichinichiContents div.qrcodeBox, 
	div#ichinichiContents div.smartphoneBox {
		float: none;
		width: 100%;
    }
    div#ichinichiContents div.border {
	    padding: 5px;
    }
    div#ichinichiContents table.noStyle th, 
    div#ichinichiContents table.noStyle td {
	    padding-top: 5px;
	    padding-bottom: 5px;
    }
     #footer-ichinichiContents p.note {
	 	margin-bottom: 10px;
	}
	
/*=============================================
お問い合わせ
=============================================*/
	.scroll-privacy {
		margin-right: 2%;
		margin-left: 2%;
    }

/*=============================================
お客様本位の業務運営」に関する方針	
=============================================*/
	.main .entry-content ol {
		margin: 0 2.5% 0 2em;
	}

/*=============================================

=============================================*/	
	section h2{
		font-size: 24px;
	}
	#choose-tab section h2::before{
		width: 28px;
		height: 25.6px;
	}
	#info section h2::before{
		width: 17.5px;
		height: 25.6px;
	}
	#choose-tab section .tab1, 
	#choose-tab section .tab2{
		font-size: 14px;
	}
	#choose-tab section .tab1::before,
	#choose-tab section .tab2::before{
		width: 12px;
		height: 12px;
	}
	#choose-tab section .content li a{
		width: 100%;
		float: none;
	}
	#choose-tab section .content li a:nth-child(4), 
	#choose-tab section .content li a:nth-child(5){
		margin-bottom: 15px;
	}
	#Data .data-box{
		width: 100%;
	}
	.s-mal2pa {margin-left: 2%;}
	.s-wid95 { width: 95%}
	.s-ma-at { margin: auto;}
/*=============================================
下層項目用
=============================================*/
/*=================メニュー==================*/
@-webkit-keyframes slide {
  0% {
    transform:translateX(-40%);
  }
  100% {
    transform:translateX(-25%);
  }
}
@keyframes slide {
  0% {
    transform:translateX(-40%);
  }
  100% {
    transform:translateX(-25%);
  }
}

@-webkit-keyframes slide01 {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(-40%);
  }
}
@keyframes slide01 {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(-40%);
  }
}
	
/*=============================================
フッター
=============================================*/		
	#footer-menu-inner {
		flex-wrap: wrap;
	}
	#footer-menu .footer1 {
		float: none;
		width: 100%;
		text-align: center;
	}
	#footer-menu .footer2 {
		width: 95%;
		margin: auto;
	}

	#footer-menu .footer3, #footer-menu .footer4{
		width: 45%;
	}


}
/****************640pxここまで***************/
@media only screen and (min-width: 501px) {
	.sp-br{
		display: none;
	}
	.main table.responsive-table.contactform .name td p/*,
	.main table.responsive-table.contactform .post-code td p,
	.main table.responsive-table.contactform .date td p,
	.main table.responsive-table.contactform .tel td p*/{
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
	.main table.responsive-table.contactform .name td p .wpcf7-form-control-wrap{
		width: calc(50% - 40px);
	}
}
@media only screen and (max-width: 500px) {
/*=============================================
企業情報
=============================================*/
    .left-sidebar td .flex .left {
    	width: 50%;
    }
	.left-sidebar td .flex .left p:last-of-type {
		text-align: center;
	}
 /*=============================================
商品サービス
=============================================*/ 
/*海上保険*/
	.marine ul.marine01{
		justify-content: center;
	}
	.marine ul.marine01 li {
    	width: 95%;
	}
	a.marine-wrap-a span {
    	/*top: 0;
		bottom: 0;*/
		font-size: 1vw;
	}
	
/*海上保険 -担保危険- */	
	.marine .flex-img-disaster:last-of-type {
		margin-top: 30px;
	}
/*=============================================
採用情報
=============================================*/
	section.recruit-info {
    	padding: 20px 10px;
    }
    section.recruit-info p {
	    width: 100%;
    }
	.interview .img-wrap,
	.symposium .img-wrap{
		width: 100%;
		max-width: 500px;
		margin-left: 0;
		margin-bottom: 20px;
	}
    
/*=============================================
社員インタビュー
=============================================*/   
    .main .recruit table.responsive-table th {
	    width: 20%;
    }
/*=============================================
新・海外旅行保険 インターネット契約サービス
=============================================*/
	p.travel-flex-box-p {
	    margin: 0 auto -10px;
		min-height: 4.3rem;
	}
	
/*=============================================
SOINSの強み、特徴、双日グループの中での位置づけ
=============================================*/	
	.recruit .recruit_strength_text p {
    	text-align: left;
		padding: 0;
	}
	
/*=============================================
フッター
=============================================*/
	.sub .footer2 .widget {
    	margin: 0;
	}
	#footer-menu .footer2,
	#footer-menu .footer3, 
	#footer-menu .footer4{
		float: none;
		width: 100%;
	}
	#footer-menu .footer-menu-inner ul li a {
    	font-size: 0.9rem;
	}	
	
	/*.left-sidebar .flex{
		justify-content: center;
	}
	.left-sidebar .flex .section-box{
	width: 100%;
	max-width: 270px;
	margin-right: 0;
	}
	.left-sidebar .flex .section-box:nth-child(3n){
		margin-right: 0;
	}*/


/*=============================================
共通
=============================================*/
	.flex .img-box span {
		line-height: 1.5;
	}
    .flex-nowrap {
	    display: flex;
	    flex-wrap: nowrap;
    }
    .flex .img-box {
    	width: 100%;
    	margin-top: 10px;
    }
    .flex .img-box img {
	    margin-bottom: 10px;
    }
	.main dl{
		flex-flow: column;
	}
	.main dl dt,
	.main dl dd{
		width: 100%!important;
	}
	#Training-system .title-box dl{
		flex-flow: inherit;
		flex-wrap: wrap;
	}
/*=============================================
レスポンシブ用テーブル
=============================================*/
	.main table.responsive-table th.nallow {
    	width: 6rem;
    }
	.main table.responsive-table th {
    	text-align: center;
    }
	.main table.responsive-table th,
	.main table.responsive-table td {
	    background: #fff;
		border-left :none;
		border-right:none;
	    width: auto;
	    display: table-cell;
		font-size: 0.9rem;
	}	
/*
	input[type=text] {
	font-size: 16px;
	transform: scale(0.8);
	}*/
	.service-link-box a{
		width: 48%;
	}
	.life .foot_link_bx .img-wrap,
	.life .foot_link_bx dl{
		width: 100%;
		max-width: inherit;
	}
	.life .sozoku_div .sozoku_bx {
		width: 100%;
	}
	.individuals .contact-address,
	.individuals .telephonecontact-wrap section{
		margin: 30px auto 0;
		padding: 0 0 20px 0;
	}
	.individuals .contact-address h6,
	.individuals .telephonecontact-wrap section h6{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		border-radius: 9px 9px 0 0;
	}
	.individuals .accident-wrap section,
	.individuals .pamphlet-wrap .pamphlet-box{
		width: 100%;
	}
	#Policies-and-initiatives ul li{
		width: 100%;
	}
	#Office .flex .img-wrap{
		width: 100%;
		margin-bottom: 15px;
	}
	#Data .data-box{
		padding: 20px;
		flex-flow: column;
		align-items: center;
	}
	#Data .data-box img{
		margin-top: 10px;
	}
	#Data .data-box p.caption-title{
		text-align: center;
	}
}