@charset "utf-8";
/* CSS Document */
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	word-break:normal;
	word-wrap:break-word;

}
body{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	background-color:#fff;
	color:#000;
	font-size: 18px;
	line-height: 1.7;
}
img{
	vertical-align:bottom;
	margin:0;
	padding:0;
	border:0;
	max-width:100%;
}
.clearfix:before,
.clearfix:after{
	display: table;
  	content: " ";
}
.clearfix:after{
	clear: both;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
ul li{
	list-style:none;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0px;
}


.fixedcontainer{
	width:930px;
	margin:0 auto;
	padding:0px;
}
a{
	color: inherit;
}
a:visited,
a:link,
a:hover,
a:active,
a:focus{
	outline:none;
	text-decoration:none;
}
a:hover{
	opacity:0.8;
	transition:opacity 0.5s ease;
}


.red{
	color:#ed1c24;
}
.blue{
	color: #1753b5;
}
.bkyellow{
	background-color:#fff100;
}
.bold{
	font-weight:bold;
}
.btline{
	text-decoration:underline;
}
.underline{
	text-decoration:underline;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.visible-sp{
	display:none;
}
.hidden-sp{
	display:block;
}
.hidden-sp2{
	display:inline-block;
}
.visible-sp2{
    display: none;
}
.visible-xs{
	display:none;
}
.hidden-xs{
	display:block;
}
.visible-500{
	display:none;
}
.hidden-500{
	display:block;
}
.flex{
  display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
}
.yellow-back {
    background: linear-gradient(transparent 60%, #ffd24d 0%);
}
/*-------------header----------------------*/
header{
	height: 600px;
	background: url(../img/main-back.png) no-repeat;
	background-position: center;
	text-align: center;
}
header .fixedcontainer{
	padding: 26px 0;
}
h2{
	text-align: center;
}
.section{
	padding: 80px 0;
}
h2.title1{
	background-color: #294d85;
	padding: 30px 0;
	text-align: center;
}
#section1 .fixedcontainer{
	padding: 50px 35px 80px;
}
.list-box{
	border: 8px solid #d93600;
	padding: 14px;
	background: url(../img/gray-grid.png);
}
.list-box-in{
	padding: 26px;
	background-color: #fff;
}
.subtitle1{
	padding: 20px 0;
	background-color: #eeeeef;
	text-align: center;
	margin-bottom: 20px;
}
.section1-txt{
	margin-bottom: 35px;
}
.list-box-in ul{
	font-size: 24px;
	font-weight: bold;
}
.list-box-in ul li{
	padding: 0 0 10px 40px;
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px dashed #000;
}
.list-box-in ul li:last-child{
	margin-bottom: 0;
}
.list-box-in ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 30px;
	height: 30px;
	background: url(../img/check.png) no-repeat;
	background-size: 100%;
}
#section2{
	border-top: 1px solid #155fbd;
}
h2.title2{
	margin-bottom: 50px;
	text-align: center;
}
.list-box2{
	padding: 50px;
	background: url(../img/content-back2.png) no-repeat;
	background-size: 100% 100%;
}
.subtitle2-1{
	text-align: center;
	padding: 15px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.list-box2 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 45px;
}
.list-box2 span{
	color: #1753b5;
}
.list-box2 ul {
	margin-top: 20px;
}
.list-box2 ul li{
	position: relative;
	padding-left: 40px;
	margin-bottom: 10px;
}
.list-box2 ul li:last-child{
	margin-bottom: 0;
}
.list-box2 ul li:before{
	position: absolute;
	content: '';
	left: 0;
	top: 5px;
	width: 32px;
	height: 32px;
	background: url(../img/check2.png) no-repeat;
	background-size: 100%;
}
.subtitle2-2{
	text-align: center;
	margin-bottom: 25px;
}
.img2-1{
	text-align: center;
	margin-bottom: 60px;
}
.content2{
	background-color: #f7f7f7;
	padding: 30px;
}
.content2-ttl{
	padding: 10px 10px 10px 40px;
	position: relative;
	color: #ffd24d;
	font-size: 24px;
	font-weight: bold;
	background: url(../img/subtitle2-back.png) no-repeat;
	background-size: cover;
	margin-bottom: 25px;
}
.content2-ttl:before{
	content: '■';
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 24px;
}
.content2-in{
	padding: 0 20px;
}
.content2-txt-div{
	display: flex;
}
.content2-txt-div p{
	width: 50%;
}
.content2-img{
	text-align: center;
}
.content2-txt span{
	color: #d83400;
	font-weight: bold;
	text-decoration: underline;
}
.content2-div{
	margin-bottom: 50px;
}
.content2-div:last-child{
	margin-bottom: 0;
}
.content2-subdiv{
	padding: 20px;
	background: url(../img/gray-grid.png);
	margin-top: 40px;
}
.content2-subdiv-in{
	padding: 30px;
	background: #fff;
	font-size: 16px;
	line-height: 2;
}
.content2-2{
	margin-top: 80px;
	padding: 0 15px;
}
.subtitle2{
	text-align: center;
	margin-bottom: 40px;
}
#section3{
	background-color: #fae47d;
}
.section3-in{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.section3-div{
	width: 290px;
	text-align: center;
	background-color: #fff;
}
.section3-subtxt{
	text-align: left;
	padding: 0 15px 15px;
	font-size: 14px;
}
.section3-subtxt span{
	font-weight: bold;
}
.section3-subttl{
	padding: 10px 0;
	background-color: #ff064a;
}
.section3-subttl-mark{
	line-height: 1;
}
.section3-subttl-mark img{
	vertical-align: top;
}
.section4-img{
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}
.span-ttl{
	font-size: 21px;
	font-weight: bold;
}
#section4 h3{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	background-color: #077fc0;
	padding: 10px 0 10px 18px;
	margin: 60px 0 40px;
}
h2.title3{
	border-top: 2px solid #00468c;
	border-bottom: 2px solid #00468c;
	padding-top: 15px;
}
.img-arrow{
	line-height: 0;
	text-align: center;
}
.img-arrow img{
	vertical-align: top;
}
#section5{
	padding-bottom: 80px;
}
.section5-div{
	margin-top: 60px;
}
.section5-div:first-child{
	margin-top: 40px;
}
.section5-ttl{
	margin-bottom: 45px;
}
#section6{
	background: url(../img/main2-back.png) no-repeat;
	background-size: cover;
}
.section6-div{
	padding: 50px 30px;
	background-color: #fff;
}
.red2{
	color: #d83400;
}
.section6-txt span{
	font-weight: bold;
}
.section7-div{
	padding: 55px 15px;
}

