@charset "UTF-8";

/* 全体
---------------------------------------------------------------- */
.ff-mincho{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

.cl-orange{color:#eb5a14;}
.cl-orange2{color:#ff8c14;}
.cl-navy{color:#04366e;}
.cl-liblue{color:#28b9e1;}
.cl-white{color:#fff;}
.cl-pink{color:#eb5a73;}
.cl-black{color:#000000;}


.box-whiteblue{background:#D4F1F8;border-top:10px solid #1ca4d8;}



.topHero{padding:10px 0 25px; width:100%;background:url(../images/topHero.jpg) center 0 no-repeat;line-height:1.7; background-size: cover;}
.topHero-inner{ max-width:1100px; width: 100%; margin-right:auto; margin-left:auto; padding: 0 2% 2%; box-sizing: border-box ;}
.topHero .logo{max-width: 237px; width: 100%;}
.main_copy{max-width: 650px;margin-top:50px;}

@media only screen and (max-width: 768px){
.topHero{padding:0; width:100%;background:url(../images/topHero_sp.jpg) right 0 no-repeat;background-size:cover;}
.topHero .logo{max-width: 100%;}
.topHero .logo img{max-width: 300px;margin-top:20px;}
.main_copy{width:90%;max-width: 700px;margin-top:50px;margin-left:auto;margin-right:auto;}
}

@media only screen and (max-width: 700px){
.topHero{background-size:contain;}
.topHero .logo img{max-width: 200px;margin-top:10px;}
.main_copy{width:90%;max-width: 90%;margin-top:70px;margin-left:auto;margin-right:auto;margin-top:30px;}
}

@media only screen and (max-width: 480px){
.topHero{background-size:contain;}
.topHero .logo img{max-width: 160px;margin-top:10px;}
.main_copy{width:90%;max-width: 90%;margin-top:40px;margin-left:auto;margin-right:auto;margin-top:30px;}
}

@media only screen and (max-width: 320px){
.main_copy{margin-top:15px;}
}


/* section
---------------------------------------------------------------- */
section{font-size:17px;}
.section01{background:url(../images/img35.jpg) repeat;padding:80px 0;box-sizing:border-box;position:relative;}
.section01 .box01{width:100%;box-sizing:border-box;padding:3%;}
.section01 .box01 div{width:40%;}
.section01 .box01 .pbox{width:60%;padding:0 2%;box-sizing:border-box;}
.section01 h2{font-size:34px;font-weight:normal;}
.section01 h2 span{font-size:44px;}
.section01 h3, .section01 h4{font-size:30px;font-weight:normal;}
.section01 h4 span{font-size:40px;}
.section01 .img01{width:100%;margin-left:auto;margin-right:auto;position:relative;}
.section01 .source{position:absolute;left:10px;bottom:10px;}

@media only screen and (max-width: 768px){
section{font-size:16px;}
.section01{padding:40px 0;}
.section01 .box01{padding:0;}
.section01 .box01 div{width:100%;}
.section01 .box01 .pbox{width:100%;padding:0 0 20px;margin-bottom:10px;min-width:100%;line-height:1.7;}
.section01 h2{font-size:28px;letter-spacing:-1px;}
.section01 h2 span{font-size:30px;}
.section01 h3, .section01 h4{font-size:28px;letter-spacing:-1px;}
.section01 h4 span{font-size:30px;}
.section01 .img01{width:100%;}
.section01 .source{font-size:14px;left:10px;bottom:10px;}
.section01 .source a{font-size:14px;}
.img-bottom{width:30%;margin-left:auto;margin-right:auto;}
}
@media only screen and (max-width: 480px){
.section01 h2{font-size:20px;letter-spacing:-1px;}
.section01 h2 span{font-size:22px;}
.section01 h3, .section01 h4{font-size:20px;letter-spacing:-1px;}
.section01 h4 span{font-size:22px;}
}

.section02{position:relative;margin-bottom:40px;}
.section02 .img01{width:25%;}
.section02 h2{font-size:32px;letter-spacing: -0.05em;}
.section02 h2 span{font-size:44px;}
.section02 h3{font-size:32px;letter-spacing: -0.05em;}
.section02 h3 .span01{font-size:110px;}
.section02 h3 .span02{font-size:52px;}
.section02 h3 .span03{font-size:44px;}
.section02 dl dt{font-size:28px;padding-left:10px;box-sizing:border-box;}
.section02 .dt01{border-left:6px solid #0096be;border-bottom:2px solid #0096be;}
.section02 .dt02{border-left:6px solid #ff8c14;border-bottom:2px solid #ff8c14;}
.section02 dl dd{letter-spacing:-1px;font-size:16px;}
.section02 .source{font-size:16px;}

@media only screen and (max-width: 768px){
.section02{margin-bottom:20px;}
.section02 .img01{width:20%;}
.section02 h2{font-size:26px;letter-spacing:-1px;}
.section02 h2 span{font-size:26px;letter-spacing:-1px;}
.section02 h3{font-size:26px;letter-spacing:-1px;}
.section02 h3 .span01{font-size:40px;}
.section02 h3 .span02{font-size:32px;}
.section02 h3 .span03{font-size:26px;margin-top:10px;}
.section02 dl dt{font-size:18px;}
.section02 .dt02{margin-top:10px;}
.section02 dl dd{letter-spacing:0px;}
.section02 dl dd p{line-height:1.7;}
.section02 .source{font-size:14px;}
}
@media only screen and (max-width: 480px){
.section02 .img01{width:30%;}
.section02 h2{font-size:20px;letter-spacing:-1px;}
.section02 h2 span{font-size:20px;letter-spacing:-1px;}
.section02 h3{font-size:20px;letter-spacing:-1px;}
.section02 h3 .span01{font-size:36px;}
.section02 h3 .span02{font-size:28px;}
.section02 h3 .span03{font-size:20px;margin-top:10px;}
}

.section03{background:#f7f6f2;padding:80px 0;box-sizing:border-box;}
.section03 .title_area{border:1px solid  #000;position:relative;padding:10px;box-sizing:border-box;}
.section03 h2{font-size:40px;position:absolute;width:650px;top:-30px;left: 0;right:0;margin: auto;background:#f7f6f2;font-weight:normal;letter-spacing:-0.05em;}
.section03 h2 span:last-of-type{font-size:32px;}
.section03 h3{font-size:32px;font-weight:normal;letter-spacing:-0.05em;}
.section03 h4{font-size:40px;font-weight:normal;letter-spacing:-0.05em;}
.section03 h4 span{font-size:54px;}
.section03 .box01{position:relative;overflow:hidden;}
.section03 .box01 img{width:540px;}
.section03 .box01 .pbox{position:absolute;background:#fff;border-left:6px solid #ff8c14;width:540px;height:300px;top:40px;left:0;padding:30px 20px;box-sizing:border-box;}
.section03 .box02{position:relative;overflow:hidden;}
.section03 .box02 img{width:540px;}
.section03 .box02 .pbox{position:absolute;background:#fff;border-left:6px solid #ff8c14;width:540px;height:300px;top:40px;right:0;padding:30px 20px;box-sizing:border-box;}
.section03 h5{font-size:24px;position:relative;letter-spacing:-1px;}
.section03 h5:after {position: absolute;content: " ";display: block;border-bottom: solid 2px #ff8c14;bottom: -12px;width:100px;}

@media only screen and (max-width: 768px){
.section03{padding:40px 0;}
.section03 h2{font-size:28px;width:65%;letter-spacing:-1px;top:-20px;}
.section03 h2 span:last-of-type{font-size:26px;}
.section03 h3{font-size:26px;}
.section03 h4{font-size:26px;}
.section03 h4 span{font-size:32px;}
.section03 .box01 img{width:100%;}
.section03 .box01 .pbox{position:relative;border-left:0;width:100%;height:auto;padding:20px 10px;box-sizing:border-box;top:0;}
.section03 .box01 .pbox p{line-height:1.7;}
.section03 .box02 .pbox p{line-height:1.7;}
.section03 .box02 img{width:100%;}
.section03 .box02 .pbox{position:relative;border-left:0;width:100%;height:auto;padding:20px 10px;box-sizing:border-box;top:0;}
.section03 h5{font-size:26px;line-height:1.7;}
.section03 h5:after {bottom: -10px;}
}
@media only screen and (max-width: 480px){
.section03 h2{font-size:21px;width:95%;letter-spacing:-1px;top:-15px;}
.section03 h2 span:last-of-type{font-size:19px;}
.section03 h3{font-size:20px;}
.section03 h4{font-size:20px;}
.section03 h4 span{font-size:24px;}
.section03 h5{font-size:18px;}
}

@media only screen and (max-width: 321px){
.section03 h2{font-size:18px;width:95%;}
}

.section04{background:#fbf0d2;padding:80px 0;box-sizing:border-box;}
.section04 h3{font-size:40px;font-weight:normal;}
.section04 h3 span:nth-of-type(4){font-size:48px;}

@media only screen and (max-width: 768px){
.section04{padding:40px 0;}
.section04 h3{font-size:32px;text-align:center;}
.section04 h3 span:nth-of-type(4){font-size:36px;}
.section04 p{line-height:1.7;}
}
@media only screen and (max-width: 480px){
.section04 h3{font-size:28px;text-align:center;}
.section04 h3 span:nth-of-type(4){font-size:30px;}
}

.section05{background: url("../images/img27.jpg") no-repeat center bottom;padding:80px 0;background-size:cover;}
.section05 .sentence01{width:560px;margin-left:auto;}
.section05 .img01{width:90%;margin-left:auto;margin-right:auto;}

@media only screen and (max-width: 768px){
.section05{background:#fff;padding:40px 0;}
.section05 .sentence01{width:100%;line-height:1.7;}
}

.section06{overflow:hidden;padding:80px 0;}
.section06 .box{position: relative;display: block;padding: 40px 25px 40px 25px;border: 1px solid #ea5a73;margin-left:auto;margin-right:auto;box-sizing:border-box;}
.section06 .box:before{display:none;}
.section06 .box:after {background:#fff4f2;position: absolute;top: -10px;left: -10px;content: "";height: 100%;width: 100%;z-index: -999;}
.section06 h2{font-size:34px;}
.section06 .box01 div:first-of-type{width:25%;}
.section06 .box01 .pbox{width:75%;padding:0 30px;box-sizing:border-box;}
.section06 .box01 .pbox p:last-of-type{font-size:14px;}
.section06 .box01 .pbox p:last-of-type span:last-of-type{font-size:24px;}

@media only screen and (max-width: 768px){
.section06{padding:40px 0;}
.section06 .box{width:95%;padding:10px 10px 10px 10px;}
.ssection06 .box:before{position:absolute;width:95%;top:2.5%;left:2.5%;}
.section06 .box:after {top:-1.5%;left:-5%;width:110%;height:103%;}
.section06 h2{font-size:30px;margin-top:20px;margin-bottom:20px;}
.section06 .box01 div:first-of-type{width:70%;margin-left:auto;margin-right:auto;}
.section06 .box01 .pbox{width:100%;padding:20px 0 0;margin-top:10px;line-height:1.7;}
.section06 .box01 .pbox p:last-of-type span{margin-bottom:20px;}
}
@media only screen and (max-width: 480px){
.section06 h2{font-size:22px;}
}

.section07{padding:80px 0;box-sizing:border-box;}
.section07 h2{letter-spacing:-0.05em;}

@media only screen and (max-width: 768px){
.section07{padding:40px 0;}
}

.section08{padding:80px 0;box-sizing:border-box;background:#f7f6f2;position:relative;}
.section08 h2{font-size:36px;font-weight:normal;}
.section08 .box01 div:first-of-type{width:40%;}
.section08 .pbox{background:#fff;width:60%;padding:30px;box-sizing:border-box;}
.section08 h4{font-size:26px;letter-spacing:-1px;}
.section08::before, .section08::after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    border: 30px solid transparent;
}
.section08::before {
    border-left: 80px solid transparent;
    border-top: 30px solid #f5f5f5;
    border-right: 80px solid transparent;
}

@media only screen and (max-width: 768px){
.section08{padding:40px 0;}
.section08 h2{font-size:28px;}
.section08 .box01 div:first-of-type{width:100%;}
.section08 .pbox{background:#fff;width:100%;padding:20px 10px;line-height:1.7;}
.section08 h4{font-size:28px;}
.section08::before {border-left: 50px solid transparent;border-top: 30px solid #f5f5f5;border-right: 50px solid transparent;}
}

@media only screen and (max-width: 480px){
.section08 h2{font-size:18px;}
.section08 h4{font-size:20px;}
}

.section09{padding:0 80px 0;box-sizing:border-box;}
.section09 .b-wrapper{overflow:hidden;}
.section09 h2{font-size:48px;font-weight:normal;}
.section09 h4{position:relative;border:2px solid #04366e;box-sizing:border-box;}
.section09 h4:after {position:absolute;content:'';width:40px;height:40px;right: -20px;top:-20px;box-sizing:border-box;border-bottom:2px solid #04366e;transform:rotate(45deg);background:#fff;overflow:hidden;}
.section09 h4{font-size:48px;}
.section09 h4 span{font-size:60px;}
.section09 .box01{border-left:2px solid #1D2C41;border-right:2px solid #04366e;border-bottom:2px solid #04366e;padding:30px 20px;}
.section09 .task{color:#fff;padding:10px 0;box-sizing:border-box;background:#82AEC7;border-radius:30px;font-size:28px;}
.section09 .result{color:#fff;padding:10px 0;box-sizing:border-box;background:#FF8C15;border-radius:30px;font-size:28px;}
.section09 .box01 ul:first-of-type li{list-style-type:disc;list-style-position:inside;}

@media only screen and (max-width: 768px){
.section09{padding:0 40px 0;}
.section09 h2{font-size:30px;}
.section09 h4{font-size:36px;}
.section09 h4 span{font-size:40px;}
.section09 .col-item:last-of-type{margin-top:30px;}
.section09 .task{font-size:20px;}
.section09 .result{font-size:20px;}
.section09 ul li{line-height:1.7;}
}

@media only screen and (max-width: 480px){
.section09 h2{font-size:22px;}
.section09 h4{font-size:28px;}
.section09 h4 span{font-size:30px;}
}

.section10{padding:80px 0;box-sizing:border-box;background:url("../images/img32.jpg") no-repeat center center;border-bottom:5px solid #ff8c14}
.section10 h2{font-size:44px;letter-spacing:-0.05em;}
.section10 .pbox2{font-size:40px;letter-spacing:-0.05em;}

@media only screen and (max-width: 768px){
.section10{padding:40px 0;}
.section10 h2{font-size:24px;}
.section10 .pbox2{font-size:20px;}
.section10 .img00{width:60%;margin-left:auto;margin-right:auto;}
.section10 .img01{width:60%;margin-left:auto;margin-right:auto;}
}
@media only screen and (max-width: 480px){
.section10 .img00{width:90%;margin-left:auto;margin-right:auto;}
.section10 .img01{width:80%;margin-left:auto;margin-right:auto;}
}

.section11{padding:80px 0;box-sizing:border-box;background:#fbf0d2;}
.section11 .try{max-width:30px;max-height:30px;margin:3px 10px;}
.section11 .box01{width:200px;height:250px;background:#4688c8;color:#fff;padding:10px;box-sizing:border-box;border-radius:10px;}
.section11 .box01 p:first-of-type{font-size:38px;}
.section11 .box01 p:last-of-type{height:70px;justify-content: center;}
.section11 .orange-box01{background:#ff8c14;}
.section11 .box01 img{width:70%;}
.section11 .whitebox{background:#fff;box-sizing: border-box;padding:20px 10px;}
.section11 .whitebox p{letter-spacing:-0.05em;}
.section11 .notes{font-size:15px;}
.section11 .notes:first-of-type{text-align:right;}
.section11 .notes:last-of-type{width:96%;margin-left:auto;margin-right:auto;}
.section11 h3{font-size:32px;background:#04366e;box-sizing: border-box;padding:5px 0;}
.section11 .about-price{padding:20px;box-sizing: border-box;background:#fff;width:96.5%;margin-left:auto;margin-right:auto;}
.section11 .dl01{width:600px;margin-left:auto;margin-right:auto;}
.section11 .dl01 dt{border:1px solid #04366e;font-size:20px;padding:5px 0;box-sizing: border-box;width:150px;color:#04366e;}
.section11 .dl01 dd{font-size:28px;padding:5px 10px;box-sizing: border-box;color:#04366e;}
.section11 .dl01 dd span{font-size:13px;}
.section11 sup{ vertical-align: super;font-size:14px;}
.section11 .process .box02 p:first-of-type{text-align:center;}
.section11 .dl02{border:1px solid #fff;background:#25283c;box-sizing: border-box;margin: 2em 10px;padding:15px;box-shadow: 0px 0px 0px 10px #25283c;color:#fff;width:95%;margin-left:auto;margin-right:auto;}
.section11 .dl02 dt{font-size:44px;width:20%;line-height:1.2;}
.section11 .dl02 dt span{font-size:20px;display:inline-block;background:#28b9e1;padding:3px 10px;box-sizing: border-box;color:#fff;margin:0 5px;line-height:1.5;vertical-align: 30%;}
.section11 .dl02 dd{font-size:22px;width:80%;}
.section11 .red{color:#eb1e00;font-size:28px!important;}
.section11 .box02 > div{font-size:32px;text-align:center;}
.section11 .box02 > p{letter-spacing:-0.1em;}

@media only screen and (max-width: 768px){
.section11{padding:40px 0;}
.section11 .box01{display:flex;flex-direction:row;align-items: center;width:99%;margin-left:auto;margin-right:auto;height:80px;padding:20px 10px;}
.section11 .box01 p:first-of-type{font-size:30px;}
.section11 .box01 p:last-of-type{height:auto;width:60%;text-align:left;justify-content: stretch;font-size:19px;}
.section11 .box01 .img01{width:100px;}
.section11 .box01 img{width:50%;margin-top:10px;}
.section11 .notes{padding:0 5px;box-sizing: border-box;}
.section11 .notes:first-of-type{text-align:left;}
.section11 .notes:last-of-type{width:100%;}
.section11 .p-price{padding:0 5px;box-sizing: border-box;}
.section11 .box01 .img01{width:100px;}
.section11 .box01 img{width:50%;margin-top:10px;}
.section11 .whitebox{padding:10px;}
.section11 .about-price{padding:10px 0;width:100%;}
.section11 .dl01{width:95%;}
.section11 .dl01 dt{width:120px;font-size:16px;}
.section11 .dl01 dd{font-size:20px;}
.section11 .process{display:flex;flex-direction: row;align-items: stretch;}
.section11 .process .img02{width:25%;padding:0 5px;box-sizing: border-box;}
.section11 .process .box02{width:70%;padding:0 5px;box-sizing: border-box;}
.section11 .process .box02 p:first-of-type{text-align:left;}
.section11 .dl02 dt{width:100%;}
.section11 .dl02 dd{width:100%;font-size:20px;}
.section11 .red{color:#eb1e00;font-size:17px!important;}
.section11 .box02 > div{text-align:left;font-size:26px;}
}

.section12{padding:80px 0;box-sizing:border-box;background: url("../images/img24.jpg") no-repeat center bottom;padding:80px 0;background-size:cover;position:relative;}
.section12 h2{font-size:42px;font-weight:normal;}
.section12 div div{width:55%;padding:10px;box-sizing:border-box;}
.section12 div div p:last-of-type{font-size:14px;}
.section12 div div p:last-of-type span:last-of-type{font-size:24px;}

@media only screen and (max-width: 768px){
.section12{background:#fff;padding:40px 0;}
.section12 h2{font-size:32px;text-align:center;margin-top:20px;font-weight:bold;}
.section12 div div{width:100%;line-height:1.7;}
.section12 .img01{position:absolute;bottom:30px;right:0;width:40%;}
}
@media only screen and (max-width: 480px){
.section12 h2{font-size:22px;text-align:center;margin-top:20px;}
}

@media only screen and (max-width: 321px){
.section12 h2{font-size:20px;text-align:center;margin-top:20px;}
}


.section13{padding:80px 0;box-sizing:border-box;background:#1D2C41;}
.section13 .b-wrapper{overflow:hidden;}
.section13 .list div{background:url("../images/img33.png"), #fff;background-size:20px;background-repeat:no-repeat;background-position:10px 50%;height:80px;padding:10px 10px 10px 40px;box-sizing:border-box;font-size:24px;letter-spacing:-1px;position:relative;line-height:1.2;}
.section13 .list div:before {position:absolute;content:'';width:20px;height:20px;right: -10px;bottom:-10px;box-sizing:border-box;transform:rotate(45deg);background:#1D2C41;overflow:hidden;}
.section13 .list div:after {position:absolute;content:'';width:20px;height:20px;left: -10px;top:-10px;box-sizing:border-box;transform:rotate(45deg);background:#1D2C41;overflow:hidden;}

@media only screen and (max-width: 768px){
.section13{padding:40px 0;}
.section13 .list div{font-size:20px;}
.section13 .img01{width:60%;margin-left:auto;margin-right:auto;} 
}

@media only screen and (max-width: 480px){
.section13 .img01{width:80%;margin-left:auto;margin-right:auto;} 
}

.section14{padding:80px 0;box-sizing:border-box;}

@media only screen and (max-width: 768px){
.section14{padding:40px 0;}
}

.section15{
	max-width : 960px;
	width:100%;
	margin : 50px auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.section15 dl{
	/*width : 90%;*/
	margin-left:auto;
    margin-right:auto;
	overflow : hidden;
 display: flex;flex-wrap: wrap;
}

.section15 dl dt{
	clear : both;
	width : 15%;
	border-top : 1px solid #cccccc;
	padding : 25px 0;
	text-align : left;
	overflow : hidden;
 display: flex;
 align-items: center;
}

.section15 dl dd{
	width : 80%;
	border-top : 1px solid #cccccc;
	padding : 25px 0 25px 5%;
}

.section15 dl dt:first-child,
.section15 dl dt:first-child+dd{
	border : none;
}
.section15 dl a{text-decoration:underline;}

@media only screen and (max-width: 768px){
.section15{
	width : 95%;
	margin : 30px auto;
}


.section15 dl{
	overflow : visible;
 display:block;
}

.section15 dl dt{
	width : auto;
	text-align : left;
	padding : 15px 0 10px;
	font-weight : bold;
 display:block;
}

.section15 dl dd{
	width : auto;
	border-top : none;
	padding : 0px 0 13px 10px;
}
}

.section16 h2{font-size:36px;line-height:1.5;}
.section16 h2, .section16 p{letter-spacing: -1px;}
.section16 .font-44{ font-size: 44px;}
.section16 h2 span { font-size: 36px;}

@media only screen and (max-width: 768px){
.section16 h2 {line-height:1.5;font-size:26px;}
.section16 h2 span{font-size:26px;}
.section16 h2 .se16_last_span{display:inline-block;margin-top:10px;}
.section16 .font-44{ font-size: 26px;}
}

@media only screen and (max-width: 480px){
.section16 h2 {font-size:20px;}
.section16 h2 span{font-size:20px;}
.section16 .font-44{ font-size: 26px;}
}

.thanks_page .header{background: #f7f6f2;padding:80px 0;}
.thanks_page a:link{text-decoration:underline;}



/* title
---------------------------------------------------------------- */
.ttl-underline-y {
    padding: 0;
    background: linear-gradient(transparent 75%, #fff100 75%);
    background: -ms-linear-gradient(transparent 75%, #fff100 75%);
    line-height: 1;
    letter-spacing: -0.05em;
}
.ttl-underline-o{
    padding: 0.3em;
    background: linear-gradient(transparent 90%, #ff8c14 90%);
    line-height: 1;
    letter-spacing: -0.05em;
    display:inline-block;
}
.ttl-underline-o2{
    padding:0.2em 0;
    background: linear-gradient(transparent 90%, #ff8c14 90%);
    line-height: 1;
    letter-spacing: -0.05em;
    display:inline-block;
}
.ttl-01{font-size:48px;letter-spacing:-1px;}
.ttl-02{font-size:44px;position: relative;display:block;background:#ff8c14;padding:10px 70px;box-sizing:border-box;margin-left:auto;margin-right:auto;color:#fff;letter-spacing:-1px;}
.ttl-02:before, .ttl-02:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #fff;
}
.ttl-02:before {
    left: 15px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.ttl-02:after {
    right: 15px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.ttl-03 {
    font-size: 40px;
    line-height: 1.3;
    font-weight: normal;
}
.ttl03-44{font-size:44px;letter-spacing:-0.05em;}
.ttl-04 span{
  position: relative;
  display: inline-block;
  padding: 0 45px;
  font-size:36px;
}
.ttl-04 span:before, .ttl-04 span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ttl-04 span:before {
  left:0;
}
.ttl-04 span:after {
  right: 0;
}
.ttl-05{position: relative;display:block;font-size:44px;margin-left:auto;margin-right:auto;background:url("../images/img37.png") no-repeat center center;box-sizing:border-box;}


@media screen and (max-width: 768px) {
.ttl-underline-o{padding:10px;}
.ttl-01{font-size: 2.8rem;}
.ttl-02{font-size:3rem;padding:10px 30px;}
.ttl-02:before{left:5px;}
.ttl-02:after{right:5px;}
.ttl-03 {
    font-size: 32px;
    line-height: 1.3;
    font-weight: normal;
}
.ttl03-44{font-size:30px;}
.ttl-04 span{
  padding: 0 30px;
  font-size:28px;
}
.ttl-04 span:before, .ttl-04 span:after {
  width: 40px;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.ttl-05{background:transparent;font-size:36px;}
.ttl-05:before, .ttl-05:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #000;
}
.ttl-05:before {
    left: 75px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.ttl-05:after {
    right: 75px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
}
@media screen and (max-width: 480px) {
.ttl-01{font-size: 2.2rem;}
.ttl-02{font-size:2.3rem;padding:10px 30px;}
.ttl-03 {
    font-size: 26px;
    line-height: 1.3;
    font-weight: normal;
}
.ttl03-44{font-size:24px;}
.ttl-04 span{
  padding: 0 30px;
  font-size:20px;
}
.ttl-04 span:before, .ttl-04 span:after {
  width: 34px;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.ttl-05{background:transparent;font-size:22px;}
.ttl-05:before, .ttl-05:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #000;
}
.ttl-05:before {
    left: 1px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.ttl-05:after {
    right: 1px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
}



/* btn
---------------------------------------------------------------- */
.btn{ margin-top: 40px; text-align: center;}

.btn-01{margin-left:9%;margin-bottom:30px;}
.btn-01 a{
margin-bottom:10px;
width:470px;
height:90px;
padding:50px 0;
line-height:3;
display: inline-block;
box-sizing: border-box;
color:#fff;
font-size:28px;
text-decoration: none;
text-align: center;
position:relative;
border-radius:60px;
z-index:0;
}

.btn-01 a:before{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-1;
left:0;
transition:0.5s;
background: #ff9b33;
background: -moz-linear-gradient(left,  #ff9b33 0%, #ff6a63 100%);
background: -webkit-linear-gradient(left,  #ff9b33 0%,#ff6a63 100%);
background: linear-gradient(to right,  #ff9b33 0%,#ff6a63 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}

.btn-01 a:after{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-2;
left:0;
background: #ff8728;
background: -moz-linear-gradient(left,  #ff8728 0%, #ff545a 100%);
background: -webkit-linear-gradient(left,  #ff8728 0%,#ff545a 100%);
background: linear-gradient(to right,  #ff8728 0%,#ff545a 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
.btn-01 a:hover{opacity:1;}
.btn-01 a:hover:before{opacity:0;}

.btn-01 a > span{color:#ff6863;background:#fff;display:inline;padding:15px 10px 5px;margin-left:10px;font-size:21px;}
.btn-01 a > span span{font-size:34px;}

.btn-02 a{
margin-bottom:10px;
max-width:430px;
width:95%;
height:90px;
line-height:3.4;
display: inline-block;
box-sizing: border-box;
color:#fff;
font-size:28px;
text-decoration: none;
text-align: center;
font-weight:bold;
position:relative;
z-index:0;
border-radius:60px;
}
.btn-02 a:before{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-1;
left:0;
transition:0.5s;
background: #50d2ec;
background: -moz-linear-gradient(left,  #50d2ec 0%, #2d87e7 100%);
background: -webkit-linear-gradient(left,  #50d2ec 0%,#2d87e7 100%);
background: linear-gradient(to right,  #50d2ec 0%,#2d87e7 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);}



.btn-02 a:after{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-2;
left:0;
background: #50d2ec;
background: -moz-linear-gradient(left,  #32b2d9 0%, #1676e7 100%);
background: -webkit-linear-gradient(left,  #32b2d9 0%,#1676e7 100%);
background: linear-gradient(to right,  #32b2d9 0%,#1676e7 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
.btn-02 a:hover{opacity:1;}
.btn-02 a:hover:before{opacity:0;}

.btn-03 a{
margin-bottom:10px;
max-width:430px;
width:95%;
height:90px;
line-height:3.4;
display: inline-block;
box-sizing: border-box;
color:#fff;
font-size:28px;
text-decoration: none;
text-align: center;
position:relative;
z-index:0;
border-radius:60px;
}
.btn-03 a:before{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-1;
left:0;
transition:0.5s;
background: #ff9b33;
background: -moz-linear-gradient(left,  #ff9b33 0%, #ff6a63 100%);
background: -webkit-linear-gradient(left,  #ff9b33 0%,#ff6a63 100%);
background: linear-gradient(to right,  #ff9b33 0%,#ff6a63 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);}


.btn-03 a:after{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-2;
left:0;
background: #ff8728;
background: -moz-linear-gradient(left,  #ff8728 0%, #ff545a 100%);
background: -webkit-linear-gradient(left,  #ff8728 0%,#ff545a 100%);
background: linear-gradient(to right,  #ff8728 0%,#ff545a 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
.btn-03 a:hover{opacity:1;}
.btn-03 a:hover:before{opacity:0;}
.btn-03 a > span{color:#ff6863;background:#fff;display:inline;padding:15px 10px 5px;margin-left:10px;font-size:21px;}
.btn-03 a > span span{font-size:34px;}

.btn-04{margin-left:9%;margin-bottom:30px;}

.btn-04 a{
margin-bottom:10px;
max-width:430px;
width:95%;
height:90px;
line-height:3.4;
display: inline-block;
box-sizing: border-box;
color:#fff;
font-size:28px;
text-decoration: none;
text-align: center;
font-weight:bold;
position:relative;
z-index:0;
border-radius:60px;
}

.btn-04 a:before{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-1;
left:0;
transition:0.5s;
background: #ff9b33;
background: -moz-linear-gradient(left,  #ff9b33 0%, #ff6a63 100%);
background: -webkit-linear-gradient(left,  #ff9b33 0%,#ff6a63 100%);
background: linear-gradient(to right,  #ff9b33 0%,#ff6a63 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);}



.btn-04 a:after{
content:"";
width:100%;
height:100%;
position:absolute;
z-index:-2;
left:0;
background: #ff8728;
background: -moz-linear-gradient(left,  #ff8728 0%, #ff545a 100%);
background: -webkit-linear-gradient(left,  #ff8728 0%,#ff545a 100%);
background: linear-gradient(to right,  #ff8728 0%,#ff545a 100%);
border-radius:60px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
.btn-04 a:hover{opacity:1;}
.btn-04 a:hover:before{opacity:0;}



@media only screen and (max-width: 768px){
.btn-01,.btn-04{margin-left:0;margin-right:auto;text-align:center;}
.btn-01 a{width:75%;font-size:24px;line-height:2;}
.btn-01 a:before{height:70px;}
.btn-01 a:after{height:70px;}
.btn-02 a,.btn-04 a{width:75%;max-width:75%;height:60px;font-size:24px;line-height:2.5;}
.btn-02 a:hover,.btn-04 a:hover{background: #50d2ec;
background: -moz-linear-gradient(left,  #50d2ec 0%, #2d87e7 100%);
background: -webkit-linear-gradient(left,  #50d2ec 0%,#2d87e7 100%);
background: linear-gradient(to right,  #50d2ec 0%,#2d87e7 100%);}
.btn-03 a{width:75%;max-width:75%;height:60px;font-size:24px;line-height:2.3;}
.btn-04{margin-top:30px;margin-bottom:8px;}
.btn-03 a:hover, .btn-04 a:hover{background: #ff9b33;
background: -moz-linear-gradient(left,  #ff9b33 0%, #ff6a63 100%);
background: -webkit-linear-gradient(left,  #ff9b33 0%,#ff6a63 100%);
background: linear-gradient(to right,  #ff9b33 0%,#ff6a63 100%);}
}

@media only screen and (max-width: 480px){
.btn-01 a{width:95%;font-size:22px;line-height:2.4;}
.btn-01 a > span{color:#ff6863;background:#fff;display:inline;padding:15px 10px 5px;margin-left:10px;font-size:19px;}
.btn-01 a > span span{font-size:30px;}
.btn-02 a, .btn-04 a{width:100%;max-width:100%;font-size:20px;line-height:3;}
.btn-03 a{width:100%;max-width:100%;font-size:20px;line-height:3;}
.btn-03 a > span{color:#ff6863;background:#fff;display:inline;padding:15px 10px 5px;margin-left:10px;font-size:19px;}
}

@media only screen and (max-width: 360px){
.btn-01 a, .btn-04 a{width:100%;font-size:20px;line-height:2.9;}
.btn-03 a{width:100%;font-size:20px;}
}

/* single
---------------------------------------------------------------- */
.single-img{ margin-top: 20px;}
.single-txt{ margin-top: 20px;}
.single-navi{ margin-top: 30px;}
.single-navi-btn {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.single-navi-btn:first-child {
box-sizing: border-box;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 33.3333%;
text-align: center;
}
.single-navi-btn {
box-sizing: border-box;
border-right: 1px solid #ccc;
width: 33.3333%;
text-align: center;
}
.single-navi-btn a{
display: block;
padding: 10px;
}

/* single-navi02-------------- */

.single-navi02 {width:100%; margin-top: 30px;}
.single-navi02 p{margin:0 5px;}
.single-navi-btn-l, .single-navi-btn-c, .single-navi-btn-r{width:27%;}
.single-navi-btn-l a, .single-navi-btn-c a, .single-navi-btn-r a{position:relative;display:block;padding:10px 0;box-sizing: border-box;color:#2C2C2C;border:1px solid #2C2C2C;font-size:16px;text-decoration: none;background: #fff;text-align:center;}
.single-navi-btn-l a:before{position:absolute;font-family: "Font Awesome 5 Free";content: '\f053';font-weight: 900;left:10px;}
.single-navi-btn-r a:after{position:absolute;font-family: "Font Awesome 5 Free";content: '\f054';font-weight: 900;right:10px;}

@media only screen and (max-width: 768px){
.single-navi02 p{margin:0 2px;}
.single-navi-btn-l, .single-navi-btn-c, .single-navi-btn-r{width:33%;}
.single-navi-btn-l a, .single-navi-btn-c a, .single-navi-btn-r a{line-height:1.7;}
.single-navi-btn-l a{text-align:left;padding-left:30px;}
.single-navi-btn-r a{text-align:right;padding-right:30px;}
.single-navi-btn-l a:before{left:7px;}
.single-navi-btn-r a:after{right:7px;}
}


/* スライドアイテム
---------------------------------------------------------------- */

.sp-slides-container {
position: relative;
width: 100%;
}