/* body{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: normal; margin: 0 auto;margin: 0 auto;} */
body{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal; margin: 0 auto;  margin: 0 auto;}
ul{list-style: none;}
.bgWhite{background-color: white;}
.opacity0{opacity: 0;}
.white{color: #fff;}

span.yellowLine{border-bottom: solid 3px yellow;font-weight: bold;}
.header{}
#t-scroll {
    position: fixed;
    bottom: 30px;
    right: 10px;
    background-color: #fff;
    z-index: 1;
}
#t-scroll a{    background-color: #fff;
    border: 1px solid #aeaeae;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 20px 20px;}
#t-scroll a img {
    width: 15px;
}   
.miniHeader{opacity: 0; position: fixed;top:0;z-index: 10; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.09);background-color: #fff;width:100%;}
.logo{text-align: center;padding:20px;background-color: rgba(255,255,255,0.95);
	position: fixed;
	width: 100%;
	z-index: 10;
}
.logo img{margin:10px auto;width: 250px;}
.logomini{text-align: center;padding-top:10px;}
.logomini img{width:30px;margin: 0 auto;margin:10px 0px;}
li.pcNaviLi{float: left;width:33.3%;text-align: center;line-height: 60px;text-decoration: none;}
li.pcNaviLi a{outline: none;color: #000;font-size: 1.5rem;}

/* .contentWrapper{background-color: #f8f8f8;} */
.content{width:960px;margin:0 auto;padding-top:100px;}
.wrapper{width:960px;margin:0 auto;padding-top:30px;}

.topKeyVisualWrapper{width:100%;text-align: center;background-color: #DCDCDC;}
.topKeyVisual{width:80%;margin:0 auto;text-align: center;position: relative;text-align: center;}
.topKeyVisualText3{width:50%;margin:0 auto;}
.topKeyVisualText3 p{font-size: 1.8rem;line-height: 2.5rem;letter-spacing: 0.2rem;}
.topKeyVisualText3 p:nth-child(1){font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding-top:50px;}
.topKeyVisualText3 p:nth-child(2){font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 4.5rem;letter-spacing: 0.4rem;line-height: 5rem;}
.topKeyVisualText3 p:nth-child(3){font-size: 1.3rem;line-height: 2.5rem;letter-spacing: 0.1rem;padding-top:20px;}

.topKeyVisualTextWrapper{position: absolute;top:30px;width: 100%;text-align: center;}
.topKeyVisualText1{font-family: Georgia, "Times New Roman", Times, "serif";font-size: 4rem;font-weight: bold;line-height: 4rem;}
.topKeyVisualText2{font-family: Georgia, "Times New Roman", Times, "serif";font-size: 1.5rem;font-weight: bold;}

.topKeyvisualTitle{text-align: center;font-size: 2em;font-weight: bold;letter-spacing: 0.1em; padding-bottom:50px;}
.topKeyvisualText{padding: 30px 0px;width:80%;margin: 0 auto; letter-spacing: 0.1rem; line-height: 2rem;}
.topContentWrapper{background-color: #fff;margin-top: 10px;}




.menu1{position: fixed; left:0;top:0}

.topHeader{display: none;}
.drawer-toggle.drawer-hamburger{right:20px;top:10px;z-index: 20;}
.drawer--right.drawer-open .drawer-hamburger{right:20px;top:10px;color: #fff;}
.drawer--right .drawer-nav{z-index: 19;}
.drawer-open .drawer-overlay{z-index: 15;}


.sectionTitle{}
.sectionTitleSubtitle{
	text-align: center;
    background-image: url("images/yellowbackground.jpg");
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding:5px;
    width:30%;
    height: 70px;
    margin:0 auto;
	font-family: georgia;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 0.1rem;
    }
.sectionTitle h2{
	text-align: center;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2rem;
    letter-spacing: 0.1rem;
    margin-bottom: 20px;}
.sectionTitleBorder{
    border-top: 1px solid #000;
    width: 10%;
    margin: 0 auto;
    padding-bottom:100px;
    }
    
.sliderHeight{height:300px;text-align: center;}
.sectionTitle h4{font-size: 1.2rem;font-weight: bold;margin:0;}
.sectionTitle h3{font-size: 2rem;font-weight: bold;margin:0;}

img.topKeyVisualSvg{ height:200px;}
img.topKeyVisualImg{ width:40%; margin:0 auto;padding-top:30px;}

.topKeyVisualImg span{font-size:1rem;}
.topKeyVisualImg h3{font-size:1.6rem;font-weight: bold;letter-spacing: 0.1rem;margin:0;padding:10px;}
.topKeyVisualImg p{font-size:1.3rem;line-height: 2rem;}
.topKeyVisualImg a{font-size:1.2rem;font-weight: bold;color:#00B6C8;}

.top3columnTitle h2{
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.15rem;
	color: #2c2c2c;
	}

.top3columnTitle h2:before{
 	content: "";
    border-bottom: 1px solid #d5d5d5;
    margin: 0 auto;
    position: absolute;
    bottom: 40%;
    right: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.top3columnTitle h2 span{
	background-color: #fff;
	padding:0 20px;
    display: inline-block;
    }


.top3columnBorder{border:1px solid #000; border-bottom:none;border-top: none;}
.top3columnTitleBorder{border-top: 1px solid #000;width: 30%;margin: 0 auto;padding-bottom:30px;margin-top:20px;}
.top3column{text-align: center;width:90%;margin:0 auto;padding:30px 30px 35px 30px;}
.top3column img{width:30%;}
.top3columnNum{font-size:2rem;font-weight: bold;letter-spacing: 0.1rem;padding:10px;}
.top3column h3{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2rem;letter-spacing: 0.2rem;padding-bottom:10px;padding-top:10px;}
.top3column h5{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1rem;letter-spacing: 0.2rem;padding-bottom:30px;}
.top3column p{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";height:90px; font-size: 1.3rem;letter-spacing: 0.1rem;text-align: left;color:#000;line-height: 2rem;height:130px;}
.top3columnImg{width:50%;margin:0 auto;}
.top3columnImg img{width:100%;}
.top3columnMore{font-family: 'Sawarabi Mincho', sans-serif;  background-color: #000;color: #fff;border:2px solid #000; width:90%;padding:10px;margin:0 auto;font-size: 1.2rem;font-weight: bold; letter-spacing: 0.1rem;text-align: center;}

.ourServiceContent{clear: both;position: relative;height: 60px;width: 100%;border-bottom: 1px solid #CACACA;}
.ourServiceContent:nth-child(4){height: 100px;text-align: left;}
.ourServiceLeft{float: left;font-size: 2.5rem;}
.ourServiceRight{float: right;font-size: 1.1rem;}
.ourServiceLeft span{position: absolute; left: 0;bottom:0;}
.ourServiceRight span{position: absolute; right: 0;bottom:0;}


.aboutContent{clear: both;position: relative;}
.aboutContent15{width: 15%;}
.aboutContent25{width: 25%;}
.aboutContent25 img{width: 100%;}
.aboutContentLeft{font-size: 2.5rem;}
.aboutContentRight{font-size: 1.1rem;}
.aboutContentLeft span{font-size: 1.8rem;letter-spacing: 0.1rem;text-align: center;}
.aboutContentRight span{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";text-align: center;
    font-size: 1rem;
    letter-spacing: 0.2rem;}


a {
    outline: none;
}

a.viewMoreLink {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.15rem;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color:#000;
    padding:0 5px;
}
a.viewMoreLink:before {
    content: "";
    position: absolute;
    background-color: #000;
    width: 0;
    left: 0;
    height: 1px;
    bottom: -1px;
    -webkit-transition: .2s ease 0s;
    transition: .2s ease 0s;
}
a.viewMoreLink:hover:before {
    width: 100%;
}




.top2column{text-align: center;padding-top:30px;}
.top2column img{width:80%;}



.googleMap{padding:20px;text-align: center;}
.googleMap img{width:90%;}


.sectionColumn{text-align: center;padding:30px;}
.sectionColumn p{font-size: 1.3rem;line-height: 2rem;letter-spacing: 0.1rem;}
.sectionColumnBorder{
    border-top: 1px solid #000;
    width: 20%;
    margin: 0 auto;
    margin-top:50px;
    margin-bottom:30px;
    }
.sectionColumn img{width:200px;padding:20px 20px 30px 20px;}
.sectionColumn h2{font-family: 'Roboto Condensed', sans-serif; font-size: 4rem;padding:10px;}

.sectionColumn h3{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2rem;letter-spacing: 0.2rem;padding-bottom:10px;padding-top:10px;}
.sectionColumn h4{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1rem;letter-spacing: 0.2rem;}



/* navi */
.drawer-menu{padding-top:10px;}
.navigationWrapper{padding-top:50px;text-decoration: none;}
li.navigationLi {padding-bottom: 0px;line-height: 1.5;}
.navigationLi a{letter-spacing: 0.05rem; padding-left:25px;text-decoration: none;color: #000;}
.nav1{font-size: 1.5rem;letter-spacing: 0.1rem; text-decoration: none;color: #000;text-align: center;}
.nav2{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";text-align: center;font-size: 1rem;letter-spacing: 0.2rem; text-decoration: none;color: #000;text-align: center;}



.menuBottom{color: #989898; letter-spacing: 0.05rem; position: absolute;bottom:100px;padding-left: 25px;}
.menuBottom1{color: #989898; letter-spacing: 0.05rem; position: absolute;bottom:100px;}
.menuBottom2{color: #989898; letter-spacing: 0.05rem; position: absolute;bottom:20px;width: 100%;}

/* more button */
a.moreLink{display: block; padding:10px;width:70%;margin:0 auto;margin-top:20px; border: 1px solid #cecece;}
a.moreLink{color: #000;text-decoration: none;}



/* serviceList */
.serviceList{width:60%;margin:0 auto;margin:10px auto;display: flex;  justify-content: center;  align-items: center;}
.serviceListNo{ font-family: 'Roboto Condensed', sans-serif;font-size: 2rem;letter-spacing: 0.1rem;}
.serviceListTitle {border-left: 3px solid #d5d5d5;
    padding-left: 10px;
    text-align: left;
    font-size: 2rem;
    letter-spacing: 0.2rem;
    padding-bottom: 10px;
    padding-top: 10px;
    margin:10px 0;}
.serviceListText{font-size: 1.4rem; line-height: 2rem;   letter-spacing: 0.15rem; padding: 10px;text-align: center;}




/* about */
.aboutTopTxt p{font-size: 1.3rem; line-height: 2.5rem; letter-spacing: 0.1rem; padding: 50px 0 30px 0;}
.aboutImg{}
.aboutImg img{width: 150px;margin:0 auto;}
.aboutImg h2{font-size: 1.5rem;letter-spacing: 0.1rem; margin-bottom:50px;}
.profile{border-left: 1px solid #d5d5d5;margin-left: 70px;}
.profile h3{font-size: 1.4rem;letter-spacing: 0.1rem;width: 85%;padding-left: 20px; text-align: left;}
.profile p{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1.2rem;line-height: 2rem;letter-spacing: 0.05rem; width: 85%; padding-left: 20px; text-align: left;  text-align: justify;}
.aboutTxt h3{font-size: 1.5rem;letter-spacing: 0.1rem;font-weight: bold;padding-bottom:30px;}
.aboutTxt p{font-size: 1.3rem; line-height: 2.5rem; letter-spacing: 0.1rem; padding-top:15px; text-align: left; text-align: justify;}
.profileName{width: 125px;float: right;}


.strongPoints{padding-top: 30px;margin: 0 auto;}

.strongPoints1{font-size: 1.5rem;letter-spacing: 0.05rem;}
.strongPoints2{font-size: 1.3rem;
    letter-spacing: 0.15rem;    font-size: 1.3rem;
    line-height: 2.5rem;
    letter-spacing: 0.1rem;
    text-align: left;
    text-align: justify;}
.strongPoints1 span{padding: 20px 0px;display: block; margin:0 auto;}    
.strongPoints2 span{padding: 30px;display: block;margin:0 auto;text-align: justify;height:80px;    margin-top: -10px;padding-top: 15px;}    
.strongPoints1Border{border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}
.strongPoints2Border{border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}


.sectionLinkBorder{clear: both;width:10%;margin:20px auto; border-bottom: 1px solid #000;padding-top:10px;}

.overview{width:70%;margin:0 auto;border-bottom: 1px solid #d5d5d5;margin:10px auto;display: flex;  justify-content: center;  align-items: center;}
.overviewTitle {font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";color:#a0a0a0; font-size: 1.1rem;letter-spacing: 0.1rem;padding: 10px;}
.overviewText{font-size: 1.3rem; line-height: 2rem;   letter-spacing: 0.15rem; padding: 10px;text-align: left;}



/* subpage */
.sectionCard{width:100%;text-align: center;}
.sectionCard2{width:960px;text-align: center;margin:0 auto;}
.sectionCardInner{margin:0 auto;display: inline-block;}
.sectionLink{height: 200px;padding-top: 30px;margin: 0 auto;}

.sectionLink2Border{border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}
.sectionLink3Border{border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}



.sectionLinkContact{border: 1px solid #000;height: 150px;width: 90%;padding-top: 30px;margin: 0 auto;}

.sectionLink1 {width:30%;margin:0 auto;}
.sectionLink1 img{width:50%;float: left;display: flex;  justify-content: center;  align-items: center;height:30px;}
.sectionLink1 p{ font-family: 'Roboto Condensed', sans-serif;font-size: 4rem;display: flex;  justify-content: center;  align-items: center;height:30px;}
.sectionLinkBorder{clear: both;width:10%;margin:20px auto; border-bottom: 1px solid #000;padding-top:10px;}
.sectionLink2{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-size: 1.2rem;letter-spacing: 0.15rem;text-align: center;padding-top:10px;}
.sectionLink3{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;width:100%;  font-size: 1.7rem; letter-spacing: 0.1rem;text-align: center;padding-top:20px;}
.sectionLinkMore{text-align: center;margin-top:25px;}

.conceptText {}
.conceptText h1{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2rem;letter-spacing: 0.1rem; margin-bottom: 20px;}
.conceptText h3{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2rem;letter-spacing: 0.15rem; margin-bottom: 20px;}
.conceptTextBorder{border-top: 1px solid #000;width:30px;margin:0 auto;}
.conceptText h4{font-size: 1.2rem; letter-spacing: 0.1rem;color: gray;padding-bottom:5px;}
.conceptText h5{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.8rem;letter-spacing: 0.2rem;padding-bottom:5px;}
.conceptText p {font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1.3rem;width:85%;margin: 0 auto;text-align: center;line-height: 2.5rem;letter-spacing: 0.1rem;}

.secondTitleIcon{display: flex;  justify-content: center;  align-items: center;height:30px;}
.secondTitleIcon img{width:30px;float: left;}
.secondTitleIcon h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2rem;float: left;margin:30px;}
.secondTitleText{align-items: center;}
.secondTitleText p{font-size: 1.3rem;line-height: 2.5rem; letter-spacing: 0.1rem; padding:35px;text-align: justify;}

.solution{width:100%;margin:0 auto;border-bottom: 1px solid #d5d5d5;margin:30px auto;}
.solutionTitle { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.3rem;letter-spacing: 0.1rem; display: flex;  justify-content: center;  align-items: center;min-height:100px;margin:20px 0;
float: left;padding: 10px;}
.solutionText{display: flex;  justify-content: center;  align-items: center;min-height:100px;margin:20px 0;
	float: left;font-size: 1.3rem; line-height: 2.2rem;  letter-spacing: 0.1rem; padding: 10px;text-align: justify;}




.TitleBorder{padding-bottom:20px;}
.TitleBorder img{width:200px;}
.Title1{text-align: left;font-size: 3rem;font-family: 'Work Sans', sans-serif;letter-spacing: 0.1rem;}
.Title2{text-align: left;font-size: 1rem;padding-left: 25px;font-family: 'Sawarabi Mincho', sans-serif;}
.subTitle{text-align: left;font-size: 1rem;padding:15px 0px 10px 0px;}
.subTitleEn{font-size: 0.7rem;opacity: 0.5;letter-spacing: 0.1rem;}
.subTextTitle{font-size: 2.2rem;line-height: 3rem;padding-bottom:10px;}
.subTextP{font-size: 0.9rem;line-height: 1.6rem;text-align: left;}
.profile{font-size: 0.9rem;}

.map{width:100%;margin:0 auto;}


/* price */
.priceTableContent{width:100%;}
.priceTable table{width:100%;}
.priceTable table tr th{font-family: sans-serif; font-size:1.2rem;letter-spacing: 0.1rem;font-weight: normal; padding:20px;text-align: center;background-color: #f4f4f4;border: 1px solid #dedede;}
.priceTable table tr td{font-family: sans-serif; font-size:1.2rem;letter-spacing: 0.1rem;font-weight: normal; padding:20px;text-align: center;border: 1px solid #dedede;}
h2.priceH2{padding-top:50px;padding-bottom;10px;text-align: center;font-size: 1.4rem;letter-spacing: 0.15rem; padding:100px 0 20px 0;}
.priceTable p{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-size: 1.2rem;line-height: 2rem;margin:0;white-space:normal;}


/* privacy policy */
h4.Definition{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.6rem;letter-spacing: 0.15rem;text-align: center;padding:50px 0px 10px 0 ;}

/* Service */
.serviceTitle p{width:90%;margin:0 auto; font-size: 1.3rem;line-height: 2.5rem;    letter-spacing: 0.1rem;padding-top:50px; text-align: justify;}
.serviceTitleImg img{height:140px;padding-top:50px;}
.serviceTitleImg p{text-align: center;font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-size: 1.2rem;letter-spacing: 0.15rem; padding-top:15px;}
.serviceContentWrapper{width:90%; margin:0 auto; }
.serviceContent{padding-bottom:25px;margin-bottom:35px;border-bottom: 1px solid #d5d5d5;padding:0 15px;}
.serviceContent:nth-child(1){border-top: 1px solid #d5d5d5;padding-top:25px;}
.serviceContent h4{border-left: 3px solid #d5d5d5;padding-left:10px; text-align: left; font-size: 1.4rem; line-height: 2rem;    letter-spacing: 0.1rem; margin-bottom:20px;}
.serviceContent p{text-align: left;font-size: 1.3rem;    line-height: 2.5rem;    letter-spacing: 0.1rem;    padding: 0 10px 30px 10px;text-align: justify;}

.topSpace{height:50px;}
.topVerticalBoder{border-left: 1px solid #cecece;height: 80%;width: 1px;position: absolute;top: 15%;left:0;}
.topHorizontalBoder{border-top: 1px solid #cecece;width: 100%;}

.spaceS{height:20px;}
.spaceM{height:50px;}
.spaceL{height:100px;}
.clear{clear: both;}



/* Q&A */
ul.qaAccordion{padding:0;}
/*アコーディオン全体*/
.qaAccordion{
    list-style: none;
}
.qaAccordionTitle {
    position: relative;
    cursor: pointer;
    font-weight: normal;
}
.qaAccordionTitle::before,
.qaAccordionTitle::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.qaAccordionTitle::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
.qaAccordionTitle::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);

}
.qaAccordionTitle.qaAccordionBoxClose::before{
	transform: rotate(45deg);
}

.qaAccordionTitle.qaAccordionBoxClose::after{
	transform: rotate(-45deg);
}


/* qaaccordion */
dd {
    display: none;
    padding-top:10px;
}
.qaAccordionTitle{
    padding-left: 10px;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.1rem;
}


 dt.qaAccordionTitle{
    border-left: 3px solid #d5d5d5;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.1rem;
/*     margin-bottom: 20px; */
	margin: 0 15px;
     }
.qaAccordionBox {
    display: none;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: 0.1rem;
    margin-top: 20px;
	padding: 0 15px;
	padding-top:10px;
	text-align: justify;
	}
     
.qaAccordionTitleText{
	width:100%;
}
dl.accordion{
    margin-bottom: 35px;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 15px;
}

.qaserviceContent{
	padding:0;
	margin:0;
	padding:35px 0;
    line-height: 2rem;
    cursor: pointer;
}
.qaserviceContent:nth-child(1){
	padding:0;
	margin:0;
	padding:35px 0;
    line-height: 2rem;
}


    
/* footer */
.footer{position: relative;background-color:#3a3a3a;}
.footer p{text-align: center;font-size: 1.3rem;letter-spacing: 0.1rem;margin-bottom: 10px;}
.footerSectionColumn img{width:300px;padding:20px 20px 30px 20px;}
.footerList{
    width: 90%;
    margin: 0 auto;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    }
    
.footerLogo{width:220px;margin:0 auto;padding-top:20px;}
.footerContact{font-family:sans-serif; background-color: #fff;color: #000;width:30%;margin:0 auto;font-size: 1.3rem;font-weight: bold; letter-spacing: 0.1rem;text-align: center;border: 2px solid #000;}

.footerContent{width:100%; margin: 0 auto;line-height: 50px;font-family:sans-serif; ;color: #000;margin:0 auto;font-size: 1.3rem;letter-spacing: 0.1rem;}
a.returnTop{display: block; position: absolute; top:10px;right:30px;text-align: center; height:50px;cursor: pointer;}
p.footerCopyright{font-family: YuGothic,Yu Gothic,sans-serif; font-size: 1rem;letter-spacing: 0.1rem;}

.footerMenu{text-align:center;height: 15px;padding:20px 0;}
a.footerLink{outline: none;    text-decoration: none;}

.footerMenu ul{display:inline-block;}
.footerMenu ul li{float: left;padding-right: 30px;letter-spacing: 0.1rem;}
.footerMenu ul li{text-align: center; }
.footerMenu ul li{
	text-transform: uppercase;
	border-left: 1px solid #000;
	padding: 0 20px;
	height: 15px;
	line-height: 15px;
	font-size: 1.1rem;
}
.footerMenu ul li:first-child{
	border-left: none;
	padding-left: 0;
}













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

.logo{width:100%;padding-left:0;padding-right: 50px;}
.logo img{width:500px;margin: 0 auto;}

.topKeyVisualText3 p:nth-child(1){font-size: 2rem;}

img.topKeyVisualSvg{ height:100px;}
img.topKeyVisualImg{width: 100%;}
.topKeyVisual{width:90%;margin:0 auto;}
.topKeyVisualText3{width:100%;margin:0 auto;}
.topKeyVisualText3 p{font-size: 1.4rem;line-height: 2rem;letter-spacing: 0rem;}
.topKeyVisualText3 p:nth-child(2){font-size: 3.5rem;}

.top3column{padding:50px 0;}
.top3columnBorder{border: none;}

.topSpace{height:20px;}

.content{width:100%;}
.wrapper{width:100%;}

.spaceS{height:10px;}
.spaceM{height:20px;}
.spaceL{height:100px;}
.Title2{padding-left: 0px;display: block;}
.map{width:100%;margin:0 auto;}

.secondTitleText p{padding:10px 0px;}    
.contentWrapper{width:90%;margin:0 auto;}
.sectionLink{width:80%;margin-bottom:50px;}
.sectionLinkContact{width: 80%;}


.sectionColumn img{width:200px;padding:10px;}


/* serviceList */
.serviceList{width:100%;}
.serviceListTitle{font-size:1.5rem;}
.serviceListText a{text-align: justify;}
.serviceListText{padding: 0;}
.strongPoints{height: 300px;}
.strongPoints2Border{border: none;}
.strongPoints2 span{padding: 20px;}
.sectionCard2{width:100%;}


/* about */
.profile{margin-left: 10px;}
.aboutTxt p{width:90%;margin:0 auto;padding-top: 25px;}
.profileName{width: 125px;float: right;}

.overview{width: 100%;}

/* footer */
.footerContent{width:100%;height: 50px;}
.footerLeft{float: left;width: 50%;text-align: center;}
.footerRight{float: none;clear: both;text-align: center;}
.footerLeft:nth-child(2){width: 50%;text-align: center;}
p.footerCopyright{height:45px;}
.footer .sectionColumn img{width:300px;padding:10px;}


/* subpage */
.TitleBorder{padding-bottom:20px;}
.TitleBorder img{width:150px;}
.Title1{font-size: 2.5rem;padding-bottom: 20px;}
.Title2{font-size: 0.8rem;padding-left: 0px;font-family: sans-serif;}

.sectionLink2Border{border:none;}
.sectionLink3Border{border:none;}



.subTextTitle{font-size: 1.3rem;line-height: 2rem;}
.conceptText {padding-bottom: 25px;}
.conceptText p{text-align: center;}
.solution{width:90%;}
.solutionTitle{width:100%;padding:0; margin:0;}
.solutionText{width:100%;padding:0;text-align: justify;}

/* price */
.priceTableWrapper{width:105%;}
.priceTableContentWide{width:100%;}



/* q&a */
.qaAccordionTitleText{
	width:85%;
}
.qaAccordionTitle::before{
    right: 10px;
    
}
.qaAccordionTitle::after{    
    right: 10px;

}
dt.qaAccordionTitle{margin:0;}



}

@media screen and (max-width:767px) {
/* price */
.priceTableWrapper{width:105%;}
.priceTableContentWide{width:100%;overflow-x: scroll;white-space: nowrap;}

}

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

.logo img{width:90%;}
.topSpace{height:10px;}

/* price */
.priceTableWrapper{width:105%;}
.priceTableContentWide{width:100%;overflow-x: scroll;white-space: nowrap;}

}










/* アニメーション */
.animation {
}
.fadeInRightClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
 0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
 0% {
opacity: 0;
-webkit-transform: translateX(-50px);
-ms-transform: translateY(-20px);
transform: translateX(-50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInLeftClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
 0% {
opacity: 0;
-webkit-transform: translateX(50px);
}
 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft {
 0% {
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateY(20px);
transform: translateX(50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% {
opacity: 0;
-webkit-transform: translateY(50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
 0% {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(20px);
transform: translateY(50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
 0% {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-20px);
transform: translateY(-50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}


.fadeInUpClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% {
opacity: 0;
-webkit-transform: translateY(50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
 0% {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(20px);
transform: translateY(50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    visibility: visible !important;
}
@keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.fadeOutClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    visibility: visible !important;
}
 @keyframes fadeOut {
 0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeInDownClass {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
 0% {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-20px);
transform: translateY(-50px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.animationLate1 {
    -webkit-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.animationLate2 {
    -webkit-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animationLate3 {
    -webkit-animation-delay: 1.0s;
    -ms-animation-delay: 1.0s;
    animation-delay: 1.0s;
}