@charset 'utf-8';



/* web font 

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

*/

/* common {{{ */



body {

	font-size: 16px;

	font-family:  'Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

	color: #000;

}

.footer_Tel03{
    display: block;
    position: relative;
    padding-left: 1em;
    font-size: 0.9em;
    color: #FFF;
}
.footer_Tel03 .kome_F{
    position: absolute;
    left: -0.2em;
}


@media screen and (min-width: 769px) {

.pc-none {

	display: none !important;

}



.flexbox.pc-reverse {

	-webkit-box-direction: row-reverse;

	-webkit-flex-direction: row-reverse;

	flex-direction: row-reverse;

}

}



.flexbox {

	display: flex;

	display:-webkit-flex;

	display:-ms-flexbox;

    -ms-flex-pack:justify;

    -webkit-justify-content:space-between;

    justify-content:space-between;



	flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

}

.flexbox.vtop {

	align-items: flex-start;

	-webkit-align-items: flex-start;

	-ms-flex-align: flex-start;

}

.flexbox.vcenter {

	align-items: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

}

.flexbox.vbottom {

	align-items: flex-end;

	-webkit-align-items: flex-end;

	-ms-flex-align: flex-end;

}

.flexbox.jcenter {

	-ms-flex-pack:center;

    -webkit-justify-content: center;

    justify-content:center;

}

.flexbox.jaround {

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

}

.flexbox.jend {

	-ms-flex-pack:flex-end;

    -webkit-justify-content:flex-end;

    justify-content:flex-end;

}

.flexbox.start {

	-ms-flex-pack:flex-start;

    -webkit-justify-content:flex-start;

    justify-content:flex-start;

}

.flexbox.stretch {

	align-items: stretch;

    -webkit-align-items: stretch;

	-ms-flex-align: stretch;

}

.flexbox.reverse {

	-webkit-box-direction:reverse;

    -webkit-flex-direction:row-reverse;

    flex-direction:row-reverse;

}



.btn:hover {

	opacity: 0.8;

	/* transition: .6s; */

}



.btnimg:hover {

	opacity: 0.8;

}

img {

	max-width: 100%;

	border: none;

	display: block;

}

img.inline-block {

	display: inline-block;

}



.font-rnum {

	font-family: serif;

}

.font-arial {

	font-family: "Arial";

}

.accordion {

	cursor: pointer;

}

.accordion:not(.menu-open) + * {

	display: none;

}

/* }}} */



/* accordion {{{ */

.accordion:not(.menu-open) + * {

	display: none;

}

/* }}} */



/* modal {{{ */

.mfp-bg.mfp-fade {

	width: 100%;

	z-index: 10000;

}

.mfp-bg.mfp-fade + .mfp-wrap {

	z-index: 10001;

}

#contents .popup-modal-detail {

	display: none;

}

.mfp-content div.popup-modal-detail {

	color: #444444;

	box-sizing: border-box;

	position: relative;

	background: none;

	padding: 0;

	width: auto;

	max-width: 900px;

	margin: 120px auto 20px;

	box-shadow: 0 0 14px rgba(0,0,0,0.8);

	-moz-border-radius: 0.4em;

	-webkit-border-radius: 0.4em;

	border-radius: 0.4em;

	line-height: 1.6;

}

/* .mfp-content div.popup-modal-detail .mfp-close {

	width: 40px;

	height: 40px;

	font-size: 1.6em;

	font-weight: bold;

	line-height: 40px;

	top: 1em;

	right: 1em;

	font-family: sans-serif;

	color: #fff;

	background: #0091dc;

	-moz-border-radius: 2em;

	-webkit-border-radius: 2em;

	border-radius: 2em;

	opacity: 1;

} */

.mfp-content div.popup-modal-detail .btn-modal-close {

	position: absolute;

	top: -5em;

	right: -2em;

	opacity: 1;

}

.mfp-content div.popup-modal-detail h3 {

	font-weight: bold;

}

.mfp-content div.popup-modal-detail h4 {

	margin-top: 2em;

	text-decoration: underline;

}

.mfp-content div.popup-modal-detail h5 {

	margin-top: 1em;

}

.mfp-content div.popup-modal-detail h4 + h5 {

	margin-top: 0;

}

.mfp-content div.popup-modal-detail h5 + p {

	padding-left: 1.2em;

}

/* }}} */

/* inview {{{ */

/*
@keyframes big_small {

  0% {

    transform: scale(3);

    opacity: 0;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.big_small {

	opacity: 0;

}

.big_small.in {

	animation: big_small 0.2s linear 1s forwards;

}

@keyframes up_down {

  0% {

    transform: scale(0.8, 1.1) translate(0, -1000px);

    opacity: 0;

  }

  1% {

    transform: scale(0.8, 1.1) translate(0, -1000px);

    opacity: 0;

  }

	50% {

    transform: scale(0.8, 1.1) translate(0, -300px);

    opacity: 0.5;

  }

  85% {

    transform: scale(1.1, 0.9) translate(0, 30px);

    opacity: 1;

  }

  100% {

    transform: scale(1) translate(0, 0);

    opacity: 1;

  }

}

.up_down {

	opacity: 0;

}

.up_down.in {

	animation: up_down 0.6s linear 0.8s forwards;

}

@keyframes down_up {

  0% {

    opacity: 0;

    transform: translateY(100%);

  }

  100% {

    opacity: 1;

    transform: translateY(0%);

  }

}

.down_up {

	opacity: 0;

}

.down_up.in {

	animation: down_up 0.6s ease-in-out forwards;

}

@keyframes shake {

  0% {

    transform: translateY(0);

  }

  25% {

    transform: translateY(8px);

  }

  50% {

    transform: translateY(0);

  }

  75% {

    transform: translateY(-8px);

  }

  100% {

    transform: translateY(0);

  }

}

.shake.in {

	animation: shake 1.5s linear infinite;

}
*/

