@charset "UTF-8";
/* 共通スタイルのインポート */
/**
* Style For Secondary Page
*/
/**
* Main Style
*/
/* ==========================================================================
Normalize.scss settings
========================================================================== */
/**
* Includes legacy browser support IE6/7
*
* Set to false if you want to drop support for IE6 and IE7
*/
/* Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
*    without disabling user zoom.
* 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*  `em` units.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}

/**
* Remove default margin.
*/
body {
margin: 0;
}

/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}

/**
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}

/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}

/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active, a:hover {
outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}

/**
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

/* Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 8/9/10.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}

/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}

/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*  Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
* 4. Improves appearance and consistency in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*  and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*  `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*  Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}

/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*  Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
* 3. Corrects text not wrapping in Firefox 3.
* 4. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}

/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/** ******************************
* CONFIGS
*/
/** ******************************
* Colors
*/
/**
* sprite helper
*/
/**
* ポジションをセンターにする。
*/
/**
* 画面にぴったりフィットして全画面
*/
/**
* 画面にぴったりフィットして全画面
*/
/**
* hoverで.35のopacity
*/
/**
* ボタンあとにつく丸
*/
/**
* mixin
*/
.kern {
display: inline !important;
margin-left: -.5em;
}

/**
* Site base settings
*/
@font-face {
font-family: "myYuGothicM";
font-weight: normal;
src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic"), local("YuGothic-Regular");
/* nothing medium */
}
@font-face {
font-family: "myYuGothicB";
font-weight: bold;
src: local("YuGothic-Bold"), local("YuGothic"), local("Yu Gothic");
/* for chrome */
}
html, body {
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* Complete */
@font-face {
font-family: "Replica-Bold";
src: url("/sp/assets/font/lineto-replica-bold.eot");
src: url("/sp/assets/font/lineto-replica-bold.eot?#iefix") format("embedded-opentype"), url("/sp/assets/font/lineto-replica-bold.woff2") format("woff2"), url("/sp/assets/font/lineto-replica-bold.woff") format("woff");
font-weight: normal;
font-style: normal;
}
/* Subsetted */
@font-face {
font-family: "Replica-Bold-S";
src: url("/sp/assets/font/_subsetted/lineto-replica-bold.eot");
src: url("/sp/assets/font/_subsetted/lineto-replica-bold.eot?#iefix") format("embedded-opentype"), url("/sp/assets/font/_subsetted/lineto-replica-bold.woff2") format("woff2"), url("/sp/assets/font/_subsetted/lineto-replica-bold.woff") format("woff");
font-weight: normal;
font-style: normal;
}
/**
* Site base settings
*/
html {
height: 100%;
font-size: 62.5%;
/* 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5% */
-webkit-font-smoothing: antialiased;
}

body {
font-size: 1.6em;
}

* {
margin: 0;
padding: 0;
text-decoration: normal;
font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: normal;
font-size: 1em;
}

nav ul {
list-style-type: none;
}

img,
svg {
vertical-align: bottom;
}

button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
 -moz-appearance: none;
	  appearance: none;
}

/**
* カーニング 情報
*/
.kerningL {
display: inline-block;
text-indent: -.5em;
}

.kerningR {
display: inline-block;
margin-right: -.5em;
text-indent: 0em;
}

.kerningLR {
display: inline-block;
text-indent: -.25em;
margin-right: -.25em;
}

a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
text-decoration: inherit;
color: inherit;
}

/**
* Selection style
*/
::-moz-selection {
background: rgba(40, 40, 40, 0.9);
color: #fff;
}
::selection {
background: rgba(40, 40, 40, 0.9);
color: #fff;
}

::-moz-selection {
background: rgba(40, 40, 40, 0.9);
color: #fff;
}

.sprite {
display: block;
text-indent: -9999em;
overflow: hidden;
}

.linkboxes a[target=_blank] {
display: block;
position: relative;
}
.linkboxes a[target=_blank]:after {
display: block;
content: " ";
background: url("../img/pc/common/icon_blank.png") no-repeat left top;
background-size: 17px 17px;
width: 17px;
height: 17px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
margin-left: 10px;
}
.linkboxes a[target=_blank]:after a {
display: block;
width: 100%;
height: 100%;
}

.sub-section {
border-top: 2px solid #007e3d;
}
.sub-section h3 {
font-size: 2.2rem;
font-weight: bold;
padding: 25px 0;
}
.sub-section h4 {
font-size: 1.8rem;
font-weight: bold;
color: #007e3d;
}

.m-link-btn, .m-color-link-btn-arw {
padding: 20px 46px;
border: 1px solid black;
}

.m-link-color-btn {
padding: 6px;
display: block;
color: white;
background-color: #007e3d;
font-size: 1.8rem;
text-align: center;
}

.m-arw:before, .m-dl-dt-arw dt:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_g.png") no-repeat left top;
background-size: 7px 8px;
width: 7px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 14px;
}
.m-arw:before a, .m-dl-dt-arw dt:before a {
display: block;
width: 100%;
height: 100%;
}

.m-dl-dt-arw {
line-height: 2.4;
}
.m-dl-dt-arw ol {
padding-left: 1em;
}
.m-dl-dt-arw ol li {
list-style-type: decimal;
list-style-position: inside;
padding-left: 1em;
text-indent: -1em;
}

.m-fullsize-btn, .m-fullsize-border-btn {
display: block;
margin: 0 25px;
text-align: center;
color: #c7d53e;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.333333;
line-height: 55px;
margin-top: 20px;
}
.m-fullsize-btn:before, .m-fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_lg.png") no-repeat left top;
background-size: 24px 20px;
width: 24px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px;
}
.m-fullsize-btn:before a, .m-fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}

.m-fullsize-border-btn {
border: 2px solid #c7d53e;
}

.m-color-link-btn-arw {
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
line-height: 50px;
height: 50px;
border: none;
background-color: #007e3d;
color: white;
padding: 0 110px;
display: inline-block;
}
.m-color-link-btn-arw:after {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 11px 16px;
width: 11px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 2px;
margin-left: 12px;
}
.m-color-link-btn-arw:after a {
display: block;
width: 100%;
height: 100%;
}

.m-h3-down-arw {
background-color: #fff;
text-align: center;
width: 757px;
height: 65px !important;
margin: 0 auto 66px;
position: relative;
}
.m-h3-down-arw:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_down_harf_w.png") no-repeat left top;
background-size: 11px 22px;
width: 11px;
height: 22px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: -22px;
margin: 0 auto;
}
.m-h3-down-arw:after a {
display: block;
width: 100%;
height: 100%;
}

@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
.linkboxes a[target=_blank] {
display: block;
position: relative;
}
.linkboxes a[target=_blank]:after {
display: block;
content: " ";
background: url("../img/pc/common/icon_blank.png") no-repeat left top;
background-size: 12px 12px;
width: 12px;
height: 12px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
margin-left: 10px;
}
.linkboxes a[target=_blank]:after a {
display: block;
width: 100%;
height: 100%;
}

.sub-section {
border-top: 2px solid #007e3d;
}
.sub-section h3 {
font-size: 1.6rem;
font-weight: bold;
padding: 18px 0;
}
.sub-section h4 {
font-size: 1.4rem;
font-weight: bold;
}

.m-h3-down-arw {
background-color: #fff;
text-align: center;
width: 757px;
height: 65px !important;
margin: 0 auto 66px;
position: relative;
}
.m-h3-down-arw:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_down_harf_w.png") no-repeat left top;
background-size: 5.5px 11px;
width: 5.5px;
height: 11px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: -11px;
margin: 0 auto;
}
.m-h3-down-arw:after a {
display: block;
width: 100%;
height: 100%;
}

.m-fullsize-btn, .m-fullsize-border-btn {
display: block;
margin: 0 25px;
text-align: center;
color: #c7d53e;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.333333;
line-height: 55px;
margin-top: 20px;
}
.m-fullsize-btn:before, .m-fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_lg.png") no-repeat left top;
background-size: 12px 10px;
width: 12px;
height: 10px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 1px;
margin-right: 6px;
}
.m-fullsize-btn:before a, .m-fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}

.m-color-link-btn-arw {
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
line-height: 32px;
height: auto;
border: none;
background-color: #007e3d;
color: white;
padding: 0 20px 0 30px;
display: inline-block;
}
.m-color-link-btn-arw:after {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 8.25px 12px;
width: 8.25px;
height: 12px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 2px;
margin-left: 8px;
}
.m-color-link-btn-arw:after a {
display: block;
width: 100%;
height: 100%;
}
}
/**
*
*/
* {
list-style: none;
outline: none;
}

a {
transition: opacity 0.35s ease;
}
a:hover {
opacity: 0.4;
transition: opacity 0s ease;
}
a.underline {
text-decoration: underline;
}

span.red {
color: red !important;
}

body {
font: 16px/1.6;
background-color: white;
-webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
	  transform-origin: 0 0;
opacity: 0;
transition: opacity 750ms linear;
}
body.ready {
opacity: 1;
}

body {
opacity: 0;
transition: opacity 1s ease;
}

.responsive-context .pc {
display: block;
}
.responsive-context .sp {
display: none;
}

.scaller {
width: 100%;
overflow: hidden;
}
.scaller.scaling a {
transition: none !important;
}
.scaller.scaling a:hover {
opacity: 0.4;
transition: none !important;
}

.site-wrapper {
-webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
	  transform-origin: 0 0;
}

.site-container {
min-width: 1500px;
overflow: hidden;
}

header.global .menu-base {
display: none;
}
header.global .site-nav .sp-sub {
display: none;
}

footer.global {
background-color: white;
border-top: 5px solid #007e3d;
padding-top: 3px;
text-align: center;
position: relative;
z-index: 10;
}
footer.global .inner {
padding: 45px 0 37px 0;
border-top: 2px solid #c4d700;
font-size: 1.4rem;
}
footer.global .links {
margin-bottom: 25px;
}
footer.global .links li {
display: inline-block;
margin-left: 33px;
}
footer.global .links li:first-child {
margin-left: 0;
}
footer.global .links li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l.png") no-repeat left top;
background-size: 11px 16px;
width: 11px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 4px;
margin-right: 10px;
}
footer.global .links li a:before a {
display: block;
width: 100%;
height: 100%;
}
footer.global .links li a span {
text-decoration: underline;
}
footer.global.fix-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-width: 1500px;
}

.news-gspark {
display: inline-block;
}
.news-gspark img {
width: 46px;
padding-left: 5px;
}

@media print, screen and (min-width: 751px) {
br.for-pc {
display: block;
}

br.for-sp {
display: none;
}

header.global .site-nav .sp-sub {
display: none !important;
}
}
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
br.for-pc {
display: none;
}

br.for-sp {
display: block;
}

body {
font: 16px/1.6;
background-color: white;
-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
		transform-origin: 0 0;
opacity: 0;
transition: opacity 750ms linear;
}
body.ready {
opacity: 1;
}

body {
opacity: 0;
transition: opacity 1s ease;
}

.responsive-context .pc {
display: none;
}
.responsive-context .sp {
display: block;
}

.scaller {
width: 100%;
overflow: hidden;
}

.site-wrapper {
-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
		transform-origin: 0 0;
}

.site-container {
min-width: auto;
min-width: initial;
overflow: auto;
}

header.global {
width: 100%;
height: 41px;
padding: 0;
position: relative;
background-color: rgba(255, 255, 255, 0.71);
text-align: center;
z-index: 100;
}
header.global h1 {
background: url("../img/sp/common/gs_logo_sp.png") no-repeat left top;
background-size: contain;
width: 62px;
height: 26px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: block;
position: absolute;
top: 9px;
left: 12px;
margin-bottom: 0;
}
header.global h1 a {
display: block;
width: 100%;
height: 100%;
}
header.global .menu-base {
display: block;
background-color: #007e3d;
width: 41px;
height: 100%;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
}
header.global .menu-btn {
position: absolute;
top: 11px;
right: 7px;
}
header.global .menu-btn span {
display: block;
content: " ";
text-indent: -9999px;
overflow: hidden;
width: 25px;
height: 2px;
margin-bottom: 6px;
background-color: #fff;
transition: all 0.25s ease;
}
header.global .menu-btn span a {
display: block;
width: 100%;
height: 100%;
}
header.global .site-nav {
width: 100%;
margin-bottom: 0;
overflow: hidden;
top: 41px;
left: 0;
background-color: #007e3d;
height: auto;
position: absolute;
}
header.global .site-nav:before, header.global .site-nav:after {
display: none;
}
header.global .site-nav > ul {
padding: 0 !important;
text-align: left;
}
header.global .site-nav > ul > li {
padding: 0;
font-size: 1.2rem;
font-weight: bold;
color: white;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
header.global .site-nav > ul > li a {
display: block;
padding: 10px 0;
}
header.global .site-nav > ul > li span {
padding-left: 15px;
}
header.global .site-nav .sp-sub {
padding: 0;
display: block;
background-color: rgba(255, 255, 255, 0.25);
}
header.global .site-nav .sp-sub li {
padding: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
header.global .site-nav .sp-sub li a {
padding: 8px 0;
}
header.global .site-nav .sp-sub li span:before {
content: "ー ";
margin-right: 3px;
font-size: 1.1rem;
font-weight: normal;
}

footer.global {
border-top: 2px solid #007e3d;
padding-top: 2px;
text-align: center;
position: relative;
z-index: 2;
}
footer.global .inner {
padding: 1px 0 0;
background-color: #9fb832;
border-top: none;
font-size: 1.2rem;
}
footer.global .links {
margin-bottom: 0;
background-color: white;
padding: 10px 15px 7px;
}
footer.global .links li {
display: inline-block;
margin: 0 5px 3px;
}
footer.global .links li:first-child {
margin-left: 0;
}
footer.global .links li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l.png") no-repeat left top;
background-size: 6.6px 9.6px;
width: 6.6px;
height: 9.6px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 0;
margin-right: 6px;
}
footer.global .links li a:before a {
display: block;
width: 100%;
height: 100%;
}
footer.global .links li a span {
text-decoration: underline;
}
footer.global .copyright {
font-size: 1rem;
line-height: 35px;
padding-bottom: 5px;
color: white;
}
footer.global.fix-bottom {
position: relative;
bottom: auto;
left: auto;
width: auto;
min-width: auto;
min-width: initial;
}

body.is-menu-open .menu-btn span:nth-child(1) {
-webkit-transform: translate(4px, 0px) rotate(44deg);
	-ms-transform: translate(4px, 0px) rotate(44deg);
		transform: translate(4px, 0px) rotate(44deg);
-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
		transform-origin: 0 0;
}
body.is-menu-open .menu-btn span:nth-child(2) {
-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
		transform: translateX(50px);
opacity: 0;
}
body.is-menu-open .menu-btn span:nth-child(3) {
-webkit-transform: translate(4px, 0px) rotate(-45deg);
	-ms-transform: translate(4px, 0px) rotate(-45deg);
		transform: translate(4px, 0px) rotate(-45deg);
-webkit-transform-origin: 1px 3px;
	-ms-transform-origin: 1px 3px;
		transform-origin: 1px 3px;
}
}
@media print {
* {
min-width: auto !important;
min-width: initial !important;
}

body {
width: 1500px !important;
-webkit-transform: scale(0.8) !important;
	-ms-transform: scale(0.8) !important;
		transform: scale(0.8) !important;
-webkit-transform-origin: 0 0 !important;
	-ms-transform-origin: 0 0 !important;
		transform-origin: 0 0 !important;
}
body .site-container, body header.global {
min-width: auto !important;
min-width: initial !important;
}
}
body {
line-height: 2;
}

main {
padding-left: 288px;
}
main.no-padding {
padding-left: 0;
}

@media print, screen and (min-width: 751px) {
header.global {
width: 288px;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
box-shadow: 0px -18px 18px 0px rgba(0, 0, 0, 0.27);
z-index: 10;
}
header.global h1 {
background: url("../img/pc/common/ginsen_logo.png") no-repeat center center;
background-size: contain;
width: 100px;
height: 42px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
padding: 50px 0 45px;
width: 100%;
position: relative;
z-index: 2;
background-color: #fff;
display: block;
}
header.global h1 a {
display: block;
width: 100%;
height: 100%;
}

body.msie-user .scaling header.global {
position: absolute;
}

footer.global.underflow {
position: absolute;
z-index: 10;
width: 100%;
left: 0;
bottom: 0;
min-width: 1500px;
}

.site-nav {
position: relative;
z-index: 2;
background-color: #fff;
}
.site-nav > ul {
border-top: 1px solid #eaeaea;
}
.site-nav > ul li {
font-size: 1.7rem;
font-weight: bold;
line-height: 63px;
border-bottom: 1px solid #eaeaea;
}
.site-nav > ul li a {
padding-left: 50px;
display: block;
position: relative;
}
.site-nav > ul li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_lg.png") no-repeat left top;
background-size: 8px 9px;
width: 8px;
height: 9px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
right: 30px;
top: 27px;
position: absolute;
transition: all 0.35s ease;
}
.site-nav > ul li a:before a {
display: block;
width: 100%;
height: 100%;
}
.site-nav > ul li a:after {
display: block;
content: " ";
background: url("../img/pc/common/subnavs_active_arw.png") no-repeat left top;
background-size: 13px 26px;
width: 13px;
height: 26px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
width: 0;
right: 0;
top: 18px;
transition: all 0.35s ease;
}
.site-nav > ul li a:after a {
display: block;
width: 100%;
height: 100%;
}
.site-nav > ul li.consul {
font-size: 1.35rem;
font-weight: bold;
}
.site-nav > ul li.is-active a:before {
width: 0;
}
.site-nav > ul li.is-active a:after {
width: 13px;
}

.sub-navs {
background-color: #c7d53e;
position: absolute;
left: 288px;
top: 0;
width: 0;
height: 100%;
overflow: hidden;
z-index: 1;
transition: all 0.4s ease;
}
.sub-navs ul {
padding-top: 8px;
border-top: 1px solid #dbe481;
}
.sub-navs li {
font-size: 1.6rem;
line-height: 63px;
border-bottom: 1px solid #dbe481;
white-space: nowrap;
}
.sub-navs li a {
padding-left: 47px;
display: block;
}
.sub-navs > div {
position: relative;
transition: all 0.5s ease 0.35s;
opacity: 0;
}
.sub-navs > div.is-active {
opacity: 1;
}

body.is-sub-menu-open .sub-navs {
width: 240px;
}
}
.sec-header {
height: 221px;
overflow: hidden;
position: relative;
}
.sec-header .sec-ttl {
width: 100%;
height: 100%;
position: absolute;
}
.sec-header .sec-ttl h1 {
width: 100%;
height: 47px;
text-align: center;
margin-top: 80px;
}
.sec-header .sec-ttl img {
width: auto;
height: 100%;
}
.sec-header .sec-hero {
height: 100%;
}
.sec-header .sec-hero img {
width: 100%;
height: auto;
}

