@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body a { word-break: break-all!important; }
body a { word-break: break-all!important; }
h1,h2,h3,h4{font-weight: normal;}
#wp{position: relative; color: #000;}
img{max-width: 100%;}
#presentation202101{font-family: 'Noto Sans JP', sans-serif;font-weight:500}
#presentation202101 *{box-sizing: border-box;}



/*/////////////////////////////////////////////////////////PC//////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) {
    
    #mainvisual{width: 100%; background: url(../images/bg-mainvisual.jpg),url(../images/bg-mainvisual2.jpg);background-repeat: no-repeat, repeat-x; background-size: auto 100%,100% auto; background-position: center top; margin: 0 auto; text-align: center;}
    #mainvisual h1,#mainvisual h1 img{margin: 0 auto;}
    
    h2.titPlan{width: 100%; text-align: center;padding: 60px 0;}
    h2.titPlan img{max-width: 508px;}
    .bgGray{padding: 0 0 150px;}
    .bgGray::before{
            display: block;
    content: '';
    position: absolute;
    top: -10px;
    left: calc(50% - 50px);
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #fff;
    transform: scale(1.5,0.8);
    
    }
    
    #c01,#c02,#c03{
        padding: 130px 0 0;
        text-align: center;
    }
    #c01 .innerContent,#c02 .innerContent,#c03 .innerContent,#c04 .innerContent{
        max-width: 980px;
        margin: 0 auto;
    }
    
    #c01 h3,#c02 h3,#c03 h3{font-size: 34px;margin: 0 auto 55px;}
    #c01 h3 .eyecatch,#c02 h3 .eyecatch,#c03 h3 .eyecatch{ display: block; width: 73px; margin: 0 auto 25px;}
    #c01 h3 .em,#c02 h3 .em,#c03 h3 .em{font-weight: 900;}
    
    .boxService{display: flex; justify-content:center;align-items: center;  padding: 20px 20px 20px 0; background: #fff;     border-radius: 5px;
        box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
        -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
        -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
    }
    .logoService{width: 33.9%;}
    .featService{width: 66.1%;padding: 55px 5%;}
    
    #c01 .featService{background: #f3f3f3;}
    #c02 .featService{background: #ffeee6;}
    #c03 .featService{background: #e7f7ff;}
    
    .featService .lead{font-size: 20px; font-weight:700; margin: 0 auto 50px;}
    
    #c01 .featService .lead{color: #555;}
    #c02 .featService .lead{color: #eb5505;}
    #c02 .featService .lead .note{display: block; margin: 5px auto 10px; text-align: center;}
    
    #c03 .featService .lead{color: #e4007f;}
    
    .featService ul{width: 100%; margin: 20px auto 35px;}
    #c01 .featService ul{max-width: 450px;}
    #c02 .featService ul{}
    #c03 .featService ul{    max-width: 450px;}
    
    
    .featService ul li{margin-bottom: 10px; text-align: left; font-size: 18px;font-feature-settings: "palt";    text-indent: -9px;
    padding-left: 9px;}
    .featService ul li:last-child{margin-bottom:0;}
    .featService ul li.tit{font-weight: 700; font-size: 22px;}
    .featService ul li.tit span{font-size: 18px;font-weight: 500;}
    
    .featService .img,.featService .img img{text-align: center; margin: 0 auto;}
    
    #c03 .featService .note{text-align: center;}
    
    #c04{padding: 150px 0;}
    #c04 h3{font-size: 42px; font-weight: 900; font-style: italic; margin: 0 auto; text-align: center;}
    #c04 .innerContent{text-align: center;}
    #c04 .innerContent p{line-height: 2;}
    #c04 .innerContent .img{margin: 100px auto 0;}
    #c04 .innerContent .img img{margin: 0 auto;}
    
    #c04 .ulWrapQA{}
    #c04 .ulWrapQA > li{padding: 50px 0; margin: 0 auto; border-bottom: 2px solid #eeeeee;}
    #c04 .ulWrapQA > li:last-child{border: none;}
    
    
    #c04 .ulWrapQA > li .ulQA {max-width: 860px; margin: 0 auto;}
    #c04 .ulWrapQA > li .ulQA li{padding-left: 80px;min-height: 55px;}
    #c04 .ulWrapQA > li .ulQA li.liQ{line-height: 55px; margin-bottom: 30px;font-weight: 300;}
    
    /*
    #c04 .ulWrapQA > li:nth-child(1) .ulQA li.liQ{background: url(../images/icon-q1.png) no-repeat left center; background-size: auto 55px;}
    #c04 .ulWrapQA > li:nth-child(1) .ulQA li.liA{background: url(../images/icon-a1.png) no-repeat left top; background-size: auto 55px;}
    #c04 .ulWrapQA > li:nth-child(2) .ulQA li.liQ{background: url(../images/icon-q2.png) no-repeat left center; background-size: auto 55px;}
    #c04 .ulWrapQA > li:nth-child(2) .ulQA li.liA{background: url(../images/icon-a2.png) no-repeat left top; background-size: auto 55px;}
    #c04 .ulWrapQA > li:nth-child(3) .ulQA li.liQ{background: url(../images/icon-q3.png) no-repeat left center; background-size: auto 55px;}
    #c04 .ulWrapQA > li:nth-child(3) .ulQA li.liA{background: url(../images/icon-a3.png) no-repeat left top; background-size: auto 55px;}
    #c04 .ulWrapQA > li:nth-child(4) .ulQA li.liQ{background: url(../images/icon-q4.png) no-repeat left center; background-size: auto 55px;}
    #c04 .ulWrapQA > li:nth-child(4) .ulQA li.liA{background: url(../images/icon-a4.png) no-repeat left top; background-size: auto 55px;}
    */
    
    #c04 .ulWrapQA > li .ulQA li.liA .img{padding-top: 60px; margin: 0 auto;}
    #c04 .ulWrapQA > li .ulQA li.liA .img img{margin: 0 auto;padding-right: 55px;}
    
    .note{font-size: 12px; margin: 10px 0 0; text-align: left;font-weight: 300; line-height: 1.4 !important;}
    
    /*BTN*/
    .btn{
        display: block;
        margin: 0 auto;
    background: #fff;
    width: 380px;
    line-height: 40px;
    height: 40px;
    border-radius: 20px;
        position: relative;
    }
    .btn::after{
    position: absolute;
    top: 0;
    right: 20px;
    content: '\FF1E';
    transform: scale(.6,1);
    display: block;
}
    .btn:link,.btn:active,.btn:hover,.btn:visited{color: #000; text-decoration: none;}
    
    .btn.link-window{
        
    }
    
    .btn.link-window::after, .link-window-blue::after, .link-window-white::after {
        position: absolute;
    content: '';
    top: 50%;
    right: 5%;
    transform: scale(1.3);
    /* margin-top: -4.5px; */
    background-image: url(../images/icon_sprite.png);
    background-position: 0 -78px;
    width: 9px;
    height: 9px;
    background-size: 101px 93px;
    }

a{
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
a:hover {
    opacity: .7;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-decoration: none;
}
    

}


	

/*///////////////////////////////////////////////////////////TABLET///////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) and (max-width: 979px) {
    #c01 .innerContent,#c02 .innerContent,#c03 .innerContent{        margin: 0 3%;    }
     #c04 .ulWrapQA > li .ulQA {margin: 0 3%;}
    
}



/*///////////////////////////////////////////////////////////WIDE MONITOR///////////////////////////////////////////////////////////*/
@media (min-width: 1200px){


}


/*///////////////////////////////////////////////////////////SP///////////////////////////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width:767.98px) {
    #contentsWrapper .contArea {    padding: 0 3% 40px;}
    
    #presentation202101{font-size: 3.4vw;}
    
    
    #mainvisual h1 img{width: 100%;}
    
    h2.titPlan{width: 100%; text-align: center;padding: 8vw 0;}
    h2.titPlan img{width: 80%;}
    .bgGray{padding: 0 0 10%;}
    .bgGray::before{
        display: block;
    content: '';
    position: absolute;
    top: -1vw;
    left: calc(50% - 8vw);
    width: 0;
    height: 0;
    border-left: 8vw solid transparent;
    border-right: 8vw solid transparent;
    border-top: 8vw solid #fff;
    transform: scale(1.5,0.8);
    
    }
    
    #c01,#c02,#c03{
        padding: 10% 0 0;
        text-align: center;
    }
    #c01 .innerContent,#c02 .innerContent,#c03 .innerContent,#c04 .innerContent{
        padding: 5%;
        margin: 0 auto;
    }
    
    
    #c01 h3,#c02 h3,#c03 h3{font-size: 6vw;margin: 0 auto 8%;}
    #c01 h3 .eyecatch,#c02 h3 .eyecatch,#c03 h3 .eyecatch{ display: block; width: 14vw; margin: 0 auto 3%;}
    #c01 h3 .em,#c02 h3 .em,#c03 h3 .em{font-weight: 900;}
    
    .boxService{ padding:0 3% 3% 3%; background: #fff; border-radius: 1vw;
        box-shadow: 2vw 2vw 2vw rgba(0,0,0,0.1);
        -moz-box-shadow: 2vw 2vw 2vw rgba(0,0,0,0.1);
        -webkit-box-shadow: 2vw 2vw 2vw rgba(0,0,0,0.1);
    }
    .logoService{}
    .featService{padding: 12% 5%;}
    
    #c01 .featService{background: #f3f3f3;}
    #c02 .featService{background: #ffeee6;}
    #c03 .featService{background: #e7f7ff;}
    
    .featService .lead{font-size: 4vw; font-weight:700; margin: 0 auto 10%;}
    
    #c01 .featService .lead{color: #555;}
    #c02 .featService .lead{color: #eb5505;}
    #c02 .featService .lead .note{display: block; margin: 3% auto; text-align: center;}
    #c03 .featService .lead{color: #e4007f;}
    
    .featService ul{width: 90%; margin: 8% auto;}
    .featService ul li{margin-bottom:3%; text-align: left; font-size: 4vw;font-feature-settings: "palt"; text-indent: -2vw; padding-left: 2vw;}
    .featService ul li:last-child{margin-bottom:0;}
    .featService ul li.tit{font-weight: 700; font-size: 5vw;}
    .featService ul li.tit span{font-size: 3.8vw;font-weight: 500;}
    
    
    .featService .img{text-align: center; margin: 0 auto 3%;}
    .featService .img img{text-align: center; margin: 0 auto;}
    
#c04{padding: 15% 0;}
    #c04 h3{font-size: 6vw; font-weight: 900; font-style: italic; margin: 0 auto; text-align: center;}
    
    #c04 .innerContent .img{margin: 10% auto 0;}
    #c04 .innerContent .img img{width: 100%;}
    #c04 .innerContent p{line-height: 2;}
    #c04 .ulWrapQA{}
    #c04 .ulWrapQA > li{padding: 8% 0; margin: 0 auto; border-bottom: 2px solid #eeeeee;}
    #c04 .ulWrapQA > li:last-child{border: none;}
    
    
    #c04 .ulWrapQA > li .ulQA {padding: 5%;margin: 0 auto;}
    #c04 .ulWrapQA > li .ulQA li{min-height: 10vw;}
    #c04 .ulWrapQA > li .ulQA li.liQ{padding-left: 14vw; margin-bottom: 5%; font-weight: 300;}
    
    /*
    #c04 .ulWrapQA > li:nth-child(1) .ulQA li.liQ{background: url(../images/icon-q1.png) no-repeat left center; background-size: auto 10vw;}
    #c04 .ulWrapQA > li:nth-child(1) .ulQA li.liA .txt{background: url(../images/icon-a1.png) no-repeat left top; background-size: auto 10vw;}
    #c04 .ulWrapQA > li:nth-child(2) .ulQA li.liQ{background: url(../images/icon-q2.png) no-repeat left center; background-size: auto 10vw;}
    #c04 .ulWrapQA > li:nth-child(2) .ulQA li.liA .txt{background: url(../images/icon-a2.png) no-repeat left top; background-size: auto 10vw;}
    #c04 .ulWrapQA > li:nth-child(3) .ulQA li.liQ{background: url(../images/icon-q3.png) no-repeat left center; background-size: auto 10vw;}
    #c04 .ulWrapQA > li:nth-child(3) .ulQA li.liA .txt{background: url(../images/icon-a3.png) no-repeat left top; background-size: auto 10vw;}
    #c04 .ulWrapQA > li:nth-child(4) .ulQA li.liQ{background: url(../images/icon-q4.png) no-repeat left center; background-size: auto 10vw;}
    #c04 .ulWrapQA > li:nth-child(4) .ulQA li.liA .txt{background: url(../images/icon-a4.png) no-repeat left top; background-size: auto 10vw;}
    */
    
    #c04 .ulWrapQA > li .ulQA li.liA .txt{position: relative;padding-left: 14vw;}
    #c04 .ulWrapQA > li .ulQA li.liA .img{padding-top: 10%; margin: 0 auto;}
    #c04 .ulWrapQA > li .ulQA li.liA .img img{margin: 0 auto; width: 100%;}    
    
    
    
    .note{font-size: 2.6vw; margin: 3% 0 0; text-align: left; font-weight: 300; line-height: 1.4 !important;}
    
    
    /*BTN*/
    
    .btn {
        display: block;
    background: #fff;
    line-height: 10vw;
    height: 10vw;
    border-radius: 5vw;
    
}
    
    .btn::after{
        position: absolute;
    top: 0;
    right: 3%;
    content: '\FF1E';
    transform: scale(.6,1);
    display: block;
    }

    .btn:link,.btn:active,.btn:hover,.btn:visited{color: #000; text-decoration: none;}
    
    .btn.link-window::after, .link-window-blue::after, .link-window-white::after {
        position: absolute;
    content: '';
    top: 50%;
    right: 5%;
    transform: scale(1.3);
    /* margin-top: -4.5px; */
    background-image: url(../images/icon_sprite.png);
    background-position: 0 -78px;
    width: 9px;
    height: 9px;
    background-size: 101px 93px;
    }
    
    /**/
    
    
    
    
    
    
    
    
/**/
}




/*/////////////////////////////////////////////////////////// COMMON ///////////////////////////////////////////////////////////*/

.bgGray{background: #f5f5f5; position: relative;}

.red, .fcRed { color: #ff0000; }
.fcG{color:#23ac38;}
.fcO{color:#006cb8;}
.fcLGray{color: #bfbfbf;}
.fwB {font-weight: bold!important}
.fwN{font-weight: normal !important;}
.fsS{font-size: 80%; font-weight: normal;}
.fsL{font-size: 130%;}
.footerPopup { display: none!important;}
#contentsWrapper { padding-bottom: 0!important;}
.contArea { padding-bottom: 0!important;}

.sup {
font-size: 70%;
vertical-align: top;
position: relative;
top: -0.1em;
}

.slide-up { opacity: 0; transform: translate(0, 120px); transition: .6s; }
.slide-up.in { opacity: 1; transform: translate(0, 0); }

.view-sp { display: none!important; }
.view-pc { display: block!important; }

@media screen and (min-width: 0px) and (max-width:767.98px) {
	
	.view-sp { display: block!important; }
	.view-pc { display: none!important; }

}
/**/
/*
 SNS
----------------------------------------------------------------------------------------------------*/
.socials li {
	margin-left:7px;
	line-height:0;
	float:left;
	width:75px;
}
.socials li:nth-child(1){ width: 75px; overflow: hidden; position: relative;}
.socials li.facebook{width:116px;}
.socials li#linebtn{ width:88px; }

.headL2 {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 30px;
}

.gn-socials {
	position: absolute;
	right:0;
	top: 0px;
	width:auto!important;
}

body #contentsWrapper .contArea { max-width: 100%!important; padding-left: 0!important; padding-right: 0!important; position: relative!important; }


#socialBox { display: none; padding: 10px; }

@media screen and (max-width: 767px) {

#socialBox { display: block; padding: 10px; }
.headL2 { display: none; }

#sp_social_v2 {
	margin-top: 40px;
	text-align: center;
}

#sp_social_v2 ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 30px 0;
	border: #e5e5e5 1px solid;
	background: #fbfbfb;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	-o-box-sizing: border-box!important;
	-ms-box-sizing: border-box!important;
	box-sizing: border-box!important;
	font-size: 1.4rem;
	font-weight: bold;
}

#sp_social_v2 ul li {
	display: table-cell;
	padding: 3% 0;
}

#sp_social_v2 ul li:nth-child(2) {
	border-left: #e5e5e5 1px solid;
	border-right: #e5e5e5 1px solid;
}

#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:75%; }
#sp_social_v2 ul li a img { width: 100%; height: auto; max-width: 104px;  }

#socialBtn {
	border-top:1px solid #e8e8e8;
	padding-top:60px;
	padding-bottom:40px;
}

#socialBtn a { margin-right: 60px; }
#socialBtn a.lastbtn { margin-right: 0; }
#socialBtn a img {
	width:100px;
	height:100px;
}

}


@media screen and (min-width: 0px) and (max-width: 500px) {
	#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:55%; }
}


#sp_social_v2 {
    margin-top: 10%;
    text-align: center;
}
#sp_social_v2 ul{ 
    border: none;
    background: #fff;
    width: 80%;
    margin: 0 auto; }
#sp_social_v2 ul li:nth-child(2){border:none;}
#sp_social_v2 ul li{ font-size: 3vw; }
#sp_social_v2 ul li a { width: 100%; font-size: 100%; }
#sp_social_v2 ul li a img { margin-bottom: 5%; width: 60%; }