/* }}} */



@keyframes up_down {
  0% {
    transform: scale(0.8, 1.1) translate(0, -1000px);
    opacity: 0;
  }
  1% {
    transform: scale(0.8, 1.1) translate(0, -1000px);
    opacity: 0;
  }
  50% {
    transform: scale(0.8, 1.1) translate(0, -300px);
    opacity: 0.5;
  }
  85% {
    transform: scale(1.1, 0.9) translate(0, 30px);
    opacity: 1;
  }
  100% {
    transform: scale(1) translate(0, 0);
    opacity: 1;
  }
}
.t08.up_down {
	opacity: 0;
}
.t08.up_down.in {
	animation: up_down 0.6s linear 0.8s forwards;
}



/* #wrapper {{{ */

#wrapper {

	width: 100%;

	min-width: 1100px;

	overflow-x: hidden;

}

/* }}} */



/* header {{{ */

header {

	top: 0;

	z-index: 999;

	width: 100%;

	padding: 1rem 3rem;

	box-sizing: border-box;

}

.thanks header {

	position: relative;

}

header h1 {

	margin-right: auto;

}

header h1 + img {

	margin-right: 1.5em;

}

/* }}} */



/* .footer {{{ */

/* #pagetop {

	position: fixed;

	right: 100px;

	bottom: 60px;

	z-index: 999;

}

#pagetop:hover {

	opacity: 0.8;

	transition: .6s;

} */

footer {

	background: #333;

	color: #B3B3B3;

	padding: 5.5em 0 0;

	margin-top: 100px;

}

footer a {

	color: #B3B3B3;

}

footer .footer {

	width: 1000px;

	margin: auto;

}

footer .footer .ttl {

	width: 50%;

}

footer .footer dl {

	width: 48%;

	font-size: 0.875em;

}

footer .footer dl dt {

	width: 25%;

	margin-bottom: 1.5em;

}

footer .footer dl dd {

	width: 75%;

	margin-bottom: 1.5em;

}

footer .copy {

	background: #4D4D4D;

	color: #808080;

	padding: 2em 0 12em;

	margin-top: 4em;

}

footer .copy p {

	width: 1000px;

	margin: auto;

	font-size: 0.6875em;

}

.fix-footer-pc {

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	z-index: 99;

}

.fix-footer-pc .inner {

	background: url('../img/bg_footer.webp') center top no-repeat;

	background-size: cover;

	width: 1100px;

	height: 180px;

	position: relative;

	margin: auto;

}

.fix-footer-pc .btn01 {

	position: absolute;

	top: 85px;

	left: 500px;

}

.fix-footer-pc .btn02 {

	position: absolute;

	top: 85px;

	left: 680px;

}

/* }}} */



/* top {{{ */

#contents.top .kvarea {
	background: url('../img/KV_bg.webp') center top no-repeat;
	background-size: cover;
	width: 100vw;
/*
	height: calc(100vw / 16 * 9);
*/
    height: 120vh;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
    margin-top: 1rem;
}

#contents.top .kvarea .BL_bg{
  background: linear-gradient(180deg, #fff 0%, #fff 50%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%);
    position: static;
    height: 10rem;
    width: fit-content;
    margin-left: 6%;
}
@media screen and (max-width: 1200px){
#contents.top .kvarea .BL_bg{
    margin: 0 auto;
}
}

#contents.top .kvarea .BL_bg::before {
    content: '';
    position: absolute;
    top: -5rem;
    bottom: calc(100% - 10rem);
    left: 0;
    right: 0;
    background-color: #fff;
    transform: skewY(-2deg);
}
#contents.top .kvarea .BL_bg::after {
    content: '';
    position: absolute;
    top: 4rem;
    bottom: calc(100% - 14rem);
    left: 0;
    right: 0;
    background-color: #007bc8;
    transform: skewY(-2deg);
}
@media screen and (max-width: 1200px){
#contents.top .kvarea .BL_bg::after {
    bottom: calc(100% - 15rem);
}
}

#contents.top .kvarea .BL_bg img{
    position: relative;
    width: 94%;
    max-width: 700px;
    z-index: 1;
    margin: 0 3%;
}

#contents.top .kvarea .IMG_bg {
    margin: auto;
    max-width: 1200px;
    height: calc(120vh - 10rem);
    position: relative;
}

#contents.top .kvarea .IMG_bg img {
	position: absolute;
    width: 20%;
}

#contents.top .kvarea img.img_sphone {
    width: 40%;
    top: 5%;
    left: 30%;
    right: 30%;
}

#contents.top .kvarea img.t01 {
}
#contents.top .kvarea img.t02 {
}
#contents.top .kvarea img.t03 {
    position: absolute;
    top: 3%;
    margin: 0;
    right: calc(6% + 100px);
    width: 200px;
    max-width: 20%;
}
@media screen and (max-width: 1200px){
#contents.top .kvarea img.t03 {
    left: auto;
    right: 3%;
    top: 15rem;
    max-width: 25%;
}
}
#contents.top .kvarea img.t04 {
    left: 11%;
    bottom: 15%;
}
#contents.top .kvarea img.t05 {
    left: 7%;
    top: 15%;
}
#contents.top .kvarea img.t06 {
    top: 20%;
    left: 74%;
}
#contents.top .kvarea img.t07 {
    bottom: 10%;
    left: 77%;
}
#contents.top .kvarea img.t08 {
    bottom: 10%;
    width: 62%;
    left: 19%;
    top: 35%;
}