nav.sec-nav ul {
display: table;
width: 100%;
border-bottom: 1px solid #eaeaea;
}
nav.sec-nav li {
display: table-cell;
text-align: center;
line-height: 1.6;
padding: 20px 0;
border-left: 1px solid #eaeaea;
width: 500px;
position: relative;
}
nav.sec-nav li a {
display: block;
}
nav.sec-nav li:first-child {
border: none;
}
nav.sec-nav li.is-active:after {
display: block;
content: " ";
background: url("../img/pc/common/sec_nav_active_arw.png") no-repeat left top;
background-size: 9px 8px;
width: 9px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
nav.sec-nav li.is-active:after a {
display: block;
width: 100%;
height: 100%;
}
nav.sec-nav.sp {
display: none;
}

article h2 {
margin: 50px 0 43px;
height: 23px;
text-align: center;
}
article h2 img {
width: auto;
height: 100%;
}
article .page-content {
margin: 0 90px;
border-top: 2px solid #c7d53e;
}
article .body {
padding-top: 55px;
margin: 0 99px 50px;
}
article .body p {
line-height: 2;
}
article .body .txt {
padding: 0;
}
article .txt {
padding: 40px 0 30px;
}
article .txt p {
margin-bottom: 10px;
}

.sec-footer {
background-color: #f7f7f7;
}
.sec-footer h3 {
text-align: center;
padding: 40px 0;
border-bottom: 1px solid white;
}
.sec-footer h3 img {
height: 19px;
}
.sec-footer ul {
display: table;
width: 100%;
}
.sec-footer li {
display: table-cell;
border-left: 1px solid white;
text-align: center;
padding: 30px 0 60px;
line-height: 2;
width: 1000px;
}
.sec-footer h4 {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 17px;
}
.sec-footer h4.inquery-ttl {
margin-bottom: 30px;
}

@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
main {
padding-left: 0;
}

.sub-navs {
display: none;
}

.sec-header {
height: 112px;
overflow: hidden;
position: relative;
}
.sec-header .sec-ttl {
width: 100%;
height: 100%;
position: absolute;
}
.sec-header .sec-ttl h1 {
width: 100%;
height: 30px;
text-align: center;
margin-top: 40px;
position: relative;
z-index: 2;
}
.sec-header .sec-ttl img {
width: auto;
height: 100%;
}
.sec-header .sec-hero {
height: 100%;
}
.sec-header .sec-hero img {
width: auto;
min-width: 100%;
height: 100%;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
}

nav.sec-nav {
display: none;
}
nav.sec-nav.sp {
display: block;
margin-bottom: 60px;
}
nav.sec-nav.sp ul {
display: block;
width: 85%;
margin: 0 auto;
font-size: 1.3rem;
border: 2px solid #eaeaea;
}
nav.sec-nav.sp li {
display: block;
text-align: center;
border: none;
border-top: 2px solid #eaeaea;
width: auto;
position: relative;
}
nav.sec-nav.sp li a {
display: block;
}
nav.sec-nav.sp li:first-child {
border: none;
}
nav.sec-nav.sp li.is-active {
background-color: #007e3d;
font-weight: bold;
color: white;
}
nav.sec-nav.sp li.is-active:after {
display: none;
}

article {
font-size: 1.2rem;
}
article h2 {
margin: 20px 0 20px;
height: 15px;
text-align: center;
}
article h2 img {
width: auto;
height: 100%;
}
article .page-content {
margin: 0 20px;
border-top: 2px solid #c7d53e;
}
article .body {
padding-top: 15px;
margin: 0 20px 30px;
}
article .body p {
line-height: 2;
}
article .txt {
padding: 40px 0 30px;
}
article .txt p {
margin-bottom: 10px;
font-size: 1.2rem;
}

.sec-footer {
background-color: #f7f7f7;
padding-bottom: 30px;
margin-bottom: 60px;
}
.sec-footer h3 {
text-align: center;
padding: 30px 0;
border-bottom: 1px solid white;
}
.sec-footer h3 img {
height: 14px;
}
.sec-footer ul {
display: block;
width: 100%;
}
.sec-footer li {
display: block;
border: none;
border-bottom: 1px solid white;
text-align: center;
padding: 20px 0;
line-height: 2;
width: auto;
}
.sec-footer h4 {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 17px;
}
.sec-footer h4.inquery-ttl {
margin-bottom: 30px;
}
}
.insurance-header {
box-sizing: border-box;
height: 79px;
background-color: #fff;
border-bottom: 5px solid #047c3e;
padding: 16px 30px 22px;
}
.insurance-header h1 {
display: inline-block;
margin-right: 20px;
vertical-align: top;
}
.insurance-header h1 a {
background: url("../img/pc/building/building_ci.png") no-repeat center center;
background-size: contain;
width: 100px;
height: 42px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.insurance-header h1 a a {
display: block;
width: 100%;
height: 100%;
}
.insurance-header h1 + nav {
margin-top:4px;
}
.insurance-header nav {
display: inline-block;
vertical-align: middle;
}
.insurance-header nav a {
display: inline-block;
padding: 10px;
font-size: 1.2rem;
border: 2px solid black;
line-height: 1;
box-sizing: border-box;
vertical-align: middle;
}

/* 共通スタイルのインポート ここまで */
/****************************************************************************************************************
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


保険事業配下 スタイル
/hoken/


+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
******************************************************************************************************************/
/*************************************************************


* 保険事業配下 共通スタイル 基本スタイル
/hoken/

*************************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
height: auto !important;
}

article.insurance-sec h2 span, article.insurance-corporation-index .services > section .detail h2 span, article.insurance-personal-index .services > section h2 span {
font-size: 3rem;
font-weight: 30;
font-weight: bold;
color: #007e3d;
}
article.insurance-sec h2 span small, article.insurance-corporation-index .services > section .detail h2 span small, article.insurance-personal-index .services > section h2 span small {
font-size: 1.5rem;
line-height: 0.333333;
color: #c7d53e;
display: block;
font-weight: normal;
}
article.insurance-sec h2 span small:after, article.insurance-corporation-index .services > section .detail h2 span small:after, article.insurance-personal-index .services > section h2 span small:after {
display: block;
content: " ";
width: 90px;
height: 1px;
margin: 33px auto 0;
border-bottom: 1px solid;
}

/*
* IE11 游フォントずれ回避
*/
@media all and (-ms-high-contrast: none) {
.ie11-offset {
font-family: "メイリオ", Meiryo !important;
}
}
/*
* PC版でサイドバーがいらない場合の設定
*/
@media print, screen and (min-width: 751px) {
body.nosidebar header.global {
display: none;
}
}
/*************************************************************


* 保険事業配下 HERO内のタイトル共通スタイル


*************************************************************/
/*************************************************************


* 保険事業配下 共通ヘッダースタイル


*************************************************************/
.insurance-header:after {
content: "";
clear: both;
display: block;
}
.insurance-header .insurance-nav {
float: right;
height: 58px;
}
.insurance-header .insurance-nav ul {
font-size: 0rem;
height: 100%;
}
.insurance-header .insurance-nav li {
display: inline-block;
height: 100%;
margin-left: 5px;
position: relative;
}
.insurance-header .insurance-nav li a {
border: none;
font-weight: bold;
color: #007e3d;
font-size: 1.4rem;
}
.insurance-header .insurance-nav li:before {
display: block;
content: " ";
display: inline-block;
margin-right: 8px;
content: "/";
color: #e6e6e6;
position: relative;
font-size: 1.6rem;
vertical-align: middle;
}
.insurance-header .insurance-nav li:first-child {
margin-left: 0;
}
.insurance-header .insurance-nav li:first-child:before {
display: none;
}
.insurance-header .insurance-nav li.is-current:after {
position: relative;
display: block;
height: 3px;
top: 21px;
margin: 0 10px 0 26px;
content: "";
background-color: #c7d53e;
}
.insurance-header .insurance-nav li.is-current:first-child:after {
margin: 0 10px 0 10px;
}

/*************************************************************


* 保険事業配下 共通フッタースタイル


*************************************************************/
.insurance-common-footer {
padding: 0 0 3px;
}
.insurance-common-footer .insurance-nav-sp {
display: none;
}
.insurance-common-footer .inqueries {
padding-top: 40px;
background-color: #f7f7f7;
}
.insurance-common-footer .inqueries h2 {
font-size: 3rem;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
.insurance-common-footer .inqueries .types {
/*border-top: 1px solid white;*/
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.insurance-common-footer .inqueries .types > div {
width: 50%;
padding: 40px -0 50px;
}
.insurance-common-footer .inqueries .types > div:first-child {
border-right: 1px solid white;
}
.insurance-common-footer .inqueries .types > div h3 {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.25;
margin-bottom: 10px;
}
.insurance-common-footer .inqueries .types > div ul li a {
font-size: 1.5rem;
font-weight: normal;
line-height: 2;
text-decoration: underline;
}
.insurance-common-footer .inqueries .types > div ul li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_g.png") no-repeat left top;
background-size: 7px 8px;
width: 7px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 6px;
}
.insurance-common-footer .inqueries .types > div ul li a:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-common-footer .entry {
background-color: #c7d53e;
text-align: center;
padding: 35px 0;
}
.insurance-common-footer .entry h2 {
font-size: 3rem;
font-weight: bold;
color: white;
margin-bottom: 25px;
}
.insurance-common-footer .entry .link-entries {
background-color: #fff;
margin: 0 30px;
padding: 30px;
}
.insurance-common-footer .entry .link-entries ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
.insurance-common-footer .entry .link-entries ul li {
width: 20%;
}
.insurance-common-footer .entry .link-entries ul li a {
display: block;
}
.insurance-common-footer .entry .link-entries ul li a h4 {
font-size: 1.3rem;
font-weight: bold;
color: #007e3d;
margin-bottom: 10px;
}
.insurance-common-footer .entry .link-entries ul li a .img img {
width: 100%;
}
.insurance-common-footer .entry .link-entries .notes {
margin-top: 25px;
padding: 0 25px;
text-align: left !important;
}
.insurance-common-footer .link-importants {
padding: 30px 15px;
background-color: #82b22d;
}
.insurance-common-footer .link-importants ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.insurance-common-footer .link-importants ul li {
background-color: #fff;
width: calc(25% - 30px);
text-align: center;
color: #727171;
margin: 0 15px;
}
.insurance-common-footer .link-importants ul li a {
border: 3px solid #c7d53e;
display: block;
padding: 13px 0 15px;
font-size: 1.5rem;
font-weight: bold;
}
.insurance-common-footer .link-importants ul li a span {
vertical-align: middle;
}
.insurance-common-footer .link-importants ul li img {
height: 29px;
margin-right: 10px;
}
.insurance-common-footer .attentions {
background-color: #007e3d;
text-align: center;
color: white;
padding: 30px 0;
}
.insurance-common-footer .attentions h4 {
font-size: 1.8rem;
margin-bottom: 4px;
}
.insurance-common-footer .attentions p {
padding: 0 180px;
font-size: 1.5rem;
font-weight: normal;
line-height: 2;
text-align: left;
}

/*************************************************************


* 保険事業配下 PC表示スタイル


*************************************************************/
/*************************************************************
* 保険事業配下 トップページ
/hoken/
*************************************************************/
article.insurance-index {
margin-bottom: 30px;
}
article.insurance-index .hero {
height: 670px;
position: relative;
}
article.insurance-index .hero h1 {
position: absolute;
top: 0;
left: 130px;
bottom: 0;
z-index: 10;
height: 253px !important;
margin: auto 0;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-index .hero h1 span {
background: url("../img/pc/insurance/hoken_top_hero_copy.png") no-repeat left top;
background-size: 661px 253px;
width: 661px;
height: 253px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-index .hero h1 span a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-index .hero h1 small {
display: none;
}
article.insurance-index .hero .kv-carousel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
article.insurance-index .hero .kv-carousel .carousel-item {
position: absolute !important;
width: 100% !important;
height: 100% !important;
background-size: cover !important;
background-position: center center !important;
top: 0 !important;
left: 0 !important;
}
article.insurance-index .summary {
padding-bottom: 74px;
}
article.insurance-index .summary h2 {
margin-bottom: 30px;
}
article.insurance-index .summary h2 span {
font-size: 3rem;
font-weight: 30;
font-weight: bold;
color: #007e3d;
}
article.insurance-index .summary h2 span small {
font-size: 1.5rem;
line-height: 0.333333;
color: #c7d53e;
display: block;
font-weight: normal;
}
article.insurance-index .summary h2 span small:after {
display: block;
content: " ";
width: 90px;
margin: 33px auto 0;
border-bottom: 1px solid #c7d53e;
}
article.insurance-index .summary p {
width: 980px;
margin: 0 auto 35px;
font-size: 1.6rem;
line-height: 2.25;
}
article.insurance-index .summary .button {
text-align: center;
}
article.insurance-index .summary .button a {
padding-left: 80px;
padding-right: 80px;
}
article.insurance-index .for {
padding: 55px 0;
}
article.insurance-index .for h3 {
text-align: center;
font-size: 3rem;
font-weight: bold;
color: white;
}
article.insurance-index .for > p {
text-align: center;
font-size: 1.7rem;
color: white;
margin-bottom: 40px;
}
article.insurance-index .for .contents {
background-color: #fff;
padding: 31.5px 33px;
margin: 0 30px;
}
article.insurance-index .for .contents ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
article.insurance-index .for .contents ul li {
margin: 0 14px;
width: calc(100% / 3);
vertical-align: top;
box-sizing: border-box;
border: 6px solid #f7f7f7;
position: relative;
}
article.insurance-index .for .contents ul li a {
display: block;
}
article.insurance-index .for .contents ul li .img img {
width: 100%;
}
article.insurance-index .for .contents ul li .txt {
padding: 22px 23px;
}
article.insurance-index .for .contents ul li .txt h4 {
font-size: 2rem;
font-weight: bold;
line-height: 1;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #c7d53e;
}
article.insurance-index .for .contents ul li .txt p {
font-size: 1.5rem;
font-weight: normal;
line-height: 1.6;
}
article.insurance-index .for .contents ul li .txt p strong {
display: block;
}
article.insurance-index .for .contents ul li .txt:after {
display: block;
content: " ";
background: url("../img/pc/insurance/hoken_top_company_arw.png") no-repeat left top;
background-size: 61px 61px;
width: 61px;
height: 61px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: -6px;
bottom: -6px;
}
article.insurance-index .for .contents ul li .txt:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-index .for.for-company {
background-color: #007e3d;
}
article.insurance-index .for.for-personal {
background-color: #c7d53e;
}
article.insurance-index .for.for-personal ul li .txt:after {
display: block;
content: " ";
background: transparent;
background: url("../img/pc/insurance/hoken_top_personal_arw.png") no-repeat left top;
background-size: 61px 61px;
width: 61px;
height: 61px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: -6px;
bottom: -6px;
}
article.insurance-index .for.for-personal ul li .txt:after a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
* 保険事業配下 下層ページ共通スタイル
*************************************************************/
article.insurance-sec .hero {
height: 471px;
background-size: cover !important;
background-position: center center;
position: relative;
}
article.insurance-sec .hero h1 {
height: 221px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
	  animation: show 2s ease forwards 1s;
}
@-webkit-keyframes show {
from {
opacity: 0;
-webkit-transform: scale(0.98);
		transform: scale(0.98);
}
to {
opacity: 1;
-webkit-transform: scale(1);
		transform: scale(1);
}
}
@keyframes show {
from {
opacity: 0;
-webkit-transform: scale(0.98);
		transform: scale(0.98);
}
to {
opacity: 1;
-webkit-transform: scale(1);
		transform: scale(1);
}
}
/*************************************************************
* 保険事業配下 法人様向けトップ
/hoken/corporation/
*************************************************************/
article.insurance-corporation-index .hero {
height: 471px;
background: url("../img/pc/insurance/corporation/hoken_corporate_idx_hero.jpg") no-repeat center center;
background-size: 1500px 471px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-corporation-index .hero h1 {
background: url("../img/pc/insurance/corporation/hoken_corporate_idx_ttl.png") no-repeat left top;
background-size: 520px 221px;
width: 520px;
height: 221px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 221px !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
	  animation: show 2s ease forwards 1s;
}
article.insurance-corporation-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
opacity: 0;
-webkit-transform: scale(0.98);
		transform: scale(0.98);
}
to {
opacity: 1;
-webkit-transform: scale(1);
		transform: scale(1);
}
}
article.insurance-corporation-index .services {
border-top: 10px solid #007e3d;
}
article.insurance-corporation-index .services > section {
width: 100%;
height: 453px;
}
article.insurance-corporation-index .services > section:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-index .services > section .img {
width: 50%;
height: 100%;
position: relative;
vertical-align: top;
float: left;
}
article.insurance-corporation-index .services > section .img .img-bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
article.insurance-corporation-index .services > section .detail {
width: 50%;
height: 100%;
box-sizing: border-box;
vertical-align: top;
float: right;
text-align: center;
position: relative;
}
article.insurance-corporation-index .services > section .detail .inner {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
}
article.insurance-corporation-index .services > section .detail h2 {
margin: 0 0 30px;
}
article.insurance-corporation-index .services > section .detail ul {
width: auto;
display: inline-block;
margin: 20px 0 0 6%;
text-align: left;
font-size: 0;
}
article.insurance-corporation-index .services > section .detail ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-index .services > section .detail ul li {
display: inline-block;
width: auto;
font-size: 1.6rem;
margin: 2px 0;
}
article.insurance-corporation-index .services > section .detail ul li a {
display: block;
}
article.insurance-corporation-index .services > section .detail ul li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_g.png") no-repeat left top;
background-size: 7px 8px;
width: 7px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 6px;
}
article.insurance-corporation-index .services > section .detail ul li a:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-index .services > section .detail ul li:nth-child(1), article.insurance-corporation-index .services > section .detail ul li:nth-child(3) {
width: 50%;
float: left;
}
article.insurance-corporation-index .services > section .detail ul li:nth-child(2), article.insurance-corporation-index .services > section .detail ul li:nth-child(4) {
width: 50%;
float: right;
}
article.insurance-corporation-index .services > section .detail .button {
margin: 35px auto 0;
}
article.insurance-corporation-index .services > section .detail .button .m-link-btn, article.insurance-corporation-index .services > section .detail .button .m-color-link-btn-arw {
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
line-height: 50px;
height: 50px;
border: none;
background-color: #007e3d;
color: white;
padding: 0 110px;
display: inline-block;
position: relative;
}
article.insurance-corporation-index .services > section .detail .button .m-link-btn:after, article.insurance-corporation-index .services > section .detail .button .m-color-link-btn-arw:after {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 11px 16px;
width: 11px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: block;
position: absolute;
top: 2px;
right: 0;
bottom: 0;
left: 120px;
margin: auto;
}
article.insurance-corporation-index .services > section .detail .button .m-link-btn:after a, article.insurance-corporation-index .services > section .detail .button .m-color-link-btn-arw:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-index .services > section:nth-child(even) .img {
float: right;
}
article.insurance-corporation-index .services > section:nth-child(even) .detail {
float: left;
}

/*************************************************************
* 保険事業配下 個人のお客様向け トップ
/hoken/individual/
*************************************************************/
article.insurance-personal-index .hero {
height: 471px;
background: url("../img/pc/insurance/personal/hoken_personal_idx_hero.jpg") no-repeat center center;
background-size: 1500px 471px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-personal-index .hero h1 {
background: url("../img/pc/insurance/personal/hoken_personal_idx_ttl.png") no-repeat left top;
background-size: 520px 200px;
width: 520px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 221px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
	  animation: show 2s ease forwards 1s;
}
article.insurance-personal-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
opacity: 0;
-webkit-transform: scale(0.98);
		transform: scale(0.98);
}
to {
opacity: 1;
-webkit-transform: scale(1);
		transform: scale(1);
}
}
article.insurance-personal-index .services > section p {
text-align: center;
}
article.insurance-personal-index .services .faq {
padding-bottom: 75px;
}
article.insurance-personal-index .services .faq h2 {
margin-bottom: 30px;
}
article.insurance-personal-index .services .faq p {
margin-bottom: 30px;
}
article.insurance-personal-index .services .faq .qlist {
margin: 0 18px;
}
article.insurance-personal-index .services .faq .qlist ul {
font-size: 0;
}
article.insurance-personal-index .services .faq .qlist ul li {
width: calc(50% - 24px);
margin: 12px;
display: inline-block;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
-webkit-filter: blur(0);
	  filter: blur(0);
}
article.insurance-personal-index .services .faq .qlist ul li a {
display: block;
position: relative;
}
article.insurance-personal-index .services .faq .qlist ul li a:after {
content: "";
clear: both;
display: block;
}
article.insurance-personal-index .services .faq .qlist ul li a .img {
width: 50%;
float: left;
}
article.insurance-personal-index .services .faq .qlist ul li a .img img {
width: 100%;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail {
width: 50%;
height: 100%;
float: right;
text-align: center;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail .inner {
display: inline-block;
position: absolute;
width: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
	  transform: translate(0, -50%);
}
article.insurance-personal-index .services .faq .qlist ul li a .detail h3 {
text-align: center;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail h3 img {
height: 35px;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail p {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.666667;
margin: 18px 30px 0;
padding-top: 12px;
border-top: 1px solid #c7d53e;
}
article.insurance-personal-index .services .faq .fullsize-border-btn {
border: 2px solid #c7d53e;
display: block;
margin: 0 30px;
text-align: center;
color: #c7d53e;
font-size: 2.1rem;
font-weight: bold;
line-height: 1.142857;
line-height: 55px;
margin-top: 20px;
}
article.insurance-personal-index .services .faq .fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_lg.png") no-repeat left top;
background-size: 24px 20px;
width: 24px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px;
}
article.insurance-personal-index .services .faq .fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-personal-index .services .replan {
padding-top: 40px;
padding-bottom: 50px;
background-color: #c7d53e;
}
article.insurance-personal-index .services .replan h2 {
margin-top: 0;
margin-bottom: 20px;
}
article.insurance-personal-index .services .replan h2 span {
color: white !important;
}
article.insurance-personal-index .services .replan h2 span small {
color: white !important;
}
article.insurance-personal-index .services .replan h2 span small:after {
border-bottom: 1px solid white;
}
article.insurance-personal-index .services .replan .service-ttl {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 3px;
}
article.insurance-personal-index .services .replan .service-ttl .m-inline-box {
background-color: #007e3d;
color: white;
font-size: 1.5rem;
padding: 3px 18px;
vertical-align: middle;
margin-left: 13px;
position: relative;
top: -1px;
}
article.insurance-personal-index .services .replan ul {
margin: 25px 15px 0;
font-size: 0;
}
article.insurance-personal-index .services .replan ul li {
width: calc(25% - 30px);
margin: 0 15px;
display: inline-block;
}
article.insurance-personal-index .services .replan ul li img {
width: 100%;
}
article.insurance-personal-index .services .replan .button {
margin-top: 30px;
}
article.insurance-personal-index .services .replan .button .fullsize-border-btn {
border: 2px solid white;
display: block;
margin: 0 30px;
text-align: center;
color: white;
font-size: 2.1rem;
font-weight: bold;
line-height: 1.142857;
line-height: 55px;
margin-top: 20px;
}
article.insurance-personal-index .services .replan .button .fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_w.png") no-repeat left top;
background-size: 24px 20px;
width: 24px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px;
}
article.insurance-personal-index .services .replan .button .fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-personal-index .services .insurance-contents {
padding-bottom: 80px;
text-align: center;
}
article.insurance-personal-index .services .insurance-contents h2 {
margin-bottom: 20px;
}
article.insurance-personal-index .services .insurance-contents .service-ttl {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 20px;
}
article.insurance-personal-index .services .insurance-contents p {
margin-bottom: 30px;
}
article.insurance-personal-index .services .insurance-contents ul {
font-size: 0;
margin: 0 15px;
}
article.insurance-personal-index .services .insurance-contents ul li {
width: calc(33.3333333% - 30px);
margin: 0 15px;
display: inline-block;
vertical-align: top;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
-webkit-filter: blur(0);
	  filter: blur(0);
}
article.insurance-personal-index .services .insurance-contents ul li .img img {
width: 100%;
}
article.insurance-personal-index .services .insurance-contents ul li .detail {
padding: 22px 24px;
}
article.insurance-personal-index .services .insurance-contents ul li .detail h3 {
font-size: 2rem;
font-weight: bold;
padding-bottom: 3px;
margin-bottom: 12px;
border-bottom: 1px solid #c7d53e;
text-align: left;
}
article.insurance-personal-index .services .insurance-contents ul li .detail p {
font-size: 1.5rem;
font-weight: normal;
line-height: 1.6;
text-align: left;
}
article.insurance-personal-index .services .insurance-contents .button .fullsize-border-btn {
border: 2px solid #c7d53e;
display: block;
margin: 0 30px;
text-align: center;
color: #c7d53e;
font-size: 2.1rem;
font-weight: bold;
line-height: 1.142857;
line-height: 55px;
margin-top: 20px;
}
article.insurance-personal-index .services .insurance-contents .button .fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_lg.png") no-repeat left top;
background-size: 24px 20px;
width: 24px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px;
}
article.insurance-personal-index .services .insurance-contents .button .fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
* 保険事業配下 取扱保険会社一覧
/hoken/service/inslist.html
*************************************************************/
.insurance-service-inslist .hero {
background: url("../img/pc/insurance/service/inslist/inslist_hero.jpg") no-repeat left top;
background-size: 1500px 471px;
display: block;
}
.insurance-service-inslist .hero h1 {
background: url("../img/pc/insurance/service/inslist/inslist_ttl.png") no-repeat left top;
background-size: 575px 149px;
width: 575px;
height: 149px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 149px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px !important;
right: auto !important;
margin: auto 0;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
	  animation: show 2s ease forwards 1s;
}
.insurance-service-inslist .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
opacity: 0;
-webkit-transform: scale(0.98);
		transform: scale(0.98);
}
to {
opacity: 1;
-webkit-transform: scale(1);
		transform: scale(1);
}
}
.insurance-service-inslist .inslist-article {
border-top: 10px solid #007e3d;
}
.insurance-service-inslist .inslist-article .inslist-section {
padding-bottom: 20px;
border-bottom: 6px solid #f7f7f7;
}
.insurance-service-inslist .inslist-article .inslist-section > p {
text-align: center;
margin-bottom: 43px;
}
.insurance-service-inslist .inslist-article .inslist-section ul {
font-size: 0;
width: 1002px;
margin: 0 auto;
padding-bottom: 40px;
}
.insurance-service-inslist .inslist-article .inslist-section ul li {
display: inline-block;
text-align: center;
margin: 9px 18px;
vertical-align: top;
}
.insurance-service-inslist .inslist-article .inslist-section ul li a {
display: block;
}
.insurance-service-inslist .inslist-article .inslist-section ul li .img {
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
margin-bottom: 8px;
}
.insurance-service-inslist .inslist-article .inslist-section ul li .img img {
width: 298px;
}
.insurance-service-inslist .inslist-article .inslist-section ul li p {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.6;
text-decoration: underline;
}

