@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*------------------------------------------------------------------------------------------------------------------------
	Universal Style
------------------------------------------------------------------------------------------------------------------------*/
html{font-size:62.5%;}
body{
background:#fff;
color:#000;
font-family:'Open Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
-webkit-text-size-adjust:100%;
}
body main{
color:#333;
/*---font-family:'Noto Sans Japanese',serif;---*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section{
display:block;
}
html,body,div,
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
margin:0;
padding:0;
}
img{
max-width:100%;
height:auto;
border:0;
vertical-align:bottom;
}
ul{
list-style-position:outside;
list-style-type:none;
}
ol{
margin-left:2em;
list-style-position:outside;
}
dl dd{
margin-bottom:7px;
}
em{
font-style:normal;
color:#f00;
}
table{
border:medium none;
border-collapse:collapse;
}
th,td{
font-weight:normal;
vertical-align:top;
}
a:link,
a:visited{color:#000;text-decoration:none;}
a:hover,
a:active{color:#000;text-decoration:underline;}
a:hover img{opacity:.8;}

fieldset{border:0;}
legend{display:none;}
input{vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="submit"]{
-webkit-appearance:none;
border-radius:0;
}
select{border-radius:0;}
sup{vertical-align:text-top;line-height:0.6;}
sub{vertical-align:baseline;}
iframe{border:0;}

::before,
::after{display:inherit;}

.br-pc:before{
content:"\A";
white-space:pre;
}
.br-sp{display:none;}
.only-sp{display:none;}


/*------------------------------------------------------------------------------------------------------------------------
Element
------------------------------------------------------------------------------------------------------------------------*/
p,ul,ol,dl,table{margin-bottom:20px;}
p,li,dt,dd,caption,th,td{
font-size:1.6rem;
line-height:2;
}
main p,
main li,
main dt,
main dd,
main caption,
main th,
main td{
font-size:1.3rem;
}
input,textarea,select,button{
font-size:inherit;
font-family:inherit;
}
label,button{cursor:pointer;}


/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
margin-bottom:20px;
line-height:2;
font-weight:bold;
}


/* 枠組み */

/*========================================================================================================================
Base Layout
========================================================================================================================*/
#page{min-width:320px;}

#shadow01{
display:none;
position:fixed;
top:0;
left:0;
z-index:900;
width:100%;
height:100%;
background:rgba(0,0,0,.4);
}
#shadow01.open{display:block;}

/*------------------------------------------------------------------------------------------------------------------------
Header Area
------------------------------------------------------------------------------------------------------------------------*/
header{
margin:0 auto;
padding:10px;
max-width:980px;
}
header #site-id{
float:left;
margin:0;
line-height:1;
}
header #site-id span{
display:table-cell;
margin:0;
height:52px;
vertical-align:middle;
}
header .sub{
float:right;
margin:0;
}
header .utility{
float:left;
margin:0;
}
header .utility > li{
margin-bottom:5px;
font-size:1.2rem;
line-height:1;
}
header .utility > li img{vertical-align:middle;}
header .utility > li:last-of-type{margin-bottom:0;}
header .logo{
float:right;
margin:17px 0 0 40px;
line-height:1;
}


/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
.align-type01{text-align:left !important;}
.align-type02{text-align:center !important;}
.align-type03{text-align:right !important;}

/* main-visual
----------------------------------------*/
.main-visual{
position:relative;
background-color:#0099dd;
background-size:cover;
}
.main-visual h1{
position:absolute;
top:50%;
left:0;
z-index:2;
margin:-65px 0 0;
width:100%;
color:#40a6fd;
font-size:4.4rem;
text-align:center;
line-height:1.3;
}
.main-visual h1 .hdg{
position:relative;
text-shadow:0 0 40px rgba(255,255,255,1), 0 0 40px rgba(255,255,255,1), 0 0 40px rgba(255,255,255,1);
}
.main-visual h1 .caption{
display:inline-block;
position:relative;
color:#333;
font-size:1.8rem;
font-weight:normal;
text-shadow:0 0 25px rgba(255,255,255,1), 0 0 25px rgba(255,255,255,1);
}
.main-visual h1 .caption strong{
color:#40a6fd;
font-size:2.2rem;
font-weight:bold;
}