#contents.top .form-area {

	width: 1000px;

	margin: auto;

	position: relative;

	background : #F4FBFF;

	border-radius : 8px;

  -moz-border-radius : 8px;

  -webkit-border-radius : 8px;

	box-shadow : 0 0 10px rgba(0, 0, 0, 0.3);

  filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='#000000') ;

}

#contents.top .form-area h2 {

	position: relative;

	box-shadow : 0 5px 5px rgba(0, 0, 0, 0.2);

  filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='#000000') ;

}

#contents.top .form-area h2 + img {

	position: absolute;

	right: 1.2em;

	top: 15px;

}

#contents.top .form-area form {

	padding: 3em;

}

#contents.top .form-area form .item + .item {

	margin-top: 1.4em;

}

#contents.top .form-area form .item.clm2 dl {

	width: 50%;

}

#contents.top .form-area form .item dl dt {

	width: 7em;

}

#contents.top .form-area form .item dl dt span {

	color: #ff0000;

}

#contents.top .form-area form .item dl dd {

	max-width: calc(100% - 7em);

}

#contents.top .form-area form .item dl dd input[type=text] {

	background : #FFF8A5;

  background : rgba(255, 248, 165, 1);

  border-radius : 6px;

  -moz-border-radius : 6px;

  -webkit-border-radius : 6px;

	padding: 1em;

	width: 18.75em;

	box-sizing: border-box;

	box-shadow : 0 0 5px rgba(0, 0, 0, 0.3) inset;

	border: none;

	font-size: 1em;

}

#contents.top .form-area form .item dl dd input[type=radio] {

	display: none;

}

#contents.top .form-area form .item dl dd input[type=radio] + label {

	width: 33%;

	position: relative;

	padding-left: 1.8em;

	box-sizing: border-box;

	margin-bottom: 1em;

	font-size: 0.9375em;

    cursor: pointer;

    font-weight: bold;

}

#contents.top .form-area form .item dl dd input[type=radio] + label::before {

	content: "";

	width: 1.5em;

	height: 1.5em;

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	background: #fff;

	box-sizing: border-box;

	-moz-border-radius: 2em;

	-webkit-border-radius: 2em;

	border-radius: 2em;

	border: solid 1px #ccc;

}

#contents.top .form-area form .item dl dd input[type=radio]:checked + label{

    color: #347805;

}

#contents.top .form-area form .item dl dd input[type=radio]:checked + label::after {

	content: "";

	width: 1em;

	height: 1em;

	display: block;

	position: absolute;

	left: 0.25em;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	background: #48a800;

	box-sizing: border-box;

	-moz-border-radius: 2em;

	-webkit-border-radius: 2em;

	border-radius: 2em;

}



#contents.top .form-area form .item dl dd .radio input[type=checkbox] + label {

	width: 33%;

	position: relative;

	padding-left: 1.8em;

	box-sizing: border-box;

	margin-bottom: 1em;

	font-size: 0.9375em;

    cursor: pointer;

}

/*

#contents.top .form-area form .item dl dd input[type=checkbox] {

	display: none;

}

#contents.top .form-area form .item dl dd input[type=checkbox] + label::before {

	content: "";

	width: 1.5em;

	height: 1.5em;

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	background: #fff;

	box-sizing: border-box;

	-moz-border-radius: 2em;

	-webkit-border-radius: 2em;

	border-radius: 2em;

	border: solid 1px #ccc;

}

#contents.top .form-area form .item dl dd input[type=checkbox]:checked + label::after {

	content: "";

	width: 1em;

	height: 1em;

	display: block;

	position: absolute;

	left: 0.25em;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	background: #ccc;

	box-sizing: border-box;

	-moz-border-radius: 2em;

	-webkit-border-radius: 2em;

	border-radius: 2em;

}

*/

#contents.top .form-area form .item dl dd textarea {

	background : #FFF8A5;

  background : rgba(255, 248, 165, 1);

  border-radius : 6px;

  -moz-border-radius : 6px;

  -webkit-border-radius : 6px;

	padding: 1em;

	width: 100%;

	box-sizing: border-box;

	box-shadow : 0 0 5px rgba(0, 0, 0, 0.3) inset;

	border: none;

	font-size: 1em;

}

::placeholder {

  color: #999;

}

#contents.top .form-area form .agree {

	margin-top: 1.5em;

}

#contents.top .form-area form input[type=checkbox] {

	display: none;

}

#contents.top .form-area form input[type=checkbox] + label {

	position: relative;

	padding-left: 1.8em;

	box-sizing: border-box;

    cursor: pointer;

}

#contents.top .form-area form input[type=checkbox] + label::before {

	content: "";

	width: 1.375em;

	height: 1.375em;

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	background: url('../img/check.webp') center top no-repeat;

	background-size: cover;

}

#contents.top .form-area form input[type=checkbox]:checked + label::before {

	background: url('../img/checked.webp') center top no-repeat;

	background-size: cover;

}

#contents.top .form-area form input[type=checkbox] + label a {

	color: #0086F6;

	text-decoration: underline;

}

#contents.top .form-area form button {

	border: none;

	background: none;

	margin: 2em auto 0;

	display: block;

}

