@charset "utf-8";

/*------------------------------------------Index---------------------------------------------------------------------------*/

/*---------Whokesale---------------*/

.index_wholesale {width: 100%; margin-top: 80px;}
.index_wholesale > ul { display: flex;list-style-type: none;}
.index_wholesale > ul > li:first-child{ background-color: #295785; color: #fff; box-sizing: border-box; padding: 50px 1em 3em 50px; height: 900px; width: 500px !important; }
.index_wholesale > ul > li .wholesale_box { border-left: 1px #fff solid; padding-left: 30px; box-sizing: border-box; padding-bottom: 50px;}
.index_wholesale > ul > li .wholesale_box h2{ font-size:3.5rem; font-family: 'Roboto', sans-serif; font-weight: 500; text-align: left; color: #fff; }
.index_wholesale > ul > li .wholesale_box h3{ font-size: 1.8rem; margin-bottom: 80px; color: #fff; text-align: left;}
.index_wholesale > ul > li .wholesale_box h4{ font-size: 2.5rem; margin-bottom: 40px; color: #fff; text-align: left; font-family:"Noto Sans JP"; font-weight: normal;}
.index_wholesale > ul > li .wholesale_box p { line-height: 1.8;}

.index_wholesale > ul > li:nth-child(2) ul { list-style-type: none;}
.index_wholesale > ul > li:nth-child(2) ul li { margin: 0; padding: 0; height: 300px; overflow: hidden; position: relative}
.index_wholesale > ul > li:nth-child(2) ul li img { height: 300px; width: 100%;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents{ position: absolute; top:25px; color: #fff; width: 400px; height: 250px; padding: 25px;
	box-sizing: border-box; font-size: 1.3rem;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents .shosai{ width: 200px; background-color: #333; color: #fff; padding: 0.5em 0; text-align: center;
	position: absolute; bottom: 25px; right: 25px; }
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents p.in { border-left: 1px #fff solid; padding-left: 1.5em;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents .shosai a { color: #fff;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents h5 { text-align: left; margin-bottom: 1em; font-size: 2.0rem;}
.index_wholesale > ul > li:nth-child(2) ul li:first-child .wholesale_contents { left:100px; background-color: #63B23F; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(2) .wholesale_contents { right:100px; background-color: #379EDE; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(3) .wholesale_contents { left:100px; background-color: #AC5594; }
.shosai:after { content: ">"; float: right; padding-right: 1em;}
.shosai a:hover { text-decoration: underline; }


.index_acosta { margin-top: 30px; padding: 0;}
.index_acosta ul {position: relative;}
.index_acosta ul li .wholesale_contents {position: absolute; top:25px; color: #333; width: 400px; height: 250px; padding: 25px;
	box-sizing: border-box; font-size: 1.3rem; right:100px; background-color: #ff0; margin-top:25px;}
.index_acosta ul li .wholesale_contents p.in { border-left: 1px #333 solid; padding-left: 1.5em;}
.index_acosta ul li .wholesale_contents .shosai a { color: #fff;}
.index_acosta ul li .wholesale_contents .shosai{ width: 200px; background-color: #333; color: #fff; padding: 0.5em 0; text-align: center;
	position: absolute; bottom: 25px; right: 25px; }
.index_acosta ul li .wholesale_contents h5 { text-align: left; margin-bottom: 1em; font-size: 2.0rem;}
.index_acosta ul li .wholesale_contents .shosai a { color: #fff;}

.index_acosta_logo { width: 250px; height: 100px; background-color: #fff; position: absolute; top:25px; left: 100px; padding-top: 1em; text-align: center;}
.index_acosta_logo img { left:50%;}




/*---------Office---------------*/
.office { margin-top: 50px; margin-bottom: 50px;}
.office > ul { display: flex;}
.office > ul > li {list-style-type: none;}
.office > ul > li:first-child { width: 400px;}
.office > ul > li:first-child img { width: 100%; height: auto;}

.office > ul > li:nth-child(2){ width: 900px; box-sizing: border-box; padding-left: 100px; }
.office > ul > li:nth-child(2) > ul { display: flex;}
.office > ul > li:nth-child(2) > ul >li { width: 200px; list-style-type: none; margin-right: 50px;}
.office > ul > li:nth-child(2) > ul >li img { width: 100%; height: auto;}
.office > ul > li:nth-child(2) > ul >li:nth-child(3){ margin-right: 0;}
.office > ul > li:nth-child(2) .office_comment { margin-bottom: 2em;}

/*---------Index Recruit--------------*/
.recruit_wrapper {width:100%; }
#index_recruit {background: url("../img/index/bg_sky.jpg"); background-size: cover; position:relative; }
#index_recruit:after {display: block; content: ""; height: 0; border-top: 100px solid transparent ; border-bottom: 0px solid transparent; border-right: 50vw solid #fff;border-left: 50vw solid #fff; }
.bg-mask { height: 130%; background: rgba(255,255,255,0.0);}
.recruit_contents{width: 1200px; margin: 0 auto; padding-top:150px; padding-bottom:70px; text-align: center;}
.index_rtecruit_icon {}
.index_rtecruit_icon ul { display:flex; text-align:center; margin-top:5em; flex-wrap: wrap; }
.index_rtecruit_icon ul li { width:300px;   }
.index_rtecruit_icon ul li {width:225px; height: 225px; margin-right:100px; list-style-type:none; border-radius: 50%; background-color: #333; margin-bottom:2em; padding-top: 30px;}
.index_rtecruit_icon ul li span { font-weight:bolder; font-size:1.6rem; color:#fff;}
.index_rtecruit_icon ul li:nth-child(4n) { margin-right:0; }

.recruit_button{ display: inline-block; font-size: 1.8rem; border: 1px #333 solid; padding:1em 2em; margin-top: 50px;}
.recruit_button a {color: #333;}
.recruit_button:hover{ background-color: #333; }
.recruit_button:hover a{ color: #fff;}

/*------------------------------------------Wholesale---------------------------------------------------------------------------*/
@media screen and (min-width:721px) {
ul.business-item{ width: 100%; height: 35em; overflow: hidden; list-style-type: none;position: relative;display: flex; margin-top: 50px; margin-bottom:0px; clear: both; }
ul.business-item .business_title{font-size:1.8rem; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:600; color: #333; margin-top: 20px; margin-left: 0px; margin-bottom:0px;}

ul.business-item > li img { height: 100%; width: auto;}
ul.business-item h4 { font-size:2.5rem; text-align: left; font-family: "Noto Sans JP", sans-serif; color: #333; margin-bottom: 30px;}
ul.business-item > li{position: relative;}
ul.business-item > li:first-child{width: 20em; left:10%; box-shadow: 1px 1px 3px #ccc; z-index: 10; background-color: #fff;top: 2.5em; height: 30em; padding:2em 2em 2em 2em; box-sizing: border-box; border-left: 3px #3B9E49 solid;}
ul.business-item > li .in{ color: #333; line-height: 1.6; font-size: 1.4rem;}

ul.business-item > li:first-child > .shosai2 { width: 16em; text-align: center; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 1em; margin-left: auto; margin-right: auto; background-color: #333; position: absolute; bottom: 2em;} 
ul.business-item > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item > li:first-child > .shosai2 a:hover { color: #000; } 
ul.business-item > li img{ height: 100%; width: auto;position:absolute; right: 0;}
ul.business-item > li:nth-child(2){ width:80%;position:absolute;right: 0; top:0 ; height: 35em; overflow: hidden; }


ul.business-item2 {flex-direction: row-reverse}
ul.business-item2 { width: 100%; height: 35em; overflow: hidden; list-style-type: none;position: relative;display: flex; margin-top: 100px; margin-bottom:50px; clear: both; }
ul.business-item2 .business_title{font-size:1.8rem; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:600; color: #333; margin-top: 20px; margin-left: 0px; margin-bottom:0px;}

ul.business-item2 > li img { height: 100%; width: auto;}
ul.business-item2 h4 { font-size:2.5rem; text-align: left; font-family: "Noto Sans JP", sans-serif; color: #333; margin-bottom: 30px;}
ul.business-item2 > li{position: relative;}
ul.business-item2 > li:first-child{width: 20em; right:10%; box-shadow: 1px 1px 3px #ccc; z-index: 10; background-color: #fff;top: 2.5em; height: 30em; padding:2em 2em 2em 2em; box-sizing: border-box; border-right: 3px #51AFDD solid;}
ul.business-item2 > li .in{ color: #333; line-height: 1.6; font-size: 1.4rem;}


ul.business-item2 > li:first-child > .shosai2 { width: 16em; text-align: center; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 1em; margin-left: auto; margin-right: auto; background-color: #333; position: absolute; bottom: 2em;} 
ul.business-item2 > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item2 > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item2 > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item2 > li:first-child > .shosai2 a:hover { color: #000; } 
ul.business-item2 > li img{ height: 100%; width: auto;position:absolute; left: 0;}
ul.business-item2 > li:nth-child(2){ width:80%;position:absolute;left: 0; top:0 ; height: 35em; overflow: hidden; }

ul.business-item3 { width: 100%; height: 35em; overflow: hidden; list-style-type: none;position: relative;display: flex; margin-top: 50px; margin-bottom:0px; clear: both; }
ul.business-item3 .business_title{font-size:1.8rem; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:600; color: #333; margin-top: 20px; margin-left: 0px; margin-bottom:0px;}

ul.business-item3 > li img { height: 100%; width: auto;}
ul.business-item3 h4 { font-size:2.5rem; text-align: left; font-family: "Noto Sans JP", sans-serif; color: #333; margin-bottom: 30px;}
ul.business-item3 > li{position: relative;}
ul.business-item3 > li:first-child{width: 20em; left:10%; box-shadow: 1px 1px 3px #ccc; z-index: 10; background-color: #fff;top: 2.5em; height: 30em; padding:2em 2em 2em 2em; box-sizing: border-box; border-left: 3px #AA5592 solid;}
ul.business-item3 > li .in{ color: #333; line-height: 1.6; font-size: 1.4rem;}

ul.business-item3 > li:first-child > .shosai2 { width: 16em; text-align: center; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 1em; margin-left: auto; margin-right: auto; background-color: #333; position: absolute; bottom: 2em;} 
ul.business-item3 > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item3 > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item3 > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item3 > li:first-child > .shosai2 a:hover { color: #000; } 
ul.business-item3 > li img{ height: 100%; width: auto;position:absolute; right: 0;}
ul.business-item3 > li:nth-child(2){ width:80%;position:absolute;right: 0; top:0 ; height: 35em; overflow: hidden; }
 
main ul.business-item p.title{ font-size: 1.7rem; font-weight: bold; color: #206D9B; margin-top: 30px;}
main ul.business-item >li .concept-item {width:100% ;}
 
main ul.business-item ol { padding-left:3em;}
}



/*------------------------------------------Group Tour---------------------------------------------------------------------------*/
.grouptour { margin-top: 100px; margin-bottom: 200px;}
.grouptour dl { width: 100%; position: relative;}
.grouptour dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.grouptour dl dt{ width: 600px; }
.grouptour dl dt .dtcomment{ width: 500px; font-size: 1.3rem; margin-top: 1em; }
.grouptour dl dt img{ width: 100%; height: auto; }
.grouptour dl dd{ position: absolute; top:30px; right:0; width: 650px; background-color: #fff; margin-top:30px; color: #000; padding: 50px; box-sizing: border-box; border-top:5px solid #00a6a4; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.grouptour dl dd h3 { margin-bottom: 1.5em; color: #00a6a4 !important;}

.grouptour_icon{ margin-top: 50px;}
.grouptour_icon { margin-top: 30px; margin-bottom: 30px;}
.grouptour_icon ul{ display: flex; flex-wrap: wrap; }
.grouptour_icon ul li{ width: 22%; margin-right: 3%; background-color: #7BA1CF; height: 150px; list-style-type: none; margin-bottom: 1em; padding: 2em 1em 2em 1em; box-sizing: border-box; text-align: center; color: #fff; border-radius: 10px; }
.grouptour_icon ul li i{ color: #fff;}
.grouptour_icon ul li p{ margin-bottom: 0.5em}
.grouptour_icon ul li:nth-child(4n){ margin-right: 0; }
.grouptour_icon .comment{ text-align: center; margin-top: 30px; margin-bottom: 30px;}


/*------------------------------------------Travel Unit---------------------------------------------------------------------------*/
.travelunit { margin-top: 100px; margin-bottom: 200px; padding-bottom: 100px;}
.travelunit dl { width: 100%; position: relative;}
.travelunit dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.travelunit dl dt{ width: 600px; }
.travelunit dl dt .dtcomment{ width: 500px; font-size: 1.3rem; margin-top: 1em; }
.travelunit dl dt img{ width: 100%; height: auto; }
.travelunit dl dd{ position: absolute; top:30px; right:0; width: 650px; background-color: #fff; margin-top:30px; color: #000; padding: 50px; box-sizing: border-box; border-top:5px solid #51AFDD; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.travelunit dl dd h3 { margin-bottom: 1.5em; color: #51AFDD !important;}

/*------------------------------------------Taiwan---------------------------------------------------------------------------*/
.taiwan { margin-top: 100px; margin-bottom: 200px; padding-bottom: 100px;}
.taiwan dl { width: 100%; position: relative;}
.taiwan dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.taiwan dl dt{ width: 600px; }
.taiwan dl dt .dtcomment{ width: 500px; font-size: 1.3rem; margin-top: 1em; }
.taiwan dl dt img{ width: 100%; height: auto; }
.taiwan dl dd{ position: absolute; top:30px; right:0; width: 650px; background-color: #fff; margin-top:30px; color: #000; padding: 50px; box-sizing: border-box; border-top:5px solid #AA5592; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.taiwan dl dd h3 { margin-bottom: 1.5em; color: #AA5592 !important;}

/*------------------------------------------Acosta---------------------------------------------------------------------------*/
.acosta { margin-top: 100px; margin-bottom: 200px;}
.acosta dl { width: 100%; position: relative;}
.acosta dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.acosta dl dt{ width: 600px; }
.acosta dl dt .dtcomment{ width: 500px; font-size: 1.3rem; margin-top: 1em; }
.acosta dl dt > img{ width: 100%; height: auto; }
.acosta dl dt .dtcomment img{ width: 150px; height: auto; }
.acosta dl dd{ position: absolute; top:30px; right:0; width: 650px; background-color: #fff; margin-top:30px; color: #000; padding: 50px; box-sizing: border-box; border-top:5px solid #ff0; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.acosta dl dd h3 { margin-bottom: 1.5em; color: #C54900;}

.acosta_contents { margin-top:80px; padding-bottom: 100px; }
.acosta_contents ul { display:flex; flex-wrap: wrap; margin-top: 50px; }
.acosta_contents ul li{ width:30%; margin-right:5%; list-style-type:none; border:1px #ccc solid; box-sizing:border-box; margin-bottom:2em; background-color: #fff; }
.acosta_contents ul li:nth-child(3n){ margin-right:0;  }
.acosta_contents ul li dl dt { margin:0; padding:0; }
.acosta_contents ul li dl dt img { width:100%; height:auto;}
.acosta_contents ul li dl dd { padding:2em; }
.acosta_contents ul li dl dd .cate {  background-color:#447BFC; color:#fff; padding:0.3em 0.5em 0.3em 0.5em; display:inline; font-size:1.1rem; float:left; border-radius:5px;}
.cate_title { clear:both; font-size:2.0rem; font-weight:bolder; text-align:left; }

.acosta_button { position:relative; float: right;  padding: 0.5em 2em; background-color: #004898; color: #fff; margin-top: 1em; display: inline-block; }
.acosta_button a { color: #fff;}
.acosta_button:hover { background-color: #fff; color: #004898; border: 1px solid #004898;}
.acosta_button:hover a{ background-color: #fff; color: #004898; }	



/*------------------------------------------Company---------------------------------------------------------------------------*/
.company { margin-top: 100px; margin-bottom: 0px;}
.company h3 {font-size:3.0rem; margin: 0 auto; padding-top: 0; padding-bottom: 0; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:600; color: #333; border-left: 5px solid #1777B3; padding-left: 10px;}

.company .company_info { margin-top: 50px; margin-bottom: 80px;}
.company .company_info:after { content: ""; display: block; clear: both; }
.company .company_info  dl { width: 95%; position: relative; margin-left: 5%;}
.company .company_info  dl dt{ float: left; width: 400px; }
.company .company_info  dl dt img { width: 100%; height: auto; }
.company .company_info  dl dd{ margin-left: 450px; }


.company .overview { margin-top: 50px; margin-bottom: 100px;}
.company .overview dl { width: 95%; position: relative; margin-left: 5%;}
.company .overview dl dt{ float: left; width: 200px; text-align: center; display: block; background-color: #C5D0E0; padding: 0.5em ;  }
.company .overview dl dd{ margin-left: 250px; padding-top: 0.5em; margin-bottom: 2em; }

.company .branch { margin-top: 50px;}
.company .branch:after { content: ""; display: block; clear: both; }
.company .branch  dl { width: 95%; position: relative; margin-left: 5%;}
.company .branch  dl dt{ float: left; width: 80px; background-color: #000; color: #fff; padding: 0.3em ;text-align: center;}
.company .branch  dl dd{ margin-left: 100px; margin-bottom: 1.5em; padding-top: 0.3em;}

.company .history { margin-top: 50px; margin-bottom: 0px;}
.company .history:after { content: ""; display: block; clear: both; }
.company .history  dl { width: 95%; position: relative; margin-left: 5%;}
.company .history  dl dt{ float: left; width: 100px; text-align: left;}
.company .history  dl dd{ margin-left: 150px; margin-bottom: 1em; }

.company .philosophy { margin-top: 50px; margin-bottom: 80px;}
.company .philosophy:after { content: ""; display: block; clear: both; }
.company .philosophy  dl { width: 95%; position: relative; margin-left: 5%;}
.company .philosophy  dl dt{ float: left; width: 400px; }
.company .philosophy  dl dt img { width: 100%; height: auto; }
.company .philosophy  dl dd{ margin-left: 450px; }
.company .philosophy  dl dd ul li { text-align: left; margin-bottom: 2em; list-style-type: none;} 
.company .philosophy  dl dd ul li h5 {font-size:2.0rem; margin: 0 auto; color: #02926C; padding-top: 0; padding-bottom: 0; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:600; border-left: 3px solid #02926C; padding-left: 10px; margin-bottom: 1em; }

.company .philosophy  dl dd ul li dl dt { float: inherit; font-size: 1.8rem; font-weight: 600;}
.company .philosophy  dl dd ul li dl dt:before {content: "■ "}
.company .philosophy  dl dd ul li dl dd { margin-left: 2em; margin-bottom: 1em;}

.company .president { margin-top: 50px; margin-bottom: 0;}
.company .president:after { content: ""; display: block; clear: both; }
.company .president  dl { width: 95%; position: relative; margin-left: 5%;}
.company .president  dl dt{ float: left; width: 200px; }
.company .president  dl dt img { width: 100%; height: auto; }
.company .president dl dd{ margin-left: 300px; }


.company .branch h3{ font-size:3.5rem; margin: 0 auto; color: #333; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:500; border-bottom: 1px solid #333; margin-bottom: 1em ; border-left: none; }
.company .branch  dl { width: 95%; position: relative; margin-left: 5%;box-sizing: border-box; margin-top: 30px; margin-bottom: 50px; }
.company .branch  dl dt{ float: left; width: 300px; background-color: #ccc; text-align: center; padding: 0.5em; color: #333; }
.company .branch  dl dt img { width: 100%; height: auto; }
.company .branch  dl dd{ margin-left: 350px; padding: 0.5; }
.company .branch  dl .map {margin-top: 60px; margin-bottom: 30px; }

.company .branch  dl.area_branch h5 {text-align: left; margin-bottom: 30px; margin-top: 30px; font-family: "Noto Sans JP", sans-serif;font-weight:500; font-size:2.5rem;}
.company .branch  dl.area_branch { width: 95%; position: relative; margin-left: 5%;box-sizing: border-box; margin-top: 30px; margin-bottom: 50px; }
.company .branch  dl.area_branch dt{ float: left; width: 80px; text-align: left; color: #333; background-color:inherit;}
.company .branch  dl.area_branch dd{ margin-left: 100px; margin-bottom: 1em; }




/*------------------------------------------Press Release---------------------------------------------------------------------------*/
.press { margin-top: 100px; margin-bottom: 0px; padding-bottom: 100px;}
.press .release dl {margin-top: 50px;}
.press .release dl dt { float: left; width: 100px; }
.press .release dl dd { margin-left: 150px; }


/*------------------------------------------Toroku---------------------------------------------------------------------------*/
.toroku { margin-top: 100px; margin-bottom: 0px; padding-bottom: 100px;}


.toroku table.toroku_table { width:100%;  border-collapse: collapse; border-spacing:0; border:1px #333 solid; }
.toroku table.toroku_table tr th { width: 30%; background-color: #eee; padding: 0.3em 1em 0.3em 1em; text-align: center; border:1px #333 solid; font-weight: normal;}
.toroku table.toroku_table tr td { padding: 0.5em 1em 0.5em 1em; text-align: left; border:1px #333 solid; font-weight: normal;}



/*------------------------------------------Toroku---------------------------------------------------------------------------*/
.yakkan { margin-top: 100px; margin-bottom: 0px; padding-bottom: 100px;}


.yakkan table.yakkan_table { width:100%;  border-collapse: collapse; border-spacing:0; border:1px #333 solid; }
.yakkan table.yakkan_table tr th { width: 30%; background-color: #eee; padding: 0.3em 1em 0.3em 1em; text-align: center; border:1px #333 solid; font-weight: normal;}
.yakkan table.yakkan_table tr td { padding: 0.5em 1em 0.5em 1em; text-align: left; border:1px #333 solid; font-weight: normal;}
.yakkan table.yakkan_table tr td a:hover { text-decoration: underline;}

/*-----------------------------------------Privacy---------------------------------------------------------------------------*/

.privacy { text-align: left; margin-top:100px; margin-bottom: 50px;}
.privacy ol { margin-top: 30px; margin-bottom: 50px;}
.privacy ol li { margin-left: 2em; list-style: decimal; margin-top: 1em;}
.privacy fieldset { margin-top: 50px; padding: 2em; }
.privacy ol.top0 { margin-top: 0; margin-bottom: 50px;}
.privacy h4 { font-size:1.8rem; text-align: left; font-family: 'Roboto', "Noto Sans JP", sans-serif; font-weight: 600; margin-top: 1em; margin-bottom: 1em; }
.privacy ul li { list-style-type: none; }
.privacy ul li ul.group_company { display: flex; flex-wrap: wrap;}
.privacy ul li ul.group_company li { margin-right: 4em; list-style-type:square; margin-bottom: 0.5em; width: inherit;}


.contact-item {width: 80%; margin: 0 auto; line-height: 2.5; margin-bottom: 80px;}

.contact-item dl dt {float: left; clear: both; width: 150px;}
.contact-item h2 {border-bottom: solid 1px #ccc; text-align: left; font-size: 3.5rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: normal;}
.contact-item h3 {padding: 0.25em 0.5em; color: #000; background: tranceparent; border-left: solid 5px #ccc;}

/*-------------News------------------*/

.grayback {width: 100%; margin: 0 auto; background-color: #efefef; }

.newscontents {width: 1200px; margin: 30px auto; line-height: 2.5;}
.newscontents  dl dt {float: left; clear: both; width: 200px; border-bottom: dashed 1px #ccc;}
.newscontents dl dd {border-bottom: dashed 1px #ccc;}


#site-title{ color: #fff; position: absolute; top: calc( 80px + 87px); left: 0; z-index: 999999; font-size: 62px;}
#catch_phrase { position: absolute; top:12em; width:1200px; left: 0; right: 0; margin: 0 auto; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
.main_phrase {font-size: 62px; font-weight: 600; line-height: 1; color: #fff; text-shadow: 1px 1px 10px #000; }
.main_phrase span { font-size: 45px; }
.comment_phrase{ width: 400px; color: #fff; font-size: 1.5rem; line-height: 1.8; margin-top: 1em; font-weight: 600; padding: 1em; text-shadow: 1px 1px 3px #000; background-color: rgba(0,0,0,0.0); }


/*-----------------------------------------about----------------------------------------------------------------------------*/


.about {width: 100%; margin: 0 auto;}
.about h1 {text-align: center; padding-top: 100px; width: 1200px; margin: 0 auto;}

.about ul {width: 1200px; margin: 0 auto; padding: 0; margin-top: 100px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
.about li {list-style: none; width: 300px; color: #fff;  text-align: center; margin-bottom: 100px; outline: 1px solid #fff;}
.about li a {display: block; color: #fff; background-color: #1D2D78; opacity: 1.0; padding: 20px 0;}
.about li a:hover {text-decoration: none; background-color: #19256A;}
.range1 {width: 1200px; margin: 0 auto; border-bottom: solid 1px #ccc; margin-bottom: 50px;}

 ul.about-item{list-style-type: none;position: relative;display: flex;width: 100%;margin-bottom: 150px;}
 ul.about-item > li{position: relative;}
 ul.about-item > li:first-child{width: 50%;}
 ul.about-item > li img{width: 100%; height:auto;}
 ul.about-item > li:nth-child(2){ width:80%; background-color: #fff;padding: 2em;position: relative;right: 30px;top: 70px;box-shadow: 1px 1px 3px #555;color: #004898;}
 ul.about-item> li:nth-child(2) > .shosai { width: 15em; background-color: #004898; position: absolute; bottom: 3em; right:3em;   text-align: center; padding: 0.5em 1em 0.5em 1em; border-radius: 25px;} 
 ul.about-item > li:nth-child(2) > .shosai a{ text-decoration: none; color: #fff; } 
 ul.about-item > li:nth-child(2) > .shosai:hover { background-color: rgba(0,0,0,1.0) } 
 ul.about-item > li:nth-child(2) > .shosai a:hover { color: #fff; } 
 
 ul.about-item:nth-child(2n){flex-direction: row-reverse}
 ul.about-item:nth-child(2n)  > li{position: relative;}
 ul.about-item:nth-child(2n) > li:first-child{width: 50%;}
 ul.about-item:nth-child(2n) > li img{width: 100%; height:auto;}
 ul.about-item:nth-child(2n) > li:nth-child(2){ width:80%; background-color: #fff;padding: 2em;position: relative;left: 30px;top: 70px;box-shadow: 1px 1px 3px #555;color: #004898;}
 
 ul.about-item p.title{ font-size: 2.5rem; font-weight: bold; color: #004898; text-align: left; margin-top: 10px;}
 ul.about-item >li .concept-item {width:100% ;}
 
  ul.about-item ol { padding-left:3em;}
 
 .soshiki { text-align:center;}
 




.contact {width: 100%; margin: 0 auto; padding-bottom: 80px;}
.contact h1 {text-align: center; padding-top: 300px; width: 1200px; margin: 0 auto;}
.contact-item {width: 80%; margin: 0 auto; line-height: 2.5; margin-bottom: 80px;}

.contact-item dl dt {float: left; clear: both; width: 150px;}
.contact-item h2 {border-bottom: solid 1px #ccc; text-align: left; font-size: 3.5rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: normal;}
.contact-item h3 {padding: 0.25em 0.5em; color: #000; background: tranceparent; border-left: solid 5px #ccc;}

/*----------------------------------topics/news--------------------------------------------------*/

table.tctable { width:100%;  border-collapse: collapse; border-spacing:0; border:1px #333 solid; }
table.tctable tr th { background-color: #ccc; padding: 0.3em 1em 0.3em 1em; text-align: center; border:1px #333 solid; }
table.tctable tr td { padding: 0.3em 1em 0.3em 1em; text-align: center; border:1px #333 solid; }
table.tctable tr td ul { padding-left:2em;}


/*----------------------------------toiawase--------------------------------------------------*/

.toiawase { width:80%; margin:2em auto; background-color:#E8E7E7; padding-top:0.1em; clear:both; padding-bottom:2em; }
.toiawase dl { margin-top:1em; }
.toiawase dl dt { float:left; width:20%; padding:0.5em 2em 0.5em 2em; }
.toiawase dl dd { margin-left:20%; padding:0.5em 1em 0.5em 1em;  }
.toiawase dl dd input { padding:0.5em 1em 0.5em 1em; }
.toiawase .submitbtn { font-size:1.8rem; padding:0.5em 2em 0.5em 2em;}


	
	.parallax_creative { width:100%; margin:0 auto; height: 100vh; }
	.parallax_creative .contents_area { width:1200px; margin:0 auto; padding:0 0;  }
.parallax_creative .contents_area h2 { margin-bottom: 1em;color: #666; }
	@media(min-width: 721px) {
	.parallax_creative .contents_area ul { display:flex; list-style-type:none;}
	}
	.parallax_creative .contents_area ul li { width:30%; margin-right:5%; background-color:#fff; border:1px #ccc solid; text-align:center; padding:2em; }
	.parallax_creative .contents_area ul li:last-child { margin-right:0;}
	
	.parallax_creative .contents_area ul li .photo { width:100%; height:auto; overflow:hidden;}
	.parallax_creative .contents_area ul li .photo img { width:50%; height:auto;}
	
	.parallax_creative .contents_area h3 { color:#fff; font-size:3.0rem; margin-bottom:2em; font-weight: bolder; text-align:center; padding:0;}
	.parallax_creative .contents_area ul li h4 { font-size:2.0rem; font-weight:600; text-align:center; padding:0; color: #619BC9; margin-top: 0.5em;}
	.parallax_creative .contents_area ul li h5 { font-size:1.7rem; font-weight:600; text-align:center; padding:0; color: #000; border-bottom: 1px solid #ddd; padding-bottom: 0.5em; margin-top: 0.5em; margin-bottom:0;}
	.parallax_creative .contents_area ul li p.comment{ font-size:1.4rem; font-weight:500; text-align:left; padding:0; margin-top: 0.5em;}


table.company { width: 100%; border: 1px solid #333; border-collapse: collapse; border-spacing: 0;}
table.company tr th { border: 1px solid #333; padding: 0.5em 1em 0.5em 1em;}
table.company tr td { border: 1px solid #333; padding: 0.5em 1em 0.5em 1em; text-align: left;}

/*----------------Goodtime--------------------*/
.goodtime dl dt{ float: left;}
.goodtime dl dd{ margin-left: 350px;}
.goodtime dl dd a {float: right; text-decoration: none;}
.goodtime_button { position: relative; right:0;  padding: 0.5em 2em; background-color: #004898; color: #fff; margin-top: 1em; display: inline-block; }
.goodtime_button:hover { background-color: #fff; color: #000; border: 1px solid #000;}





/*-----------------------------------------Index---------------------------------------------------------------------------*/


.maintheme { margin-top:3em;}
.maintheme ul { display:flex; justify-content: space-around;}
.maintheme ul li{ width: 270px; margin-right: 40px; list-style-type:none; text-align:center;}
.maintheme ul li img { width:100%; height:auto;}
.maintheme ul li a{ color:#333; text-decoration:none;}
.maintheme ul li a:hover{  text-decoration:underline;}
.maintheme ul li::nth-child(4) { margin-right:0; }




ul.pointicon { display:flex; text-align:center; margin-top:5em; flex-wrap: wrap; }
ul.pointicon li { width:300px; margin-right:150px; list-style-type: none; }
ul.pointicon li .circle{width:300px; height: 300px; border: #2464AB 1px solid; list-style-type:none; margin-bottom:2em;border-radius: 50%; box-sizing: border-box; padding-top: 70px;}
ul.pointicon li span { font-weight:bolder; font-size:1.6rem; color:#145fab;}
ul.pointicon li:nth-child(3n) { margin-right:0; }


.casestudy { margin-top:3em; }
.casestudy ul { display:flex; flex-wrap: wrap; }
.casestudy ul li{ width:30%; margin-right:5%; list-style-type:none; border:1px #ccc solid; box-sizing:border-box; margin-bottom:2em; background-color: #fff; }
.casestudy ul li:nth-child(3n){ margin-right:0;  }
.casestudy ul li dl dt { margin:0; padding:0; }
.casestudy ul li dl dt img { width:100%; height:auto;}
.casestudy ul li dl dd { padding:2em; }
.casestudy ul li dl dd .cate {  background-color:#447BFC; color:#fff; padding:0.3em 0.5em 0.3em 0.5em; display:inline; font-size:1.1rem; float:left; border-radius:5px;}
.cate_title { clear:both; font-size:2.0rem; font-weight:bolder; text-align:left; }



/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media(min-width: 721px) and (max-width: 1200px){ 
/*------------------------------------------Index---------------------------------------------------------------------------*/
	
	#catch_phrase { position: absolute; top:10em; width:100%; left: 1em;  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
	.main_phrase {font-size: 200%; font-weight: 600; line-height: 1; color: #fff; text-shadow: 1px 1px 10px #000; }
	.main_phrase span { font-size: 120%; }
	.comment_phrase{ width: 50%; color: #fff; font-size: 90%; line-height: 1.8; margin-top: 1em; font-weight: 600; padding: 1em; text-shadow: 1px 1px 3px #000; background-color: rgba(0,0,0,0.0); }
	
	
	/*---------Whokesale---------------*/

.index_wholesale { margin-top: 3em;}
.index_wholesale > ul { display:block;}
.index_wholesale > ul > li:first-child{ padding: 3em 2em 2em 2em;  width: 100% !important; height: inherit; }
.index_wholesale > ul > li .wholesale_box { border-left: 1px #fff solid; padding-left: 1em; box-sizing: border-box; padding-bottom: 0; width: 100% ;}
.index_wholesale > ul > li .wholesale_box h2{ font-size:180%; }
.index_wholesale > ul > li .wholesale_box h3{ font-size:120%; margin-bottom: 2em; }
.index_wholesale > ul > li .wholesale_box h4{ font-size:110%; margin-bottom: 1em; }
.index_wholesale > ul > li .wholesale_box p { line-height: 1.8; font-size: 90%;}

.index_wholesale > ul > li:nth-child(2) ul { width: 100%;}
.index_wholesale > ul > li:nth-child(2) ul li { height: 15em; width: 100%; overflow: hidden; }
.index_wholesale > ul > li:nth-child(2) ul li img {width:auto; height:100%; }
.index_wholesale > ul > li:nth-child(2) ul li:first-child img {position: absolute; right: 0; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(2) img {position: absolute; left: 0; }
	.index_wholesale > ul > li:nth-child(2) ul li:nth-child(3) img {position: absolute; right: -20em; }
	
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents{ position: absolute; top:0; color: #fff; width: 50%; height: 100%; padding: 1em; box-sizing: border-box; font-size: 80%;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents .shosai{ width: 60%; background-color: #333; color: #fff; padding: 0.5em 0; text-align: center;
	position: absolute; bottom: 0.5em; right: 1em; }
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents p.in { border-left: 1px #fff solid; padding-left: 1.5em;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents .shosai a { color: #fff;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents h5 { font-size: 130%;}
.index_wholesale > ul > li:nth-child(2) ul li:first-child .wholesale_contents { left:0; background-color: #63B23F; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(2) .wholesale_contents { right:0; background-color: #379EDE; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(3) .wholesale_contents { left:0; background-color: #AC5594; }
.shosai:after { content: ">"; float: right; padding-right: 1em;}
.shosai a:hover { text-decoration: underline; }


.index_acosta { margin-top: 2em;}

.index_acosta ul li { width: 100%; height: 15em; overflow: hidden;}
.index_acosta ul li > img { height: 15em; width:auto; position: absolute; left:-25em;}
	
.index_acosta ul li .wholesale_contents {position: absolute; top:0; width: 50%; height: 100%; padding: 1em;
	box-sizing: border-box; font-size: 90%; right:0; background-color: #ff0; margin-top:0;}
.index_acosta ul li .wholesale_contents p.in { border-left: 1px #333 solid; padding-left: 1.5em;}
.index_acosta ul li .wholesale_contents .shosai{ width: 60%; bottom: 0.5em; right: 1em; }
.index_acosta ul li .wholesale_contents h5 { text-align: left; margin-bottom: 1em; font-size: 130%;}
.index_acosta ul li .wholesale_contents .shosai a { color: #fff;}

.index_acosta_logo { width: 25%; height:4em; top:0; left: 0; padding-top: 0; text-align: center; display: inline;}
.index_acosta_logo img { width: 80%; height: auto;}
	
	
/*---------Office---------------*/
.office { margin-top: 2em; margin-bottom: 2em;}
.office > ul { display: flex;}
.office > ul > li {list-style-type: none;}
.office > ul > li:first-child { width: 40%; margin-right: 5%;}
.office > ul > li:first-child img { width: 100%; height: auto;}

.office > ul > li:nth-child(2){ width:55%; box-sizing: border-box; padding-left: 0; }
.office > ul > li:nth-child(2) > ul { display: flex;}
.office > ul > li:nth-child(2) > ul >li { width: 30%; list-style-type: none; margin-right: 5%;}
.office > ul > li:nth-child(2) > ul >li img { width: 100%; height: auto;}
.office > ul > li:nth-child(2) > ul >li:nth-child(3){ margin-right: 0;}
.office > ul > li:nth-child(2) .office_comment { margin-bottom: 2em;}

/*---------Index Recruit--------------*/
.recruit_wrapper {width:100%; }
#index_recruit {background: url("../img/index/bg_sky.jpg"); background-size: cover; position:relative; }
#index_recruit:after {display: block; content: ""; height: 0; border-top: 3em solid transparent ; border-bottom: 0px solid transparent; border-right: 50vw solid #fff;border-left: 50vw solid #fff; }
.bg-mask { height: 130%; background: rgba(255,255,255,0.0);}
.recruit_contents{box-sizing: border-box; width: 100%; padding-left: 5%; padding-right: 5%; margin: 5em auto; padding-top:13em; padding-bottom:0; text-align: center;}
.index_rtecruit_icon {}
.index_rtecruit_icon ul { width: 100vw; display:flex; text-align:center; margin-top:5em auto; flex-wrap: wrap; }
.index_rtecruit_icon ul li { width:35vw; height: 35vw; margin-right:15vw; list-style-type:none; border-radius: 50%; background-color: #333; margin-bottom:2em; padding-top:1em;}
	.index_rtecruit_icon ul li img { width:50%; height: auto;}	
.index_rtecruit_icon ul li span { font-weight:normal; font-size:110%; color:#fff;}
.index_rtecruit_icon ul li:nth-child(2n) { margin-right:0; }
	

.recruit_button{ display: inline-block; font-size: 130%; border: 1px #333 solid; padding:1em 2em; margin-top: 3em;}
.recruit_button a {color: #333;}
.recruit_button:hover{ background-color: #333; }
.recruit_button:hover a{ color: #fff;}

	
/*------------------------------------------Wholesale---------------------------------------------------------------------------*/
	

ul.business-item{ width: 100%; list-style-type: none; position: relative; display:block; margin-top: 3em; margin-bottom:0px; clear: both;  }
ul.business-item > li{width: 100%; box-shadow: none; }
ul.business-item > li:first-child { background-color: #fff; box-sizing: border-box; padding: 2em; border-left: 10px #3B9E49 solid;box-shadow: 1px -1px 3px #ccc; }
ul.business-item h4 { font-size: 150%; font-family: "Noto Sans JP", sans-serif; text-align: left; color: #000; margin-bottom: 1em;  }

ul.business-item > li:first-child > .shosai2 { display:inline-block; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 2em; margin-left: auto; background-color: #333; } 
ul.business-item > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item > li:first-child > .shosai2 a:hover { color: #000; } 
	.business_title{font-size: 120%; font-family: "Noto Sans JP", sans-serif; text-align: left; color: #333; margin-bottom: 0; }


ul.business-item3 { width: 100%; list-style-type: none; position: relative; display:block; margin-top: 3em; margin-bottom:0px; clear: both;  }
ul.business-item3 > li{width: 100%; box-shadow: none; }
ul.business-item3 > li:first-child { background-color: #fff; box-sizing: border-box; padding: 2em; border-left: 10px #AA5592 solid;box-shadow: 1px -1px 3px #ccc; }
ul.business-item3 h4 { font-size: 150%; font-family: "Noto Sans JP", sans-serif; text-align: left; color: #000; margin-bottom: 1em;  }

ul.business-item3 > li:first-child > .shosai2 { display:inline-block; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 2em; margin-left: auto; background-color: #333; } 
ul.business-item3 > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item3 > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item3 > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item3 > li:first-child > .shosai2 a:hover { color: #000; } 
	
	
.range {width: 100%; margin-bottom: 2em; margin-top:2em;  }
.range2 {width: 100%; margin-bottom: 1em; margin-top:1em; padding-bottom:2em; }
			

/*------------------------------------------Group Tour---------------------------------------------------------------------------*/
.grouptour { margin-top: 4em; margin-bottom: 2em; position: relative;}
.grouptour dl { width: 100%; position: relative;}
.grouptour dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.grouptour dl dt{ width: 100%; }
.grouptour dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.grouptour dl dt img{ width: 100%; height: auto; }
.grouptour dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:2em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #00a6a4; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.grouptour dl dd h3 { margin-bottom: 1.5em; color: #00a6a4 !important;}

.grouptour_icon { margin-top: 3em; margin-bottom: 3em; position: relative; width: 100%; clear: both; padding-top: 3em;}
.grouptour_icon ul{ display: flex; flex-wrap: wrap; }
.grouptour_icon ul li{ width: 30%; margin-right: 5%; background-color: #7BA1CF; height: 8em; list-style-type: none; margin-bottom: 1em; padding: 1em 1em 1em 1em; box-sizing: border-box; text-align: center; color: #fff; border-radius: 10px; }
.grouptour_icon ul li i{ color: #fff; font-size: 3rem;}
.grouptour_icon ul li p{ margin-bottom: 1em}
.grouptour_icon ul li:nth-child(4n){ margin-right: 5%;}
.grouptour_icon ul li:nth-child(3n){ margin-right: 0; }
.grouptour_icon .comment{ text-align: center; margin-top: 2em; margin-bottom: 2em;}


/*------------------------------------------Travel Unit---------------------------------------------------------------------------*/
.travelunit { margin-top: 4em; margin-bottom: 2em; position: relative;}
.travelunit dl { width: 100%; position: relative;}
.travelunit dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.travelunit dl dt{ width: 100%; }
.travelunit dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.travelunit dl dt img{ width: 100%; height: auto; }
.travelunit dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:2em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #51AFDD; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.travelunit dl dd h3 { margin-bottom: 1.5em; color: #51AFDD !important;}
	
/*------------------------------------------Taiwan---------------------------------------------------------------------------*/
.taiwan  { margin-top: 4em; margin-bottom: 2em; position: relative;}
.taiwan  dl { width: 100%; position: relative;}
.taiwan  dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.taiwan  dl dt{ width: 100%; }
.taiwan  dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.taiwan  dl dt img{ width: 100%; height: auto; }
.taiwan  dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:2em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #AA5592; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.taiwan  dl dd h3 { margin-bottom: 1.5em; color: #AA5592 !important;}
	

/*------------------------------------------Acosta---------------------------------------------------------------------------*/

.acosta { margin-top: 4em; margin-bottom: 2em; position: relative;}
.acosta dl { width: 100%; position: relative;}
.acosta dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.acosta dl dt{ width: 100%; }
.acosta dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.acosta dl dt img{ width: 100%; height: auto; }
.acosta dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:5em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #00a6a4; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.acosta dl dd h3 { margin-bottom: 1.5em; color: #C54900 !important;}	
	
.acosta_contents { margin-top:3em; padding-top: 4em; position: relative; }
.acosta_contents ul { display:flex; flex-wrap: wrap; margin-top: 3em }
.acosta_contents ul li{ width:45%; margin-right: 10%; list-style-type:none; border:1px #ccc solid; box-sizing:border-box; margin-bottom:2em; background-color: #fff;  }
.acosta_contents ul li:nth-child(2n){margin-right: 0;}
.acosta_contents ul li:nth-child(3){margin-right:10%;}
.acosta_contents ul li dl dt { margin:0; padding:0; }
.acosta_contents ul li dl dt img { width:100%; height:auto;}
.acosta_contents ul li dl dd { padding:2em; }
.acosta_contents ul li dl dd .cate {  background-color:#447BFC; color:#fff; padding:0.3em 0.5em 0.3em 0.5em; display:inline; font-size:1.1rem; float:left; border-radius:5px;}
.cate_title { clear:both; font-size:2.0rem; font-weight:bolder; text-align:left; }

/*------------------------------------------Company---------------------------------------------------------------------------*/
.company { margin-top: 3em; margin-bottom: 0px;}
.company > h3 {font-size:130%; text-align: left; border-left: 0.5em solid #1777B3; padding-left: 1em;}

.company .company_info { margin-top: 3em; margin-bottom: 3em;}
.company .company_info:after { content: ""; display: block; clear: both; }
.company .company_info  dl { width: 95%; position: relative; margin-left: 5%;}
.company .company_info  dl dt{ width: 100%; }
.company .company_info  dl dt img { width: 100%; height: auto; }
.company .company_info  dl dd{ margin-left:0; }


.company .overview { margin-top: 2em; margin-bottom: 3em;}
.company .overview dl { width: 100%; position: relative; margin-left:0;}
.company .overview dl dt{ float:inherit; width: 100%; text-align: left; display: block; background-color:inherit; padding: 0 ; border-bottom: dotted 1px #333;}
.company .overview dl dd{ margin-left: 0; padding-top: 0.5em; margin-bottom: 2em; }

.company .branch { margin-top: 2em;}
.company .branch:after { content: ""; display: block; clear: both; }
.company .branch  dl { width: 100%; position: relative; margin-left: 0;}
.company .branch  dl dt{ float:left; width: 18em; background-color: #ccc; color: #fff; box-sizing: border-box; padding: 0.3em 1em 0.3em 1em ;text-align: left;}
.company .branch  dl dd{ margin-left: 20em; margin-bottom: 1.5em; padding-top: 0.3em;}
.company .branch h3{ font-size:3.5rem; margin: 0 auto; color: #333; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:500; border-bottom: 1px solid #333; margin-bottom: 1em ; border-left: none; }
.company .branch  dl dt img { width: 100%; height: auto; }
.company .branch  dl .map {margin-top: 60px; margin-bottom: 30px; }

.company .history { margin-top: 2em; margin-bottom: 3em;}
.company .history:after { content: ""; display: block; clear: both; }
.company .history  dl { width: 100%; position: relative; margin-left: 0;}
.company .history  dl dt{ float: left; width: 6em; text-align: left;}
.company .history  dl dd{ margin-left: 7em; margin-bottom: 1em; }

.company .philosophy { margin-top: 3em; margin-bottom: 2em;}
.company .philosophy:after { content: ""; display: block; clear: both; }
.company .philosophy  dl { width: 100%; position: relative; margin-left: 0;}
.company .philosophy > dl > dt{ float: left; width: 30%; padding-right: 1em; padding-bottom: 1em; }
.company .philosophy  dl dt img { width: 100%; height: auto; }
.company .philosophy  dl dd{ margin-left: 0; }
.company .philosophy  dl dd ul li { text-align: left; margin-bottom: 2em; list-style-type: none;} 
.company .philosophy  dl dd ul li h5 {font-size:140%; margin: 0 auto; color: #02926C; padding-top: 0; padding-bottom: 0; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:600; border-left:none; padding-left: 0; margin-bottom: 1em; }

.company .philosophy  dl dd ul li dl dt { float: inherit; font-size: 120%; font-weight: 600;}
.company .philosophy  dl dd ul li dl dt:before {content: "■ "}
.company .philosophy  dl dd ul li dl dd { margin-left: 2em; margin-bottom: 1em;}

.company .president { margin-top: 2em; margin-bottom: 0;}
.company .president:after { content: ""; display: block; clear: both; }
.company .president dl { width: 100%; position: relative; margin-left: 0;}
.company .president dl dt{ float:left; width: 30%; padding-right: 1em; padding-bottom: 1em; }
.company .president dl dt img { width: 100%; height: auto; }
.company .president dl dd{ margin-left: 0; }




.company .branch  dl.area_branch h5 {text-align: left; margin-bottom: 30px; margin-top: 30px; font-family: "Noto Sans JP", sans-serif;font-weight:500; font-size:2.5rem;}
.company .branch  dl.area_branch { width: 95%; position: relative; margin-left: 0;box-sizing: border-box; margin-top: 30px; margin-bottom: 50px; }
.company .branch  dl.area_branch dt{ float: left; width: 80px; text-align: left; color: #333; background-color:inherit;}
.company .branch  dl.area_branch dd{ margin-left: 100px; margin-bottom: 1em; }

.company .branch dl .map { width: 80%;}

	
/*------------------------------------------Press Release---------------------------------------------------------------------------*/
.press { margin-top: 100px; margin-bottom: 0px; padding-bottom: 100px;}
.press .release dl {margin-top: 50px;}
.press .release dl dt { float: left; width: 100px; }
.press .release dl dd { margin-left: 150px; }

/*------------------------------------------Toroku---------------------------------------------------------------------------*/
.yakkan { margin-top: 3em; margin-bottom: 0px; padding-bottom: 3em;}

/*------------------------------------------Toroku---------------------------------------------------------------------------*/
.toroku { margin-top: 3em; margin-bottom: 0px; padding-bottom: 3em;}

/*-----------------------------------------Privacy---------------------------------------------------------------------------*/

.privacy { margin-top:3em; margin-bottom: 2em;}
.privacy ol { margin-top: 2em; margin-bottom: 2em;}
.privacy fieldset { margin-top: 2em; }
.privacy ol.top0 { margin-bottom: 2em;}
.privacy h4 { font-size:110%; }
.privacy p {margin-bottom: 0.3em;}
.privacy ul li ul.group_company li { margin-right:inherit; }
	
	

.newscontents {width: 100%; margin: 1em auto; line-height: 2.5;}
.newscontents  dl dt {float: left; clear: both; width: 25%; border-bottom: none;}
.newscontents dl dd {border-bottom: dashed 1px #ccc; margin-left:28%;}

.news-menu {width: 94%; margin: 0 auto;}				

.sokuho { width:100%; margin-top:1em; margin-bottom:2em;}
.sokuho dl > dt { float:inherit; width:inherit; padding-top:0; text-align:left;}
.sokuho dl > dd { margin-left:0;}
.sokuho dl > dd > ul { display:block; }
.sokuho dl > dd > ul >li { list-style-type:none; height:7em; width:100%; margin-right:0; border:1px #bbb solid; background-color:#fff; box-sizing:border-box; margin-bottom:1em; }


.sokuho dl > dd > ul >li dl dt { float:left; width:7em; height:7em; overflow:hidden; padding:0; }
.sokuho dl > dd > ul >li dl dt img{ height:100%; width: auto; }
.sokuho dl > dd > ul >li dl dd { margin-left:7em; padding:0.5em 1em 0.5em 1em; box-sizing:border-box; line-height:1.5;}
.sokuho dl > dd > ul >li dl dd .sokuho_cate { display:inline; color:#fff; background-color:#6A0000; padding:0.1em 1em 0.1em 1em; font-size:1.0rem; border-radius:5px; }



#contact ul { display:block; }
#contact ul li { color:#fff; width:100%; list-style-type:none;}
#contact ul li .stu { font-size:1.5rem; font-weight:bolder; }
#contact ul li .toiawase { font-size:1.5rem; background-color:#000; border-radius:15px; width:80%; border:#fff 2px solid; padding-top:1em; padding-bottom:1em; margin:0 auto; text-align:center; margin-top:2em; }



/*---------Information---------------*/

.info { width:100%;}
.info p { padding-left:0;}
.info .contents { width:100%;}
.info h3 { margin-bottom:2em;}
.info ul {width: 100%; padding: 0;}
.info li { height:inherit; width:100%; border-bottom:#eee 1px solid; border-right:none; margin-bottom:0; padding-bottom:0; position:relative;}
.info li dl{ margin:0; padding:0; box-sizing:border-box; }
.info li dl dt{ float:left; width:40%; height:11em; display:block; padding-bottom:0; box-sizing:border-box; overflow:hidden; }
.info li dl dt img{ width:auto; height:11em;}
.info li dl dd{ margin-left:42%; height:10em; overflow:visible; text-align:left; padding-top:1em; padding-right:1em; box-sizing:border-box; position:inherit;}


.infolink { position:inherit; text-align:right !important; }


/*---------Info Board---------------*/

.infoboard { margin-top:3em; margin-bottom:2em;}
.infoboard ul{ display:flex; flex-wrap: wrap;}
.infoboard ul li { width:30%; margin-right:5%;}
.infoboard ul li img { width:60%; height:auto; }
.infoboard ul li:nth-child(3n) { margin-right:0;}


/*---------SNS/Partbner---------------*/

.sns { padding-bottom:3em; }
.sns h3 { margin-bottom:2em;}
.sns ul li { list-style-type:none; }
.sns ul>li.facebook { width:90%; list-style-type:none;  }


 
 ul.about-item{  display:block; list-style-type: none;position: relative;width: 100%;margin-bottom: 50px;}
 ul.about-item > li{position: relative;width: 90%;}
 ul.about-item:nth-child(odd) > li:first-child {position: relative;width: 90%;  }
 ul.about-item:nth-child(odd) > li img{width: 100%;}
 ul.about-item:nth-child(odd) > li:nth-child(2n){ margin-left:10%;background-color: #eee;top: -20px;box-shadow: 1px 1px 1px #ccc;padding: 15px; right:inherit;}
 

 ul.about-item:nth-child(even){ display:block; list-style-type: none;position: relative;width: 100%;margin-bottom: 50px;}
 ul.about-item:nth-child(even) > li{position: relative;width: 90%;}
 ul.about-item:nth-child(even) > li:first-child {position: relative;width: 90%; margin-left:10%;}
 ul.about-item:nth-child(even) > li img{width: 100%;}
 ul.about-item:nth-child(even) > li:nth-child(2){ left:0; background-color: #eee;top: -20px;box-shadow: 1px 1px 1px #ccc;padding: 15px;}
 
 

.history-info {width: 90%; margin: 0 auto; padding-top: 2em;}
.history-info dl dt {float: left; clear: both; width: 25%;}
.history-info dl dd { margin-left:30%;}

.soshiki img { width:100%; height:auto; }

table.kanren { font-size:1.0rem;}

.concept-item ol , .achieve-item ol{ padding-left:2em;}
.achieve-item , .news-item , .break-item , .view-item , .d-item , .kyosai-item , .union-item1 , .consul-item , .contact-item  { width:100%; }

.news-item dl dt , .break-item dl dt , .view-item dl dt , .d-item dl dt , .contact-item dl dt { width:25%;}
.news-item dl dd , .break-item dl dd , .view-item dl dd , .d-item dl dd , .contact-item dl dd { margin-left:30%; }

.union-item1 fieldset legend { font-size:1.3rem; line-height:1.5; padding-left:1em; padding-right:1em; }
.triangle { border: 15px solid transparent; margin-top: 1em; margin-bottom: 1em; border-top-color: #4F649C; }

.consul-item table { width:100%; }
.map { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.topics-menu { width:100%;}
.topics-menu ul { display:block; }
.topics-menu ul li { width: 100%; margin-right: 0; height: inherit; margin-bottom: 2em; position: relative; }
.topicsimg { width:100%; }
.topicsimg img { width:100%; height:auto; }


table.officer-item {width: 100%; margin: 0 auto; margin-top: 2em; margin-bottom: 2em; font-size:1.0rem; }
table.officer-item td:nth-child(4n) { font-size:0.8rem;}


	
	
	
/*-----------------------------------------Index---------------------------------------------------------------------------*/

	
ul.pointicon { display:flex; text-align:center; margin-top:5em; flex-wrap: wrap; background-color: #ff0; margin-left: 0; margin-right: 0;}
ul.pointicon li { width:30%; margin-right:5%; list-style-type: none; }
ul.pointicon li .circle{width:100%; height: 75%; border: #2464AB 1px solid; list-style-type:none; margin-bottom:2em;border-radius: 50%; box-sizing: border-box; padding-top: 20px;}
	ul.pointicon li .circle img {width:  50px; height: 50px;}
	ul.pointicon li span { font-weight:bolder; font-size:1.4rem; color:#145fab;}
ul.pointicon li:nth-child(3n) { margin-right:0; }


}


/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

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


/*------------------------------------------Index---------------------------------------------------------------------------*/
	
	#catch_phrase { position: absolute; top:7em; width:100%; left: 1em;  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
	.main_phrase {font-size: 200%; font-weight: 600; line-height: 1; color: #fff; text-shadow: 1px 1px 10px #000; }
	.main_phrase span { font-size: 120%; }
	.comment_phrase{ width: 50%; color: #fff; font-size: 90%; line-height: 1.8; margin-top: 1em; font-weight: 600; padding: 1em; text-shadow: 1px 1px 3px #000; background-color: rgba(0,0,0,0.0); }
/*---------Whokesale---------------*/

.index_wholesale { margin-top: 3em;}
.index_wholesale > ul { display:block;}
.index_wholesale > ul > li:first-child{ padding: 3em 2em 2em 2em;  width: 100% !important; height: inherit; }
.index_wholesale > ul > li .wholesale_box { border-left: 1px #fff solid; padding-left: 1em; box-sizing: border-box; padding-bottom: 0; width: 100% ;}
.index_wholesale > ul > li .wholesale_box h2{ font-size:180%; }
.index_wholesale > ul > li .wholesale_box h3{ font-size:120%; margin-bottom: 2em; }
.index_wholesale > ul > li .wholesale_box h4{ font-size:110%; margin-bottom: 1em; }
.index_wholesale > ul > li .wholesale_box p { line-height: 1.8; font-size: 90%;}

.index_wholesale > ul > li:nth-child(2) ul { width: 100%;}
.index_wholesale > ul > li:nth-child(2) ul li { height: 15em; width: 100%; overflow: hidden; }
.index_wholesale > ul > li:nth-child(2) ul li img {width:auto; height:100%; }
.index_wholesale > ul > li:nth-child(2) ul li:first-child img {position: absolute; right: 0; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(2) img {position: absolute; left: 0; }
	.index_wholesale > ul > li:nth-child(2) ul li:nth-child(3) img {position: absolute; right: -20em; }
	
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents{ position: absolute; top:0; color: #fff; width: 50%; height: 100%; padding: 1em; box-sizing: border-box; font-size: 80%;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents .shosai{ width: 60%; background-color: #333; color: #fff; padding: 0.5em 0; text-align: center;
	position: absolute; bottom: 0.5em; right: 1em; }
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents p.in { border-left: 1px #fff solid; padding-left: 1.5em;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents .shosai a { color: #fff;}
.index_wholesale > ul > li:nth-child(2) ul li .wholesale_contents h5 { font-size: 130%;}
.index_wholesale > ul > li:nth-child(2) ul li:first-child .wholesale_contents { left:0; background-color: #63B23F; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(2) .wholesale_contents { right:0; background-color: #379EDE; }
.index_wholesale > ul > li:nth-child(2) ul li:nth-child(3) .wholesale_contents { left:0; background-color: #AC5594; }
.shosai:after { content: ">"; float: right; padding-right: 1em;}
.shosai a:hover { text-decoration: underline; }


.index_acosta { margin-top: 2em;}

.index_acosta ul li { width: 100%; height: 15em; overflow: hidden;}
.index_acosta ul li > img { height: 15em; width:auto; position: absolute; left:-25em;}
	
.index_acosta ul li .wholesale_contents {position: absolute; top:0; width: 50%; height: 100%; padding: 1em;
	box-sizing: border-box; font-size: 90%; right:0; background-color: #ff0; margin-top:0;}
.index_acosta ul li .wholesale_contents p.in { border-left: 1px #333 solid; padding-left: 1.5em;}
.index_acosta ul li .wholesale_contents .shosai{ width: 60%; bottom: 0.5em; right: 1em; }
.index_acosta ul li .wholesale_contents h5 { text-align: left; margin-bottom: 1em; font-size: 130%;}
.index_acosta ul li .wholesale_contents .shosai a { color: #fff;}

.index_acosta_logo { width: 25%; height:4em; top:0; left: 0; padding-top: 0; text-align: center; display: inline;}
.index_acosta_logo img { width: 80%; height: auto;}
	
	
/*---------Office---------------*/
.office { margin-top: 2em; margin-bottom: 2em;}
.office > ul { display: flex;}
.office > ul > li {list-style-type: none;}
.office > ul > li:first-child { width: 40%; margin-right: 5%;}
.office > ul > li:first-child img { width: 100%; height: auto;}

.office > ul > li:nth-child(2){ width:55%; box-sizing: border-box; padding-left: 0; }
.office > ul > li:nth-child(2) > ul { display: flex;}
.office > ul > li:nth-child(2) > ul >li { width: 30%; list-style-type: none; margin-right: 5%;}
.office > ul > li:nth-child(2) > ul >li img { width: 100%; height: auto;}
.office > ul > li:nth-child(2) > ul >li:nth-child(3){ margin-right: 0;}
.office > ul > li:nth-child(2) .office_comment { margin-bottom: 2em;}

/*---------Index Recruit--------------*/
.recruit_wrapper {width:100%; }
#index_recruit {background: url("../img/index/bg_sky.jpg"); background-size: cover; position:relative; }
#index_recruit:after {display: block; content: ""; height: 0; border-top: 3em solid transparent ; border-bottom: 0px solid transparent; border-right: 50vw solid #fff;border-left: 50vw solid #fff; }
.bg-mask { height: 130%; background: rgba(255,255,255,0.0);}
.recruit_contents{box-sizing: border-box; width: 100%; padding-left: 5%; padding-right: 5%; margin: 5em auto; padding-top:13em; padding-bottom:0; text-align: center;}
.index_rtecruit_icon {}
.index_rtecruit_icon ul { width: 100vw; display:flex; text-align:center; margin-top:5em auto; flex-wrap: wrap; }
.index_rtecruit_icon ul li { width:35vw; height: 35vw; margin-right:15vw; list-style-type:none; border-radius: 50%; background-color: #333; margin-bottom:2em; padding-top:1em;}
	.index_rtecruit_icon ul li img { width:50%; height: auto;}	
.index_rtecruit_icon ul li span { font-weight:normal; font-size:110%; color:#fff;}
.index_rtecruit_icon ul li:nth-child(2n) { margin-right:0; }
	

.recruit_button{ display: inline-block; font-size: 130%; border: 1px #333 solid; padding:1em 2em; margin-top: 3em;}
.recruit_button a {color: #333;}
.recruit_button:hover{ background-color: #333; }
.recruit_button:hover a{ color: #fff;}

	
/*------------------------------------------Wholesale---------------------------------------------------------------------------*/
	

ul.business-item{ width: 100%; list-style-type: none; position: relative; display:block; margin-top: 3em; margin-bottom:0px; clear: both;  }
ul.business-item > li{width: 100%; box-shadow: none; }
ul.business-item > li:first-child { background-color: #fff; box-sizing: border-box; padding: 2em; border-left: 10px #3B9E49 solid;box-shadow: 1px -1px 3px #ccc; }
ul.business-item h4 { font-size: 150%; font-family: "Noto Sans JP", sans-serif; text-align: left; color: #000; margin-bottom: 1em;  }
ul.business-item > li:nth-child(2){ width:100%;position:relative;right:inherit; top:inherit; height:inherit; overflow:inherit; }
ul.business-item > li:nth-child(2) img { width: 100%; height: auto;position:inherit; right:inherit;box-shadow: 1px 1px 3px #ccc;  }
ul.business-item > li:first-child > .shosai2 { display:inline-block; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 2em; margin-left: auto; background-color: #333; } 
ul.business-item > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item > li:first-child > .shosai2 a:hover { color: #000; } 
	.business_title{font-size: 120%; font-family: "Noto Sans JP", sans-serif; text-align: left; color: #333; margin-bottom: 0; }

ul.business-item2 { width: 100%; list-style-type: none; position: relative; display:block; margin-top: 3em; margin-bottom:0px; clear: both;  }
ul.business-item2 > li{width: 100%; box-shadow: none; }
ul.business-item2 > li:first-child { background-color: #fff; box-sizing: border-box; padding: 2em; border-left: 10px #51AFDD solid;box-shadow: 1px -1px 3px #ccc; }
ul.business-item2 h4 { font-size: 150%; font-family: "Noto Sans JP", sans-serif; text-align: left; color: #000; margin-bottom: 1em;  }
ul.business-item2 > li:nth-child(2){ width:100%;position:relative;right:inherit; top:inherit; height:inherit; overflow:inherit; }
ul.business-item2 > li:nth-child(2) img { width: 100%; height: auto;position:inherit; right:inherit;box-shadow: 1px 1px 3px #ccc;  }
ul.business-item2 > li:first-child > .shosai2 { display:inline-block; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 2em; margin-left: auto; background-color: #333; } 
ul.business-item2 > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item2 > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item2 > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item2 > li:first-child > .shosai2 a:hover { color: #000; }

ul.business-item3 { width: 100%; list-style-type: none; position: relative; display:block; margin-top: 3em; margin-bottom:0px; clear: both;  }
ul.business-item3 > li{width: 100%; box-shadow: none; }
ul.business-item3 > li:first-child { background-color: #fff; box-sizing: border-box; padding: 2em; border-left: 10px #AA5592 solid;box-shadow: 1px -1px 3px #ccc; }
ul.business-item3 h4 { font-size: 150%; font-family: "Noto Sans JP", sans-serif; text-align: left; color: #000; margin-bottom: 1em;  }
ul.business-item3 > li:nth-child(2){ width:100%;position:relative;right:inherit; top:inherit; height:inherit; overflow:inherit; }
ul.business-item3 > li:nth-child(2) img { width: 100%; height: auto;position:inherit; right:inherit;box-shadow: 1px 1px 3px #ccc;  }
ul.business-item3 > li:first-child > .shosai2 { display:inline-block; box-sizing: border-box; border: 1px #333 solid; padding: 0.5em 1em 0.5em 1em; margin-top: 2em; margin-left: auto; background-color: #333; } 
ul.business-item3 > li:first-child > .shosai2 a{ text-decoration: none; color: #fff; } 
ul.business-item3 > li:first-child > .shosai2:hover { background-color: rgba(255,255,255,1.0) } 
ul.business-item3 > li:first-child > .shosai2:hover a { color: #000; } 
ul.business-item3 > li:first-child > .shosai2 a:hover { color: #000; } 
	
	
.range {width: 100%; margin-bottom: 2em; margin-top:2em;  }
.range2 {width: 100%; margin-bottom: 1em; margin-top:1em; padding-bottom:2em; }
			

/*------------------------------------------Group Tour---------------------------------------------------------------------------*/
.grouptour { margin-top: 4em; margin-bottom: 2em; position: relative;}
.grouptour dl { width: 100%; position: relative;}
.grouptour dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.grouptour dl dt{ width: 100%; }
.grouptour dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.grouptour dl dt img{ width: 100%; height: auto; }
.grouptour dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:2em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #00a6a4; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.grouptour dl dd h3 { margin-bottom: 1.5em; color: #00a6a4 !important;}

.grouptour_icon { margin-top: 3em; margin-bottom: 3em; position: relative; width: 100%; clear: both; padding-top: 3em;}
.grouptour_icon ul{ display: flex; flex-wrap: wrap; }
.grouptour_icon ul li{ width: 30%; margin-right: 5%; background-color: #7BA1CF; height: 8em; list-style-type: none; margin-bottom: 1em; padding: 1em 1em 1em 1em; box-sizing: border-box; text-align: center; color: #fff; border-radius: 10px; }
.grouptour_icon ul li i{ color: #fff; font-size: 3rem;}
.grouptour_icon ul li p{ margin-bottom: 1em}
.grouptour_icon ul li:nth-child(4n){ margin-right: 5%;}
.grouptour_icon ul li:nth-child(3n){ margin-right: 0; }
.grouptour_icon .comment{ text-align: center; margin-top: 2em; margin-bottom: 2em;}


/*------------------------------------------Travel Unit---------------------------------------------------------------------------*/
.travelunit { margin-top: 4em; margin-bottom: 2em; position: relative;}
.travelunit dl { width: 100%; position: relative;}
.travelunit dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.travelunit dl dt{ width: 100%; }
.travelunit dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.travelunit dl dt img{ width: 100%; height: auto; }
.travelunit dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:2em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #51AFDD; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.travelunit dl dd h3 { margin-bottom: 1.5em; color: #51AFDD !important;}
	
/*------------------------------------------Taiwan---------------------------------------------------------------------------*/
.taiwan  { margin-top: 4em; margin-bottom: 2em; position: relative;}
.taiwan  dl { width: 100%; position: relative;}
.taiwan  dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.taiwan  dl dt{ width: 100%; }
.taiwan  dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.taiwan  dl dt img{ width: 100%; height: auto; }
.taiwan  dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:2em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #AA5592; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.taiwan  dl dd h3 { margin-bottom: 1.5em; color: #AA5592 !important;}
	

/*------------------------------------------Acosta---------------------------------------------------------------------------*/

.acosta { margin-top: 4em; margin-bottom: 2em; position: relative;}
.acosta dl { width: 100%; position: relative;}
.acosta dl:after {content: ""; display:table; clear: both; background-color: #f00; }
.acosta dl dt{ width: 100%; }
.acosta dl dt .dtcomment{ width: 100%; font-size: 80%; margin-top: 1em; }
.acosta dl dt img{ width: 100%; height: auto; }
.acosta dl dd{ position:relative; width: 100%; background-color: #fff; margin-top:5em; color: #000; padding: 3em 2em 4em 2em; box-sizing: border-box; border-top:5px solid #00a6a4; box-shadow: 1px 10px 10px 8px rgba(0,0,0,0.2);   }
.acosta dl dd h3 { margin-bottom: 1.5em; color: #C54900 !important;}	
	
.acosta_contents { margin-top:3em; padding-top: 4em; position: relative; }
.acosta_contents ul { display:flex; flex-wrap: wrap; margin-top: 3em }
.acosta_contents ul li{ width:100%; list-style-type:none; border:1px #ccc solid; box-sizing:border-box; margin-bottom:2em; background-color: #fff; margin-right: 0; }
.acosta_contents ul li dl dt { margin:0; padding:0; }
.acosta_contents ul li dl dt img { width:100%; height:auto;}
.acosta_contents ul li dl dd { padding:2em; }
.acosta_contents ul li dl dd .cate {  background-color:#447BFC; color:#fff; padding:0.3em 0.5em 0.3em 0.5em; display:inline; font-size:1.1rem; float:left; border-radius:5px;}
.cate_title { clear:both; font-size:2.0rem; font-weight:bolder; text-align:left; }

/*------------------------------------------Company---------------------------------------------------------------------------*/
.company { margin-top: 3em; margin-bottom: 0px;}
.company h3 {font-size:130%; text-align: left; border-left: 0.5em solid #1777B3; padding-left: 1em;}

.company .company_info { margin-top: 3em; margin-bottom: 3em;}
.company .company_info:after { content: ""; display: block; clear: both; }
.company .company_info  dl { width: 95%; position: relative; margin-left: 5%;}
.company .company_info  dl dt{ width: 100%; }
.company .company_info  dl dt img { width: 100%; height: auto; }
.company .company_info  dl dd{ margin-left:0; }


.company .overview { margin-top: 2em; margin-bottom: 3em;}
.company .overview dl { width: 100%; position: relative; margin-left:0;}
.company .overview dl dt{ float:inherit; width: 100%; text-align: left; display: block; background-color:inherit; padding: 0 ; border-bottom: dotted 1px #333;}
.company .overview dl dd{ margin-left: 0; padding-top: 0.5em; margin-bottom: 2em; }

.company .branch { margin-top: 2em;}
.company .branch:after { content: ""; display: block; clear: both; }
.company .branch  dl { width: 100%; position: relative; margin-left: 0;}
.company .branch  dl dt{ float:none; width: 100%; background-color: #ccc; color: #fff; box-sizing: border-box; padding: 0.3em 1em 0.3em 1em ;text-align: left;}
.company .branch  dl dd{ margin-left: 0; margin-bottom: 1.5em; padding-top: 0.3em;}
.company .branch h3{ font-size:3.5rem; margin: 0 auto; color: #333; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:500; border-bottom: 1px solid #333; margin-bottom: 1em ; border-left: none; }
.company .branch  dl dt img { width: 100%; height: auto; }
.company .branch  dl .map {margin-top: 60px; margin-bottom: 30px; }

.company .history { margin-top: 2em; margin-bottom: 3em;}
.company .history:after { content: ""; display: block; clear: both; }
.company .history  dl { width: 100%; position: relative; margin-left: 0;}
.company .history  dl dt{ float: left; width: 6em; text-align: left;}
.company .history  dl dd{ margin-left: 7em; margin-bottom: 1em; }

.company .philosophy { margin-top: 3em; margin-bottom: 2em;}
.company .philosophy:after { content: ""; display: block; clear: both; }
.company .philosophy  dl { width: 100%; position: relative; margin-left: 0;}
.company .philosophy > dl > dt{ float: left; width: 50%; padding-right: 1em; padding-bottom: 1em; }
.company .philosophy  dl dt img { width: 100%; height: auto; }
.company .philosophy  dl dd{ margin-left: 0; }
.company .philosophy  dl dd ul li { text-align: left; margin-bottom: 2em; list-style-type: none;} 
.company .philosophy  dl dd ul li h5 {font-size:140%; margin: 0 auto; color: #02926C; padding-top: 0; padding-bottom: 0; text-align: left; line-height:1.5; font-family: "Noto Sans JP", sans-serif;font-weight:600; border-left:none; padding-left: 0; margin-bottom: 1em; }

.company .philosophy  dl dd ul li dl dt { float: inherit; font-size: 120%; font-weight: 600;}
.company .philosophy  dl dd ul li dl dt:before {content: "■ "}
.company .philosophy  dl dd ul li dl dd { margin-left: 2em; margin-bottom: 1em;}

.company .president { margin-top: 2em; margin-bottom: 0;}
.company .president:after { content: ""; display: block; clear: both; }
.company .president dl { width: 100%; position: relative; margin-left: 0;}
.company .president dl dt{ float:left; width: 50%; padding-right: 1em; padding-bottom: 1em; }
.company .president dl dt img { width: 100%; height: auto; }
.company .president dl dd{ margin-left: 0; }




.company .branch  dl.area_branch h5 {text-align: left; margin-bottom: 30px; margin-top: 30px; font-family: "Noto Sans JP", sans-serif;font-weight:500; font-size:2.5rem;}
.company .branch  dl.area_branch { width: 95%; position: relative; margin-left: 5%;box-sizing: border-box; margin-top: 30px; margin-bottom: 50px; }
.company .branch  dl.area_branch dt{ float: left; width: 80px; text-align: left; color: #333; background-color:inherit;}
.company .branch  dl.area_branch dd{ margin-left: 100px; margin-bottom: 1em; }


/*------------------------------------------Press Release---------------------------------------------------------------------------*/
.press { margin-top: 100px; margin-bottom: 0px; padding-bottom: 100px;}
.press .release dl {margin-top: 50px;}
.press .release dl dt { float: left; width: 100px; }
.press .release dl dd { margin-left: 150px; }

/*------------------------------------------Toroku---------------------------------------------------------------------------*/
.yakkan { margin-top: 3em; margin-bottom: 0px; padding-bottom: 3em;}

/*------------------------------------------Toroku---------------------------------------------------------------------------*/
.toroku { margin-top: 3em; margin-bottom: 0px; padding-bottom: 3em;}

/*-----------------------------------------Privacy---------------------------------------------------------------------------*/

.privacy { margin-top:3em; margin-bottom: 2em;}
.privacy ol { margin-top: 2em; margin-bottom: 2em;}
.privacy fieldset { margin-top: 2em; }
.privacy ol.top0 { margin-bottom: 2em;}
.privacy h4 { font-size:110%; }
.privacy p {margin-bottom: 0.3em;}
.privacy ul li ul.group_company li { margin-right:inherit; }
	
	

.newscontents {width: 100%; margin: 1em auto; line-height: 2.5;}
.newscontents  dl dt {float: left; clear: both; width: 25%; border-bottom: none;}
.newscontents dl dd {border-bottom: dashed 1px #ccc; margin-left:28%;}

.news-menu {width: 94%; margin: 0 auto;}				

.sokuho { width:100%; margin-top:1em; margin-bottom:2em;}
.sokuho dl > dt { float:inherit; width:inherit; padding-top:0; text-align:left;}
.sokuho dl > dd { margin-left:0;}
.sokuho dl > dd > ul { display:block; }
.sokuho dl > dd > ul >li { list-style-type:none; height:7em; width:100%; margin-right:0; border:1px #bbb solid; background-color:#fff; box-sizing:border-box; margin-bottom:1em; }


.sokuho dl > dd > ul >li dl dt { float:left; width:7em; height:7em; overflow:hidden; padding:0; }
.sokuho dl > dd > ul >li dl dt img{ height:100%; width: auto; }
.sokuho dl > dd > ul >li dl dd { margin-left:7em; padding:0.5em 1em 0.5em 1em; box-sizing:border-box; line-height:1.5;}
.sokuho dl > dd > ul >li dl dd .sokuho_cate { display:inline; color:#fff; background-color:#6A0000; padding:0.1em 1em 0.1em 1em; font-size:1.0rem; border-radius:5px; }



#contact ul { display:block; }
#contact ul li { color:#000; width:100%; list-style-type:none; font-size: 80%;}
#contact ul li .stu { font-size:1.5rem; font-weight:bolder; }
#contact ul li .toiawase { font-size:1.5rem; background-color:#000; border-radius:15px; width:80%; border:#fff 2px solid; padding-top:1em; padding-bottom:1em; margin:0 auto; text-align:center; margin-top:2em; }



/*---------Information---------------*/

.info { width:100%;}
.info p { padding-left:0;}
.info .contents { width:100%;}
.info h3 { margin-bottom:2em;}
.info ul {width: 100%; padding: 0;}
.info li { height:inherit; width:100%; border-bottom:#eee 1px solid; border-right:none; margin-bottom:0; padding-bottom:0; position:relative;}
.info li dl{ margin:0; padding:0; box-sizing:border-box; }
.info li dl dt{ float:left; width:40%; height:11em; display:block; padding-bottom:0; box-sizing:border-box; overflow:hidden; }
.info li dl dt img{ width:auto; height:11em;}
.info li dl dd{ margin-left:42%; height:10em; overflow:visible; text-align:left; padding-top:1em; padding-right:1em; box-sizing:border-box; position:inherit;}


.infolink { position:inherit; text-align:right !important; }


/*---------Info Board---------------*/

.infoboard { margin-top:3em; margin-bottom:2em;}
.infoboard ul{ display:flex; flex-wrap: wrap;}
.infoboard ul li { width:30%; margin-right:5%;}
.infoboard ul li img { width:60%; height:auto; }
.infoboard ul li:nth-child(3n) { margin-right:0;}


/*---------SNS/Partbner---------------*/

.sns { padding-bottom:3em; }
.sns h3 { margin-bottom:2em;}
.sns ul li { list-style-type:none; }
.sns ul>li.facebook { width:90%; list-style-type:none;  }


 
 ul.about-item{  display:block; list-style-type: none;position: relative;width: 100%;margin-bottom: 50px;}
 ul.about-item > li{position: relative;width: 90%;}
 ul.about-item:nth-child(odd) > li:first-child {position: relative;width: 90%;  }
 ul.about-item:nth-child(odd) > li img{width: 100%;}
 ul.about-item:nth-child(odd) > li:nth-child(2n){ margin-left:10%;background-color: #eee;top: -20px;box-shadow: 1px 1px 1px #ccc;padding: 15px; right:inherit;}
 

 ul.about-item:nth-child(even){ display:block; list-style-type: none;position: relative;width: 100%;margin-bottom: 50px;}
 ul.about-item:nth-child(even) > li{position: relative;width: 90%;}
 ul.about-item:nth-child(even) > li:first-child {position: relative;width: 90%; margin-left:10%;}
 ul.about-item:nth-child(even) > li img{width: 100%;}
 ul.about-item:nth-child(even) > li:nth-child(2){ left:0; background-color: #eee;top: -20px;box-shadow: 1px 1px 1px #ccc;padding: 15px;}
 
 

.history-info {width: 90%; margin: 0 auto; padding-top: 2em;}
.history-info dl dt {float: left; clear: both; width: 25%;}
.history-info dl dd { margin-left:30%;}

.soshiki img { width:100%; height:auto; }

table.kanren { font-size:1.0rem;}

.concept-item ol , .achieve-item ol{ padding-left:2em;}
.achieve-item , .news-item , .break-item , .view-item , .d-item , .kyosai-item , .union-item1 , .consul-item , .contact-item  { width:100%; }

.news-item dl dt , .break-item dl dt , .view-item dl dt , .d-item dl dt , .contact-item dl dt { width:25%;}
.news-item dl dd , .break-item dl dd , .view-item dl dd , .d-item dl dd , .contact-item dl dd { margin-left:30%; }

.union-item1 fieldset legend { font-size:1.3rem; line-height:1.5; padding-left:1em; padding-right:1em; }
.triangle { border: 15px solid transparent; margin-top: 1em; margin-bottom: 1em; border-top-color: #4F649C; }

.consul-item table { width:100%; }
.map { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.topics-menu { width:100%;}
.topics-menu ul { display:block; }
.topics-menu ul li { width: 100%; margin-right: 0; height: inherit; margin-bottom: 2em; position: relative; }
.topicsimg { width:100%; }
.topicsimg img { width:100%; height:auto; }


table.officer-item {width: 100%; margin: 0 auto; margin-top: 2em; margin-bottom: 2em; font-size:1.0rem; }
table.officer-item td:nth-child(4n) { font-size:0.8rem;}


	
	
	
/*-----------------------------------------Index---------------------------------------------------------------------------*/

/*-------------Point------------------*/
ul.pointicon { display:flex; text-align:center; margin-top:5em; flex-wrap: wrap; }
ul.pointicon li { margin-right:0; width: 100%; margin-bottom: 2em;}
ul.pointicon li img { width: 30%; height: auto;float: left; padding-right:5%; padding-top: 2em; }
ul.pointicon li .circle{ float: left; width:40%; height:inherit; border: none; margin-bottom:0;border-radius:none; box-sizing: border-box; padding-top: 0;}
ul.pointicon li span { width: 60%; clear: both; font-weight:normal; font-size:90%; color:#145fab; }
ul.pointicon li:nth-child(3n) { margin-right:0; }
ul.pointicon li {text-align: left;}
}