.content2-div h3{
	padding: 10px 0 10px 15px;
	background-color: #666666;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
.content2-txt strong{
	font-size: 20px;
}
.content2-subdiv2{
	margin: 35px 0 50px;
	border: 1px solid #898989;
	padding: 40px 30px;
	background-color: #fff;
}
.content2-subdiv2 ul li{
	padding-bottom: 15px;
	border-bottom: 1px dotted #9fa0a0;
	padding-left: 30px;
	position: relative;
	margin-bottom: 15px;
}
.content2-subdiv2 ul li:before{
	content: '■';
	position: absolute;
	left: 0;
	top: 0px;
	color: #00468c;
	font-size: 19px;
}
.content2-subdiv2-ttl{
	font-size: 19px;
	font-weight: bold;
	color: #00468c;
	margin-bottom: 10px;
}
.content2-subdiv2 ul li:last-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#section7{
	padding-bottom: 80px;
}
h2.title4{
	background-color: #294d85;
	padding: 45px 0;
}
.content3{
	padding: 30px 15px 50px;
}
.content3-img{
	text-align: center;
}

.content3-in{
	padding: 30px 20px;
	border: 5px solid #077fc0;
}
.content3-subttl{
	font-size: 36px;
	font-weight: bold;
}
p.content3-subttl{
	margin-bottom: 10px;
}
.content3-price{
	margin-bottom: 15px;
}
h2.title5 {
    background-color: #294d85;
    padding: 30px 0;
}
.red3{
	color: #ff0000;
}
#section13{
	background: #eeeeee;
}
#section13 .fixedcontainer{
	padding: 50px 35px 0;
}
.button{
	margin-top: 50px;
}
#section14,
#section14_2{
	padding: 60px 0 80px;
}
.section14-in{
	display: flex;
	justify-content: center;
}

.section14-div{
	margin: 30px 15px 0;
	max-width: 800px;
	text-align: center;
}
.section14-div2{
	margin: 15px 15px 0;
	max-width: 232px;
	text-align: center;
	position: relative;
}
.section14-mark{
	position: absolute;
	width: 196px;
	top: -15px;
	left: 50%;
	margin-left: -98px;
	padding: 5px 0;
	background-color: #ffd24d;
	font-size: 14px;
	font-weight: bold;
}
.section14-ttl{
	padding: 25px 0 15px;
	background-color: #054c7f;
}
.section14-div2 .section14-ttl{
	background-color: #054c7f;
	padding-top: 40px;
}