#contents.top .form-area form button img {

    cursor: pointer;

}

#contents.top .form-area .errorText {

	color: #e71d1d;

	font-weight: normal;

	margin-top: 10px;

}

#contents.top .confirm {

	margin-top: 10em;

}

#contents.top .confirm h2 {

	text-align: center;

	font-size: 2em;

}

#contents.top .confirm h2 + p {

	text-align: center;

	margin: 1em 0 2em;

}

#contents.top .confirm + .form-area form .item {

		margin: auto;

}

#contents.top .confirm + .form-area form .item.clm2 dl {

	width: 100%;

	margin-bottom: 1em;

}

#contents.top .confirm + .form-area form .item dl dt {

	border-right: solid 1px #ccc;

	margin-right: 2em;

}

#contents.top .confirm + .form-area form .btn.back {

	color: #fff;

	background-color: #ccc;

	border-color: #329ef7;

	padding: 1em;

	font-size: 1.2em;

	box-sizing: border-box;

	margin: 1em auto 0;

	border-radius : 0.5em;

  -moz-border-radius : 0.5em;

  -webkit-border-radius : 0.5em;

}







#contents.top .kvarea + div {

	margin-top: -60px;
    z-index: 1;
    position: relative;

}



#contents.top section h2 {

	text-align: center;

}

#contents.top section h2 img {

	display: inline-block;

}

#contents.top section .section-inner {

	width: 1000px;

	margin: auto;

}

#contents.top section#read {

	background: url('../img/bg_read.webp') center top no-repeat #2B2B2B;

	background-size: contain;

	padding: 100px 0;

	margin-top: 4em;

}

#contents.top section#read h2 {

	font-size: 44px;

	font-weight: bold;

	color: #FFFF00;

}

#contents.top section#read h2 span {

	font-size: 57px;

}

#contents.top section#read ul {

	margin-top: 2em;

}

#contents.top section#read ul li {

	width: 31vw !important;

	margin: 0 -0.5vw !important;

	min-width: 341px;

}

#contents.top section#read .bx-wrapper {

	overflow: hidden;

}

#contents.top section#read .bx-viewport {

	overflow: visible !important;

	margin: auto;

	background: none;

	border: none;

	box-shadow: none;

	transform: translateX(-11vw) !important;

	-webkit-transform: translateX(-11vw) !important;;

}

#contents.top section#read .bx-wrapper .bx-loading {

	background: none;

}

#contents.top section#risk {

	background: url('../img/bg_risk.webp') center top no-repeat #ccc;

	background-size: cover;

	padding: 210px 0 70px;

	position: relative;

}

#contents.top section#risk .arrow_yb {

	width: 586px;

	height: 347px;

	background: url('../img/arrow_yb.webp') center top no-repeat;

	background-size: contain;

	position: absolute;

	right: 50%;

	top: -130px;

	margin-right: -293px;

	line-height: 1.375;

	font-size: 2em;

	font-weight: bold;

}

#contents.top section#risk h2 {

	font-size: 36px;

	font-weight: bold;

}

#contents.top section#risk h2 span {

	font-size: 64px;

}

#contents.top section#risk .item {

	margin-top: 4em;

}

#contents.top section#risk .item > div {

	background: #fff;

	box-sizing: border-box;

	border-radius : 0.5em;

  -moz-border-radius : 0.5em;

  -webkit-border-radius : 0.5em;

	padding: 50px 40px 40px;

	position: relative;

	box-shadow : 0 0 10px rgba(0, 0, 0, 0.3);

}

#contents.top section#risk .item h3 {

	position: relative;

}

#contents.top section#risk .item h3 span {

	width: 320px;

	height: 130px;

	display: block;

	background: url('../img/ttl_risk_sub.webp') center top no-repeat;

	background-size: contain;

	position: absolute;

	right: 50%;

	top: -100px;

	transform: translateX(50%);

	-webkit-transform: translateX(50%);

	font-weight: bold;

	font-size: 30px;

	text-align: center;

	padding-top: 28px;

	box-sizing: border-box;

	color: #FFFF00;

}

#contents.top section#risk .item > div > ul > li {

	width: 47.5%;

	margin-top: 1.5em;

}

#contents.top section#risk .item > div > ul > li h4 {

	text-align: center;

	line-height: 1.44;

	font-size: 1.125em;

	font-weight: bold;

	margin-bottom: 0.5em;

}

#contents.top section#risk .item > div > ul > li h4 + img {
    display: block;
    margin: 0 auto 1em;
}

#contents.top section#risk .item > div > ul > li ul {
    max-width: 380px;
    margin: 0 auto;
	color: #308BFF;
}

#contents.top section#risk .item > div > ul > li ul li {

	text-indent: -1em;

	padding-left: 1em;

}

#contents.top section#risk .item > div > ul > li ul li + li {

	margin-top: 0.5em;

}



#contents.top section#ak {

	background: url('../img/bg_voice.webp') center top no-repeat;

	background-size: cover;

	padding: 100px 0;

	position: relative;

	text-align: center;

}

#contents.top section#ak img {

	display: inline-block;

}

#contents.top section#ak h2 {

	font-weight: bold;

	color: #fff;

}

#contents.top section#ak h2 .ttl_ak_sub {

	font-size: 2em;

}

#contents.top section#ak h2 .ttl_ak {

	font-size: 54px;

}

#contents.top section#ak h2 .ttl_ak span {

	color: #FFFF00;

	text-decoration: underline;

}

