@charset "UTF-8";
@import "../../common/css/reset.css";
@import "../../common/css/base.css";

/**************************************************/
/* Business Introduction */
/**************************************************/
#bottomMenu{background-color:#1c3249;}
#bottomMenu ul{box-sizing:border-box;padding:2.917% 0;padding-left:8.334%;}
#bottomMenu ul:after{content:'';display:block;width:100%;height:0;clear:both;}
#bottomMenu li{float:left;width:43.637%;margin-right:3.637%;}
#bottomMenu a{display:block;}
#bottomMenu img{width:100%;height:auto;}

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

#bottomMenu ul{padding:5.334% 0 2.667%;padding-left:0;}
#bottomMenu li{width:46%;margin-right:0;padding:0 0 2.667% 2.667%;}
#bottomMenu a{}
#bottomMenu a:after{content:'';display:block;width:100%;padding-top:23.189%;background-repeat:no-repeat;background-position:center;background-size:100%;}
#bottomMenu img{display:none;}

#bottomMenu1 a:after{background-image:url(../img/sp/global2Child1.png);}
#bottomMenu2 a:after{background-image:url(../img/sp/global2Child2.png);}

}

#outline{width:100%;margin:0 auto 10%;}

.outlineAnchor{position:relative;margin-bottom:45px;}
.outlineAnchor:after{content:'';display:block;clear:both;}
.outlineAnchor li{width:50%;text-align:center;font-weight:bold;}
.outlineAnchor a{display:block;color:#fff;font-size:18px;line-height:35px;padding:8px 0;border:2px solid #f6621e;background-color:#f6621e;transition:all .5s ease 0s;}
.outlineAnchor a:hover{text-decoration:none;}

.pc .outlineAnchor a:hover{background-color:#fff;color:#f6621e;}

#outlineAnchor1{float:left;}
#outlineAnchor2{position:absolute;right:0;top:0;border-left:1px solid #FFF;box-sizing:border-box;}

.outline{max-width:1000px;margin:0 auto;}
.outline h3{color:#000;font-size:30px;line-height:35px;padding:20px 15px;border-bottom:1px solid #cdcdcd;margin-bottom:5%;}

.outline p{color:#505050;font-size:16px;line-height:2em;padding:0 15px;}
.outline p.outlineImg{margin-top:50px;padding:0;}
.outline p.outlineImg img{height:auto;margin:0 auto;}

/* Business Introduction */
/**************************************************/
#outline1{margin-bottom:55px;}
#outline1 p.outlineImg{margin-bottom:30px;}
#outline1 p.outlineImg img{width:48%;}

/* Description of Business */
/**************************************************/
#outline2{margin-bottom:0;}
#outline2 p.outlineImg{margin-bottom:50px;}
#outline2 p.outlineImg img{width:86%;}

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

#pageTitle:after{background:url(../img/outline/sp/pageTitle.png) no-repeat center;background-size:100%;}

.outlineAnchor{margin-bottom:6%;}
.outlineAnchor a{font-size:4vw;line-height:2.6em;padding:0;}

#outlineAnchor2{border-left-width:2px;}

#outline{width:100%;margin:0 auto 13.334%;}

.outline{width:94.667%;}
.outline h3{font-size:5.35vw;line-height:1.5em;padding:2.677% 0;border-bottom-width:2px;margin-bottom:9.155%;}

.outline p{font-size:3.75vw;line-height:1.74em;padding:0;}
.outline p.outlineImg{margin-top:7.326%;}
.outline p.outlineImg img{display:none;}
.outline p.outlineImg:after{content:'';display:block;background-repeat:no-repeat;background-position:center;background-size:100%;margin:0 auto;}

/* Business Introduction */
/**************************************************/
#outline1{margin-bottom:9.86%;}
#outline1 p.outlineImg{margin-top:3.522%;}
#outline1 p.outlineImg:after{width:100%;padding-top:57.184%;background-image:url(../img/outline/sp/outlineImg1.png);}

/* Description of Business */
/**************************************************/
#outline2 p.outlineImg{margin-bottom:5.634%;}
#outline2 p.outlineImg:after{width:100%;padding-top:80.282%;background-image:url(../img/outline/sp/outlineImg2.png);}

}

.outlineLink ul{color:#505050;font-size:16px;line-height:2em;}
.outlineLink ul:after{content:'';display:block;width:100%;height:0;clear:both;}

.outlineLink li{font-size:16px;font-weight:bold;line-height:35px;text-align:center;float:left;}
.outlineLink a{display:block;border:2px solid #f6621e;color:#f6621e;padding:8px 0;transition:all 1s ease 0s;position:relative;}
.outlineLink a:hover{text-decoration:none;}
.outlineLink a:after{content:'';display:block;position:absolute;right:-29px;width:48px;top:0;margin-top:10px;padding-top:31px;background:url(../img/outline/outlineLink.png) no-repeat center;background-size:100%;}

.pc .outlineLink a:hover{background-color:#f6621e;color:#FFF;}

/* Business Introduction */
/**************************************************/
#outline1 .outlineLink ul{margin-top:50px;padding-left:35.5%;}
#outline1 .outlineLink li{width:40.311%;}

/* Description of Business */
/**************************************************/
#outline2 .outlineLink ul{margin-top:25px;padding-left:1%;}
#outline2 .outlineLink li{width:26.263%;padding-left:1.516%;margin-right:5.555%;}

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

#outline2 .outlineLink ul{padding-left:31.708%;}
#outline2 .outlineLink li{width:56.722%;padding-left:0;float:none;margin-top:10px;}

}

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

.outlineLink ul{font-size:3vw;line-height:2em;padding:3.522% 0 0;margin-top:0;}
.outlineLink li{font-size:3.35vw;line-height:2em;float:none;margin-top:6.838%;}
.outlineLink a{padding:2.827% 0;}
.outlineLink a:after{right:-9.65%;width:15.79%;margin-top:3.509%;padding-top:9.65%;}

/* Business Introduction */
/**************************************************/
#outline1 .outlineLink ul{margin-top:0;padding-left:17.606%;}
#outline1 .outlineLink li{width:78.633%;}

/* Description of Business */
/**************************************************/
#outline2 .outlineLink ul{margin-top:0;padding-top:0;padding-left:17.606%;}
#outline2 .outlineLink li{width:78.633%;padding-left:0;margin-right:0;}

}
/* common */
.outlineSection{padding-bottom:45px;}
.outlineSection h4{color:#000;font-size:22px;line-height:35px;position:relative;padding-left:40px;margin-bottom:13px;}
.outlineSection h4:before{content:'';display:block;position:absolute;left:16px;top:28.571%;width:15px;height:15px;border-radius:15px;background-color:#f6621e;}

.outlineSection p{color:#505050;font-size:16px;line-height:32px;padding:0 1.5%;}

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

.outlineSection{padding-top:4.226%;padding-bottom:4.226%;}
.outlineSection h4{font-size:4.6vw;line-height:1.59em;padding-left:6.338%;margin-bottom:4.93%;}
.outlineSection h4:before{left:0;top:0;margin-top:1.268%;width:4.226%;padding-top:4.226%;height:0;border-radius:100%;}

.outlineSection p{font-size:3.75vw;line-height:1.73em;padding:0;}

}

/**************************************************/