.section14-div-in{
	padding: 20px;
	border: 1px solid #231815;
	border-top: none;
}
.section14-txt1{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 10px;
}
.section14-txt2{
	font-size: 16px;
	font-weight: bold;
	color: #d83400;
	line-height: 2;
	margin-bottom: 20px;
}
.section14-btn{
	/* background-color: #d83400; */
	padding: 15px 0;
	line-height: 1;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.section14-subttl{
	margin: 65px 0 55px;
	text-align: center;
}
.section14-in2{
	display: flex;
	justify-content: space-around;
}
.section14-div3{
	width: 255px;
	text-align: center;
}
.section14-ttl2{
	margin: 15px 0;
	font-size: 20px;
	font-weight: bold;
}
.section14-txt3{
	font-size: 16px;
}
.title5{
	background-color: #294d85;
    padding: 35px 0;
}
#section15 .fixedcontainer{
	padding: 65px 0;
}
#section15 .content2-ttl{
	font-size: 30px;
	margin-bottom: 0;
	padding-left: 50px;
}
#section15 .content2-ttl:before{
	font-size: 30px;
}
.section15-img{
	text-align: center;
}
.sectoin15-ttl{
	margin-bottom: 20px;
}
.content4{
	margin-bottom: 60px;
}
.content4:last-child{
	margin-bottom: 0;
}
.content4-ttl{
	font-size: 26px;
	text-align: center;
	font-weight: bold;
}
.content4-ttl small{
	font-size: 18px;
	color: #6f8ebc;
}
#section16{
	background: #f9f9f9;
}
#section16 h2{
	margin-bottom: 20px;
}
.content5{
	margin: 40px 0;
}
.content5-txt{
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}
.section2{
	padding: 70px 0;
}
#section18{
	background-color: #eeeeee;
}
#section18 .fixedcontainer {
    padding: 50px 35px 0;
}
.section19-in{
	padding: 50px 0 70px;
}
.ques{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #294d85;
	padding: 14px 0 14px 75px;
	position: relative;
}
.ques:before{
	position: absolute;
	content: '';
	width: 34px;
	height: 34px;
	left: 20px;
	top: 14px;
	background: url(../img/ques.png) no-repeat;
	background-size: 100%;
}
.ans{
	padding: 30px 0 30px 85px;
	position: relative;
	line-height: 2;
}
.ans:before{
	position: absolute;
	content: '';
	width: 34px;
	height: 34px;
	left: 37px;
	top: 30px;
	background: url(../img/ans.png) no-repeat;
	background-size: 100%;
}
#section20 .fixedcontainer{
	padding: 60px 0 40px;
}
.red3{
	color: #bf001b;
}
.name-txt{
	text-align: right;
	font-size: 22px;
}
.section21-in{
	background-color: #fff;
	padding: 45px;
}
#section21{
	background:url(../img/section21-back.png) no-repeat;
	background-size: cover;
}
footer{
	padding: 30px 0;
	background-color: #000;
	text-align: center;
	color: #fff;
}
.copyright{
	font-size: 14px;
	margin-top: 10px;
}

#douga h2 {
	background: #294d85;
	padding: 30px;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 50px;
}
@media (max-width:768px) {
	#douga h2 {
		background: #294d85;
		padding: 20px;
		font-size: 30px;
	}
}
.douga_wrap {
	max-width: 930px;
	margin: 0 auto;
}
.frame_wrap{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.2%;
		margin-bottom: 50px;
}
.frame_wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.jisseki {
	text-align: center;
}
.jisseki img {
	width: 100%;
}
.smaho img {
	width: 80%;
}

.button-simple {
	position: relative;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0px 5px;
	border-radius: 30px;/*角の丸み*/
	font-size: 18px;/*文字サイズ*/
	background-color: #00a41a;/*背景色*/
	color: #fff;/*文字色*/
	display: inline-block;
	text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.button-simple:before {
	font-family: FontAwesome;
	content: '\f144';/*好きなアイコン*/
	color: #eeee22;/*アイコンの色*/
	margin-right: 3px;
}
a:hover .button-simple {
	background-color: #cc0000;/*触れたときの背景色*/
	color: #fff;/*触れたときの文字色*/
	box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
	animation-play-state: paused;
	top: 3px;
}

.yureru-j {
	animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
	0% {
		transform: translate(0px, 2px);
	}
	5% {
		transform: translate(0px, -2px);
	}
	10% {
		transform: translate(0px, 2px);
	}
	15% {
		transform: translate(0px, -2px);
	}
	20% {
		transform: translate(0px, 2px);
	}
	25% {
		transform: translate(0px, -2px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}