#contents.top section#ak h3 {

	margin: 2em auto;

}

#contents.top section.ak-btm {

	background: url('../img/bg_ak.webp') center top no-repeat;

	background-size: cover;

	padding: 240px 0 130px;

	position: relative;

	text-align: center;

}

#contents.top section.ak-btm .arrow_rb {

	width: 586px;

	position: absolute;

	right: 50%;

	top: 0;

	transform: translateX(50%);

	-webkit-transform: translateX(50%);

}

#contents.top section.ak-btm .item {

	width: 784px;

	margin: auto;

}

#contents.top section.ak-btm .item .left {

	width: 188px;

}

#contents.top section.ak-btm .item .right {

	width: 566px;

}

#contents.top section.ak-btm .item .center {

	width: 100%;

	text-align: center;

}

#contents.top section.ak-btm .item .center img {

	margin-top: 2em;

	display: inline-block;

}

#contents.top section.ak-btm .item .t02 {

	position: relative;

	text-align: center;

}

#contents.top section.ak-btm .item .t02 .bg01 {

	background: url('../img/ak_txt02_bg01.webp') center top no-repeat;

	background-size: cover;

	width: 140px;

	height: 36px;

	font-size: 20px;

	box-sizing: border-box;

	font-weight: bold;

	position: absolute;

	left: 0;

	top: -20px;

}

#contents.top section.ak-btm .item .t02 .bg02 {

	background: url('../img/ak_txt02_bg02.webp') center top no-repeat;

	background-size: cover;

	width: 539px;

	height: 98px;

	font-size: 23px;

	color: #fff;

	box-sizing: border-box;

	font-weight: bold;

}

#contents.top section.ak-btm .item .t04 {

	font-size: 2.435em;

	font-weight: bold;

}

.entry_txt img,

.btn_entry img {

	display: inline-block;

}

.entry_txt {

	margin: 5em auto 0.5em;

}

#net + .entry_txt {

	margin-top: 2em;

}

.btn_entry {

	margin-bottom: 2.5em;

}

#contents.top section#sodan {

	background: url('../img/bg_ex.webp') center top no-repeat;

	background-size: cover;

	padding: 80px 0;

	position: relative;

	text-align: center;

}

#contents.top section#sodan h2 {

	text-align: center;

}

#contents.top section#sodan h2 span {

	font-size: 2.1875em;

	font-weight: bold;

	background: #000;

	color: #fff;

	padding: 0 0.3em;

}

#contents.top section#sodan ul {

	margin-top: 2em;

}

#contents.top section#sodan ul li {

	width: 230px;

	margin-bottom: 1.6em;

	position: relative;

}

#contents.top section#sodan ul li:nth-child(2) {

	animation-delay: 0.2s;

}

#contents.top section#sodan ul li:nth-child(3) {

	animation-delay: 0.4s;

}

#contents.top section#sodan ul li:nth-child(4) {

	animation-delay: 0.6s;

}

#contents.top section#sodan ul li:nth-child(5) {

	animation-delay: 0.8s;

}

#contents.top section#sodan ul li:nth-child(6) {

	animation-delay: 1s;

}

#contents.top section#sodan ul li:nth-child(7) {

	animation-delay: 1.2s;

}

#contents.top section#sodan ul li:nth-child(8) {

	animation-delay: 1.4s;

}

#contents.top section#sodan ul li h4 {

	position: absolute;

	left: 0;

	top: 1.2em;

	font-size: 18px;

	font-weight: bold;

	width: 100%;

}

#contents.top section#sodan ul li h4.line1 {

	top: 2em;

}

#contents.top section#sodan ul li h4 span {

	display: block;

	font-size: 0.61em;

}

#contents.top section#res {

	background: url('../img/bg_res.webp') center top no-repeat #0071F6;

	background-size: auto 100%;

	padding: 80px 0;

	position: relative;

	text-align: center;

}

#contents.top section#res h2 {

	font-weight: bold;

	color: #FFFD02;

}

#contents.top section#res h2 .t01 {

	font-size: 34px;

	vertical-align: middle;

}

#contents.top section#res h2 .t02 {

	font-size: 100px;

	vertical-align: middle;

}

#contents.top section#res h2 .t03 {

	font-size: 38px;

	vertical-align: middle;

}

#contents.top section#res ul {

	width: 900px;

	margin: 2em auto 0;

}

#contents.top section#res ul li {

	width: 260px;

	margin-bottom: 2em;

	position: relative;

	box-shadow : 5px 5px 5px rgba(0, 0, 0, 0.2);

}

#contents.top section#res ul li:nth-child(2) {

	animation-delay: 0.2s;

}

#contents.top section#res ul li:nth-child(3) {

	animation-delay: 0.4s;

}

#contents.top section#res ul li:nth-child(4) {

	animation-delay: 0.6s;

}

#contents.top section#res ul li:nth-child(5) {

	animation-delay: 0.8s;

}

#contents.top section#res ul li .num {

	position: absolute;

	left: -1em;

	top: -1em;

}