/* hdg-type
----------------------------------------*/
.hdg-type01{
margin-bottom:15px;
font-size:2.4rem;
font-weight:normal;
text-align:center;
line-height:1.2;
}
.hdg-type02{
margin-bottom:30px;
font-size:2.8rem;
text-align:center;
line-height:1.3;
}
.hdg-type02 strong{
color:#40a6fd;
font-size:3.6rem;
font-weight:700;
}
.hdg-type03{
margin-bottom:25px;
color:#40a6fd;
font-size:2.4rem;
text-align:center;
line-height:1.5;
}
.hdg-type04{
margin-bottom:15px;
color:#40a6fd;
font-size:2.6rem;
text-align:center;
line-height:1.5;
}
.hdg-type04 .caption{
color:#333;
font-size:2rem;
font-weight:normal;
}
.hdg-type05{
margin-bottom:20px;
color:#40a6fd;
font-size:3.2rem;
text-align:center;
line-height:1.4;
}
.hdg-type05 .caption{
color:#333;
font-size:2.2rem;
}
.hdg-type06{
margin-bottom:20px;
color:#40a6fd;
font-size:2.4rem;
text-align:center;
line-height:1.4;
}

/* blk-bg01
----------------------------------------*/
.blk-bg01{background:#f2f2f2;}

/* list-task01
----------------------------------------*/
.list-task01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -6px 10px;
}
.list-task01 li{
box-sizing:border-box;
margin:0 6px;
padding:0 10px;
width:calc(25% - 12px);
background:#f2f2f2;
text-align:center;
}
.list-task01 li .img{
display:table-cell;
width:240px;
height:150px;
vertical-align:middle;
}
.list-task01 li strong{
color:#40a6fd;
font-size:1.6rem;
}
.list-task01 li p{
margin-bottom:15px;
font-size:1.3rem;
line-height:1.6;
}