/*************************************************************
* 保険事業配下 プロが答える保険のQ&A 一覧
/hoken/individual/qa/qa.html
*************************************************************/
article.insurance-qa-index .hero {
height: 471px;
background: url("../img/pc/insurance/personal/hoken_qa_idx_hero.jpg") no-repeat center center;
background-size: 1500px 471px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-qa-index .hero h1 {
background: url("../img/pc/insurance/personal/hoken_qa_idx_ttl.png") no-repeat left top;
background-size: 531px 200px;
width: 531px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 221px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-qa-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
* 保険事業配下 プロが答える保険のQ&A 詳細
/hoken/individual/qa/qa01.html
*************************************************************/
article.insurance-qa-detail .hero {
width: 100%;
}
article.insurance-qa-detail .hero:after {
content: "";
clear: both;
display: block;
}
article.insurance-qa-detail .hero .txt-part {
width: 50%;
height: 100%;
float: left;
background-color: #c7d53e;
padding-top: 0;
box-sizing: border-box;
position: relative;
}
article.insurance-qa-detail .hero .txt-part:after {
display: block;
content: " ";
background: url("../img/pc/insurance/personal/hoken_qa_detail_hero_arw.png") no-repeat left top;
background-size: 31px 61px;
width: 31px;
height: 61px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
right: -31px;
margin: auto;
}
article.insurance-qa-detail .hero .txt-part:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-qa-detail .hero .img-part {
width: 50%;
height: 100%;
float: right;
}
article.insurance-qa-detail .hero .img-part .img-bg {
width: 100%;
height: 100%;
overflow: hidden;
}
article.insurance-qa-detail .hero .img-part .img-bg picture, article.insurance-qa-detail .hero .img-part .img-bg img {
width: 100%;
}
article.insurance-qa-detail .hero h1 {
width: 711px;
opacity: 1;
-webkit-animation: none !important;
	  animation: none !important;
margin: 0 auto;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
article.insurance-qa-detail .hero h1 .number {
position: absolute;
top: 54px;
left: 0;
}
article.insurance-qa-detail .hero h1 .question {
position: absolute;
top: 54px;
left: 160px;
}
article.insurance-qa-detail .hero h2 {
width: 100%;
height: 248px !important;
margin: 0 auto;
position: absolute;
left: 0;
bottom: 35px;
}
article.insurance-qa-detail .answers {
text-align: center;
}
article.insurance-qa-detail .answers h2 {
margin-bottom: 29px;
}
article.insurance-qa-detail .answers h2:after {
display: block;
content: " ";
width: 86px;
height: 1px;
background-color: #96ad34;
margin: 15px auto 0;
}
article.insurance-qa-detail .answers > section {
margin-bottom: 100px;
}
article.insurance-qa-detail .answers p {
margin-bottom: 2.4em;
}
article.insurance-qa-detail .answers p span.highlight {
color: #ff6600;
}

/*************************************************************
* 保険事業配下 保険証券分析サービス
/hoken/bunseki/
*************************************************************/
article.insurance-bunseki-index .hero, article.insurance-bunseki-common .hero {
height: 471px;
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_hero.jpg") no-repeat center center;
background-size: 1500px 471px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-bunseki-index .hero h1, article.insurance-bunseki-common .hero h1 {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_ttl.png") no-repeat left top;
background-size: 630px 200px;
width: 630px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 221px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-bunseki-index .hero h1 a, article.insurance-bunseki-common .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .overview, article.insurance-bunseki-common .overview {
width: 1414px;
margin: 0 auto;
padding-bottom: 106px;
}
article.insurance-bunseki-index .overview .overview-img, article.insurance-bunseki-common .overview .overview-img {
margin-bottom: 27px;
}
article.insurance-bunseki-index .overview .overview-img:after, article.insurance-bunseki-common .overview .overview-img:after {
content: "";
clear: both;
display: block;
}
article.insurance-bunseki-index .overview .overview-img .primary, article.insurance-bunseki-index .overview .overview-img .secondary, article.insurance-bunseki-common .overview .overview-img .primary, article.insurance-bunseki-common .overview .overview-img .secondary {
width: 707px;
}
article.insurance-bunseki-index .overview .overview-img .primary, article.insurance-bunseki-common .overview .overview-img .primary {
float: left;
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_overview_img01.jpg") no-repeat left top;
background-size: 707px 340px;
width: 707px;
height: 340px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .overview .overview-img .primary a, article.insurance-bunseki-common .overview .overview-img .primary a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .overview .overview-img .secondary, article.insurance-bunseki-common .overview .overview-img .secondary {
float: right;
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_overview_img02.jpg") no-repeat left top;
background-size: 707px 340px;
width: 707px;
height: 340px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .overview .overview-img .secondary a, article.insurance-bunseki-common .overview .overview-img .secondary a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .overview > p, article.insurance-bunseki-common .overview > p {
text-align: center;
}
article.insurance-bunseki-index .document-support, article.insurance-bunseki-common .document-support {
background-color: #c7d53e;
padding-bottom: 123px;
}
article.insurance-bunseki-index .document-support h3, article.insurance-bunseki-common .document-support h3 {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_support_ttl.png") no-repeat top center;
background-size: 480px 44px;
display: block;
text-indent: -9999px;
background-color: #fff !important;
}
article.insurance-bunseki-index .document-support .sample-selector, article.insurance-bunseki-common .document-support .sample-selector {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_document_sample_bg.jpg") no-repeat left top;
background-size: 1061px 799px;
display: block;
width: 1061px;
height: 799px;
margin: 0 auto;
position: relative;
}
article.insurance-bunseki-index .document-support .sample-selector section, article.insurance-bunseki-common .document-support .sample-selector section {
position: absolute;
}
article.insurance-bunseki-index .document-support .sample-selector section a, article.insurance-bunseki-common .document-support .sample-selector section a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section a:hover, article.insurance-bunseki-common .document-support .sample-selector section a:hover {
opacity: 0.5;
}
article.insurance-bunseki-index .document-support .sample-selector section.area01, article.insurance-bunseki-common .document-support .sample-selector section.area01 {
left: 20px;
top: 71px;
}
article.insurance-bunseki-index .document-support .sample-selector section.area01 a, article.insurance-bunseki-common .document-support .sample-selector section.area01 a {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay01.png") no-repeat left top;
background-size: 536px 261px;
width: 536px;
height: 261px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area01 a a, article.insurance-bunseki-common .document-support .sample-selector section.area01 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section.area02, article.insurance-bunseki-common .document-support .sample-selector section.area02 {
left: 20px;
top: 338px;
}
article.insurance-bunseki-index .document-support .sample-selector section.area02 a, article.insurance-bunseki-common .document-support .sample-selector section.area02 a {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay02.png") no-repeat left top;
background-size: 539px 253px;
width: 539px;
height: 253px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area02 a a, article.insurance-bunseki-common .document-support .sample-selector section.area02 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section.area03, article.insurance-bunseki-common .document-support .sample-selector section.area03 {
left: 20px;
top: 595px;
z-index: 1;
}
article.insurance-bunseki-index .document-support .sample-selector section.area03 a, article.insurance-bunseki-common .document-support .sample-selector section.area03 a {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay03.png") no-repeat left top;
background-size: 528px 196px;
width: 528px;
height: 196px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area03 a a, article.insurance-bunseki-common .document-support .sample-selector section.area03 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section.area04, article.insurance-bunseki-common .document-support .sample-selector section.area04 {
right: 0;
bottom: 0;
}
article.insurance-bunseki-index .document-support .sample-selector section.area04 a, article.insurance-bunseki-common .document-support .sample-selector section.area04 a {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay04.png") no-repeat left top;
background-size: 522px 221px;
width: 522px;
height: 221px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area04 a a, article.insurance-bunseki-common .document-support .sample-selector section.area04 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .button, article.insurance-bunseki-common .document-support .button {
width: 1061px;
margin: 42px auto 0;
}
article.insurance-bunseki-index .document-support .button > a, article.insurance-bunseki-common .document-support .button > a {
color: white;
margin: 0;
font-size: 3rem;
line-height: 85px;
}
article.insurance-bunseki-index .document-support .button.to-faq a, article.insurance-bunseki-common .document-support .button.to-faq a {
background-color: #fff;
color: #047c3e;
}
article.insurance-bunseki-index .document-support .button.to-inquery a, article.insurance-bunseki-common .document-support .button.to-inquery a {
background-color: #047c3e;
color: white;
}

/*************************************************************
* 保険事業配下 保険証券分析サービス グラフ解説
/hoken/bunseki/more.html
*************************************************************/
.insurance-bunseki-explanation .explanation {
padding: 50px 0 123px;
background-color: #c7d53e;
}
.insurance-bunseki-explanation .explanation h2 {
margin: 0 0 60px;
}
.insurance-bunseki-explanation .explanation h2 small {
color: #007e3d;
}
.insurance-bunseki-explanation .explanation h2 small:after {
border-bottom-color: #007e3d;
}
.insurance-bunseki-explanation .explanation .explanation-step > section {
width: 1060px;
margin: 37px auto 0;
padding: 23px 0 30px;
background-color: #fff;
}
.insurance-bunseki-explanation .explanation .explanation-step > section:first-child {
margin-top: 0;
}
.insurance-bunseki-explanation .explanation .explanation-step h3 {
font-size: 3rem;
font-weight: bold;
color: #007e3d;
text-align: center;
margin-bottom: 35px;
}
.insurance-bunseki-explanation .explanation .explanation-step h3 small {
display: block;
font-size: 1.6rem;
font-weight: normal;
color: black;
display: none;
}
.insurance-bunseki-explanation .explanation .explanation-step h3:before {
display: block;
content: " ";
background: url("../img/pc/insurance/bunseki/bunseki_icon_exclamation.png") no-repeat left top;
background-size: 44px 44px;
width: 44px;
height: 44px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 11px;
margin-right: 15px;
}
.insurance-bunseki-explanation .explanation .explanation-step h3:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step h4 {
font-size: 3rem;
font-weight: bold;
}
.insurance-bunseki-explanation .explanation .explanation-step p {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.333333;
}
.insurance-bunseki-explanation .explanation .explanation-step p i {
font-size: 3rem;
font-weight: bold;
color: #007e3d;
}
.insurance-bunseki-explanation .explanation .explanation-step p small {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.666667;
text-indent: -2em;
padding-left: 2em;
display: block;
padding-top: 15px;
}
.insurance-bunseki-explanation .explanation .explanation-step p small i {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.666667;
color: #007e3d;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure {
padding: 0 80px;
margin-bottom: 30px;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure figure {
margin: 0;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure figure img, .insurance-bunseki-explanation .explanation .explanation-step .figure figure picture {
width: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure figcaption {
display: none;
}
.insurance-bunseki-explanation .explanation .explanation-step ol {
margin: 0 80px;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li {
padding: 20px 0 25px 85px;
position: relative;
background: url("../img/pc/insurance/bunseki/bunseki_more_dotbg.png") repeat-x top left;
background-size: 15px 4px;
display: block;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li:first-child {
background-image: none;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li:before {
display: block;
content: " ";
position: absolute;
top: 15px;
left: 0;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check01:before {
background: url("../img/pc/insurance/bunseki/bunseki_more_icon_check01.png") no-repeat left top;
background-size: 72px 72px;
width: 72px;
height: 72px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check01:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check02:before {
background: url("../img/pc/insurance/bunseki/bunseki_more_icon_check02.png") no-repeat left top;
background-size: 72px 72px;
width: 72px;
height: 72px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check02:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check03:before {
background: url("../img/pc/insurance/bunseki/bunseki_more_icon_check03.png") no-repeat left top;
background-size: 72px 72px;
width: 72px;
height: 72px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check03:before a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
* 保険事業配下 リスク対策
/hoken/corporation/risk.html
*************************************************************/
article.insurance-corporation-risk .hero {
background: url("../img/pc/insurance/corporation/risk/hoken_corporation_risk_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-risk .hero h1 {
background: url("../img/pc/insurance/corporation/risk/hoken_corporation_risk_ttl.png") no-repeat left top;
background-size: 599px 200px;
width: 599px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-risk .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-risk .overview {
padding-bottom: 70px;
}
article.insurance-corporation-risk .overview > p {
margin-bottom: 50px;
text-align: center;
}
article.insurance-corporation-risk .overview .clients {
width: 1200px;
margin: 0 auto;
}
article.insurance-corporation-risk .overview .clients:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-risk .overview .clients > li {
width: 400px;
height: 650px;
float: left;
text-align: center;
}
article.insurance-corporation-risk .overview .clients > li .txt {
margin: 0;
padding: 0;
padding-top: 16px;
}
article.insurance-corporation-risk .overview .clients > li .txt li {
font-size: 1.5rem;
vertical-align: middle;
}
article.insurance-corporation-risk .overview .clients > li .txt li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 11px 16px;
width: 11px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
article.insurance-corporation-risk .overview .clients > li .txt li a:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-risk .overview .clients > li h3 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 24px;
}
article.insurance-corporation-risk .overview .clients > li h3:after {
display: block;
content: " ";
height: 1px;
background-color: #fff;
width: 50px;
margin: 15px auto 0;
}
article.insurance-corporation-risk .overview .clients > li.companies, article.insurance-corporation-risk .overview .clients > li.staffs {
background-color: #c7d53e;
}
article.insurance-corporation-risk .overview .clients > li.companies h3, article.insurance-corporation-risk .overview .clients > li.staffs h3 {
color: #007e3d;
}
article.insurance-corporation-risk .overview .clients > li.freelances {
background-color: #007e3d;
}
article.insurance-corporation-risk .overview .clients > li.freelances h3 {
color: #c7d53e;
}
article.insurance-corporation-risk .overview .clients > li.freelances .txt {
color: white;
}
article.insurance-corporation-risk .overview .clients > li .img {
height: 421px;
background-color: red;
}
article.insurance-corporation-risk .overview .clients > li .img img {
height: 100%;
}
article.insurance-corporation-risk .services {
padding-bottom: 85px;
background-color: #c7d53e;
}
article.insurance-corporation-risk .services h3 {
font-size: 3rem;
font-weight: bold;
color: #007e3d;
}
article.insurance-corporation-risk .services ul {
width: 1250px;
margin: 0 auto;
}
article.insurance-corporation-risk .services ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-risk .services li {
width: 575px;
height: 360px;
float: left;
margin: 25px;
background-color: #fff;
}
article.insurance-corporation-risk .services li h4 {
font-size: 2rem;
font-weight: bold;
color: #007e3d;
text-align: center;
margin-bottom: 16px;
}
article.insurance-corporation-risk .services li .button {
margin: 0 auto;
padding: 0 60px;
}
article.insurance-corporation-risk .services li .img {
height: 210px;
background-color: red;
margin-bottom: 13px;
}
article.insurance-corporation-risk .services li .img img {
height: 100%;
}
article.insurance-corporation-risk .services li .txt {
text-align: center;
margin: 0;
padding: 0;
}

/*************************************************************
* 保険事業配下 企業リスクコンサルティング
/hoken/corporation/risk_consulting.html
*************************************************************/
article.insurance-corporation-risk-consul .hero {
background: url("../img/pc/insurance/corporation/risk/hoken_corporation_consul_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-risk-consul .hero h1 {
background: url("../img/pc/insurance/corporation/risk/hoken_corporation_consul_ttl.png") no-repeat left top;
background-size: 599px 200px;
width: 599px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-risk-consul .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-risk-consul .overview {
padding-bottom: 90px;
text-align: center;
}
article.insurance-corporation-risk-consul .overview > p {
margin-bottom: 30px;
}
article.insurance-corporation-risk-consul .patterns {
padding-top: 2px;
padding-bottom: 75px;
background-color: #c7d53e;
}
article.insurance-corporation-risk-consul .patterns h2 span {
color: #007e3d;
}
article.insurance-corporation-risk-consul .patterns h2 small {
color: white;
}
article.insurance-corporation-risk-consul .patterns h2 small:after {
border-bottom-color: #007e3d;
}
article.insurance-corporation-risk-consul .patterns > p {
text-align: center;
margin-bottom: 51px;
}
article.insurance-corporation-risk-consul :is(.patterns, .patterns_g) ul {
max-width: 1400px;
margin: 0 auto;
}
article.insurance-corporation-risk-consul .patterns ul li {
margin-top: 30px;
}
article.insurance-corporation-risk-consul .patterns ul li:first-child {
margin-top: 0;
}
article.insurance-corporation-risk-consul .patterns ul h3 {
background-color: #007e3d;
padding: 20px 0;
color: white;
text-align: center;
font-size: 2.5rem;
font-weight: bold;
vertical-align: middle;
}
article.insurance-corporation-risk-consul .patterns ul h3 .pattern-num {
font-size: 1.5rem;
font-weight: bold;
display: inline-block;
border: 1px solid white;
line-height: 37px;
padding: 0 22px;
margin-right: 29px;
vertical-align: middle;
position: relative;
top: -2px;
}
article.insurance-corporation-risk-consul .patterns .content_ss .bsn_risk div {
display: flex;
flex-direction: column;
}
article.insurance-corporation-risk-consul .patterns ul .content {
padding: 40px 45px 30px;
background-color: #fff;
}
article.insurance-corporation-risk-consul .patterns ul .content:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-risk-consul .patterns ul .content .txt {
float: left;
padding: 0;
width: 490px;
}
article.insurance-corporation-risk-consul .patterns ul .content .img {
float: right;
position: relative;
top: -10px;
}
article.insurance-corporation-risk-consul .patterns ul .content .img img {
vertical-align: top;
height: 229px;
}

/*************************************************************
* 保険事業配下 お問い合わせ
/hoken/inquiry/
*************************************************************/
article.insurance-inquiry-index .hero {
background: url("../img/pc/insurance/inquiry/hoken_inquiry_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
height: 408px !important;
}
article.insurance-inquiry-index .hero h1 {
background: url("../img/pc/insurance/inquiry/hoken_inquiry_ttl.png") no-repeat left top;
background-size: 467px 200px;
width: 467px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-inquiry-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-operator:before {
background: url("../img/pc/common/icon_operator.png") no-repeat left top;
background-size: 64px 64px;
width: 64px;
height: 64px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-operator:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-group:before {
background: url("../img/pc/common/icon_group.png") no-repeat left top;
background-size: 64px 40px;
width: 64px;
height: 40px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-group:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-group_ob:before {
	background: url("../img/pc/common/icon_group_ob.png") no-repeat left top;
	background-size: 64px 55px;
	width: 64px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto;
}
article.insurance-inquiry-index .-group_ob:before a {
	display: block;
	width: 100%;
	height: 100%;
}
article.insurance-inquiry-index .-accident:before {
background: url("../img/pc/common/icon_accident.png") no-repeat left top;
background-size: 64px 64px;
width: 64px;
height: 64px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-accident:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-cars:before {
background: url("../img/pc/common/icon_cars.png") no-repeat left center;
background-size: 64px 49px;
width: 64px;
height: 64px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-cars:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-offices:before {
background: url("../img/pc/common/icon_office.png") no-repeat left top;
background-size: 57px 64px;
width: 57px;
height: 64px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-inquiry-index .-offices:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-personal:before {
background: url("../img/pc/common/icon_personal.png") no-repeat left top;
background-size: 45px 64px;
width: 45px;
height: 64px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-inquiry-index .-personal:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-company:before {
background: url("../img/pc/common/icon_company.png") no-repeat left top;
background-size: 64px 57px;
width: 64px;
height: 57px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-inquiry-index .-company:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-tel:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_telefon.png") no-repeat left top;
background-size: 32px 26px;
width: 32px;
height: 26px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
article.insurance-inquiry-index .-tel:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-fax:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_fax.png") no-repeat left top;
background-size: 32px 32px;
width: 32px;
height: 32px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
article.insurance-inquiry-index .-fax:before a {
display: block;
width: 100%;
height: 100%;
}
/* ------ 202203　電話FAX テキスト追加　start　------ */
article.insurance-inquiry-index .-teltxt span:before {
content: "電話: ";    
font-size: 0.94em;
}
article.insurance-inquiry-index .-faxtxt span:before {
content: "FAX: ";   
font-size: 0.94em;
}
/* ------ 202203　電話FAX テキスト追加　end　------ */
/* ------ 20220328　mail追加　start　------ */
article.insurance-inquiry-index .-mail {
border: #007e3d solid 1px;
border-radius: 5px;
margin: 3rem auto 1rem auto;
flex: auto;
width: 80%;
}
article.insurance-inquiry-index .-mail a  {
color: #007e3d;
}
article.insurance-inquiry-index .-mail span {
font-size: 1.4em;
font-weight: bold;
}
article.insurance-inquiry-index .-mail a:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_mail.png") no-repeat left top;
background-size: 25px 20px;
width: 25px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
/* ------ 20220328　mail追加　end　------ */
article.insurance-inquiry-index .-freedial:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_freedial.png") no-repeat left top;
background-size: 32px 26px;
width: 32px;
height: 26px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
article.insurance-inquiry-index .-freedial:before a {
display: block;
width: 100%;
height: 100%;
}

/*20180904*/
.insurance-index .summary ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 1050px;
margin: 20px auto 36px;
}
.insurance-index .summary ul:after {
content: "";
clear: both;
display: block;
}
.insurance-index .summary ul li {
margin: 0 20px;
float: left;
position: relative;
}

article.insurance-inquiry-index .inquiry-list01 {
width: 1050px;
margin: 0 auto 16px;
}
article.insurance-inquiry-index .inquiry-list01:after {
content: "";
clear: both;
display: block;
}
article.insurance-inquiry-index .inquiry-list01 li {
width: 475px;
float: left;
margin: 20px 25px;
height: 186px;
text-align: center;
position: relative;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
}
article.insurance-inquiry-index .inquiry-list01 li a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
article.insurance-inquiry-index .inquiry-list01 li p {
display: table-cell;
vertical-align: middle;
text-align: center;
}
article.insurance-inquiry-index .inquiry-list01 li p:before {
display: block;
content: " ";
margin: 0 auto 21px !important;
}
article.insurance-inquiry-index .inquiry-list01 li p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 22px 31px;
width: 22px;
height: 31px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .inquiry-list01 li p:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .for-customers {
margin-bottom: 113px;
}
article.insurance-inquiry-index .for-customers h2 {
margin-bottom: 29px;
}
article.insurance-inquiry-index .for-customers .offices {
width: 1000px;
height: 92px;
margin: 0 auto;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
}
article.insurance-inquiry-index .for-customers .offices a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
article.insurance-inquiry-index .for-customers .offices p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
article.insurance-inquiry-index .for-customers .offices p:before {
display: block;
content: " ";
display: inline-block;
vertical-align: middle;
margin-right: 30px;
}
article.insurance-inquiry-index .for-customers .offices p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 22px 31px;
width: 22px;
height: 31px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-left: 30px;
}
article.insurance-inquiry-index .for-customers .offices p:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .contacts {
padding-bottom: 112px;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info {
text-align: center;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info .open-time {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 10px;
}
article.insurance-inquiry-index .contacts .contact-info-txt {
font-size: 2.5rem;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info .attention {
font-size: 1.8rem;
color: #007e3d;
margin-bottom: 20px;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info li {
font-size: 1.8rem;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info li:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_g.png") no-repeat left top;
background-size: 7px 8px;
width: 7px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info li:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .contacts .main-area-contacts {
margin-bottom: 70px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul {
width: 1000px;
margin: 60px auto 45px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li {
width: 475px;
text-align: center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li.tokyo {
float: left;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li.osaka {
float: right;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h3 {
background-color: #c7d53e;
line-height: 60px;
font-size: 2rem;
font-weight: bold;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h4 {
color: #007e3d;
font-size: 2rem;
font-weight: bold;
line-height: 24px;
padding-top: 20px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h5, article.insurance-inquiry-index .contacts .main-area-contacts ul li h4 > span {
background-color: #007e3d;
color: white;
font-size: 1.4rem;
font-weight: bold;
padding: 0 12px;
margin-left: 20px;
display: inline-block;
height: 24px;
vertical-align: middle;
position: relative;
top: -3px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h5 {
margin: 21px 0 -5px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li p {
font-size: 3.6rem;
font-weight: bold;
margin-bottom: -22px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li p.freedial {
margin-bottom: 15px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li .primary, article.insurance-inquiry-index .contacts .main-area-contacts ul li .secondary {
padding-bottom: 28px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li .secondary {
border-top: 1px solid #c7d53e;
}
article.insurance-inquiry-index .contacts .main-area-contacts .contact-info {
text-align: center;
}
article.insurance-inquiry-index .contacts .main-area-contacts .contact-info .open-time {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 10px;
}
article.insurance-inquiry-index .contacts .contact-info-txt {
font-size: 2.5rem;
}
article.insurance-inquiry-index .contacts .area-contacts {
width: 1000px;
margin: 0 auto;
text-align: center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
article.insurance-inquiry-index .contacts .area-contacts h4 {
background-color: #c7d53e;
line-height: 60px;
font-size: 2rem;
font-weight: bold;
}
article.insurance-inquiry-index .contacts .area-contacts ul {
padding: 7px 0 20px;
}
article.insurance-inquiry-index .contacts .area-contacts ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-inquiry-index .contacts .area-contacts ul li {
width: 50%;
padding: 18px 0;
float: left;
text-align: center;
}
article.insurance-inquiry-index .contacts .area-contacts ul li h5 {
background-color: #007e3d;
color: white;
font-size: 1.8rem;
font-weight: bold;
padding: 0 12px;
display: inline-block;
height: 31px;
vertical-align: middle;
}
article.insurance-inquiry-index .contacts .area-contacts ul li p {
font-size: 3.6rem;
font-weight: bold;
margin-bottom: -22px;
}

/*************************************************************
* 保険事業配下 保険証券分析サービス よくあるお問い合わせ
/hoken/bunseki/faq/
*************************************************************/
article.insurance-bunseki-faq {
padding-bottom: 88px;
}
article.insurance-bunseki-faq .hero {
height: 408px;
background: url("../img/pc/insurance/faq/hoken_faq_idx_hero.jpg") no-repeat center center;
background-size: 1500px 408px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-bunseki-faq .hero h1 {
background: url("../img/pc/insurance/faq/hoken_faq_idx_ttl.png") no-repeat left top;
background-size: 467px 200px;
width: 467px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-bunseki-faq .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-faq .faq-list .questions {
width: 1000px;
margin: 0 auto;
}
article.insurance-bunseki-faq .faq-list .questions li {
margin-top: 48px;
}
article.insurance-bunseki-faq .faq-list .questions li:first-child {
margin-top: 0;
}
article.insurance-bunseki-faq .faq-list .questions li h3 {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.25;
text-align: left;
position: relative;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button {
width: 100%;
padding: 26px 50px 22px 100px;
box-sizing: border-box;
display: block;
text-align: left;
background-color: #c7d53e;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:before {
display: block;
content: " ";
width: 44px;
height: 44px;
border-radius: 100px;
position: absolute;
top: 0;
bottom: 0;
left: 37px;
margin: auto 0;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_down_w.png") no-repeat left top;
background-size: 15px 11px;
width: 15px;
height: 11px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 24px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:hover {
opacity: 0.5;
}
article.insurance-bunseki-faq .faq-list .questions li.is-open h3 button:after {
background: url("../img/pc/common/arw_up_w.png") no-repeat left top;
background-size: 15px 11px;
width: 15px;
height: 11px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-faq .faq-list .questions li.is-open h3 button:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-faq .faq-list .questions li.q1 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering1.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q2 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering2.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q3 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering3.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q4 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering4.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q5 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering5.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q6 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering6.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q7 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering7.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q8 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering8.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q9 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering9.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q10 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering10.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q11 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering11.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q12 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering12.png") no-repeat center center;
background-size: 25px 20px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li .answer {
padding: 29px 45px;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
article.insurance-bunseki-faq .faq-list .questions li .answer a {
color: #047c3e;
text-decoration: underline;
}

/*************************************************
* @ef *
**************************************************/
/* 保険事業配下 銀泉最適保険プログラム/hoken/corporation/program */
article.insurance-program .hero {
background: url("../img/pc/insurance/corporation/rsr/hoken_corporation_rsr_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
height: 408px !important;
}
article.insurance-program .hero h1 {
background: url("../img/pc/insurance/corporation/rsr/hoken_corporation_rsr_ttl.png") no-repeat left top;
background-size: 600px 149px;
width: 600px;
height: 149px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 149px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-program .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
p.rsr {
text-align: center;
margin-top: 20px;
}
p.rsr_mt0 {
text-align: center;
}
p.rsr_w {
text-align: center;
margin-bottom: 51px;
color: #ffffff;
}
.rsr_img {
width: 50%;
height: auto;
margin: 20px auto 0;
}
.rsr_img2 {
width: 70%;
height: auto;
margin: 20px auto 0;
}
.rsr_img3 {
width: 20%;
height: auto;
margin: 20px auto;
}
.rsr_img4 {
width: 50%;
height: auto;
margin: 20px auto;
}

.optimal {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.optimal div {
flex: 100;
flex-grow: 100;
padding: 10px 0;
margin:0 ;
box-sizing: border-box;
text-align: center;
}
.optimal div p span {
color: #047c3e;
font-weight: 700;
}
.optimal div img {
width: 310px;
height: 177px;
margin-top: 20px;
}
.optimal div.op_c  {
background: url("../img/pc/insurance/corporation/rsr/hoken_corporation_rsr_img02c.png") no-repeat left center;
background-size: 25px 73px;
border: none;
flex: 1;
flex-grow: 1;
padding: 10px;
}

/* 保険事業配下 三井住友海上の自動車保険 契約内容変更サービス/hoken/customer */
article.insurance-customer .hero {
background: url("../img/pc/insurance/customer/hoken_customer_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
height: 408px !important;
}
article.insurance-customer .hero h1 {
background: url("../img/pc/insurance/customer/hoken_customer_ttl.png") no-repeat left top;
background-size: 614px 200px;
width: 614px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-customer .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

.patterns .content .caution_bb {
font-size: 2rem;
font-weight: 800;
text-align: center;
padding: 0 0 24px;
border-bottom: #c3d73a solid 1px;
margin-bottom: 20px;
}
.patterns .content .caution_list p {
width: 80%;
height: auto;
float: left;
margin: 2% 0 0;
font-size: 1.5rem;
font-weight: bold;
color: #047c3e;
}
.patterns .content .caution_list img {
width: 20%;
height: auto;
float: right;
margin-top: 1%;
}

.patterns_g {
padding: 2px 0 75px;
background-color: #047c3e;
}
.patterns_g h2.insurance-sec-content-ttl span {
color: white;
}
.patterns_g h2 small {
color: white;
}
.patterns_g h2 small:after {
border-bottom-color: #c5d53e;
}
.patterns_g > p {
text-align: center;
margin-bottom: 51px;
}


.patterns_g .content, .patterns_g .content_s {
width: 1400px;
height: auto;
padding: 40px 45px;
background-color: #fff;
box-sizing: border-box;
margin: 0 auto;
}
.patterns_g .content:after {
content: "";
clear: both;
display: block;
}
.patterns_g .content h3 {
font-size: 2rem;
font-weight: 700;
text-align: center;
color: #047c3e;
}
.patterns_g .content p {
text-align: center;
}
.overview p {
text-align: center;
}
p.tac {
text-align: center;
margin: 0 15px;
}
p.tac span {
font-weight: 700;
font-size: 2rem;
color: #047c3e;
text-align: center;
margin: 0 15px;
}
p.mt10 {
text-align: center;
margin-top: 10px;
}
p.mt20 {
text-align: center;
margin-top: 20px;
}
p.mt40 {
text-align: center;
margin-top: 40px;
}
p.mt50 {
text-align: center;
margin-top: 50px;
}
p.mtmb1030 {
text-align: center;
margin: 10px 0 30px;
}
p.mtmb4030 {
text-align: center;
margin: 40px 0 30px;
}
.fw700 {
font-weight: 700;
}
p.mb30 {
margin-bottom: 30px;
}
.patterns_g .freedial:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_freedial.png") no-repeat left top;
background-size: 32px 21px;
width: 32px;
height: 21px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
.patterns_g p.freedial {
font-size: 2.5rem;
color: #047c3e;
font-weight: 800;
}

.patterns_g .freedial:before a {
display: block;
width: 100%;
height: 100%;
}
.patterns_g .freedial span {
font-size: 4rem;
font-weight: 800;
color: #000;
}

.to-request {
width: 600px;
margin: 42px auto 0;
}

.to-request a {
background-color: #fff;
color: #047c3e;
}
.to-request a {
background-color: #047c3e;
color: white;
}
p span.highlight_b {
font-size: 1.5rem;
font-weight: 800;
color: #ff6600;
}

/* 保険事業配下 一日自動車保険 /hoken/oneday */
article.oneday .hero {
background: url("../img/pc/insurance/customer/hoken_oneday_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
height: 408px !important;
}
article.oneday .hero h1 {
background: url("../img/pc/insurance/customer/hoken_oneday_ttl.png") no-repeat left top;
background-size: 541px 164px;
width: 541px;
height: 164px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 164px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.oneday .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.oneday .services {
padding: 30px 0 85px;
background-color: #fff;
}
article.oneday .services p {
text-align: center;
}
article.oneday .services ul {
width: 1250px;
margin: 0 auto 40px;
}
article.oneday .services ul:after {
content: "";
clear: both;
display: block;
}
article.oneday .services li {
width: 575px;
height: 490px;
float: left;
margin: 25px;
background-color: #fff;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
.oneday_tit {
background-color: #c7d53e;
padding: 4% 0;
text-align: center;
}
.oneday_tit p {
font-size: 3rem;
line-height: 1.5;
font-weight: 700;
color: #000;
text-align: center;
margin-bottom: 12px;
}
.oneday_tit p span {
font-size: 3.5rem;
line-height: 1.5;
font-weight: 700;
color: #ff0000;
text-align: center;
margin-bottom: 16px;
}
.oneday_tit p span.chnr {
color: #0078ff;
}
.oneday .services li .button {
margin: 0 auto;
padding: 0 60px;
}
.oneday_qr_l {
padding: 20px;
}
.oneday_qr_l p.qr_exp_l, .oneday_qr_r p.qr_exp_l {
margin: 10px 20px 0 0;
text-align: justify !important;
}
.oneday_qr_l img.qr_code_l, .oneday_qr_r img.qr_code_l {
width: 150px;
height: 150px;
float: left;
margin-right: 20px;
}
.oneday_qr_l img.oneday_bnr, .oneday_qr_r img.oneday_bnr {
clear: both;
width: 170px;
height: 75px;
margin: 20px auto 0;
}
img.qa6_bnr {
width: 170px;
height: 100px;
margin: 20px auto 0;
}
.oneday_qr_r {
padding: 20px;
text-align: center;
}
.oneday_qr_r img.qr_code_r {
width: 150px;
height: 150px;
margin: 0 auto;
}

/* 保険事業配下 保険お役立ちリンク集（関連リンク）/hoken/individual/link */
article.insurance-individual-link .hero {
background: url("../img/pc/insurance/personal/hoken_personal_link_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
height: 408px !important;
}
article.insurance-individual-link .hero h1 {
background: url("../img/pc/insurance/personal/hoken_personal_link_ttl.png") no-repeat left top;
background-size: 615px 200px;
width: 615px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-individual-link .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

article.insurance-individual-link .contacts {
padding-bottom: 112px;
}

article.insurance-individual-link .contacts .main-area-contacts {
margin-bottom: 70px;
}
article.insurance-individual-link .contacts .main-area-contacts ul {
width: 1000px;
margin: 60px auto 45px;
}
article.insurance-individual-link .contacts .main-area-contacts ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-individual-link .contacts .main-area-contacts ul li {
text-align: center;
margin-top: 50px;
}
article.insurance-individual-link .contacts .main-area-contacts ul li img {
width: 475px;
height: auto;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
article.insurance-individual-link .contacts .main-area-contacts ul li div a {
display: block;
}
article.insurance-individual-link .contacts .main-area-contacts ul li p.link_p {
font-size:1.6rem;
margin-top: 10px;
text-decoration: underline;
}
article.insurance-individual-link .contacts .main-area-contacts ul li.left {
float: left;
}
article.insurance-individual-link .contacts .main-area-contacts ul li.right {
float: right;
}

/* 保険事業配下 SMBC経営懇話会団体保険加入のおすすめ /hoken/corporation/risk_welfare_collectiveins */
article.insurance-corporation-rwc .hero {
background: url("../img/pc/insurance/corporation/welfare/hoken_corporation_rwc_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-rwc .hero h1 {
background: url("../img/pc/insurance/corporation/welfare/hoken_corporation_rwc_ttl.png") no-repeat left top;
background-size: 501px 200px;
width: 501px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-rwc .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-risk .document-support {
padding-bottom: 123px;
}
div.smbc_site {
text-align: center;
margin: 50px auto 0;
}
span.link_grn {
text-decoration: underline;
color: #047c3e;
}

.insurance-corporation-rwc .document-support h3 {
font-size: 3rem;
font-weight: bold;
color: #007e3d;
text-align: center;
margin-bottom: 10px;
}
.insurance-corporation-rwc .document-support h3:before {
display: block;
content: " ";
background: url("../img/pc/insurance/corporation/welfare/corporation_icon_rwc.png") no-repeat left top;
background-size: 44px 44px;
width: 44px;
height: 44px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 11px;
margin-right: 15px;
}
.insurance-corporation-rwc .document-support p {
margin-bottom: 40px;
}

article.insurance-inquiry-index .accident:before {
background: url("../img/pc/common/icon_accident.png") no-repeat left top;
background-size: 50px 50px;
width: 50px;
height: 50px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .accident:before a {
display: block;
width: 100%;
height: 100%;
}
/* ------ 20220328　banner　start　------ */
article.insurance-inquiry-index .for-customers .offices2 {
width: 1000px;
height: 92px;
margin: 0 auto;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
position: relative;
}
article.insurance-inquiry-index .for-customers .offices2 a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
article.insurance-inquiry-index .for-customers .offices2 p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
article.insurance-inquiry-index .for-customers .offices2 p span {
display: inline-block;
}
article.insurance-inquiry-index .for-customers .offices2 p:before {
display: block;
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .for-customers .offices2 p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 22px 31px;
width: 22px;
height: 31px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .for-customers .offices2 p:after a {
display: block;
width: 100%;
height: 100%;
}
.office-margin-bt{
margin-bottom: 3rem !important;
}
article.insurance-inquiry-index .for-customers .offices2 p.accident:before {
margin-left: 35%;
}
article.insurance-inquiry-index .msad {
background: url(../img/pc/common/banner_msad.png) no-repeat left top 2px;
background-size: 180px 23px;
padding: 5px 0 5px 182px;
font-size: 1.4rem;
display: inline-block;
}
/* ------ 20220328　banner　end　------ */
/* 保険事業配下 事故時のご連絡先 /hoken/inquiry/index4 */
table.hoken_dial {
border: 1px solid #ddd;
border-collapse: collapse;
width: 100%;
font-size: 2rem;
font-weight: 700;
}
table.hoken_dial th,
table.hoken_dial td {
border: 1px solid #ddd;
padding: 10px;
}
table.hoken_dial th {
background-color: #c7d53e;
}
table.hoken_dial th,
table.hoken_dial td {
text-align: center;
}
table.hoken_dial th.th50 {
width: 50%;
}
table.hoken_dial th.th25 {
width: 25%;
}

.hoken_dial .freedial span {
display: block;
content: " ";
background: url("../img/pc/common/icon_freedial.png") no-repeat left top;
background-size: 25px 16px;
width: 25px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 8px;
}

article.insurance-inquiry-index .-aflac:before {
background: url("../img/pc/common/icon_aflac.png") no-repeat left top;
background-size: 64px 64px;
width: 64px;
height: 64px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-aflac:before a {
display: block;
width: 100%;
height: 100%;
}

/* 保険事業配下 法人向け生損保販売 経営者向け保険販売 /hoken/corporation/risk_inssales */
article.insurance-corporation-risk-inssales .hero {
background: url("../img/pc/insurance/corporation/risk/hoken_corporation_inssales_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-risk-inssales .hero h1 {
background: url("../img/pc/insurance/corporation/risk/hoken_corporation_inssales_ttl.png") no-repeat left top;
background-size: 501px 200px;
width: 501px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-risk-inssales .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

.patterns ul .content_s, .patterns_g ul .content_s {
padding: 2%;
background-color: #fff;
}
.patterns ul .content_s:after, .patterns_g ul .content_s:after, .patterns_g ul .content_ss:after {
content: "";
clear: both;
display: block;
}

.bsn_risk, .bsn_risk_g {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
}
.bsn_risk div , .bsn_risk_g div {
flex: 1;
flex-grow: 1;
border: 6px solid #f7f7f7;
padding: 15px;
margin:0 1%;
box-sizing: border-box;
background-color: #fff;
}
div.r_last {
flex: 1;
flex-grow: 1;
border: none;
padding: 21px;
margin:0 1%;
box-sizing: border-box;
background-color: #fff;
}

.content_s .bsn_risk .caution_bb, .content_ss .bsn_risk .caution_bb, .content .bsn_risk .caution_bb, .content_s .bsn_risk_g .caution_bb, .patterns_g .content .caution_bb {
font-size: 2rem;
font-weight: 700;
text-align: center;
padding: 0 0 15px;
border-bottom: #c7d53e solid 1px;
margin-bottom: 20px;
}
.bsn_risk dl {
width:auto;
line-height: 1.6;
}
.bsn_risk dl dt {
width:auto;
clear: left;
font-size: 1.6rem;
font-weight: 700;
color: #047c3e;
}
.bsn_risk dl dd {
width:auto;
float: left;
font-size: 1.4rem;
margin-bottom: 10px;
vertical-align: middle;
}
.bsn_risk dl dd span {
color: #c7d53e;
font-size: 1.0rem;
margin-right: 3px;
vertical-align: middle;
}
p.exp_risk {
clear: both;
background-color: #f7f7f7;
padding: 2% 4%;
margin-top: 10px;
font-size: 1.3rem;
line-height: 2;
text-align: justify;
}

/* 保険事業配下 代理店事業譲渡 /hoken/corporation/transfer */
article.insurance-corporation-transfer .hero {
background: url("../img/pc/insurance/corporation/transfer/hoken_corporation_transfer_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-transfer .hero h1 {
background: url("../img/pc/insurance/corporation/transfer/hoken_corporation_transfer_ttl.png") no-repeat left top;
background-size: 500px 150px;
width: 500px;
height: 150px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 150px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-transfer .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-transfer .patterns h2 span{
color: #000;
}
article.insurance-corporation-transfer .patterns h2 small:after {
border-bottom-color: currentColor;
}
.content_ss {
margin-top: 30px;
padding: 2%;
background-color: #fff;
}
.media{
	display: flex;
	gap: 20px 40px;
}
.media_txt{
	flex: 1;
	min-width: 65%;
}
.media_img img{
	max-width: 100%;
}
article.insurance-corporation-transfer .content .caution_bb{
font-size: 3rem;
font-weight: 700;
text-align: center;
padding: 0 0 15px;
border-bottom: #c7d53e solid 1px;
margin-bottom: 20px;
}
article.insurance-corporation-transfer .content .caution_bb span{
color: #007e3d;
}
.content_ss .bsn_risk dl dd {
float: none;
margin-bottom: 0px;
}
p.trf_img_01, p.trf_img_02 {
margin: 15px auto 0;
text-align: center;
}
p.trf_img_01 img {
width: 235px;
height: auto;
}
p.trf_img_02 img {
width: 374px;
height: auto;
}

.content_ss .bsn_risk div.bn_arw {
background: url("../img/pc/insurance/corporation/transfer/corporation_transfer_arw.png") no-repeat left center;
background-size: 27px 71px;
border: none;
}
.content_ss .bsn_risk {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.content_ss .bsn_risk div {
flex: 100;
flex-grow: 100;
border: 6px solid #f7f7f7;
padding: 15px;
margin:0 ;
box-sizing: border-box;
background-color: #fff;
}
.content_ss .bsn_risk div.bn_arw {
flex: 1;
flex-grow: 1;
}
.list_flow{
	counter-reset: list_flow;
	width: fit-content;
	margin: 0 auto;
}
.list_flow > li{
	display: flex;
	align-items: baseline;
	gap: 10px;
	position: relative;
	z-index: 0;
}
.list_flow > li::before{
	content: counter(list_flow);
	counter-increment: list_flow;
	display: grid;
	place-content: center;
	width: 3rem;
	height: 3rem;
	background: #007e3d;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	flex: none;
}
.list_flow > li:not(:last-child):after{
	content: "";
	position: absolute;
	inset: 1em auto auto calc(1.5rem - 1px);
	width: 2px;
	height: 100%;
	background: #007e3d;
	z-index: -1;
}
.list_flow > li:not(:last-child){
	padding-bottom: 20px;
}
.list_flow .ttl{
	color: #007e3d;
	font-size: 2rem;
	font-weight: bold;
}
.list_flow p{
	text-align: left !important;
}

/* 保険事業配下 事業継承対策の見直し /hoken/corporation/transfer_succession */
article.insurance-corporation-transfer_succ .hero {
background: url("../img/pc/insurance/corporation/transfer/hoken_corporation_transfer_succession_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-transfer_succ .hero h1 {
background: url("../img/pc/insurance/corporation/transfer/hoken_corporation_transfer_succession_ttl.png") no-repeat left top;
background-size: 500px 150px;
width: 500px;
height: 150px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 150px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-transfer_succ .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

p.trf_succ_img_01 {
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(../img/pc/insurance/corporation/transfer/corporation_transfer_succ_img01.png) no-repeat center center;
background-size: 100% auto;
}

/* 保険事業配下 福利厚生の見直し /hoken/corporation/welfare */
article.insurance-corporation-welfare .hero {
background: url("../img/pc/insurance/corporation/welfare/hoken_corporation_welfare_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-welfare .hero h1 {
background: url("../img/pc/insurance/corporation/welfare/hoken_corporation_welfare_ttl.png") no-repeat left top;
background-size: 500px 150px;
width: 500px;
height: 150px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 150px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-welfare .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
.consul_tit {
text-align: center;
color: #ff6023;
font-size: 2rem;
font-weight: 700;
}
.consul_img {
width:450px;
height: auto;
margin-top: 30px;
}

/* 保険事業配下 法人向け保険商品 /hoken/corporation/commoditylist */
article.insurance-corporation-commoditylist .hero {
background: url("../img/pc/insurance/corporation/transfer/hoken_corporation_commoditylist_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.individual-commoditylist .hero {
background: url("../img/pc/insurance/corporation/transfer/hoken_individual_commoditylist_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-commoditylist .hero h1 {
background: url("../img/pc/insurance/corporation/transfer/hoken_corporation_commoditylist_ttl.png") no-repeat left top;
background-size: 500px 150px;
width: 500px;
height: 150px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 150px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.individual-commoditylist .hero h1 {
background: url("../img/pc/insurance/corporation/transfer/hoken_individual_commoditylist_ttl.png") no-repeat left top;
background-size: 500px 150px;
width: 500px;
height: 150px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 150px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-commoditylist .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

.di_c {
text-align: center;
}
.di_l {
width: 50%;
height: auto;
float: left;
text-align: center;
}
.di_r {
width: 50%;
height: auto;
float: right;
text-align: center;
}
.flc {
clear: both;
margin-bottom: 2%;
}

.m-color-link-btn-arw2 {
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
line-height: 50px;
height: 50px;
border: none;
background-color: #007e3d;
color: white;
padding: 0 110px;
display: inline-block;
}
.m-color-link-btn-arw2:after {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 11px 16px;
width: 11px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 2px;
margin-left: 12px;
}
.m-color-link-btn-arw2:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-commoditylist .patterns .content_s .bsn_risk div , article.insurance-corporation-commoditylist .patterns_g .content_s .bsn_risk_g div, article.individual-commoditylist .patterns .content_s .bsn_risk div , article.individual-commoditylist .patterns_g .content_s .bsn_risk_g div {
margin-bottom: 15px;
}
article.insurance-corporation-commoditylist .patterns .content_s .bsn_risk div.mb0 , article.insurance-corporation-commoditylist .patterns_g .content_s .bsn_risk_g div.mb0, article.individual-commoditylist .patterns .content_s .bsn_risk div.mb0 , article.individual-commoditylist .patterns_g .content_s .bsn_risk_g div.mb0 {
margin-bottom: 0;
}

/*ご相談・お問い合わせボタンに*/
section.inqueries .inquiry-list01 {
width: 1050px;
margin: 0 auto 40px;
}
section.inqueries .inquiry-list01:after {
content: "";
clear: both;
display: block;
}
section.inqueries .inquiry-list01 li {
width: 475px;
float: left;
margin: 20px 25px;
height: 186px;
text-align: center;
position: relative;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
}
section.inqueries .inquiry-list01 li a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
section.inqueries .inquiry-list01 li p {
display: table-cell;
vertical-align: middle;
text-align: center;
}
section.inqueries .inquiry-list01 li p:before {
display: block;
content: " ";
margin: 0 auto 21px !important;
}
section.inqueries .inquiry-list01 li p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 22px 31px;
width: 22px;
height: 31px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto 0;
}
section.inqueries .-personal2:before {
background: url("../img/pc/common/icon_persoal2.png") no-repeat left top;
background-size: 35px 40px;
width: 35px;
height: 40px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
section.inqueries .-personal2:before a {
display: block;
width: 100%;
height: 100%;
}

section.inqueries .-group:before {
background: url("../img/pc/common/icon_group.png") no-repeat left top;
background-size: 64px 40px;
width: 64px;
height: 40px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
section.inqueries .-group:before a {
display: block;
width: 100%;
height: 100%;
}

/*20180323追記*/
@media print, screen and (min-width: 751px) {
/*************************************************************
* 保険事業配下 top
/hoken/
*************************************************************/
.m-link-btn_sup {
border: 1px solid black;
}
article.insurance-index .summary .button2 a {
width: 290px;
padding: 15px 40px;
box-sizing: border-box;
display: inline-block;
}
article.insurance-index .summary .button2  {
margin: 0px 0 25px;
}
article.insurance-index .summary .button2:last-child  {
margin: 25px 0 0;
}

/*************************************************************
* 保険事業配下 海外におけるサポート体制
/hoken/service/overseas_support.html
*************************************************************/
article.insurance-service-oversea_support .hero {
background: url("../img/pc/insurance/service/hoken_oversea_support_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
height: 408px !important;
}
article.insurance-service-oversea_support .hero h1 {
background: url("../img/pc/insurance/service/hoken_oversea_support_ttl.png") no-repeat left top;
background-size: 664px 200px;
width: 664px;
height: 200px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 200px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-service-oversea_support .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
opacity: 0;
-webkit-transform: scale(0.98);
		transform: scale(0.98);
}
to {
opacity: 1;
-webkit-transform: scale(1);
		transform: scale(1);
}
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section {
padding-bottom: 140px;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section > p {
text-align: center;
margin-bottom: 30px;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section .bsn_risk{
flex-direction: column;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section .bsn_risk dl{
display: inline-block;
margin: 0 auto;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section .bsn_risk dt{
margin-bottom: 15px;
}
article.insurance-service-oversea_support .bsn_risk dd{
float: none;
margin-bottom: 0;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section .bsn_risk .ttl{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.5;
display: block;
color: #007e3d;
text-align: center;
}
article.insurance-service-oversea_support .oversea_support-article img {
width: 40%;
height: auto;
margin: 20px 30%;
}
article.insurance-service-oversea_support .patterns h2:not(.insurance-sec-content-ttl) span{
font-size: 3rem;
font-weight: bold;
color: white;
margin-bottom: 25px;
}
article.insurance-service-oversea_support .patterns .caution_bb span{
font-size: 1.5rem;
font-weight: bold;
display: inline-block;
color: #007e3d;
border: 1px solid;
line-height: 37px;
padding: 0 22px;
margin-right: 29px;
vertical-align: middle;
position: relative;
top: -2px;
}
article.insurance-service-oversea_support .consul_tit{
color: #000;
}
}

/*20180323追記*/
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
/*************************************************************
* 保険事業配下 top
/hoken/
*************************************************************/
.m-link-btn_sup {
padding: 20px 0;
border: 1px solid black;
margin: 20px 0 0;
}
article.insurance-index .summary .button2 a {
padding-left: 10px;
padding-right: 10px;
}
article.insurance-index .summary .button2  {
margin: 50px 0 0;
}

/*************************************************************
* 保険事業配下 海外におけるサポート体制 sp
/hoken/service/overseas_support.html
*************************************************************/
.insurance-corporation-risk-consul.insurance-service-oversea_support .hero {
background: url("../img/sp/insurance/service/hoken_oversea_support_hero.jpg") no-repeat left top !important;
}
article.insurance-corporation-risk-consul.insurance-service-oversea_support .hero h1 {
background: url("../img/sp/insurance/service/hoken_oversea_support_ttl.png") no-repeat left top !important;
background-size: 281px auto !important;
width: 281px;
height: auto;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-service-oversea_support .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
opacity: 0;
-webkit-transform: scale(0.98);
		transform: scale(0.98);
}
to {
opacity: 1;
-webkit-transform: scale(1);
		transform: scale(1);
}
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section {
padding: 20px 0 40px;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section > p {
text-align: center;
margin: 30px 0;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section .bsn_risk dl{
display: inline-block;
margin: 0 auto;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section .bsn_risk dt{
margin-bottom: 10px;
}
article.insurance-service-oversea_support .bsn_risk dd{
float: none;
margin-bottom: 0;
}
article.insurance-service-oversea_support .oversea_support-article .inslist-section .bsn_risk .ttl{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.5;
display: block;
color: #007e3d;
text-align: center;
}
article.insurance-service-oversea_support .oversea_support-article img {
width: 80%;
height: auto;
margin: 40px 10% 20px;
}
article.insurance-service-oversea_support h2 {
margin-top: 20px;
}
article.insurance-service-oversea_support .patterns h2:not(.insurance-sec-content-ttl) span{
font-size: 2rem;
font-weight: bold;
color: white;
margin-bottom: 25px;
}
article.insurance-service-oversea_support .patterns .caution_bb span{
font-size: 1.4rem;
font-weight: bold;
display: inline-block;
color: #007e3d;
border: 1px solid;
line-height: 25px;
padding: 0 22px;
margin-right: 10px;
vertical-align: middle;
position: relative;
top: -2px;
}
article.insurance-service-oversea_support .consul_tit{
	color: #000;
}
article.insurance-service-oversea_support .content img{
	max-width: 100%;
}
}

/*************************************************************


* 保険事業配下 SP表示スタイル


*************************************************************/
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
br.for-pc {
display: none;
}

br.for-sp {
display: block;
}

h2.insurance-sec-content-ttl {
padding: 30px 0 0;
}
h2.insurance-sec-content-ttl span small:after {
margin-top: 24px !important;
}

/* PC表示用ペーツを非表示 */
.insurance-header {
display: none !important;
}

.insurance-common-footer {
padding: 0 0 3px;
}
.insurance-common-footer .insurance-nav-sp {
display: block;
padding: 25px 0;
background-color: #007e3d;
margin-bottom: 30px;
}
.insurance-common-footer .insurance-nav-sp ul {
margin: 0 25px;
}
.insurance-common-footer .insurance-nav-sp li {
display: inline-block;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 5px;
color: white;
}
.insurance-common-footer .insurance-nav-sp li a {
display: block;
}
.insurance-common-footer .insurance-nav-sp li a:after {
display: block;
content: " ";
content: "/";
display: inline-block;
color: #e6e6e6;
margin: 0 10px;
}
.insurance-common-footer .insurance-nav-sp li:last-child a:after {
display: none;
}
.insurance-common-footer .insurance-nav-sp li.is-current {
color: #c7d53e !important;
}
.insurance-common-footer .inqueries {
padding-top: 30px;
padding-bottom: 30px;
background-color: #f7f7f7;
}
.insurance-common-footer .inqueries h2 {
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.insurance-common-footer .inqueries .types {
border-top: 1px solid white;
display: block;
text-align: center;
}
.insurance-common-footer .inqueries .types > div {
width: auto;
padding: 20px -0 30px;
}
.insurance-common-footer .inqueries .types > div:first-child {
border-bottom: 1px solid white;
}
.insurance-common-footer .inqueries .types > div h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.875;
margin-bottom: 10px;
}
.insurance-common-footer .inqueries .types > div ul li a {
font-size: 1.2rem;
font-weight: normal;
line-height: 2.5;
text-decoration: underline;
}
.insurance-common-footer .inqueries .types > div ul li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_g.png") no-repeat left top;
background-size: 7px 8px;
width: 7px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 6px;
}
.insurance-common-footer .inqueries .types > div ul li a:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-common-footer .entry {
background-color: #c7d53e;
text-align: center;
padding: 30px 0 1px;
}
.insurance-common-footer .entry h2 {
font-size: 2rem;
font-weight: bold;
color: white;
margin-bottom: 25px;
}
.insurance-common-footer .entry .link-entries {
background-color: #fff;
margin: 0 25px 25px;
padding: 25px 25px 0;
}
.insurance-common-footer .entry .link-entries ul {
display: block;
}
.insurance-common-footer .entry .link-entries ul li {
width: auto;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px dotted #c7d53e;
}
.insurance-common-footer .entry .link-entries ul li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.insurance-common-footer .entry .link-entries ul li a {
display: block;
}
.insurance-common-footer .entry .link-entries ul li a h4 {
font-size: 1.3rem;
font-weight: bold;
color: #007e3d;
margin-bottom: 10px;
}
.insurance-common-footer .entry .link-entries ul li a .img img {
width: 100%;
}
.insurance-common-footer .entry .link-entries .notes {
border-top: 1px dotted #c7d53e;
margin-top: 0;
padding: 20px 0 25px;
text-align: left !important;
font-size: 1.4rem;
}
.insurance-common-footer .link-importants {
padding: 25px 25px 12.5px;
background-color: #82b22d;
}
.insurance-common-footer .link-importants ul {
display: block;
}
.insurance-common-footer .link-importants ul li {
background-color: #fff;
width: auto;
text-align: center;
color: #727171;
margin: 0 0 12.5px;
}
.insurance-common-footer .link-importants ul li a {
border: 3px solid #c7d53e;
display: block;
padding: 13px 0 15px;
font-size: 1.5rem;
font-weight: bold;
}
.insurance-common-footer .link-importants ul li a span {
vertical-align: middle;
}
.insurance-common-footer .link-importants ul li img {
height: 29px;
margin-right: 10px;
}
.insurance-common-footer .attentions {
background-color: #007e3d;
text-align: left;
color: white;
padding: 20px 0;
}
.insurance-common-footer .attentions h4 {
text-align: center;
font-size: 1.6rem;
margin-bottom: 4px;
}
.insurance-common-footer .attentions p {
padding: 0 25px;
font-size: 1.1rem;
font-weight: normal;
line-height: 2;
}

/*************************************************************
  * 保険事業配下 トップページ SP
  /hoken/
*************************************************************/
article.insurance-index {
margin-bottom: 30px;
}
article.insurance-index .hero {
height: 380px;
position: relative;
}
article.insurance-index .hero h1 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10;
height: 173px !important;
margin: auto;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-index .hero h1 span {
background: url("../img/sp/insurance/hoken_top_hero_copy.png") no-repeat left top;
background-size: 292px 181px;
width: 292px;
height: 181px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-index .hero h1 span a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-index .hero h1 small {
display: none;
}
article.insurance-index .hero .kv-carousel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
article.insurance-index .hero .kv-carousel .carousel-item {
position: absolute !important;
width: 100% !important;
height: 100% !important;
background-size: cover !important;
background-position: center center !important;
top: 0 !important;
left: 0 !important;
}
article.insurance-index .summary {
padding-bottom: 40px;
}
article.insurance-index .summary h2 {
margin-bottom: 30px;
padding-top: 25px;
}
article.insurance-index .summary h2 span {
font-size: 2rem;
font-weight: bold;
line-height: 1.6;
font-weight: bold;
color: #007e3d;
}
article.insurance-index .summary h2 span small {
font-size: 1.2rem;
color: #c7d53e;
display: block;
font-weight: normal;
padding-top: 10px;
}
article.insurance-index .summary h2 span small:after {
display: block;
content: " ";
width: auto;
margin: 33px 25px 0;
border-bottom: 1px solid #c7d53e;
}
article.insurance-index .summary p {
width: auto;
margin: 0 25px 35px;
font-size: 1.2rem;
line-height: 2;
}
article.insurance-index .summary .button {
margin: 0 15px;
text-align: center;
}
article.insurance-index .summary .button a {
display: block;
font-size: 1.6rem;
font-weight: bold;
}
article.insurance-index .for {
padding: 30px 0;
}
article.insurance-index .for h3 {
text-align: center;
font-size: 2rem;
font-weight: bold;
color: white;
}
article.insurance-index .for > p {
text-align: center;
font-size: 1.2rem;
color: white;
margin-bottom: 20px;
padding: 0 25px;
}
article.insurance-index .for .contents {
background-color: #fff;
padding: 12.5px;
margin: 0 25px;
}
article.insurance-index .for .contents ul {
display: block;
}
article.insurance-index .for .contents ul li {
margin: 0 0 12.5px;
width: auto;
vertical-align: top;
box-sizing: border-box;
border: 4px solid #f7f7f7;
position: relative;
}
article.insurance-index .for .contents ul li:last-child {
margin-bottom: 0;
}
article.insurance-index .for .contents ul li a {
display: block;
}
article.insurance-index .for .contents ul li .img img {
width: 100%;
}
article.insurance-index .for .contents ul li .txt {
padding: 15px 12.5px;
}
article.insurance-index .for .contents ul li .txt h4 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.25;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #c7d53e;
}
article.insurance-index .for .contents ul li .txt p {
font-size: 1.2rem;
font-weight: normal;
line-height: 2;
}
article.insurance-index .for .contents ul li .txt p strong {
display: block;
}
article.insurance-index .for .contents ul li .txt:after {
display: block;
content: " ";
background: url("../img/pc/insurance/hoken_top_company_arw.png") no-repeat left top;
background-size: 50px 50px;
width: 50px;
height: 50px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: -4px;
bottom: -4px;
}
article.insurance-index .for .contents ul li .txt:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-index .for.for-company {
background-color: #007e3d;
}
article.insurance-index .for.for-personal {
background-color: #c7d53e;
}
article.insurance-index .for.for-personal ul li .txt:after {
display: block;
content: " ";
background: transparent;
background: url("../img/pc/insurance/hoken_top_personal_arw.png") no-repeat left top;
background-size: 50px 50px;
width: 50px;
height: 50px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: -4px;
bottom: -4px;
}
article.insurance-index .for.for-personal ul li .txt:after a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
  * 保険事業配下 下層ページ共通スタイル SP
  /hoken/
*************************************************************/
article.insurance-sec .hero {
height: 471px;
background-size: cover !important;
background-position: center center;
position: relative;
}
article.insurance-sec .hero h1 {
height: 221px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
		animation: show 2s ease forwards 1s;
}
@-webkit-keyframes show {
from {
  opacity: 0;
  -webkit-transform: scale(0.98);
		  transform: scale(0.98);
}
to {
  opacity: 1;
  -webkit-transform: scale(1);
		  transform: scale(1);
}
}
@keyframes show {
from {
  opacity: 0;
  -webkit-transform: scale(0.98);
		  transform: scale(0.98);
}
to {
  opacity: 1;
  -webkit-transform: scale(1);
		  transform: scale(1);
}
}
article.insurance-sec h2,
article.insurance-sec h3 {
margin: 0;
}
article.insurance-sec h2 span,
article.insurance-sec h3 span {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.5;
}
article.insurance-sec h2 small,
article.insurance-sec h3 small {
font-size: 1.2rem;
display: block;
padding-top: 10px;
}

/*************************************************************
* 保険事業配下 法人様向けトップ SP
  /hoken/corporation/
*************************************************************/
article.insurance-corporation-index .hero {
height: 380px !important;
background: url("../img/pc/insurance/corporation/hoken_corporate_idx_hero.jpg") no-repeat center center;
background-size: 1500px 471px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-corporation-index .hero h1 {
background: url("../img/sp/insurance/corporation/hoken_corporate_idx_ttl.png") no-repeat left top;
background-size: 318px 135px;
width: 318px;
height: 135px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 135px !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
		animation: show 2s ease forwards 1s;
}
article.insurance-corporation-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
  opacity: 0;
  -webkit-transform: scale(0.98);
		  transform: scale(0.98);
}
to {
  opacity: 1;
  -webkit-transform: scale(1);
		  transform: scale(1);
}
}
article.insurance-corporation-index .services {
border-top: 10px solid #007e3d;
}
article.insurance-corporation-index .services > section {
width: 100%;
height: auto;
clear: none;
padding-bottom: 25px;
}
article.insurance-corporation-index .services > section .img {
width: auto;
height: 100%;
position: relative;
vertical-align: top;
float: none;
}
article.insurance-corporation-index .services > section .img .img-bg {
width: 100%;
height: 200px;
background-size: cover;
background-position: center center;
}
article.insurance-corporation-index .services > section .detail {
width: 100%;
height: 100%;
box-sizing: border-box;
vertical-align: top;
float: none;
text-align: center;
position: relative;
}
article.insurance-corporation-index .services > section .detail .inner {
width: 100%;
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
	-ms-transform: none;
		transform: none;
}
article.insurance-corporation-index .services > section .detail h2 {
padding-top: 25px;
margin: 0 0 25px;
}
article.insurance-corporation-index .services > section .detail h2 span {
font-size: 2rem;
font-weight: bold;
line-height: 1.2;
display: block;
}
article.insurance-corporation-index .services > section .detail h2 small {
font-size: 1.2rem;
display: block;
padding-top: 10px;
}
article.insurance-corporation-index .services > section .detail h2 small:after {
width: auto !important;
margin: 25px !important;
}
article.insurance-corporation-index .services > section .detail p {
font-size: 1.4rem;
padding: 0 25px;
}
article.insurance-corporation-index .services > section .detail ul {
width: auto;
display: inline-block;
margin: 20px 0 0;
text-align: left;
font-size: 0;
}
article.insurance-corporation-index .services > section .detail ul li {
display: block;
width: auto !important;
font-size: 1.4rem;
margin: 4px 0;
float: none !important;
}
article.insurance-corporation-index .services > section .detail ul li a {
display: block;
}
article.insurance-corporation-index .services > section .detail ul li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_g.png") no-repeat left top;
background-size: 7px 8px;
width: 7px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 6px;
}
article.insurance-corporation-index .services > section .detail ul li a:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-index .services > section .detail .button {
margin: 35px auto 0;
}
article.insurance-corporation-index .services > section .detail .button .m-link-btn, article.insurance-corporation-index .services > section .detail .button .m-color-link-btn-arw {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.125;
line-height: 50px;
height: 50px;
border: none;
background-color: #007e3d;
color: white;
padding: 0 110px;
display: inline-block;
}
article.insurance-corporation-index .services > section .detail .button .m-link-btn:after, article.insurance-corporation-index .services > section .detail .button .m-color-link-btn-arw:after {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 11px 16px;
width: 11px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
top: 1px;
left: 110px;
}
article.insurance-corporation-index .services > section .detail .button .m-link-btn:after a, article.insurance-corporation-index .services > section .detail .button .m-color-link-btn-arw:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-index .services > section:nth-child(even) .img {
float: none;
}
article.insurance-corporation-index .services > section:nth-child(even) .detail {
float: none;
}

/*************************************************************
  * 保険事業配下 個人のお客様向け トップ SP
  /hoken/individual/
*************************************************************/
article.insurance-personal-index .hero {
height: 380px !important;
background: url("../img/sp/insurance/personal/hoken_personal_idx_hero.jpg") no-repeat center center;
background-size: 375px 380px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-personal-index .hero h1 {
background: url("../img/sp/insurance/personal/hoken_personal_idx_ttl.png") no-repeat left top;
background-size: 318px 135px;
width: 318px;
height: 135px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 135px !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
		animation: show 2s ease forwards 1s;
}
article.insurance-personal-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
  opacity: 0;
  -webkit-transform: scale(0.98);
		  transform: scale(0.98);
}
to {
  opacity: 1;
  -webkit-transform: scale(1);
		  transform: scale(1);
}
}
article.insurance-personal-index .services > section h2 {
padding-top: 25px;
margin: 0 0 25px;
}
article.insurance-personal-index .services > section h2 span {
font-size: 2rem;
font-weight: bold;
line-height: 1.2;
display: block;
}
article.insurance-personal-index .services > section h2 small {
font-size: 1.2rem;
display: block;
padding-top: 10px;
}
article.insurance-personal-index .services > section h2 small:after {
width: auto !important;
margin: 25px !important;
}
article.insurance-personal-index .services > section p {
text-align: center;
font-size: 1.4rem;
margin: 0 25px;
}
article.insurance-personal-index .services .faq {
padding-bottom: 25px;
}
article.insurance-personal-index .services .faq h2 {
margin-bottom: 30px;
}
article.insurance-personal-index .services .faq p {
margin-bottom: 20px;
}
article.insurance-personal-index .services .faq .qlist {
margin: 0 25px;
}
article.insurance-personal-index .services .faq .qlist ul {
font-size: 0;
}
article.insurance-personal-index .services .faq .qlist ul li {
width: auto;
margin: 0 0 25px;
display: block;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
-webkit-filter: blur(0);
		filter: blur(0);
}
article.insurance-personal-index .services .faq .qlist ul li a {
display: block;
clear: none;
position: relative;
}
article.insurance-personal-index .services .faq .qlist ul li a .img {
width: auto;
float: none;
}
article.insurance-personal-index .services .faq .qlist ul li a .img img {
width: 100%;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail {
width: auto;
height: auto;
float: none;
text-align: center;
padding: 20px 0;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail .inner {
display: block;
position: relative;
width: auto;
top: 0;
left: 0;
-webkit-transform: none;
	-ms-transform: none;
		transform: none;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail h3 {
text-align: center;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail h3 img {
height: 35px;
}
article.insurance-personal-index .services .faq .qlist ul li a .detail p {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.875;
margin: 18px 30px 0;
padding-top: 12px;
border-top: 1px solid #c7d53e;
}
article.insurance-personal-index .services .faq .fullsize-border-btn {
border: 2px solid #c7d53e;
display: block;
margin: 0 25px;
text-align: center;
color: #c7d53e;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.333333;
line-height: 55px;
margin-top: 20px;
}
article.insurance-personal-index .services .faq .fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_lg.png") no-repeat left top;
background-size: 24px 20px;
width: 24px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px;
}
article.insurance-personal-index .services .faq .fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-personal-index .services .replan {
padding-top: 25px;
padding-bottom: 25px;
background-color: #c7d53e;
}
article.insurance-personal-index .services .replan h2 {
margin-top: 0;
margin-bottom: 20px;
padding: 0 !important;
}
article.insurance-personal-index .services .replan h2 span {
color: white !important;
}
article.insurance-personal-index .services .replan h2 span small {
color: white !important;
}
article.insurance-personal-index .services .replan h2 span small:after {
border-bottom: 1px solid white;
}
article.insurance-personal-index .services .replan .service-ttl {
font-size: 1.8rem;
font-weight: bold;
line-height: 2;
margin-bottom: 3px;
}
article.insurance-personal-index .services .replan .service-ttl .m-inline-box {
background-color: #007e3d;
color: white;
font-size: 1.3rem;
padding: 3px 18px;
vertical-align: middle;
margin-left: 13px;
position: relative;
top: -2px;
}
article.insurance-personal-index .services .replan ul {
margin: 25px 25px 0;
font-size: 0;
}
article.insurance-personal-index .services .replan ul li {
width: auto;
margin: 0 0 25px;
display: inline-block;
}
article.insurance-personal-index .services .replan ul li img {
width: 100%;
}
article.insurance-personal-index .services .replan ul li a {
display: block;
}
article.insurance-personal-index .services .replan .button {
margin-top: 0;
}
article.insurance-personal-index .services .replan .button .fullsize-border-btn {
border: 2px solid white;
display: block;
margin: 0 25px;
text-align: center;
color: white;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.333333;
line-height: 55px;
margin-top: 20px;
}
article.insurance-personal-index .services .replan .button .fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_w.png") no-repeat left top;
background-size: 24px 20px;
width: 24px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px;
}
article.insurance-personal-index .services .replan .button .fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-personal-index .services .insurance-contents {
padding-bottom: 80px;
}
article.insurance-personal-index .services .insurance-contents h2 {
margin-bottom: 20px;
}
article.insurance-personal-index .services .insurance-contents h2 span {
font-size: 1.8rem;
}
article.insurance-personal-index .services .insurance-contents .service-ttl {
margin-bottom: 13px;
}
article.insurance-personal-index .services .insurance-contents .service-ttl img {
height: 50px;
}
article.insurance-personal-index .services .insurance-contents p {
margin-bottom: 30px;
}
article.insurance-personal-index .services .insurance-contents ul {
font-size: 0;
margin: 0 25px;
}
article.insurance-personal-index .services .insurance-contents ul li {
width: auto;
margin: 0;
display: block;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
margin-bottom: 25px;
-webkit-filter: blur(0);
		filter: blur(0);
}
article.insurance-personal-index .services .insurance-contents ul li a {
display: block;
}
article.insurance-personal-index .services .insurance-contents ul li .img img {
width: 100%;
}
article.insurance-personal-index .services .insurance-contents ul li .detail {
padding: 15px;
}
article.insurance-personal-index .services .insurance-contents ul li .detail h3 {
font-size: 2rem;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 12px;
border-bottom: 1px solid #c7d53e;
}
article.insurance-personal-index .services .insurance-contents ul li .detail p {
font-size: 1.2rem;
font-weight: normal;
line-height: 2;
text-align: left;
margin: 0;
}
article.insurance-personal-index .services .insurance-contents .button .fullsize-border-btn {
border: 2px solid #c7d53e;
display: block;
margin: 0 25px;
text-align: center;
color: #c7d53e;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.333333;
line-height: 55px;
margin-top: 20px;
}
article.insurance-personal-index .services .insurance-contents .button .fullsize-border-btn:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw2_lg.png") no-repeat left top;
background-size: 24px 20px;
width: 24px;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px;
}
article.insurance-personal-index .services .insurance-contents .button .fullsize-border-btn:before a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
  * 保険事業配下 取扱保険会社一覧
  /hoken/service/inslist.html
*************************************************************/
.insurance-service-inslist .hero {
height: 380px !important;
background: url("../img/sp/insurance/service/inslist/inslist_hero.jpg") no-repeat left top;
background-size: 375px 380px;
display: block;
}
.insurance-service-inslist .hero h1 {
background: url("../img/sp/insurance/service/inslist/inslist_ttl.png") no-repeat left top;
background-size: 318px 83px;
width: 318px;
height: 83px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 83px !important;
position: absolute;
top: 0;
bottom: 0;
left: 0 !important;
right: 0 !important;
bottom: 0;
margin: auto;
opacity: 0;
-webkit-animation: show 2s ease forwards 1s;
		animation: show 2s ease forwards 1s;
}
.insurance-service-inslist .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
@keyframes show {
from {
  opacity: 0;
  -webkit-transform: scale(0.98);
		  transform: scale(0.98);
}
to {
  opacity: 1;
  -webkit-transform: scale(1);
		  transform: scale(1);
}
}
.insurance-service-inslist .inslist-article {
border-top: 10px solid #007e3d;
padding-top: 25px;
}
.insurance-service-inslist .inslist-article .inslist-section {
padding: 30px 0;
border-bottom: 6px solid #f7f7f7;
}
.insurance-service-inslist .inslist-article .inslist-section h2 {
margin-bottom: 25px;
}
.insurance-service-inslist .inslist-article .inslist-section h2 span {
font-size: 2rem;
font-weight: bold;
}
.insurance-service-inslist .inslist-article .inslist-section > p {
text-align: center;
margin: 0 25px 25px;
}
.insurance-service-inslist .inslist-article .inslist-section ul {
font-size: 0;
width: auto;
margin: 0 25px;
padding-bottom: 40px;
}
.insurance-service-inslist .inslist-article .inslist-section ul li {
display: block;
text-align: center;
margin: 9px 0 30px;
vertical-align: top;
}
.insurance-service-inslist .inslist-article .inslist-section ul li a {
display: block;
}
.insurance-service-inslist .inslist-article .inslist-section ul li .img {
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
margin-bottom: 8px;
}
.insurance-service-inslist .inslist-article .inslist-section ul li .img img {
width: 298px;
}
.insurance-service-inslist .inslist-article .inslist-section ul li p {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.6;
text-decoration: underline;
}

article.insurance-bunseki-faq {
padding-bottom: 88px;
}
article.insurance-bunseki-faq .hero {
height: 190px;
background: url("../img/sp/insurance/faq/hoken_faq_idx_hero.jpg") no-repeat center center;
background-size: 320px 190px;
display: block;
background-size: cover;
position: relative;
margin-bottom: 0;
}
article.insurance-bunseki-faq .hero h1 {
background: url("../img/sp/insurance/faq/hoken_faq_idx_ttl.png") no-repeat left top;
background-size: 284px 112px;
width: 284px;
height: 112px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 112px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
article.insurance-bunseki-faq .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-faq .faq-list {
padding-top: 0;
}
article.insurance-bunseki-faq .faq-list h2 {
margin-bottom: 30px;
}
article.insurance-bunseki-faq .faq-list .questions {
width: auto;
margin: 0 auto;
}
article.insurance-bunseki-faq .faq-list .questions ul {
margin: 0 15px;
}
article.insurance-bunseki-faq .faq-list .questions li {
margin-top: 20px;
}
article.insurance-bunseki-faq .faq-list .questions li:first-child {
margin-top: 0;
}
article.insurance-bunseki-faq .faq-list .questions li h3 {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.333333;
text-align: left;
position: relative;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button {
width: 100%;
padding: 13px 40px 11px 60px;
box-sizing: border-box;
display: block;
text-align: left;
background-color: #c7d53e;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:before {
display: block;
content: " ";
width: 33px;
height: 33px;
border-radius: 100px;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
margin: auto 0;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_down_w.png") no-repeat left top;
background-size: 15px 11px;
width: 15px;
height: 11px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-faq .faq-list .questions li h3 button:hover {
opacity: 0.5;
}
article.insurance-bunseki-faq .faq-list .questions li.is-open h3 button:after {
background: url("../img/pc/common/arw_up_w.png") no-repeat left top;
background-size: 15px 11px;
width: 15px;
height: 11px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-faq .faq-list .questions li.is-open h3 button:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-faq .faq-list .questions li.q1 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering1.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q2 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering2.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q3 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering3.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q4 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering4.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q5 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering5.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q6 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering6.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q7 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering7.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q8 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering8.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q9 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering9.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q10 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering10.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q11 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering11.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li.q12 h3 button:before {
background: url("../img/pc/insurance/faq/hoken_faq_numbering12.png") no-repeat center center;
background-size: 18.75px 15px;
display: block;
display: inline-block;
background-color: #047c3e;
}
article.insurance-bunseki-faq .faq-list .questions li .answer {
padding: 20px 28px;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
font-size: 1.3rem;
}
article.insurance-bunseki-faq .faq-list .questions li .answer a {
color: #047c3e;
text-decoration: underline;
}

/*************************************************************
* 保険事業配下 プロが答える保険のQ&A 一覧 SP
/hoken/individual/qa/qa.html
*************************************************************/
article.insurance-qa-index .hero {
height: 190px !important;
background: url("../img/sp/insurance/personal/hoken_qa_idx_hero.jpg") no-repeat center center;
background-size: 320px 190px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-qa-index .hero h1 {
background: url("../img/sp/insurance/personal/hoken_qa_idx_ttl.png") no-repeat left top;
background-size: 284px 112px;
width: 284px;
height: 112px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 112px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-qa-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
* 保険事業配下 プロが答える保険のQ&A 詳細 SP
  /hoken/individual/qa/qa01.html
*************************************************************/
article.insurance-qa-detail .hero {
width: 100%;
height: auto;
}
article.insurance-qa-detail .hero:after {
content: "";
clear: both;
display: block;
}
article.insurance-qa-detail .hero .txt-part {
width: 100%;
height: 100%;
float: none;
background-color: #c7d53e;
padding-top: 0;
padding-bottom: 27px;
box-sizing: border-box;
position: relative;
}
article.insurance-qa-detail .hero .txt-part:after {
display: block;
content: " ";
background: url("../img/pc/insurance/personal/hoken_qa_detail_hero_arw.png") no-repeat left top;
background-size: 31px 61px;
width: 31px;
height: 61px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
right: -31px;
margin: auto;
}
article.insurance-qa-detail .hero .txt-part:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-qa-detail .hero .img-part {
width: 100%;
height: 100%;
float: none;
}
article.insurance-qa-detail .hero .img-part .img-bg {
width: 100%;
height: 100%;
overflow: hidden;
}
article.insurance-qa-detail .hero .img-part .img-bg picture, article.insurance-qa-detail .hero .img-part .img-bg img {
width: 100%;
}
article.insurance-qa-detail .hero h1 {
width: auto;
opacity: 1;
-webkit-animation: none !important;
		animation: none !important;
margin: 0 15px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
article.insurance-qa-detail .hero h1 .number {
position: absolute;
top: -54px;
left: 0;
}
article.insurance-qa-detail .hero h1 .question {
position: relative;
top: 0;
left: 0;
padding: 24px 0 16px;
}
article.insurance-qa-detail .hero h1 .question picture, article.insurance-qa-detail .hero h1 .question img {
width: 100%;
}
article.insurance-qa-detail .hero h2 {
width: auto;
height: auto !important;
margin: 0 15px;
position: relative;
left: 0;
bottom: 0;
}
article.insurance-qa-detail .hero h2 picture, article.insurance-qa-detail .hero h2 img {
width: 100%;
}
article.insurance-qa-detail .answers {
text-align: center;
margin: 0 15px;
}
article.insurance-qa-detail .answers h2 {
margin-bottom: 29px;
}
article.insurance-qa-detail .answers h2:after {
display: block;
content: " ";
width: 86px;
height: 1px;
background-color: #96ad34;
margin: 15px auto 0;
}
article.insurance-qa-detail .answers > section {
margin-bottom: 70px;
}
article.insurance-qa-detail .answers p {
margin-bottom: 2.4em;
}
article.insurance-qa-detail .answers p span.highlight {
color: #ff6600;
}
article.insurance-qa-detail .answers .figure picture, article.insurance-qa-detail .answers .figure img {
width: 100%;
}

/*************************************************************
  * 保険事業配下 保険証券分析サービス SP
  /hoken/bunseki/
*************************************************************/
article.insurance-bunseki-index .hero, article.insurance-bunseki-common .hero {
height: 190px;
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_hero.jpg") no-repeat center center;
background-size: 320px 190px;
display: block;
background-size: cover;
position: relative;
}
article.insurance-bunseki-index .hero h1, article.insurance-bunseki-common .hero h1 {
background: url("../img/pc/insurance/bunseki/hoken_bunseki_idx_ttl.png") no-repeat left top;
background-size: 252px 81px;
width: 252px;
height: 81px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 81px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
article.insurance-bunseki-index .hero h1 a, article.insurance-bunseki-common .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .overview, article.insurance-bunseki-common .overview {
width: auto;
margin: 0 auto;
padding-bottom: 20px;
padding-top: 30px;
}
article.insurance-bunseki-index .overview h2, article.insurance-bunseki-common .overview h2 {
margin-bottom: 30px;
}
article.insurance-bunseki-index .overview .overview-img, article.insurance-bunseki-common .overview .overview-img {
margin-bottom: 10px;
}
article.insurance-bunseki-index .overview .overview-img:after, article.insurance-bunseki-common .overview .overview-img:after {
content: "";
clear: both;
display: block;
}
article.insurance-bunseki-index .overview .overview-img .primary, article.insurance-bunseki-index .overview .overview-img .secondary, article.insurance-bunseki-common .overview .overview-img .primary, article.insurance-bunseki-common .overview .overview-img .secondary {
width: 303px !important;
height: 153px !important;
margin: 0 auto !important;
background-size: cover !important;
}
article.insurance-bunseki-index .overview .overview-img .primary, article.insurance-bunseki-common .overview .overview-img .primary {
float: none;
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_overview_img01.jpg") no-repeat left top;
background-size: 303px 153px;
width: 303px;
height: 153px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .overview .overview-img .primary a, article.insurance-bunseki-common .overview .overview-img .primary a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .overview .overview-img .secondary, article.insurance-bunseki-common .overview .overview-img .secondary {
float: none;
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_overview_img02.jpg") no-repeat left top;
background-size: 303px 153px;
width: 303px;
height: 153px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .overview .overview-img .secondary a, article.insurance-bunseki-common .overview .overview-img .secondary a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .overview > p, article.insurance-bunseki-common .overview > p {
text-align: center;
margin: 0 15px;
}
article.insurance-bunseki-index .document-support, article.insurance-bunseki-common .document-support {
background-color: #c7d53e;
padding-bottom: 32px;
}
article.insurance-bunseki-index .document-support h3, article.insurance-bunseki-common .document-support h3 {
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_support_ttl.png") no-repeat top center;
background-size: 240px 22px;
display: block;
text-indent: -9999px;
width: 287px;
height: 35px !important;
margin: 0 auto 17px;
background-color: #fff !important;
}
article.insurance-bunseki-index .document-support .sample-selector, article.insurance-bunseki-common .document-support .sample-selector {
background-image: none;
width: auto;
height: auto;
margin: 0 auto 21px;
position: relative;
}
article.insurance-bunseki-index .document-support .sample-selector .primary, article.insurance-bunseki-common .document-support .sample-selector .primary {
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_document_sample_bg01.jpg") no-repeat left top;
background-size: 265px 399.5px;
width: 265px;
height: 399.5px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
position: relative;
overflow: visible;
margin-bottom: 13px;
}
article.insurance-bunseki-index .document-support .sample-selector .primary a, article.insurance-bunseki-common .document-support .sample-selector .primary a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector .secondary, article.insurance-bunseki-common .document-support .sample-selector .secondary {
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_document_sample_bg02.jpg") no-repeat left top;
background-size: 265.5px 399.5px;
width: 265.5px;
height: 399.5px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
position: relative;
overflow: visible;
}
article.insurance-bunseki-index .document-support .sample-selector .secondary a, article.insurance-bunseki-common .document-support .sample-selector .secondary a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section, article.insurance-bunseki-common .document-support .sample-selector section {
position: absolute;
}
article.insurance-bunseki-index .document-support .sample-selector section a, article.insurance-bunseki-common .document-support .sample-selector section a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section a:hover, article.insurance-bunseki-common .document-support .sample-selector section a:hover {
opacity: 0.5;
}
article.insurance-bunseki-index .document-support .sample-selector section.area01, article.insurance-bunseki-common .document-support .sample-selector section.area01 {
left: 8px;
top: 32px;
}
article.insurance-bunseki-index .document-support .sample-selector section.area01 a, article.insurance-bunseki-common .document-support .sample-selector section.area01 a {
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay01.png") no-repeat left top;
background-size: 268px 131px;
width: 268px;
height: 131px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area01 a a, article.insurance-bunseki-common .document-support .sample-selector section.area01 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section.area02, article.insurance-bunseki-common .document-support .sample-selector section.area02 {
left: 8px;
top: 167px;
}
article.insurance-bunseki-index .document-support .sample-selector section.area02 a, article.insurance-bunseki-common .document-support .sample-selector section.area02 a {
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay02.png") no-repeat left top;
background-size: 270px 127px;
width: 270px;
height: 127px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area02 a a, article.insurance-bunseki-common .document-support .sample-selector section.area02 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section.area03, article.insurance-bunseki-common .document-support .sample-selector section.area03 {
left: 8px;
top: 298px;
z-index: 1;
}
article.insurance-bunseki-index .document-support .sample-selector section.area03 a, article.insurance-bunseki-common .document-support .sample-selector section.area03 a {
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay03.png") no-repeat left top;
background-size: 264px 98px;
width: 264px;
height: 98px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area03 a a, article.insurance-bunseki-common .document-support .sample-selector section.area03 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .sample-selector section.area04, article.insurance-bunseki-common .document-support .sample-selector section.area04 {
right: auto;
bottom: 0;
left: 8px;
}
article.insurance-bunseki-index .document-support .sample-selector section.area04 a, article.insurance-bunseki-common .document-support .sample-selector section.area04 a {
background: url("../img/sp/insurance/bunseki/hoken_bunseki_idx_document_sample_overlay04.png") no-repeat left top;
background-size: 261px 110px;
width: 261px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-bunseki-index .document-support .sample-selector section.area04 a a, article.insurance-bunseki-common .document-support .sample-selector section.area04 a a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-bunseki-index .document-support .button, article.insurance-bunseki-common .document-support .button {
width: auto;
margin: 0 15px 12px;
}
article.insurance-bunseki-index .document-support .button > a, article.insurance-bunseki-common .document-support .button > a {
color: white;
margin: 0;
font-size: 1.3rem;
font-weight: bold;
line-height: 32px;
}
article.insurance-bunseki-index .document-support .button.to-faq a, article.insurance-bunseki-common .document-support .button.to-faq a {
background-color: #fff;
color: #047c3e;
}
article.insurance-bunseki-index .document-support .button.to-inquery a, article.insurance-bunseki-common .document-support .button.to-inquery a {
background-color: #047c3e;
color: white;
}

/*************************************************************
* 保険事業配下 保険証券分析サービス グラフ解説 SP
  /hoken/bunseki/more.html
*************************************************************/
.insurance-bunseki-explanation .explanation {
padding: 30px 0 60px;
background-color: #c7d53e;
}
.insurance-bunseki-explanation .explanation h2 {
margin: 0 0 30px;
}
.insurance-bunseki-explanation .explanation h2 small {
color: #007e3d;
}
.insurance-bunseki-explanation .explanation h2 small:after {
border-bottom-color: #007e3d;
}
.insurance-bunseki-explanation .explanation .explanation-step > section {
width: auto;
margin: 30px 15px 0;
padding: 8px 0 10px;
background-color: #fff;
}
.insurance-bunseki-explanation .explanation .explanation-step > section:first-child {
margin-top: 0;
}
.insurance-bunseki-explanation .explanation .explanation-step h3 {
font-size: 3rem;
font-weight: bold;
color: #007e3d;
text-align: center;
margin-bottom: 20px;
}
.insurance-bunseki-explanation .explanation .explanation-step h3 small {
display: block;
font-size: 1.6rem;
font-weight: normal;
color: black;
display: none;
}
.insurance-bunseki-explanation .explanation .explanation-step h3 span:before {
display: block;
content: " ";
background: url("../img/pc/insurance/bunseki/bunseki_icon_exclamation.png") no-repeat left top;
background-size: 33px 33px;
width: 33px;
height: 33px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block !important;
position: relative;
top: 10px;
margin-right: 7px;
}
.insurance-bunseki-explanation .explanation .explanation-step h3 span:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step h3:before {
display: none;
}
.insurance-bunseki-explanation .explanation .explanation-step h4 {
font-size: 1.95rem;
font-weight: bold;
}
.insurance-bunseki-explanation .explanation .explanation-step p {
font-size: 1.44rem;
font-weight: bold;
line-height: 1.333333;
}
.insurance-bunseki-explanation .explanation .explanation-step p i {
font-size: 1.8rem;
font-weight: bold;
color: #007e3d;
}
.insurance-bunseki-explanation .explanation .explanation-step p small {
font-size: 1.08rem;
font-weight: bold;
line-height: 1.666667;
text-indent: -2em;
padding-left: 2em;
display: block;
padding-top: 15px;
}
.insurance-bunseki-explanation .explanation .explanation-step p small i {
font-size: 1.08rem;
font-weight: bold;
line-height: 1.666667;
color: #007e3d;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure {
padding: 0 15px;
margin-bottom: 15px;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure figure {
margin: 0;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure figure img, .insurance-bunseki-explanation .explanation .explanation-step .figure figure picture {
width: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step .figure figcaption {
display: none;
}
.insurance-bunseki-explanation .explanation .explanation-step ol {
margin: 0 20px;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li {
padding: 15px 0 22px 50px;
position: relative;
background: url("../img/pc/insurance/bunseki/bunseki_more_dotbg.png") repeat-x top left;
background-size: 15px 4px;
display: block;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li:first-child {
background-image: none;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li:before {
display: block;
content: " ";
position: absolute;
top: 11px;
left: 0;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check01:before {
background: url("../img/pc/insurance/bunseki/bunseki_more_icon_check01.png") no-repeat left top;
background-size: 46.8px 46.8px;
width: 46.8px;
height: 46.8px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check01:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check02:before {
background: url("../img/pc/insurance/bunseki/bunseki_more_icon_check02.png") no-repeat left top;
background-size: 46.8px 46.8px;
width: 46.8px;
height: 46.8px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check02:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check03:before {
background: url("../img/pc/insurance/bunseki/bunseki_more_icon_check03.png") no-repeat left top;
background-size: 46.8px 46.8px;
width: 46.8px;
height: 46.8px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.insurance-bunseki-explanation .explanation .explanation-step ol li.check03:before a {
display: block;
width: 100%;
height: 100%;
}

/*************************************************************
* 保険事業配下 リスク対策 SP
  /hoken/corporation/risk.html
*************************************************************/
article.insurance-corporation-risk .hero {
background: url("../img/sp/insurance/corporation/risk/hoken_corporation_risk_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
height: 190px;
position: relative;
border-bottom: solid 5px #047c3e;
}
article.insurance-corporation-risk .hero h1 {
background: url("../img/sp/insurance/corporation/risk/hoken_corporation_risk_ttl.png") no-repeat left top;
background-size: 252px 84px;
width: 252px;
height: 84px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 84px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-risk .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-risk .overview {
padding: 0 15px 70px;
}
article.insurance-corporation-risk .overview h2 {
margin-bottom: 20px;
}
article.insurance-corporation-risk .overview > p {
margin-bottom: 25px;
text-align: center;
}
article.insurance-corporation-risk .overview .clients {
width: auto;
margin: 0 auto;
}
article.insurance-corporation-risk .overview .clients:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-risk .overview .clients > li {
width: auto;
height: auto;
float: none;
text-align: center;
margin-bottom: 15px;
}
article.insurance-corporation-risk .overview .clients > li .txt {
margin: 0;
padding: 0;
padding: 16px;
}
article.insurance-corporation-risk .overview .clients > li .txt li {
font-size: 1.3rem;
vertical-align: middle;
}
article.insurance-corporation-risk .overview .clients > li .txt li a:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 8.25px 12px;
width: 8.25px;
height: 12px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
article.insurance-corporation-risk .overview .clients > li .txt li a:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-risk .overview .clients > li h3 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 18px;
}
article.insurance-corporation-risk .overview .clients > li h3:after {
display: block;
content: " ";
height: 1px;
background-color: #fff;
width: 50px;
margin: 15px auto 0;
}
article.insurance-corporation-risk .overview .clients > li.companies, article.insurance-corporation-risk .overview .clients > li.staffs {
background-color: #c7d53e;
}
article.insurance-corporation-risk .overview .clients > li.companies h3, article.insurance-corporation-risk .overview .clients > li.staffs h3 {
color: #007e3d;
}
article.insurance-corporation-risk .overview .clients > li.freelances {
background-color: #007e3d;
}
article.insurance-corporation-risk .overview .clients > li.freelances h3 {
color: #c7d53e;
}
article.insurance-corporation-risk .overview .clients > li.freelances .txt {
color: white;
}
article.insurance-corporation-risk .overview .clients > li .img {
height: auto;
}
article.insurance-corporation-risk .overview .clients > li .img picture, article.insurance-corporation-risk .overview .clients > li .img img {
height: auto;
width: 100%;
}
article.insurance-corporation-risk .services {
padding-bottom: 35px;
background-color: #c7d53e;
}
article.insurance-corporation-risk .services h3 {
font-size: 3rem;
font-weight: bold;
color: #007e3d;
width: auto;
height: 38px !important;
margin: 0 15px 33px;
}
article.insurance-corporation-risk .services ul {
width: auto;
margin: 0 15px;
}
article.insurance-corporation-risk .services ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-risk .services li {
width: auto;
height: auto;
float: none;
background-color: #fff;
margin: 0 0 20px;
}
article.insurance-corporation-risk .services li h4 {
font-size: 1.4rem;
font-weight: bold;
color: #007e3d;
text-align: center;
margin-bottom: 16px;
}
article.insurance-corporation-risk .services li .button {
margin: 0 auto;
padding: 0 27px 0 45px;
font-size: 1.2rem;
line-height: 32px;
height: auto;
}
article.insurance-corporation-risk .services li .img {
height: auto;
background-color: red;
margin-bottom: 13px;
}
article.insurance-corporation-risk .services li .img picture, article.insurance-corporation-risk .services li .img img {
width: 100%;
height: auto;
}
article.insurance-corporation-risk .services li .txt {
text-align: center;
margin: 0;
padding: 0 0 22px;
}

/*************************************************************
* 保険事業配下 企業リスクコンサルティング SP
  /hoken/corporation/risk_consulting.html
*************************************************************/
article.insurance-corporation-risk-consul .hero {
background: url("../img/sp/insurance/corporation/risk/hoken_corporation_consul_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
height: 190px;
border-bottom: solid 5px #047c3e;
}
article.insurance-corporation-risk-consul .hero h1 {
background: url("../img/sp/insurance/corporation/risk/hoken_corporation_consul_ttl.png") no-repeat left top;
background-size: 252px 84px;
width: 252px;
height: 84px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 84px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.insurance-corporation-risk-consul .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-risk-consul .overview {
margin: 0 15px;
padding: 30px 0 40px;
text-align: center;
}
article.insurance-corporation-risk-consul .overview h2 {
margin-bottom: 20px;
}
article.insurance-corporation-risk-consul .overview > p {
margin-bottom: 30px;
}
article.insurance-corporation-risk-consul .overview .overview-img picture, article.insurance-corporation-risk-consul .overview .overview-img img {
width: 100%;
}
article.insurance-corporation-risk-consul .patterns {
padding-top: 30px;
padding-bottom: 40px;
background-color: #c7d53e;
}
article.insurance-corporation-risk-consul .patterns h2 {
margin-bottom: 20px;
}
article.insurance-corporation-risk-consul .patterns h2 span {
color: #007e3d;
}
article.insurance-corporation-risk-consul .patterns h2 small {
color: white;
}
article.insurance-corporation-risk-consul .patterns > p {
text-align: center;
margin: 0 15px 25px;
}
article.insurance-corporation-risk-consul .patterns ul {
width: auto;
margin: 0 15px;
}
article.insurance-corporation-risk-consul .patterns ul li {
margin-top: 20px;
}
article.insurance-corporation-risk-consul .patterns ul li:first-child {
margin-top: 0;
}
article.insurance-corporation-risk-consul .patterns ul h3 {
background-color: #007e3d;
padding: 12px 0;
color: white;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
vertical-align: middle;
}
article.insurance-corporation-risk-consul .patterns ul h3 .pattern-num {
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
border: 1px solid white;
line-height: 22px;
padding: 0 15px;
margin-right: 12px;
vertical-align: middle;
position: relative;
top: -2px;
}
article.insurance-corporation-risk-consul .patterns ul .content {
padding: 15px 20px 15px;
background-color: #fff;
}
article.insurance-corporation-risk-consul .patterns ul .content:after {
content: "";
clear: both;
display: block;
}
article.insurance-corporation-risk-consul .patterns ul .content .txt {
float: none;
padding: 0;
width: auto;
}
article.insurance-corporation-risk-consul .patterns ul .content .img {
float: none;
position: relative;
top: 0;
}
article.insurance-corporation-risk-consul .patterns ul .content .img picture, article.insurance-corporation-risk-consul .patterns ul .content .img img {
vertical-align: top;
height: auto;
width: 100%;
}

/*************************************************************
* 保険事業配下 お問い合わせ SP
  /hoken/inquiry/
*************************************************************/
article.insurance-inquiry-index .hero {
background: url("../img/sp/insurance/inquiry/hoken_inquiry_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
height: 190px !important;
}
article.insurance-inquiry-index .hero h1 {
background: url("../img/sp/insurance/inquiry/hoken_inquiry_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-inquiry-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-operator:before {
background: url("../img/pc/common/icon_operator.png") no-repeat left top;
background-size: 48px 48px;
width: 48px;
height: 48px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-operator:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-group:before {
background: url("../img/pc/common/icon_group.png") no-repeat left top;
background-size: 48px 30px;
width: 48px;
height: 30px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-group:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-group_ob:before {
	background: url("../img/pc/common/icon_group_ob.png") no-repeat left top;
	background-size: 48px auto;
	width: 48px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto;
}
article.insurance-inquiry-index .-group_ob:before a {
	display: block;
	width: 100%;
	height: 100%;
}
article.insurance-inquiry-index .-accident:before {
background: url("../img/pc/common/icon_accident.png") no-repeat left top;
background-size: 48px 48px;
width: 48px;
height: 48px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-accident:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-cars:before {
background: url("../img/pc/common/icon_cars.png") no-repeat left top;
background-size: 48px 36.75px;
width: 48px;
height: 36.75px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-cars:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-offices:before {
background: url("../img/pc/common/icon_office.png") no-repeat center top;
background-size: 36px 45px;
width: 36px;
height: 45px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-inquiry-index .-offices:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-personal:before {
background: url("../img/pc/common/icon_personal.png") no-repeat left top;
background-size: 33.75px 48px;
width: 33.75px;
height: 48px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-inquiry-index .-personal:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-company:before {
background: url("../img/pc/common/icon_company.png") no-repeat left top;
background-size: 48px 42.75px;
width: 48px;
height: 42.75px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
article.insurance-inquiry-index .-company:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-tel:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_telefon.png") no-repeat left top;
background-size: 24px 19.5px;
width: 24px;
height: 19.5px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
article.insurance-inquiry-index .-tel:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .-fax:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_fax.png") no-repeat left top;
background-size: 24px 24px;
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
article.insurance-inquiry-index .-fax:before a {
display: block;
width: 100%;
height: 100%;
}
/* ------ 20220328　mail追加 sp start　------ */
article.insurance-inquiry-index .-mail {
margin: 2rem auto 0 auto;
}
article.insurance-inquiry-index .-mail span {
font-size: 1.4em;
}
article.insurance-inquiry-index .-mail a:before {
background-size: 20px 16px;
width: 20px;
height: 16px;
}
/* ------ 20220328　mail追加 sp end　------ */
/* ------ 20220328　banner sp　start　------ */
article.insurance-inquiry-index .for-customers .offices2 {
width: auto;
height: 92px;
margin: 0 15px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.428571;
position: relative;
}
article.insurance-inquiry-index .for-customers .offices2 a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
article.insurance-inquiry-index .for-customers .offices2 p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
article.insurance-inquiry-index .for-customers .offices2 p span {
display: inline-block;
}
article.insurance-inquiry-index .for-customers .offices2 p:before {
display: block;
content: " ";
position: absolute;
left: 24px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .for-customers .offices2 p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 16.5px 23.25px;
width: 16.5px;
height: 23.25px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .for-customers .offices2 p:after a {
display: block;
width: 100%;
height: 100%;
}
.office-margin-bt{
margin-bottom: 2rem !important;
}
article.insurance-inquiry-index .for-customers .offices2 p.accident:before {
margin-left: 5%;
}
article.insurance-inquiry-index .msad {
background: url(../img/pc/common/banner_msad.png) no-repeat left top 4px;
background-size: 120px 15px;
padding: 5px 0 5px 122px;
font-size: 1rem;
display: inline-block;
}
/* ------ 20220328　banner sp　end　------ */
article.insurance-inquiry-index .-freedial:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_freedial.png") no-repeat left top;
background-size: 24px 19.5px;
width: 24px;
height: 19.5px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 13px;
}
article.insurance-inquiry-index .-freedial:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .inquiry-list01 {
width: auto;
margin: 0 15px 16px;
}
article.insurance-inquiry-index .inquiry-list01:after {
content: "";
clear: both;
display: block;
}
article.insurance-inquiry-index .inquiry-list01 li {
width: auto;
float: none;
margin: 0 0 20px;
height: 110px;
text-align: center;
position: relative;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.428571;
}
article.insurance-inquiry-index .inquiry-list01 li a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
article.insurance-inquiry-index .inquiry-list01 li p {
display: table-cell;
vertical-align: middle;
text-align: center;
}
article.insurance-inquiry-index .inquiry-list01 li p:before {
display: block;
content: " ";
margin: 0 auto 10px !important;
}
article.insurance-inquiry-index .inquiry-list01 li p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 16.5px 23.25px;
width: 16.5px;
height: 23.25px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .inquiry-list01 li p:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .for-customers {
margin-bottom: 50px;
}
article.insurance-inquiry-index .for-customers h2 {
padding: 40px 0 0;
margin-bottom: 29px;
}
article.insurance-inquiry-index .for-customers .offices {
width: auto;
height: 92px;
margin: 0 15px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.428571;
position: relative;
}
article.insurance-inquiry-index .for-customers .offices a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
article.insurance-inquiry-index .for-customers .offices p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
article.insurance-inquiry-index .for-customers .offices p span {
display: inline-block;
}
article.insurance-inquiry-index .for-customers .offices p:before {
display: block;
content: " ";
position: absolute;
left: 24px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .for-customers .offices p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 16.5px 23.25px;
width: 16.5px;
height: 23.25px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto 0;
}
article.insurance-inquiry-index .for-customers .offices p:after a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .contacts {
padding-bottom: 112px;
}
article.insurance-inquiry-index .contacts h2 {
margin-bottom: 30px;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info {
text-align: center;
margin: 0 15px;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info .open-time {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 10px;
}
article.insurance-inquiry-index .contacts .contact-info-txt {
font-size: 1.4rem;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info .attention {
font-size: 1.2rem;
color: #007e3d;
margin-bottom: 20px;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info li {
font-size: 1.2rem;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info li:before {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_g.png") no-repeat left top;
background-size: 7px 8px;
width: 7px;
height: 8px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
article.insurance-inquiry-index .contacts .main-customers-contacts .contact-info li:before a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-inquiry-index .contacts .main-area-contacts {
margin-bottom: 70px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul {
width: auto;
margin: 60px 15px 45px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li {
width: auto;
text-align: center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
margin: 0;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li.tokyo {
float: none;
margin-bottom: 20px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li.osaka {
float: none;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h3 {
background-color: #c7d53e;
height: auto !important;
font-size: 1.8rem;
font-weight: bold;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h3 span {
line-height: 40px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h4 {
color: #007e3d;
font-size: 1.6rem;
font-weight: bold;
line-height: 24px;
padding-top: 20px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h5, article.insurance-inquiry-index .contacts .main-area-contacts ul li h4 > span {
background-color: #007e3d;
color: white;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.5;
padding: 2px 12px;
margin-left: 10px;
display: inline-block;
height: 18px;
vertical-align: middle;
position: relative;
top: -3px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li h5 {
margin: 21px 0 -5px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li p {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: -10px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li p.freedial {
margin-bottom: 15px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li .primary, article.insurance-inquiry-index .contacts .main-area-contacts ul li .secondary {
padding-bottom: 28px;
}
article.insurance-inquiry-index .contacts .main-area-contacts ul li .secondary {
border-top: 1px solid #c7d53e;
}
article.insurance-inquiry-index .contacts .main-area-contacts .contact-info {
text-align: center;
}
article.insurance-inquiry-index .contacts .main-area-contacts .contact-info .open-time {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 10px;
}
article.insurance-inquiry-index .contacts .contact-info-txt {
font-size: 1.4rem;
}
article.insurance-inquiry-index .contacts .area-contacts {
width: auto;
margin: 0 15px;
text-align: center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
article.insurance-inquiry-index .contacts .area-contacts h4 {
background-color: #c7d53e;
line-height: 40px;
font-size: 1.8rem;
font-weight: bold;
}
article.insurance-inquiry-index .contacts .area-contacts ul {
padding: 7px 0 20px;
}
article.insurance-inquiry-index .contacts .area-contacts ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-inquiry-index .contacts .area-contacts ul li {
width: auto;
padding: 18px 0;
float: none;
text-align: center;
}
article.insurance-inquiry-index .contacts .area-contacts ul li h5 {
background-color: #007e3d;
color: white;
font-size: 1.4rem;
font-weight: bold;
padding: 0 12px;
display: inline-block;
height: 31px;
vertical-align: middle;
}
article.insurance-inquiry-index .contacts .area-contacts ul li p {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: -10px;
}

/*************************************************
* @ef * sp
**************************************************/
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {

/* 保険事業配下 銀泉最適保険プログラム/hoken/corporation/program */
article.insurance-program .hero {
background: url("../img/sp/insurance/corporation/rsr/hoken_corporation_rsr_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
height: 190px !important;
}
article.insurance-program .hero h1 {
background: url("../img/sp/insurance/corporation/rsr/hoken_corporation_rsr_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-program .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
p.tac span {
font-weight: 700;
font-size: 1.2rem;
margin: 0;
}
p.rsr_mt0 {
text-align: center;
}
p.rsr_w {
text-align: center;
margin: 20px 0 40px;
color: #ffffff;
}
.rsr_img {
width: 100%;
height: auto;
margin: 20px auto 0;
}
.rsr_img2 {
width: 100%;
height: auto;
margin: 20px auto 0;
}
.rsr_img3 {
width: 50%;
height: auto;
margin: 20px auto;
}
.rsr_img4 {
width: 100%;
height: auto;
margin: 20px auto;
}

.optimal div.op_c  {
background: url("../img/sp/insurance/corporation/rsr/hoken_corporation_rsr_img02c.png") no-repeat top center;
background-size: 73px 28px;
flex: 1;
flex-grow: 1;
margin: 20px auto;
width: 90%;
height: 28px;
}
.optimal {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 98%;
margin: 2% ;
margin-top: 20px;
width: 98%;
flex-direction: column;
}
.optimal div {
flex: 100;
flex-grow: 100;
padding: 10px;
margin:0 ;
box-sizing: border-box;
text-align: center;
}
.optimal div p span {
color: #047c3e;
font-weight: 700;
}
.optimal div img {
width: 90%;
height: auto;
margin-top: 20px;
}

/* 保険事業配下 三井住友海上の自動車保険 契約内容変更サービス/hoken/customer */
article.insurance-customer .hero {
background: url("../img/sp/insurance/customer/hoken_customer_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
height: 190px !important;
}
article.insurance-customer .hero h1 {
background: url("../img/sp/insurance/customer/hoken_customer_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-customer .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

.patterns .content .caution_bb {
font-size: 1.5rem;
font-weight: 700;
text-align: center;
padding: 0 0 24px;
border-bottom: #c3d73a solid 1px;
}
.patterns .content .caution_list p {
width: 100%;
height: auto;
float: none;
margin: 2% 0 0;
font-size: 1.2rem;
font-weight: bold;
color: #047c3e;
}
.patterns .content .caution_list img {
float: right;
width: 210px;
height: 149px;
margin: 1% auto;
}

.patterns_g {
padding: 2px 15px 75px;
background-color: #047c3e;
}
.patterns_g h2 span {
color: white;
}
.patterns_g h2 small {
color: white;
}
.patterns_g h2 small:after {
border-bottom-color: #c5d53e;
}
.patterns_g > p {
text-align: center;
margin-bottom: 51px;
}

.patterns_g .content, .patterns_g .content_s {
width: auto;
height: auto;
padding: 20px 15px;
background-color: #fff;
box-sizing: border-box;
margin: 20px auto;
}
.patterns_g .content:after {
content: "";
clear: both;
display: block;
}
.patterns_g  .content h3 {
font-size: 1.5rem;
font-weight: 700;
text-align: center;
color: #047c3e;
}
.patterns_g  .content p {
text-align: center;
}

.patterns_g .freedial:before {
display: block;
content: " ";
background: url("../img/pc/common/icon_freedial.png") no-repeat left top;
background-size: 30px 19px;
width: 30px;
height: 19px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin-right: 10px;
}
.patterns_g p.freedial {
font-size: 1.5rem;
color: #047c3e;
font-weight: 800;
}

.patterns_g .freedial:before a {
display: block;
width: 100%;
height: 100%;
}
.patterns_g .freedial span {
font-size: 2.5rem;
font-weight: 800;
color: #000;
}
p span.highlight_b {
font-size: 1.3rem;
font-weight: 800;
color: #ff6600;
}

/* 保険事業配下 保険お役立ちリンク集（関連リンク）/hoken/individual/link */
article.insurance-individual-link .hero {
background: url("../img/sp/insurance/personal/hoken_personal_link_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
height: 190px !important;
}
article.insurance-individual-link .hero h1 {
background: url("../img/sp/insurance/personal/hoken_personal_link_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-inquiry-index .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

article.insurance-individual-link .contacts .main-area-contacts {
margin-bottom: 70px;
}
article.insurance-individual-link .contacts .main-area-contacts ul {
width: auto;
margin: 0 15px 16px;
}

article.insurance-individual-link .contacts .main-area-contacts ul:after {
content: "";
clear: both;
display: block;
}
article.insurance-individual-link .contacts .main-area-contacts ul li {
text-align: center;
margin-top: 30px;
float: none;
}
article.insurance-individual-link .contacts .main-area-contacts ul li img {
width: 100%;
height: auto;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
article.insurance-individual-link .contacts .main-area-contacts ul li div a {
display: block;
}
article.insurance-individual-link .contacts .main-area-contacts ul li p.link_p {
font-size:1.2rem;
margin-top: 10px;
text-decoration: underline;
}
article.insurance-individual-link .contacts .main-area-contacts ul li.left {
float: none;
}
article.insurance-individual-link .contacts .main-area-contacts ul li.right {
float: none;
}

/* 保険事業配下 SMBC経営懇話会団体保険加入のおすすめ /hoken/corporation/risk_welfare_collectiveins */
a.to_service {
font-size: 0.8rem;
}

article.insurance-corporation-rwc .hero {
background: url("../img/sp/insurance/corporation/welfare/hoken_corporation_rwc_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
border-bottom: solid 5px #047c3e;
}
article.insurance-corporation-rwc .hero h1 {
background: url("../img/sp/insurance/corporation/welfare/hoken_corporation_rwc_ttl.png") no-repeat left top;
background-size: 252px 84px;
width: 252px;
height: 84px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 84px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-corporation-rwc .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
.insurance-corporation-rwc .document-support h3 {
font-size: 2rem;
font-weight: bold;
color: #007e3d;
text-align: center;
margin-bottom: 20px;
}

.insurance-corporation-rwc .document-support h3 span:before {
display: block;
content: " ";
background: url("../img/pc/insurance/corporation/welfare/corporation_icon_rwc.png") no-repeat left top;
background-size: 22px 22px;
width: 22px;
height: 22px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block !important;
position: relative;
top: 5px;
margin-right: 7px;
}
.insurance-corporation-rwc .document-support h3 span:before a {
display: block;
width: 100%;
height: 100%;
}
.insurance-corporation-rwc .document-support h3:before {
display: none;
}


/* 保険事業配下 事故時のご連絡先 /hoken/inquiry/index4 */
table.hoken_dial {
border: none;
border-collapse: collapse;
width: 100%;
font-size: 1.3rem;
font-weight: 700;
}
table.hoken_dial thead {
display: none;
}
table.hoken_dial tr {
border: 1px solid #ddd;
display: block;
margin-bottom: 20px;
}
table.hoken_dial tr:last-child {
margin-bottom: 0;
}
table.hoken_dial td {
border: 1px solid #ddd;
display: block;
padding: 10px;
text-align: right;

}
table.hoken_dial td::before {
content: attr(data-label);
float: left;
font-weight: bold;
}

.hoken_dial .freedial span {
background: url("../img/pc/common/icon_freedial.png") no-repeat left top;
background-size: 20px 13px;
width: 20px;
height: 13px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
margin-right: 5px;
}

article.insurance-inquiry-index .-aflac:before {
background: url("../img/pc/common/icon_aflac.png") no-repeat left top;
background-size: 48px 48px;
width: 48px;
height: 48px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
article.insurance-inquiry-index .-aflac:before a {
display: block;
width: 100%;
height: 100%;
}

/* 保険事業配下 一日自動車保険 /hoken/oneday */
article.oneday .hero {
background: url("../img/sp/insurance/customer/hoken_oneday_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
height: 190px !important;
display: block;
position: relative;
border-bottom: solid 5px #047c3e;

}
article.oneday .hero h1 {
background: url("../img/sp/insurance/customer/hoken_oneday_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.oneday .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.oneday .for-customers p {
margin-top: 30px;
}

article.oneday .services {
padding: 30px 0 85px;
background-color: #fff;
}
article.oneday .services p {
text-align: center;
}
article.oneday .services ul {
width: auto;
margin: 0 15px 16px;
}
article.oneday .services ul:after {
content: "";
clear: both;
display: block;
}
article.oneday .services li {
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
.oneday_tit {
background-color: #c7d53e;
padding: 4% 0;
text-align: center;
}
.oneday_tit p {
font-size: 2rem;
line-height: 1.3;
font-weight: 700;
color: #000;
text-align: center;
margin-bottom: 12px;
}
.oneday_tit p span {
font-size: 2.5rem;
line-height: 1.3;
font-weight: 700;
color: #ff0000;
text-align: center;
margin-bottom: 16px;
}
.oneday_tit p span.chnr {
color: #0078ff;
}
.oneday .services li .button {
margin: 0 auto;
padding: 0 60px;
}
.oneday_qr_l {
padding: 20px;
}
.oneday_qr_l p.qr_exp_l, .oneday_qr_r p.qr_exp_l {
margin: 10px 15px 0 0;
line-height: 1.5;
text-align: justify !important;
}
.oneday_qr_l img.qr_code_l, .oneday_qr_r img.qr_code_l {
width: 120px;
height: 120px;
margin-right: 10px;
}
.oneday_qr_l img.oneday_bnr, .oneday_qr_r img.oneday_bnr {
width: 150px;
height: 67px;
margin: 20px auto 0;
}
img.qa6_bnr {
width: 150px;
height: 88px;
margin: 20px auto;
}

.oneday_qr_r {
padding: 20px;
text-align: center;
}
.oneday_qr_r img.qr_code_r {
width: 120px;
height: 120px;
margin: 0 auto;
}

/* 保険事業配下 法人向け生損保販売 経営者向け保険販売 /hoken/corporation/risk_inssales */
article.insurance-corporation-risk-inssales .hero {
background: url("../img/sp/insurance/corporation/risk/hoken_corporation_inssales_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
border-bottom: solid 5px #047c3e;
}
article.insurance-corporation-risk-inssales .hero h1 {
background: url("../img/sp/insurance/corporation/risk/hoken_corporation_inssales_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-corporation-risk-inssales .hero h1 a {
display: block;
width: 100%;
height: 100%;
}

.patterns ul .content_s, .patterns_g ul .content_s {
padding: 3% 2% 1%;
background-color: #fff;
}
.patterns ul .content_s:after, .patterns_g ul .content_s:after {
content: "";
clear: both;
display: block;
}
.bsn_risk, .bsn_risk_g {
flex-direction: column;
margin-bottom: 0;
}

.bsn_risk div, .bsn_risk_g div {
width: 98%;
border: 6px solid #f7f7f7;
padding: 15px;
box-sizing: border-box;
background-color: #fff;
margin-bottom: 10px;
}

.content_s .bsn_risk .caution_bb , .content_s .bsn_risk_g .caution_bb , .content_ss .bsn_risk .caution_bb {
font-size: 1.5rem;
font-weight: 700;
text-align: center;
padding: 0 0 15px;
border-bottom: #c7d53e solid 1px;
margin-bottom: 20px;
}
.bsn_risk dl {
width:auto;
line-height: 1.5;
}
.bsn_risk dl dt {
width:auto;
clear: left;
font-size: 1.3rem;
font-weight: 700;
color: #047c3e;
}
.bsn_risk dl dd {
width:auto;
float: left;
font-size: 1.1rem;
margin-bottom: 10px;
vertical-align: middle;
}
.bsn_risk dl dd span {
color: #c7d53e;
font-size: 0.8rem;
margin-right: 3px;
vertical-align: middle;
}
p.exp_risk {
clear: both;
background-color: #f7f7f7;
padding: 2% 4%;
margin-top: 10%;
font-size: 1.0rem;
line-height: 1.6;
text-align: justify;
}

/* 保険事業配下 代理店事業譲渡 /hoken/corporation/transfer */
article.insurance-corporation-transfer .hero {
background: url("../img/sp/insurance/corporation/transfer/hoken_corporation_transfer_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
border-bottom: solid 5px #047c3e;
}
article.insurance-corporation-transfer .hero h1 {
background: url("../img/sp/insurance/corporation/transfer/hoken_corporation_transfer_ttl.png") no-repeat left top;
background-size: 281px auto;
width: 281px;
height: auto;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-corporation-transfer .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-transfer .patterns h2 span{
	color: #000;
}
article.insurance-corporation-transfer .content .caution_bb{
	font-size: 1.6rem;
}
.media{
	flex-direction: column;
}
.list_flow .ttl{
	font-size: 1.6rem;
}

.patterns ul .content_ss:after {
content: "";
clear: both;
display: block;
}
.patterns ul .content_ss {
margin-top: 0;
padding: 15px 15px 5px;
background-color: #fff;
}
p.trf_img_01 img, p.trf_img_02 img  {
width: 235px;
height: auto;
}

.content_ss .bsn_risk div.bn_arw {
background: url("../img/sp/insurance/corporation/transfer/corporation_transfer_arw.png") no-repeat top center;
background-size: 71px 27px;
border: none;
}
.content_ss .bsn_risk {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 98%;
margin: 2% ;
}
.content_ss .bsn_risk div {
flex: 100;
flex-grow: 100;
border: 6px solid #f7f7f7;
padding: 15px;
box-sizing: border-box;
background-color: #fff;
}
.content_ss .bsn_risk div.bn_arw {
margin: auto;
flex: 1;
flex-grow: 1;
}
div.r_last {
flex: 0;
flex-grow: 0;
border: none;
padding: 0;
margin:0;
box-sizing: border-box;
background-color: #fff;
}

/* 保険事業配下 事業継承対策の見直し /hoken/corporation/transfer_succession */
article.insurance-corporation-transfer_succ .hero {
background: url("../img/sp/insurance/corporation/transfer/hoken_corporation_transfer_succession_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
border-bottom: solid 5px #047c3e;
}
article.insurance-corporation-transfer_succ .hero h1 {
background: url("../img/sp/insurance/corporation/transfer/hoken_corporation_transfer_succession_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-corporation-transfer_succ .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
.patterns ul .content_ss {
margin-top: 30px;
padding: 2%;
background-color: #fff;
}

p.trf_succ_img_01 {
width: 100%;
height: 200px;
padding: 0;
text-indent: -9999px;
background: url(../img/pc/insurance/corporation/transfer/corporation_transfer_succ_img01.png) no-repeat center center;
background-size: auto 100%;
}

/* 保険事業配下 福利厚生の見直し /hoken/corporation/welfare */
article.insurance-corporation-welfare .hero {
background: url("../img/sp/insurance/corporation/welfare/hoken_corporation_welfare_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-welfare .hero h1 {
background: url("../img/sp/insurance/corporation/welfare/hoken_corporation_welfare_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
}
article.insurance-corporation-welfare .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
.consul_tit {
text-align: center;
color: #ff6023;
font-size: 1.5rem;
font-weight: 700;
}
.consul_img {
width:90%;
height: auto;
margin-top: 30px;
}

.m-color-link-btn-arw2 {
font-size: 1.5rem;
font-weight: bold;
line-height: 1;
width: 80%;
height: 45px;
border: none;
background-color: #007e3d;
color: white;
padding: 10px 20px 0;
display: inline-block;
}
.m-color-link-btn-arw2:after {
display: block;
content: " ";
background: url("../img/pc/common/link_arw_l_w.png") no-repeat left top;
background-size: 11px 16px;
width: 11px;
height: 16px;
display: block;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
margin-left: 6px;
}
.m-color-link-btn-arw2:after a {
display: block;
width: 100%;
height: 100%;
}

article.insurance-inquiry-index3 .overview h2 {
margin-bottom: 20px;
}

/* 保険事業配下 法人向け保険商品 /hoken/corporation/commoditylist */
article.insurance-corporation-commoditylist .hero {
background: url("../img/sp/insurance/corporation/hoken_corporation_commoditylist_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.individual-commoditylist .hero {
background: url("../img/sp/insurance/corporation/hoken_individual_commoditylist_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
position: relative;
border-bottom: solid 10px #047c3e;
}
article.insurance-corporation-commoditylist .hero h1 {
background: url("../img/sp/insurance/corporation/hoken_corporation_commoditylist_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.individual-commoditylist .hero h1 {
background: url("../img/sp/insurance/corporation/hoken_individual_commoditylist_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.insurance-corporation-commoditylist .hero h1 a, article.individual-commoditylist .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.insurance-corporation-commoditylist .patterns .content_s .bsn_risk div.mb0 , article.insurance-corporation-commoditylist .patterns_g .content_s .bsn_risk_g div.mb0, article.individual-commoditylist .patterns .content_s .bsn_risk div.mb0 , article.individual-commoditylist .patterns_g .content_s .bsn_risk_g div.mb0 {
margin-bottom: 1%;
}


/*20180904*/
.insurance-index .summary ul {
width: auto;
}
.insurance-index .summary ul:after {
content: "";
clear: both;
display: block;
}
.insurance-index .summary ul li {
margin: 0;
float: none;
position: relative;
}

/*ご相談・お問い合わせボタンに*/
section.inqueries .inquiry-list01 {
width: auto;
margin: 0 15px;
}
section.inqueries .inquiry-list01:after {
content: "";
clear: both;
display: block;
}
section.inqueries .inquiry-list01 li {
width: auto;
float: none;
margin: 0 0 20px;
height: 110px;
text-align: center;
position: relative;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.428571;
}
section.inqueries .inquiry-list01 li a {
display: table;
width: 100%;
height: 100%;
background-color: #c7d53e;
}
section.inqueries .inquiry-list01 li p {
display: table-cell;
vertical-align: middle;
text-align: center;
}
section.inqueries .inquiry-list01 li p:before {
display: block;
content: " ";
margin: 0 auto 10px !important;
}
section.inqueries .inquiry-list01 li p:after {
display: block;
content: " ";
background: url("../img/pc/common/arw_right_w.png") no-repeat left top;
background-size: 16.5px 23.25px;
width: 16.5px;
height: 23.25px;
display: block;
text-indent: -9999px;
overflow: hidden;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto 0;
}
section.inqueries .inquiry-list01 li p:after a {
display: block;
width: 100%;
height: 100%;
}
}




/*************************************************
* @ef * 201704追加
**************************************************/

/* 保険事業配下 一日自動車保険 /hoken/oneday_leisure */
article.oneday_leisure .hero {
background: url("../img/pc/insurance/customer/hoken_oneday_leisure_hero.jpg") no-repeat left top;
background-size: 1500px 408px;
display: block;
height: 408px !important;
}
article.oneday_leisure .hero h1 {
background: url("../img/pc/insurance/customer/hoken_oneday_leisure_ttl.png") no-repeat left top;
background-size: 541px 164px;
width: 541px;
height: 164px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 164px !important;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
right: auto;
margin: auto 0;
opacity: 0;
}
article.oneday_leisure .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.oneday_leisure .services {
padding: 30px 0 85px;
background-color: #fff;
}
article.oneday_leisure .services p {
text-align: center;
}
article.oneday_leisure .services ul {
width: 1250px;
margin: 0 auto 40px;
}
article.oneday_leisure .services ul:after {
content: "";
clear: both;
display: block;
}
article.oneday_leisure .services li {
width: 575px;
height: 490px;
margin: 25px auto;
float:none;
background-color: #fff;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
.oneday_leisure .services li .button {
margin: 0 auto;
padding: 0 60px;
}
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
/* 保険事業配下 一日自動車保険 /hoken/oneday */
article.oneday_leisure .hero {
background: url("../img/sp/insurance/customer/hoken_oneday_leisure_hero.jpg") no-repeat left top;
background-size: 320px 190px;
display: block;
height: 190px !important;
display: block;
position: relative;
border-bottom: solid 5px #047c3e;

}
article.oneday_leisure .hero h1 {
background: url("../img/sp/insurance/customer/hoken_oneday_leisure_ttl.png") no-repeat left top;
background-size: 281px 110px;
width: 281px;
height: 110px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 110px !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
left: 0;
right: 0;
margin: auto;
}
article.oneday_leisure .hero h1 a {
display: block;
width: 100%;
height: 100%;
}
article.oneday_leisure .for-customers p {
margin-top: 30px;
}

article.oneday_leisure .services {
padding: 30px 0 85px;
background-color: #fff;
}
article.oneday_leisure .services p {
text-align: center;
}
article.oneday_leisure .services ul {
width: auto;
margin: 0 15px 16px;
}
article.oneday_leisure .services ul:after {
content: "";
clear: both;
display: block;
}
article.oneday_leisure .services li {
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
}

/* 20191125 add*/
@media print {
	* {
		-ms-transform: none !important;
		-ms-zoom: none !important;
	}
	body.msie-user .scaller.scaling .site-wrapper {
		-ms-transform: none !important;
		transform: none !important;
	}
	body.msie-user .scaller.scaling {
		width: 1080px !important;
		height: auto !important;
	}
	body.msie-user {
		-ms-transform: none !important;
		transform: none !important;
		width: 1080px !important;
		height: auto !important;
		font-size: 14px;
	}

	body.msie-user .hero {
		background-position-x: center !important;
	}
	body.msie-user .hero h1 {
		opacity: 1 !important;
	}

	/* for corporation */
	body.msie-user article.insurance-corporation-index .services .detail .inner {
		left: 0 !important;
		top: 60px !important;
	}
	body.msie-user article.insurance-corporation-index .services .risk-solutions .detail .inner {
		top: 30px !important;
	}
	body.msie-user article.insurance-corporation-index .services .insurance .detail .inner {
		top: 70px !important;
	}
	body.msie-user article.insurance-corporation-index .services .detail ul li {
		font-size: 12px !important;
	}
	body.msie-user .insurance-common-footer .entry .link-entries ul li a h4 {
		font-size: 0.9rem !important;
	}
	body.msie-user .insurance-common-footer .link-importants ul li a {
		font-size: 0.9rem !important;
		line-height: 29px !important;
		height: 25px !important;
	}
	/* for corporation/risk */
	body.msie-user article.insurance-corporation-risk .overview .clients {
		width: 100% !important;
	}
	body.msie-user article.insurance-corporation-risk .overview .clients {
		width: 100% !important;
	}
	body.msie-user article.insurance-corporation-risk .overview .clients > li {
		width: 360px !important;
		overflow: hidden;
	}
	body.msie-user article.insurance-corporation-risk .services ul {
		width: 100% !important;
	}
	body.msie-user article.insurance-corporation-risk .services li {
		width: 48% !important;
		margin: 1% !important;
		overflow: hidden;
	}
	body.msie-user article.insurance-corporation-risk .services {
		page-break-before: always;
	}
	/* for corporation/risk_consulting */
	body.msie-user article.insurance-corporation-risk-consul .patterns ul {
		width:100%;
	}
	body.msie-user article.insurance-corporation-risk-consul .patterns ul .content .txt {
		float: none;
		width: 100%;
	}
	body.msie-user article.insurance-corporation-risk-consul .patterns ul .content .img {
		float: none;
		width: 100%;
		text-align: center;;
	}
	/* for corporation/risk_inssales */
	body.msie-user .patterns_g .content, .patterns_g .content_s {
		width: 100%;
	}
	/* for corporation/transfer */
	body.msie-user article.insurance-corporation-transfer p.trf_img_02 img {
		width: 250px !important;
		height: auto;
	}
	/* for individual */
	body.msie-user article.insurance-personal-index .services .faq .qlist ul li a {
	}
	body.msie-user article.insurance-personal-index .services .faq .qlist ul li a .detail .inner {
		top: 10px !important;
		left: calc(50% + 30px) !important;
		zoom: 0.75 !important;
	}
	/* for individual/qa */
	body.msie-user article.insurance-qa-detail .hero,
	body.msie-user article.insurance-qa-detail .hero .txt-part {
		height: 347px;
	}
	body.msie-user article.insurance-qa-detail .hero .txt-part h1 {
		-ms-zoom: 0.75 !important;
		left: 20px;
	}
	body.msie-user article.insurance-qa-detail .hero .txt-part h2 {
		bottom: 0;
		top: 150px;
	}
	body.msie-user article.insurance-qa-detail .hero .txt-part h2 img {
		width: 500px !important;
		height: auto !important;
	}
	body.msie-user .insurance-common-footer .inqueries .types ul li {
		page-break-inside: avoid;
	}
	body.msie-user article.insurance-bunseki-index .overview,
	body.msie-user article.insurance-bunseki-common .overview {
		width: 100%;
	}
	body.msie-user article.insurance-bunseki-index .overview .overview-img > *,
	body.msie-user article.insurance-bunseki-common .overview .overview-img > * {
		width: 48%;
		height: 250px;
		background-size: 540px auto;
	}
}
/* 20191125 add*/




/*************************************************
* @ef * 202008追加
**************************************************/

/* QA 一日自動車保険 /hoken/qa_bannerbox */

article.qa_bannerbox .services {
padding: 0 0 85px;
background-color: #fff;
}
article.qa_bannerbox .services p {
text-align: center;
}
article.qa_bannerbox .services .imgCenterBox {
text-align: center;
}
article.qa_bannerbox .services .imgCenterBox img{
padding:20px auto;
}
article.qa_bannerbox .services ul {
width: 1250px;
margin: 0 auto 40px;
}
article.qa_bannerbox .services ul:after {
content: "";
clear: both;
display: block;
}
article.qa_bannerbox .services li {
width: 575px;
height: 300px;
margin: 25px auto;
float:none;
background-color: #fff;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
/* QA 一日自動車保険 /hoken/qa_bannerbox */
article.qa_bannerbox .services {
padding: 0 0 85px;
background-color: #fff;
}
article.qa_bannerbox .services p {
text-align: center;
}
article.qa_bannerbox .services .imgCenterBox {
text-align: center;
padding:20px auto;
}
article.qa_bannerbox .services .imgCenterBox img{
padding:20px auto;
}
article.qa_bannerbox .services ul {
width: auto;
margin: 0 15px 16px;
}
article.qa_bannerbox .services ul:after {
content: "";
clear: both;
display: block;
}
article.qa_bannerbox .services li {
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
}
}




/*************************************************
* @ef * 202405追加
**************************************************/

/* hoken corporation program */
.program_gtxt1, .program_gtxt2{
	height: 1.1em;
	vertical-align:middle;
}
.program_gtxt1{
	padding-bottom: 8px;
}
.program_gtxt2{
	padding-bottom: 6px;
}
.program_gtxt3{
	width: 174px !important;
	height: 16px !important;
	margin-top:0 !important;
	padding-bottom: 4px;
	vertical-align:middle;
}
.program_txt1{
	height: 1em;
	vertical-align:middle;
	padding-bottom: 4px;
}
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
	.program_gtxt1, .program_gtxt2{
		height: 1em;
	}
	.program_gtxt1{
		padding-bottom: 2px;
	}
	.program_gtxt2{
		padding-bottom: 2px;
	}
	.program_gtxt3{
		width: 130px !important;
		height: 12px !important;
		padding-bottom: 2px;
	}
}
.programnote{
	font-size: 0.9em;
	padding-top: 1.6em;
}

/*202505追加*/
.bsn_risk ul { width:100% !important; font-size:0.9em; padding-top:10px;}
.bsn_risk ul li { margin:0 !important; padding:0 0 0 1em !important; text-indent: -1em;}
.bsn_risk ul li:before {content: "・";color: #c7d53e;}
article.insurance-personal-index .services .commoditylist {
padding-top: 40px;
padding-bottom: 50px;
background-color: #c7d53e;
}
article.insurance-personal-index .services .commoditylist h2 {
margin-top: 0;
margin-bottom: 20px;
}
article.insurance-personal-index .services .commoditylist h2 span {
color: white !important;
}
article.insurance-personal-index .services .commoditylist h2 span small {
color: white !important;
}
article.insurance-personal-index .services .commoditylist h2 span small:after {
border-bottom: 1px solid white;
}
article.insurance-personal-index .services .commoditylist {
padding-bottom: 80px;
text-align: center;
}
article.insurance-personal-index .services .commoditylist .clist ul {
font-size: 0;
}
article.insurance-personal-index .services .commoditylist .clist ul li {
width: 64%;
margin: 12px;
display: inline-block;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
-webkit-filter: blur(0);
	  filter: blur(0);
}
article.insurance-personal-index .services .commoditylist .clist ul li a {
display: block;
position: relative;
background: #fff;
}
article.insurance-personal-index .services .commoditylist .clist ul li a:after {
content: "";
clear: both;
display: block;
}
article.insurance-personal-index .services .commoditylist .clist ul li a .img {
width: 50%;
float: left;
}
article.insurance-personal-index .services .commoditylist .clist ul li a .img img {
width: 100%;
}
article.insurance-personal-index .services .commoditylist .clist ul li a .detail {
width: 50%;
height: 100%;
float: right;
text-align: center;
}
article.insurance-personal-index .services .commoditylist .clist ul li a .detail .inner {
display: inline-block;
position: absolute;
width: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
	  transform: translate(0, -50%);
}
article.insurance-personal-index .services .commoditylist .clist ul li .detail .inner h3 {
text-align: center !important;
font-size: 2rem;
font-weight: bold;
padding-bottom: 3px;
margin: 0 25px;
border-bottom: 1px solid #c7d53e;
}
article.insurance-personal-index .services .commoditylist .clist ul li .detail .inner p {
font-size: 1.5rem;
font-weight: normal;
line-height: 1.6;
text-align: left;
margin: 0 25px;
padding-top: 12px;
}
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
	.bsn_risk ul { margin:0 !important;}
	article.insurance-personal-index .services .commoditylist {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #c7d53e;
	}
	article.insurance-personal-index .services .commoditylist h2 {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 !important;
	}
	article.insurance-personal-index .services .commoditylist h2 span {
	color: white !important;
	}
	article.insurance-personal-index .services .commoditylist h2 span small {
	color: white !important;
	}
	article.insurance-personal-index .services .commoditylist h2 span small:after {
	border-bottom: 1px solid white;
	}
	article.insurance-personal-index .services .commoditylist .clist {
	margin: 0 25px;
	}
	article.insurance-personal-index .services .commoditylist .clist ul {
	font-size: 0;
	}
	article.insurance-personal-index .services .commoditylist .clist ul li {
	width: auto;
	margin: 0 0 25px;
	display: block;
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.07);
	-webkit-filter: blur(0);
			filter: blur(0);
	}
	article.insurance-personal-index .services .commoditylist .clist ul li a {
	display: block;
	clear: none;
	position: relative;
	}
	article.insurance-personal-index .services .commoditylist .clist ul li a .img {
	width: auto;
	float: none;
	}
	article.insurance-personal-index .services .commoditylist .clist ul li a .img img {
	width: 100%;
	}
	article.insurance-personal-index .services .commoditylist .clist ul li a .detail {
	width: auto;
	height: auto;
	float: none;
	text-align: center;
	padding: 20px 0;
	}
	article.insurance-personal-index .services .commoditylist .clist ul li a .detail .inner {
	display: block;
	position: relative;
	width: auto;
	top: 0;
	left: 0;
	-webkit-transform: none;
		-ms-transform: none;
			transform: none;
	}
	article.insurance-personal-index .services .commoditylist .clist ul li .detail h3 {
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid #c7d53e;
	}
	article.insurance-personal-index .services .commoditylist .clist ul li .detail p {
	font-size: 1.2rem !important;
	font-weight: normal;
	line-height: 2;
	text-align: left;
	margin: 0;
	}
}