#contents.top section#res ul li h3 {

	background : -moz-linear-gradient(47.63% -9.86% -83.07deg,rgba(255, 186, 130, 1) 0%,rgba(255, 112, 29, 1) 99.88%);

  background : -webkit-linear-gradient(-83.07deg, rgba(255, 186, 130, 1) 0%, rgba(255, 112, 29, 1) 99.88%);

  background : -webkit-gradient(linear,47.63% -9.86% ,50.89% 77.26% ,color-stop(0,rgba(255, 186, 130, 1) ),color-stop(0.9988,rgba(255, 112, 29, 1) ));

  background : -o-linear-gradient(-83.07deg, rgba(255, 186, 130, 1) 0%, rgba(255, 112, 29, 1) 99.88%);

  background : -ms-linear-gradient(-83.07deg, rgba(255, 186, 130, 1) 0%, rgba(255, 112, 29, 1) 99.88%);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBA82', endColorstr='#FF701D' ,GradientType=0)";

  background : linear-gradient(173.07deg, rgba(255, 186, 130, 1) 0%, rgba(255, 112, 29, 1) 99.88%);

  border-radius : 6px 6px 0px 0px;

  -moz-border-radius : 6px 6px 0px 0px;

  -webkit-border-radius : 6px 6px 0px 0px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBA82',endColorstr='#FF701D' , GradientType=1);

	height: 80px;

	box-sizing: border-box;

	font-size: 21.16px;

	color: #fff;

	font-style: italic;

	font-weight: bold;

	text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.4);

}

#contents.top section#res ul li h3 span {

	font-size: 67.5px;

	display: inline-block;

	margin-right: 0.1em;

}

#contents.top section#res ul li .inner {

	background: #fff;

	padding: 1em;

	-moz-border-radius: 0 0 0.4em 0.4em;

	-webkit-border-radius: 0 0 0.4em 0.4em;

	border-radius: 0 0 0.4em 0.4em;

	height: calc(100% - 80px);

	box-sizing: border-box;

}

#contents.top section#res ul li .inner h4 {

	font-size: 1.125em;

	font-weight: bold;

}

#contents.top section#res ul li .inner h4 + p {

	font-size: 0.875em;

	line-height: 1.57;

}

#contents.top section#res .img_res {

	width: 271px;

	position: absolute;

	right: 50%;

	bottom: 0;

	transform: translateX(50%);

	-webkit-transform: translateX(50%);

}



#contents.top section#net {

	padding: 80px 0 0;

}

#contents.top section h2.ttl-black {

	font-weight: bold;

	font-size: 34px;

}

#contents.top section h2.ttl-black span {

	border-bottom: solid 2px #000;

	display: inline-block;

	padding: 0 0.2em 0.2em;

}

#contents.top section#net h2 {

	margin-bottom: 1.5em;

}

#contents.top section#flow {

	background: url('../img/bg_flow.webp') center top no-repeat;

	background-size: cover;

	padding: 100px 0;

	position: relative;

	text-align: center;

}

#contents.top section#flow h2 + p {

	font-size: 1.5em;

	margin: 1em auto;

}



#contents.top section#price {

	padding: 80px 0 0;

}

#contents.top section#price h2 {

	margin-bottom: 0.5em;

}

#contents.top section#price .price-list li {

	border: solid 1px #AAD2FF;

	-moz-border-radius: 0.4em;

	-webkit-border-radius: 0.4em;

	border-radius: 0.4em;

	text-align: center;

	width: 48%;

	box-sizing: border-box;

	padding: 0 0 25px;

	font-size: 22px;

	margin-top: 30px;

}

#contents.top section#price .price-list li h4 {

	background : -moz-linear-gradient(50% 2.32% -90deg,rgba(51, 208, 255, 1) 0%,rgba(0, 140, 210, 1) 99.44%);

  background : -webkit-linear-gradient(-90deg, rgba(51, 208, 255, 1) 0%, rgba(0, 140, 210, 1) 99.44%);

  background : -webkit-gradient(linear,50% 2.32% ,50% 98.64% ,color-stop(0,rgba(51, 208, 255, 1) ),color-stop(0.9944,rgba(0, 140, 210, 1) ));

  background : -o-linear-gradient(-90deg, rgba(51, 208, 255, 1) 0%, rgba(0, 140, 210, 1) 99.44%);

  background : -ms-linear-gradient(-90deg, rgba(51, 208, 255, 1) 0%, rgba(0, 140, 210, 1) 99.44%);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33D0FF', endColorstr='#008CD2' ,GradientType=0)";

  background : linear-gradient(180deg, rgba(51, 208, 255, 1) 0%, rgba(0, 140, 210, 1) 99.44%);

  border-radius : 8px 8px 0px 0px;

  -moz-border-radius : 8px 8px 0px 0px;

  -webkit-border-radius : 8px 8px 0px 0px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33D0FF',endColorstr='#008CD2' , GradientType=0);

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	height: 70px;

	box-sizing: border-box;

	margin-bottom: 25px;

}

#contents.top section#price .price-list li h4.long {

	font-size: 20px;

}

#contents.top section#price .price-list li h4.long span {

	font-size: 14px;

}

#contents.top section#price .price-list li .num {

	font-size: 35px;

}

#contents.top section#price .price-list li p {

	min-height: 49px;

}



#contents.top section#faq {

	background: #E6E6E6;

	padding: 100px 0;

	position: relative;

	margin-bottom: 100px;

}

#contents.top section#faq h2 {

	margin-bottom: 1.5em;

}

#contents.top section#faq dl {

	width: 100%;

}

#contents.top section#faq dl + dl {

	margin-top: 1em;

}

#contents.top section#faq dl dt {

	background: #fff;

	border: solid 1px #fff;

	width: 100%;

	font-size: 1.125em;

	font-weight: bold;

	position: relative;

	padding: 1.5em 2em 1.5em 5em;

	box-sizing: border-box;

}