/* blk-365-bis
----------------------------------------*/
.blk-365-bis{
display:table;
margin-bottom:60px;
}
.blk-365-bis .img{
display:table-cell;
margin:0;
width:50%;
}
.blk-365-bis .txt{
display:table-cell;
padding:20px 50px 20px 60px;
width:50%;
background:#fff;
vertical-align:middle;
}
.blk-365-bis p{font-size:1.4rem;}
.blk-365-bis .modal01{
color:#40a6fd;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}
.blk-365-bis .modal01:hover{text-decoration:none;}

/* blk-modal01
--------------------------------------*/
.blk-modal01{
display:none;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
position:absolute;
left:50%;
z-index:1000;
margin-left:-400px;
width:800px;
background:#fff;
}
.blk-modal01 > .lay{
position:relative;
padding:30px 30px 5px;
}
.blk-modal01 .close{
position:absolute;
top:15px;
right:15px;
z-index:1001;
margin:0;
width:30px;
height:30px;
}
.blk-modal01 .close a{
display:block;
overflow:hidden;
position:relative;
width:30px;
height:30px;
background:#fff;
text-indent:100%;
white-space:nowrap;
cursor:pointer;
}
.blk-modal01 .close a::before,
.blk-modal01 .close a::after{
content:'';
position:absolute;
top:50%;
left:50%;
margin:-12px 0 0 -2px;
width:3px;
height:23px;
background:#656565;
}
.blk-modal01 .close a::before{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.blk-modal01 .close a::after{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* blk-about01
----------------------------------------*/
.blk-about01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 0 25px;
}
.blk-about01 .cont{
box-sizing:border-box;
margin:0;
padding:0 20px;
width:33.33%;
}
.blk-about01 .cont:first-of-type{padding:0 20px 0 0;}
.blk-about01 .cont:last-of-type{padding:0 0 0 20px;}
.blk-about01 .cont+.cont{border-left:1px solid #e0e0e0;}
.blk-about01 .hdg{
margin:0;
min-height:3em;
font-size:1.6rem;
text-align:center;
line-height:1.4375;
}
.blk-about01 .img{
display:table-cell;
padding-bottom:20px;
width:250px;
height:150px;
text-align:center;
vertical-align:middle;
}
.blk-about01 p{
margin-bottom:15px;
font-size:1.4rem;
text-align:center;
line-height:1.714;
}

/* blk-365-merit
----------------------------------------*/
.blk-365-merit{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -5px 10px;
text-align:center;
}
.blk-365-merit .cont{
box-sizing:border-box;
margin:0 5px 10px;
padding:20px 20px 5px;
width:calc(50% - 10px);
background:#fff;
}
.blk-365-merit .hdg{
margin-bottom:25px;
font-size:2.2rem;
text-align:center;
line-height:1;
}
.blk-365-merit .hdg span{color:#40a6fd;}
.blk-365-merit .img{
margin-bottom:20px;
text-align:center;
}
.blk-365-merit .lead{
margin-bottom:15px;
font-size:1.8rem;
font-weight:bold;
text-align:center;
line-height:1.5;
}

/* blk-service
----------------------------------------*/
.blk-service{
margin:35px auto 70px;
max-width:640px;
}
.blk-service .img{
position:relative;
float:left;
width:392px;
}
.blk-service ul li{
position:absolute;
text-align:center;
}
.blk-service ul .txt01{
top:245px;
left:0;
width:120px;
}
.blk-service ul .txt02{
top:230px;
left:280px;
width:140px;
}
.blk-service ul .txt03{
top:440px;
left:0;
width:185px;
font-size:1.6rem;
}
.blk-service ul .txt04{
top:440px;
right:0;
width:185px;
font-size:1.6rem;
}
.blk-service .cont{
float:right;
padding-top:50px;
width:190px;
}
.blk-service .cont .hdg{
margin-bottom:3px;
font-size:1.4rem;
font-weight:normal;
text-align:center;
}
.blk-service .cont .segment{
margin-bottom:18px;
padding:10px;
background:#bfe1fd;
}
.blk-service .cont dl{
margin:0;
border:1px solid #40a6fd;
background:#fff;
}
.blk-service .cont dl dt{
margin:0;
padding:0 0 3px;
background:#40a6fd;
color:#fff;
font-size:1.2rem;
text-align:center;
}
.blk-service .cont dl dd{
margin:0;
padding:15px 10px 10px;
line-height:1.45;
}
.blk-service .cont dl dd p{
margin:0 0 10px;
text-align:center;
}

/* strong01
----------------------------------------*/
.strong01{background:#fff1ce;}

/* txt-service
----------------------------------------*/
.txt-service01{
font-size:1.4rem;
text-align:center;
}


/* blk-segment01
----------------------------------------*/
.blk-segment01{
margin-bottom:20px;
padding:25px 30px 20px;
background:#f2f2f2;
}

/* blk-lineup01
----------------------------------------*/
.blk-lineup01{
margin-bottom:10px;
padding:25px 20px 5px;
background:#fff;
}
.blk-lineup01 .hdg{
margin-bottom:10px;
color:#40a6fd;
font-size:1.7rem;
line-height:1.2;
}
.blk-lineup01 .hdg a{color:#40a6fd;}
.blk-lineup01 .hdg a::after{
display:inline-block;
content:'';
margin:-2px 0 0 8px;
width:8px;
height:11px;
background:url(/cms/rs/softcreate/images/microsoft365/bg/icon-arrow02-r.png) center top no-repeat;
background-size:8px auto;
vertical-align:middle;
}

/* blk-relation01
----------------------------------------*/
.blk-relation01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 auto;
max-width:660px;
}
.blk-relation01 .cont{
box-sizing:border-box;
margin:0 5px 10px;
padding:25px 20px 5px;
width:calc(50% - 10px);
background:#fff;
}
.blk-relation01 .cont .img{
margin:0 0 35px;
text-align:center;
}

/* conversion
----------------------------------------*/
.conversion{
box-sizing:border-box;
padding:50px 20px;
background:#003366;
}
.conversion.leave{
padding:10px 20px 20px;
background:#003366;
}
.conversion p{
margin-bottom:12px;
color:#fff;
font-size:1.8rem;
text-align:center;
}
.conversion .list-conversion{
margin:0 auto;
max-width:620px;
}
.conversion .list-conversion li{
box-sizing:border-box;
float:left;
margin:0;
padding:0 20px;
width:50%;
font-size:1.6rem;
}
.conversion .list-conversion li a{
display:block;
position:relative;
padding:8px 35px 10px;
border-radius:50px;
background:#ff3300;
color:#fff;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.conversion.leave .list-conversion li a{padding:4px 35px 5px;}
.conversion .list-conversion li a::after{
content:'';
position:absolute;
top:50%;
right:20px;
margin-top:-7px;
width:10px;
height:15px;
background:url(/cms/rs/softcreate/images/microsoft365/bg/icon-arrow01-r.png) left top no-repeat;
background-size:10px auto;
}
.conversion .list-conversion li a:hover{background:#007efe;}

/* section
----------------------------------------*/
.sec-cont01{
margin:0 auto;
padding:60px 10px 50px;
max-width:980px;
}
.sec-cont02{
position:relative;
text-align:center;
padding:15px 15px;}

.section-task .sec-cont01 .sec-cont02{padding-top:55px;}


/* add
----------------------------------------*/
.txt-c{
text-align:center;
}



/* space
----------------------------------------*/
.space-btm00{margin-bottom:0 !important;}

/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
footer{
margin:0 auto;
padding:0 10px;
max-width:980px;
}
footer a{color:#242424;}

/* contents01 */
footer .contents01{
position:relative;
padding:30px 80px 15px 0;
}
footer .contents01 .logo{float:left;}
footer .contents01 .logo p{
padding-left:65px;
font-size:1.2rem;
line-height:1;
}
footer .contents01 .utility{
float:right;
margin:0;
}
footer .contents01 .utility > li{
margin-bottom:5px;
font-size:1.2rem;
line-height:1;
}
footer .contents01 .utility > li img{vertical-align:middle;}
footer .contents01 .utility > li:last-of-type{margin-bottom:0;}
footer .contents01 .btnPagetop{
position:absolute;
top:30px;
right:0;
}
footer .contents01 .btnPagetop.fixed{
position:fixed;
top:auto;
bottom:10px;
right:20px;
}

/* contents02 */
footer .contents02{
padding:20px 0 40px;
border-top:1px solid #c9cdce;
}
footer .contents02 .logo{
float:right;
margin:0;
}
footer .contents02 ul{
float:left;
margin:0;
}
footer .contents02 ul li{
float:left;
margin-right:45px;
font-size:1.3rem;
}
footer .contents02 .copyright{
float:left;
margin:0;
font-size:1.1rem;
}


/*------------------------------------------------------------------------------------------------------------------------
clearFix
------------------------------------------------------------------------------------------------------------------------*/
.blk-service::after,
header::after,
.conversion .list-conversion::after,
footer .contents01::after,
footer .contents02::after{
display:block;
content:'';
clear:both;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
screen
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 767px以下
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

.br-pc{display:none;}
.br-sp{display:inline;}
.br-sp:before{
content:"\A";
white-space:pre;
}

.only-pc{display:none;}
.only-sp{display:block;}
img.only-sp{display:inline;}

/*------------------------------------------------------------------------------------------------------------------------
Element
------------------------------------------------------------------------------------------------------------------------*/
p,li,dt,dd,caption,th,td{font-size:1.4rem;}


/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
margin-bottom:20px;
line-height:2;
font-weight:bold;
}


/*------------------------------------------------------------------------------------------------------------------------
Header Area
------------------------------------------------------------------------------------------------------------------------*/
header{padding:15px 20px;}
header #site-id{
margin:0;
width:154px;
}
header #site-id span{height:auto;}
header #site-id img{width:154px;}
header .utility > li{
margin-top:2px;
font-size:1rem;
}
header .logo{display:none;}


/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
/* main-visual
----------------------------------------*/
.main-visual{
position:relative;
background-color:#00ccff;
background-size:cover;
}
.main-visual h1{
margin:-80px 0 0;
font-size:4.2rem;
line-height:1.25;
}
.main-visual h1 .hdg{
position:relative;
text-shadow:0 0 40px rgba(255,255,255,1), 0 0 40px rgba(255,255,255,1), 0 0 40px rgba(255,255,255,1);
}
.main-visual h1 .caption{
font-size:1.7rem;
text-shadow:0 0 25px rgba(255,255,255,1), 0 0 25px rgba(255,255,255,1);
line-height:1.4;
}
.main-visual h1 .caption strong{font-size:2rem;}

/* hdg-type
----------------------------------------*/
.hdg-type01{
font-size:1.9rem;
line-height:1.4;
}
.hdg-type02{
margin-bottom:15px;
font-size:1.9rem;
line-height:1.3;
}
.hdg-type02 strong{font-size:2.2rem;}
.hdg-type03{
margin-bottom:25px;
font-size:1.9rem;
}
.hdg-type04{font-size:2.2rem;}
.hdg-type04 .caption{font-size:1.9rem;}
.hdg-type05{
margin-bottom:15px;
font-size:2.2rem;
line-height:1.4;
}
.hdg-type05 .caption{
font-size:1.9rem;
font-weight:normal;
}

/* list-task01
----------------------------------------*/
.list-task01{margin:0 -5px 15px;}
.list-task01 li{
box-sizing:border-box;
margin:0 5px 10px;
padding:0 5px;
width:calc(50% - 10px);
}
.list-task01 li .img{height:110px;}
.list-task01 li strong{
font-size:1.4rem;
}
.list-task01 li p{
margin-bottom:15px;
font-size:1.3rem;
line-height:1.6;
}

/* blk-365-bis
----------------------------------------*/
.blk-365-bis{
display:block;
margin-bottom:45px;
}
.blk-365-bis .img{
display:block;
width:auto;
}
.blk-365-bis .img img{width:100%;}
.blk-365-bis .txt{
display:block;
padding:15px 20px 20px;
width:auto;
background:#fff;
vertical-align:middle;
}
.blk-365-bis p{
margin-bottom:5px;
font-size:1.3rem;
}

/* blk-modal01
--------------------------------------*/
.blk-modal01{
left:15px;
right:15px;
margin-left:0;
width:auto;
}
.blk-modal01 > .lay{padding:30px 20px 50px;}
.blk-modal01 .close{
top:auto;
bottom:25px;
left:50%;
right:auto;
margin:0 0 0 -15px;
}

/* blk-about01
----------------------------------------*/
.blk-about01{
display:block;
margin:0 0 25px;
}
.blk-about01 .cont{
margin:0;
padding:20px 20px 0;
width:auto;
}
.blk-about01 .cont:first-of-type{padding:0 20px;}
.blk-about01 .cont:last-of-type{padding:20px 20px 0;}
.blk-about01 .cont+.cont{
border-top:1px solid #e0e0e0;
border-left:0;
}
.blk-about01 .hdg{
margin:0 0 10px;
min-height:0;
}
.blk-about01 .img{
display:block;
margin:0;
padding-bottom:10px;
width:auto;
height:auto;
}
.blk-about01 p{
margin-bottom:20px;
font-size:1.3rem;
}

/* blk-365-merit
----------------------------------------*/
.blk-365-merit{
display:block;
margin:0 0 20px;
}
.blk-365-merit .cont{
margin:0 0 15px;
padding:20px 20px 5px;
width:auto;
}
.blk-365-merit .hdg{
margin-bottom:25px;
font-size:2rem;
}
.blk-365-merit .lead{
margin-bottom:5px;
font-size:1.6rem;
}

/* blk-service
----------------------------------------*/
.blk-service{margin:0 auto 50px;}
.blk-service .img{
float:none;
margin:0 auto 50px;
width:290px;
}
.blk-service .img p{text-align:center;}
.blk-service ul .txt01{
top:185px;
left:0;
width:100px;
}
.blk-service ul .txt02{
top:175px;
left:auto;
right:-10px;
width:100px;
text-align:left;
line-height:1.4;
}
.blk-service ul .txt03{
top:auto;
bottom:-28px;
left:0;
width:50%;
font-size:1.5rem;
}
.blk-service ul .txt04{
top:auto;
bottom:-28px;
right:0;
width:50%;
font-size:1.5rem;
}
.blk-service .cont{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
float:none;
margin:0 -2px;
padding-top:0;
width:auto;
}
.blk-service .cont .cont01,
.blk-service .cont .cont02{
box-sizing:border-box;
margin:0 2px;
width:calc(50% - 4px);
}
.cont03{
box-sizing:border-box;
margin:0 2px;
width:calc(100%);
text-align:center;
}
.blk-service .cont .segment{margin-bottom:0;}
.blk-service .cont dl{
margin:0;
border:1px solid #40a6fd;
background:#fff;
}
.blk-service .cont dl dt{
margin:0;
padding:0 0 3px;
background:#40a6fd;
color:#fff;
font-size:1.2rem;
text-align:center;
}
.blk-service .cont dl dd{
padding:10px 5px;
min-height:75px;
font-size:1.1rem;
line-height:1.45;
}
.blk-service .cont dl dd p{margin:0 0 8px;}

/* txt-service01
----------------------------------------*/
.txt-service01{font-size:1.3rem;}

/* blk-segment01
----------------------------------------*/
.blk-segment01{
margin-bottom:15px;
padding:30px 20px 25px;
}

/* blk-lineup01
----------------------------------------*/
.blk-lineup01{padding:23px 20px 5px;}
.blk-lineup01 .hdg{
margin-right:-5px;
margin-bottom:10px;
font-size:1.6rem;
font-weight:normal;
}

/* blk-relation01
----------------------------------------*/
.blk-relation01{display:block;}
.blk-relation01 .cont{
margin:0 0 10px;
padding:23px 20px 5px;
width:auto;
}
.blk-relation01 .cont .img{margin:0 0 15px;}

/* conversion
----------------------------------------*/
.conversion{padding:35px 15px 25px;}
.conversion.leave{padding:10px 15px 10px;}
.conversion p{
margin-bottom:12px;
font-size:1.3rem;
}
.conversion .list-conversion li{
float:none;
margin:0 0 10px;
padding:0;
width:auto;
font-size:1.6rem;
}
.conversion.leave .list-conversion li a{padding:8px 35px 10px;}

/* section
----------------------------------------*/
.sec-cont01{padding:30px 15px 10px;}
.sec-cont02{
position:relative;
text-align:center;
padding:15px 15px;}
.section-task .sec-cont01 .sec-cont02{padding-top:30px;}


/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
footer{padding:0 20px;}

/* contents01 */
footer .contents01{padding:30px 0 50px;}
footer .contents01 .logo img{width:154px;}
footer .contents01 .logo p{display:none;}
footer .contents01 .utility > li{
margin-top:2px;
font-size:1rem;
}
footer .contents01 .btnPagetop{
position:absolute;
top:auto;
right:auto;
bottom:15px;
left:50%;
margin:0 0 0 -29px;
}
footer .contents01 .btnPagetop.fixed{
left:auto;
margin:0;
}

/* contents02 */
footer .contents02{
margin:0 -20px;
padding:15px 20px;
}
footer .contents02 .logo{
float:none;
margin:0 0 15px;
text-align:center;
}
footer .contents02 .logo img{width:150px;}
footer .contents02 ul{
float:none;
margin:0 0 15px;
text-align:center;
letter-spacing:-.4em;
}
footer .contents02 ul li{
display:inline-block;
float:none;
margin:0 10px;
font-size:1rem;
letter-spacing:normal;
}
footer .contents02 .copyright{
float:none;
margin:0;
font-size:1rem;
text-align:center;
}

}