@charset "utf-8";

/*----------------------------------------------------------
reset
----------------------------------------------------------*/
html{
overflow-y:scroll;
font-size:10px;
}

body{
color:#333;
font-size:1.6rem;
line-height: 1.6;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', Helvetica, Arial, sans-serif;
-webkit-text-size-adjust:100%;
margin:0;
padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:1.6rem;
margin:0;
}

p{
margin:0;
}

ul,
ol{
margin:0;
padding: 0;
}

ul{
list-style:none;
}

ol{
list-style-position:inside;
}

table{
margin:0;
border-collapse:collapse;
border-spacing:0;
}
tr,th,td{
font-weight: normal;
margin: 0;
padding: 0;
}

hr{
display:none;
}

img{
border:0;
vertical-align:middle;
}

li img{
vertical-align:middle;
}

button,
input,
select,
textarea{
font-size:1.6rem;
vertical-align:middle;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, Arial, sans-serif;
}

button{
display:inline;
border:none;
padding:0;
background:none;
}

em,
address,
small{
font-style:normal;
}

em{
font-weight:bold;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
main{
display:block;
margin:0;
padding:0;
border:0;
outline:0;
}

fieldset{
margin:0;
padding:0;
border:none;
}

nav ul{
list-style:none;
}

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

a{
text-decoration: none;
transition: 0.3s;
}
a:hover{
opacity: 0.7;
}
.clearfix::after{
content: "";
height: 0;
display: block;
visibility: hidden;
clear: both;
}

/*----------------------------------------------------------
header/footer
----------------------------------------------------------*/
.header{
border-bottom: 5px solid #ff7063;
padding: 10px 0;
}
.header .logo{
width: 860px;
margin: 0 auto;
}
.header .logo a img{
width: 350px;
height: auto;
}
.footer{
background: #ff7063;
padding: 20px 0;
}
.footer p{
color: #fff;
font-size: 12px;
text-align: center;
}

/*----------------------------------------------------------
wrap
----------------------------------------------------------*/
.wrap{
min-width: 1200px;
}

/*----------------------------------------------------------
mv
----------------------------------------------------------*/
.mainVisual{
width: 100%;
background: url("../img/mv_bg_01.jpg") repeat-x;
background-size: auto 100%;
margin: 5px auto 20px;
}
.mainVisual .inner{
width: 860px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.mainVisual .inner::before{
content: "";
width: 266px;
height: 325px;
background: url("../img/mv_img_01.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.mainVisual .inner .text{
display: inline-block;
position: absolute;
right: -65px;
top: -32px;
}

/*----------------------------------------------------------
btn
----------------------------------------------------------*/
.btnTypeA01{
width: 860px;
text-align: center;
margin: 0 auto 40px;;
}
.btnTypeA01 a{
background: linear-gradient(#8ee700, #35c609);
color: #fff;
font-size: 28px;
font-weight: bold;
border-bottom: 6px solid #2b9a01;
border-radius: 20px;
padding: 25px 110px 23px;
display: inline-block;
position: relative;
}
.btnTypeA01 a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 20px;
top: 50%;
margin-top: -12px;
}

/*----------------------------------------------------------
section
----------------------------------------------------------*/
.sectionA01{
width: 860px;
border: 5px solid #dddddd;
margin: 0 auto 60px;
padding: 20px;
}
.sectionA01 .inner{
background: #7dcc00;
border-radius: 20px;
padding: 30px 0;
}
.sectionA01 .title{
text-align: center;
margin: 0 0 30px;
}
.sectionA01 .list{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sectionA01 .list > li{
margin: 0 7px 15px;
}
.sectionA01 .list > li:last-child{
margin-bottom: 0;
}

.sectionB01{
width: 860px;
margin: 0 auto 40px;
}
.sectionB01 .notes{
text-align: center;
}
.sectionB01 .notes > li{
font-size: 16px;
font-weight: bold;
margin: 0 15px;
display: inline-block;
}
.sectionB01 .inner{
text-align: center;
border: 15px solid #ffcc00;
border-radius: 20px;
margin: 0 0 15px;
padding: 0 0 40px;
position: relative;
}
.sectionB01 .inner::before{
content: "";
width: 231px;
height: 185px;
background: url("../img/sec02_img_01.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: -80px;
bottom: -15px;
}
.sectionB01 .inner .title{
text-align: center;
margin: -38px 0 40px 0;
}
.sectionB01 .inner .title span{
background: #fff;
padding: 0 35px;
display: inline-block;
}
.sectionB01 .inner .list{
text-align: left;
display: inline-block;
}
.sectionB01 .inner .list > li{
font-size: 18px;
font-weight: bold;
margin: 0 0 15px;
}
.sectionB01 .inner .list > li:last-child{
margin-bottom: 0;
}

.sectionC01{
width: 860px;
background: #fff8dc;
border: 5px solid #f9e9a9;
margin: 0 auto 40px;
padding: 30px 0;
}
.sectionC01 .title{
font-size: 28px;
font-weight: bold;
text-align: center;
margin: 0 0 23px;
}
.sectionC01 .text{
font-size: 16px;
margin: 0 25px;
}
.sectionC01 .text + .text{
margin-top: 25px;
}
.sectionC01 .text02{
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 0 0 15px;
}
.sectionC01 .image01{
text-align: center;
margin: 30px 0 35px;
}
.sectionC01 .image02{
text-align: center;
}

.sectionD01{
width: 860px;
background: #fffcf0;
margin: 0 auto 40px;
padding: 0 0 40px;
}
.sectionD01 .title{
margin: 0 0 20px;
}
.sectionD01 .text{
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
}
.sectionD01 .text span{
font-size: 14px;
font-weight: normal;
margin: 10px 0 0;
display: block;
}
.sectionD01 .list{
margin: 0 30px 60px;
}
.sectionD01 .list li{
border-bottom: 2px solid #ffdac1;
margin: 0 0 30px;
padding: 0 0 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.sectionD01 .list li:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sectionD01 .list li span{
font-size: 28px;
font-weight: bold;
padding: 0 30px 0 0;
}
.sectionD01 .list li a{
background: linear-gradient(#8ee700, #35c609);
color: #fff;
font-size: 24px;
font-weight: bold;
border-bottom: 4px solid #2b9a01;
border-radius: 10px;
padding: 15px 40px 12px;
display: inline-block;
position: relative;
}
.sectionD01 .list li a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 15px;
top: 50%;
margin-top: -8px;
}
.sectionD01 .tel{
text-align: center;
}

.sectionE01{
width: 860px;
border: 5px solid #ff8f44;
margin: 0 auto 40px;
padding: 0 0 30px;
}
.sectionE01 .title{
background: #ff8f44;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 0 0 35px;
padding: 18px 0 20px;
}
.sectionE01 .block{
margin: 0 30px;
padding: 0 30px;
}
.sectionE01 .block + .block{
border-top: 2px solid #ffddc7;
margin-top: 25px;
padding-top: 25px;
}
.sectionE01 .block .ttl{
color: #ff6600;
font-size: 20px;
font-weight: bold;
margin: 0 0 10px;
}
.sectionE01 .block .text{
font-size: 16px;
}
.sectionE01 .block .text a{
color: #094eff;
text-decoration: underline;
}

.sectionF01{
width: 860px;
background: #fffcf0;
margin: 0 auto 60px;
padding: 0 0 30px;
}
.sectionF01 .title{
background: linear-gradient(#ff9f5f, #f60);
color: #fff;
font-size: 28px;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
padding: 10px 0 8px;
}
.sectionF01 .block{
background: #fff;
border: 3px solid #ffcc00;
border-right: none;
margin: 0 30px;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.sectionF01 .block + .block{
border: 3px solid #ffcc00;
border-left: none;
margin-top: 15px;
}
.sectionF01 .block .image{
margin: 0 20px 0 0;
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.sectionF01 .block .image img{
width: 150px;
height: auto;
}
.sectionF01 .block + .block .image{
margin: 0 0 0 30px;
}
.sectionF01 .block .textBlock .ttl{
color: #f60;
font-size: 20px;
font-weight: bold;
margin: 0 0 5px;
padding: 5px 0 0;
}
.sectionF01 .block .textBlock .text01{
font-size: 14px;
}
.sectionF01 .block .textBlock .text02{
color: #f60;
font-size: 14px;
margin: 0 0 15px;
}