#contents.top section#faq dl dt.menu-open {

	background: #DDF1FF;

	border: solid 1px #B6CEFF;

	border-bottom: none;

}

#contents.top section#faq dl dt::before {

	content: "";

	background: url('../img/q.webp') center top no-repeat;

	background-size: cover;

	width: 2.875em;

	height: 2.875em;

	display: block;

	position: absolute;

	left: 0.8em;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

#contents.top section#faq dl dt::after {

	content: "+";

	color: #808080;

	font-size: 1em;

	position: absolute;

	right: 1.5em;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

#contents.top section#faq dl dt.menu-open::after {

	content: "×";

	color: #808080;

}

#contents.top section#faq dl dd {

	background: #FFF0DD;

	border: solid 1px #FFCA91;

	width: 100%;

	position: relative;

	padding: 1.5em 2em 1.5em 5em;

	box-sizing: border-box;

}

#contents.top section#faq dl dd::before {

	content: "";

	background: url('../img/a.webp') center top no-repeat;

	background-size: cover;

	width: 2.875em;

	height: 2.875em;

	display: block;

	position: absolute;

	left: 0.8em;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

/* }}} */



.loader-wrap {

	position: fixed;

	width: 100%;

	height: 100%;

	background: #fff;

	z-index: 9999;

}

.loader {

  margin: 100px auto;

  width: 1em;

  height: 1em;

  border-radius: 50%;

  position: relative;

  text-indent: -9999em;

  -webkit-animation: load5 1.1s infinite ease;

  animation: load5 1.1s infinite ease;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

}

@-webkit-keyframes load5 {

  0%,

  100% {

    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.5), -1.8em -1.8em 0 0em rgba(80,80,80, 0.7);

  }

  12.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.5);

  }

  25% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.5), 1.8em -1.8em 0 0em rgba(80,80,80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  37.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.5), 2.5em 0em 0 0em rgba(80,80,80, 0.7), 1.75em 1.75em 0 0em #505050, 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  50% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.5), 1.75em 1.75em 0 0em rgba(80,80,80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  62.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.5), 0em 2.5em 0 0em rgba(80,80,80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  75% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.5), -1.8em 1.8em 0 0em rgba(80,80,80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  87.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.5), -2.6em 0em 0 0em rgba(80,80,80, 0.7), -1.8em -1.8em 0 0em #505050;

  }

}

@keyframes load5 {

  0%,

  100% {

    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.5), -1.8em -1.8em 0 0em rgba(80,80,80, 0.7);

  }

  12.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.5);

  }

  25% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.5), 1.8em -1.8em 0 0em rgba(80,80,80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  37.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.5), 2.5em 0em 0 0em rgba(80,80,80, 0.7), 1.75em 1.75em 0 0em #505050, 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  50% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.5), 1.75em 1.75em 0 0em rgba(80,80,80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80,80,80, 0.2), -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  62.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.5), 0em 2.5em 0 0em rgba(80,80,80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80,80,80, 0.2), -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  75% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.5), -1.8em 1.8em 0 0em rgba(80,80,80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80,80,80, 0.2);

  }

  87.5% {

    box-shadow: 0em -2.6em 0em 0em rgba(80,80,80, 0.2), 1.8em -1.8em 0 0em rgba(80,80,80, 0.2), 2.5em 0em 0 0em rgba(80,80,80, 0.2), 1.75em 1.75em 0 0em rgba(80,80,80, 0.2), 0em 2.5em 0 0em rgba(80,80,80, 0.2), -1.8em 1.8em 0 0em rgba(80,80,80, 0.5), -2.6em 0em 0 0em rgba(80,80,80, 0.7), -1.8em -1.8em 0 0em #505050;

  }

}



@media screen and (min-width: 769px){

header nav{

    display: none;

}

header nav {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999;

	width: 100%;

	pointer-events: none;

}

header nav .menu-btn {

	pointer-events: auto;

	width: 16.73vw;

	height: 15.66vw;

	margin: 2vw 2vw 0 auto;

	cursor: pointer;

	position: relative;

	z-index: 2;

}

header nav .menu-btn img {

	width: 100%;

}

header nav .menu-btn .hmenu-open {

    display: block;

}

header nav .menu-btn .hmenu-close {

    display: none;

}

header nav .menu-btn.menu-open .hmenu-open {

    display: none;

}

header nav .menu-btn.menu-open .hmenu-close {

    display: block;

}

header nav .nav-inner-wrap {

	border: none;

	pointer-events: auto;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	transform: none;

	-webkit-transform: none;

	background: #E5E5E5;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	padding: 28vw 1em 5vw;

	height: 100vh;

	z-index: 1;

	overflow-y: scroll;

	box-sizing: border-box;

}

header nav .nav-inner-wrap ul.nav-list {

	width: 100%;

	text-align: center;

}

header nav .nav-inner-wrap ul.nav-list li + li {

	margin-top: 1.5em;

}

header nav .nav-inner-wrap ul.nav-list li a {

	font-size: 4.26vw;

}

header nav .nav-inner-wrap ul.nav-list + div a {

	width: 42.33vw;

	margin-top: 2.5em;

}

header nav .nav-inner-wrap .tel {

	width: 59.06vw;

	margin: 1em auto 0;

}

header nav .nav-inner-wrap .call {

	width: 80.06vw;

	margin: 1em auto 0;

	display: block;

}

}


