/*===============================================
●base.css 画面の横幅が768px以上
===============================================*/
@media print, screen and (min-width: 768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.accordion-container {
	border-bottom:1px solid #333;
	width:100%;
	display: inline-block;
	height: auto;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 10px;
	overflow: hidden;
}

.accordion-container .panel {
	margin-top: 0;
	border: none;
	background: #fff !important; 
	width: 100%;
	text-align: left; transition: 0.4s;
	border-bottom: 1px solid #333;
}

.accordion-container .panel:last-child { border: none; }

.accordion-container .panel .content {
	padding: 0px 40px 0 20px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden; transition:
	max-height 0.2s ease-out;
	border: none;
}

.accordion-container .panel .content .content_inner{
	padding:10px 0 20px;
}

.accordion-container .panel .heading {
	font-family: Roboto, "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	font-weight:400;
	color:#333;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
	padding: 18px 0px;
	background: url("../img/keyboard_arrow_up.svg") no-repeat right;
	background-position: 98% 12px !important; background-size: 28px !important;
	cursor:pointer;
}

.accordion-container .panel a {
	text-decoration: none;
}

.accordion-container .panel .content p {
	font-family: Roboto, "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	font-weight:400;
	color:#333;
	line-height:1.9em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
	padding: 15px 0;
	margin: 0;
}

.accordion-container .panel .content p:first-child { padding-top: 0;}
.accordion-container .panel p:last-child { padding-bottom: 20px; }

.accordion-container .panel table { width: 100%; border: none;}
.accordion-container .panel table tr td { padding: 5px 10px; border: none; }
.accordion-container .panel.active { background: #fff !important;}
.accordion-container .panel.active .heading { background: url("../img/keyboard_arrow_down.svg") no-repeat right;  }

}





/*===============================================
●smartphone.css 画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

.accordion-container {
	border-bottom:1px solid #333;
	width:100%;
	display: inline-block;
	height: auto;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 10px;
	overflow: hidden;
}

.accordion-container .panel {
	margin-top: 0;
	border: none;
	background: #fff !important; 
	width: 100%;
	text-align: left; transition: 0.4s;
	border-bottom: 1px solid #333;}

.accordion-container .panel:last-child { border: none; }

.accordion-container .panel .content {
	padding: 0px 20px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden; transition:
	max-height 0.2s ease-out;
	border: none;
}

.accordion-container .panel .content .content_inner{
	padding:5px 0 15px;
}

.accordion-container .panel .heading {
	font-family: Roboto, "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:1.7em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
	padding: 18px 35px 18px 0;
	background: url("../img/keyboard_arrow_up.svg") no-repeat right;
	background-position: 98% 12px !important; background-size: 28px !important;
	cursor:pointer;
}

.accordion-container .panel a {
	text-decoration: none;
}

.accordion-container .panel .content p {
	font-family: Roboto, "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:1.9em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
	padding: 15px 0;
	margin: 0;
}

.accordion-container .panel .content p:first-child { padding-top: 0;}
.accordion-container .panel p:last-child { padding-bottom: 20px; }

.accordion-container .panel table { width: 100%; border: none;}
.accordion-container .panel table tr td { padding: 5px 10px; border: none; }
.accordion-container .panel.active { background: #fff !important;}
.accordion-container .panel.active .heading { background: url("../img/keyboard_arrow_down.svg") no-repeat right;  }

}