@charset "UTF-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0
}
.text a {
    color: #3a92df!important;
    text-decoration: underline!important;
    }
#glide3-wedge{
	max-width: 1920px;
	margin: 0 auto
}

.hdimg{
	width: 100%;
	height: auto
}

.hdimg img{
	width: 100%;
	text-align: center
}

.fb_fs{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}
.contents_wrap{
	max-width: 1000px;
	margin: 0 auto
}

.section1,.section2,.banner{
	margin: 0 auto 0;
}


.section1>div,.section1>p,
.advice_wrap>div{
	width: 48%;
	margin: 1em auto!important
}

.section1>div img{
	width: 100%
}

.section2{
	background: #FBFAEE;
    text-align: left!important
}

.advice_title {
  display: inline-block;
  font-size: 2.7em;
  padding: 0.1em 1.6em 0.1em .8em;
  position: relative;
  color: #fff;
  z-index: 1;
}
.advice_title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgb(174, 19, 27);
  transform: scaleY(1.1) perspective(.6em) rotateX(2deg);
  transform-origin: bottom left;
  border-radius: 0px 0px 0 0;
}

.advice_title h1{
	margin: 0 3em 0 0;
    
}

.advice_wrap{
	padding: 1.5em
}

.advice_wrap div img{
	width: 100%
}


.section2 h3{
    padding: .4em!important;
    color: #fff;
    font-size: 1.5em!important;
    font-weight: bold!important;
    text-align: left!important
}
.ss h3{
	background: #000
}

.eye2 h3{
	background: #C8161E
}

.ws h3{
	background: #212387
}

.ts h3{
	background: #269B44
}

.section3{
	margin: 3em auto;
}

.banner{
	text-align: center
}
.sp-only{
	display: none
}
.text {line-height: 27px!important;text-align: left!important;font-size: 18px!important;}
.ptop {padding-top: 6px}

@media(max-width:890px){
	.section2 h3{
		font-size: 1em!important
	}
}
@media(max-width:768px){
	.contents_wrap{
		max-width: 95%
	}
}
@media(max-width:700px){
	.section1>div,.section1>p,
.advice_wrap>div{
	width: 100%;
}
	.contents_wrap{
		max-width: 90%
	}
	.advice_title h1{
		font-size: .8em
	}
}
.section1 {margin-top: 3em}
@media(max-width:480px){
.section1 {margin-top: 1em}
	.advice_title h1{
		font-size: .5em
	}
	.advice_title::before{
		transform: scaleY(1.) perspective(.6em) rotateX(2deg);
	}
	.section1,.section2,.banner{
		margin-top: 1em
	}
	.sp-only{
		display: block
	}
	.sp-none{
		display: none!important
	}
}


.section4 {
  margin: 80px 0;
}
.section4 dl dt {
  background: #b92926;
  padding: 10px !important;
  text-align: center;
  color: #fff;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.4;
}
.section4 dl dt br {
  display: none;
}
.section4 dl dd {
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
  overflow: hidden;
}
.section4 dl dd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media(max-width:640px){
  .section4 {
    margin: 50px 0 70px;
  }
  .section4 dl dt {
    padding: 10px !important;
    font-size: 1.5rem;
  }
  .section4 dl dt br {
    display: inline;
  }
}