#ColumnList{
    background: #dcf3fe;
    margin-top: 100px;
    margin-bottom: -100px;
    padding: 100px 1em 150px;
}
#ColumnList h2{
    margin-bottom: 1.5em;
}
.ColumnList{
    margin: 0 auto;
    position: relative;
    max-width: 1000px;
}
.ColumnList .MoreLink{
    position: relative;
    display: block;
    margin: 1em auto;
    padding: 1em;
    max-width: 900px;
    background: #FFF;
}
.ColumnList .MoreLink:hover{
    background-color: #f5f8fa;
    transition: all 0.3s ease-in-out;
}
.ColumnList .MoreLink .imgBox{
    width: 30%;
    float: left;
}
.ColumnList .MoreLink .textBox{
    margin-left: 31%;
}
.ColumnList .MoreLink .textBox .MoreTitle{
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5rem 0 1rem;
}
.ColumnList .MoreLink .textBox .MoreDescription{
    padding: 0.5rem 0 1rem;
}
.ColumnList .MoreList{
    width: 500px;
    max-width: 90%;
    margin: 3em auto 0;
}
.ColumnList .MoreList a{
    display: block;
    background: #038fd6;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 2rem;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #051290;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.ColumnList .MoreList a:hover{
    opacity: 0.8;
}
@media screen and (max-width: 768px) {
.ColumnList .MoreLink .imgBox{
    width: 100%;
    float: none;
}
.ColumnList .MoreLink .textBox{
    margin-left: 0;
}
.ColumnList .MoreLink .textBox .MoreDescription{
    display: none;
}
}

#problem{
}
#contents.top section#risk{
    padding: 0 0 7rem;
}
#contents.top section#res{
    background: none;
    padding-bottom: 0;
}
.sec_prb_ttl{
    width: 100%;
    text-align: center;
    padding: 0.5em 0 0.4em;
    color: #fff;
    font-size: 4vw;
    font-weight: bold;
    text-shadow: 3px 3px 0 #000;
}
.sec_prb_ttl img{
    max-width: 1000px;
    margin: 0 auto;
}
.sec_prb_content{
    max-width: 1000px;
    margin: 0 auto;
}
.sec_prb_1{
    background: url(../img/prb_1_bg.png) center bottom no-repeat #fff;
    background-size: cover;
}
.sec_prb_1 .sec_prb_ttl{
    background: #ff5757;
    padding: 1.3em 0 1em;
}
.sec_prb_1 .sec_prb_content:before{
    content: '';
    margin: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 100px solid #ff5757;
    border-right: 500px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 500px solid transparent;
}
.sec_prb_2{
    background: url(../img/prb_2_bg.png) center bottom no-repeat #fff;
    background-size: cover;
    margin-top: 5rem;
    padding-bottom: 5rem;
}
.sec_prb_2 .sec_prb_ttl{
    padding-bottom: 2rem;
}
.sec_prb_2 .sec_prb_content p{
    width: 80%;
    display: inline-block;
    margin: 1rem 20% 1rem 0;
}
.sec_prb_2 .sec_prb_content p:nth-child(2){
    margin: 1rem 0 1rem 20%;
}
.sec_prb_3{
    margin-bottom: 3rem;
}
.sec_prb_3 .sec_prb_ttl{
    background: #718ba3;
}
.sec_prb_3 .sec_prb_content:before{
    content: '';
    margin: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 100px solid #718ba3;
    border-right: 500px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 500px solid transparent;
}
.sec_prb_4{
    background: url(../img/rsn_bg.png) center bottom no-repeat #fff;
    background-size: cover;
}
.sec_prb_4 .sec_prb_ttl{
    background: #004aad;
}
.sec_prb_4 .sec_prb_content:before{
    content: '';
    margin: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 100px solid #004aad;
    border-right: 500px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 500px solid transparent;
}
.sec_prb_4 .sec_prb_content{
}
.sec_prb_4 .sec_prb_content p{
    width: 45%;
    display: inline-block;
    margin: 1rem 2%;
    vertical-align: top;
}
.sec_prb_4 .sec_prb_content p:nth-child(5){
    margin: 1rem 2% 0;
}

.sec_voice{
    background: url(../img/voice_bg.png) left top repeat #fff;
}
.sec_voice .sec_prb_ttl{
    background: #009688;
    padding: 1.3em 0 1em;
}

.sec_voice .sec_prb_content:before{
    content: '';
    margin: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 100px solid #009688;
    border-right: 500px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 500px solid transparent;
}
.sec_voice .sec_prb_content{
    text-align: right;
}

@media screen and (max-width: 768px){
.sec_prb_ttl{
    font-size: 8vw;
    padding: 0.7em 0 1em;
}
.sec_prb_1{
    background-position-x: 63%;
    padding-bottom: 2rem;
}
.sec_prb_1 .sec_prb_ttl , .sec_voice .sec_prb_ttl{
    padding: 1.4em 0 1.6em;
}
.sec_prb_content:before{
    border-top-width: 1rem !important;
    border-right-width: 5vw !important;
    border-bottom-width: 0.5rem !important;
    border-left-width: 5vw !important;
    margin: 0 auto !important;
}
#contents.top section#risk{
    padding-top: 0 !important;
    background-position-y: 100px !important;
}
#contents.top section#res {
    background: none !important;
}
.sec_prb_2 .sec_prb_content p{
    width: 90%;
    margin: 0.5rem 5% !important;
}
.sec_prb_4 .sec_prb_content p{
    width: 96%;
}
.sec_prb_4 .sec_prb_content p:nth-child(5){
	display: none;
}
}




/* vim: set ts=4 sw=4 sts=0 foldmethod=marker : */