@charset "UTF-8";





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
コンテナー設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.bcontainer-outer,
.bcontainer-coln .bcontainer-inner,
.coln { overflow: visible !important; }

/*トップのみ*/
.pcode-25769 .bcontainer-outer,
.pcode-25769 .bcontainer-coln .bcontainer-inner,
.pcode-25769 .coln { overflow: hidden !important; }
.bcontainer-outer .bcontainer-inner { box-sizing: border-box; }

/*-------------------------------------------------------------
col1
-------------------------------------------------------------*/
.col1 .box1 .containerInner { margin: 0; }

/*-------------------------------------------------------------
col2-1（2カラム：50%｜50%）
-------------------------------------------------------------*/
.col2-1 .box1 .containerInner { margin: 0 25px 0 0; }
.col2-1 .box2 .containerInner { margin: 0 0 0 25px; }

/*-------------------------------------------------------------
col2-2（2カラム：33%｜67%）
-------------------------------------------------------------*/
.col2-2 .box1 .containerInner { margin: 0 25px 0 0; }
.col2-2 .box2 .containerInner { margin: 0 0 0 25px; }

/*-------------------------------------------------------------
col2-3（2カラム：67%｜33%）
-------------------------------------------------------------*/
.col2-3 .box1 .containerInner { margin: 0 25px 0 0; }
.col2-3 .box2 .containerInner { margin: 0 0 0 25px; }

/*-------------------------------------------------------------
col2-4（2カラム：23%｜77%）
-------------------------------------------------------------*/
.col2-4 .box1 .containerInner { margin: 0 25px 0 0; }
.col2-4 .box2 .containerInner { margin: 0 0 0 25px; }

/*-------------------------------------------------------------
col2-5（2カラム：77%｜23%）
-------------------------------------------------------------*/
.col2-5 .box1 .containerInner { margin: 0 25px 0 0; }
.col2-5 .box2 .containerInner { margin: 0 0 0 25px; }

/*-------------------------------------------------------------
col2-6（2カラム：38%｜62%）
-------------------------------------------------------------*/
.col2-6 .box1 .containerInner { margin: 0 25px 0 0; }
.col2-6 .box2 .containerInner { margin: 0 0 0 25px; }

/*-------------------------------------------------------------
col2-7（2カラム：62%｜38%）
-------------------------------------------------------------*/
.col2-7 .box1 .containerInner { margin: 0 25px 0 0; }
.col2-7 .box2 .containerInner { margin: 0 0 0 25px; }

/*-------------------------------------------------------------
col2-8（2カラム：固定｜可変）
-------------------------------------------------------------*/

.col2-8 .box1 .containerInner { margin-left: 270px; }
.col2-8 .box2 { width: 270px !important; }
.col2-8 .box2 .containerInner { margin: 0 50px 0 0; }

/*-------------------------------------------------------------
col2-9（2カラム：可変｜固定）
-------------------------------------------------------------*/
.col2-9 .box1 .containerInner { margin-right: 270px; }
.col2-9 .box2 { width: 270px !important; }
.col2-9 .box2 .containerInner { margin: 0 0 0 50px; }

/*-------------------------------------------------------------
col3-1（3カラム）
-------------------------------------------------------------*/
.col3-1 { display: flex !important; gap: 50px; }
.col3-1 > div[class^="box"] { flex: 0 0 calc((100% - 100px) / 3); width: calc((100% - 100px) / 3) !important; float: none !important; }
.col3-1.clearfix::after { content: none; }

/*-------------------------------------------------------------
col3-2（3カラム：25%｜50%｜25%）
-------------------------------------------------------------*/
.col3-2 { display: flex !important; gap: 50px; }
.col3-2 .box1,
.col3-2 .box3 { flex: 0 0 calc((100% - 100px) * .25); width: calc((100% - 100px) * .25); float: none !important; }
.col3-2 .box2 { flex: 0 0 calc((100% - 100px) * .5); width: calc((100% - 100px) * .5); float: none !important; }
.col3-2.clearfix::after { content: none; }

/*-------------------------------------------------------------
col3-3（3カラム：25%｜25%｜50%）
-------------------------------------------------------------*/
.col3-3 { display: flex !important; gap: 50px; }
.col3-3 .box1, 
.col3-3 .box2 { flex: 0 0 calc((100% - 100px) * .25); width: calc((100% - 100px) * .25); float: none !important; }
.col3-3 .box3 { flex: 0 0 calc((100% - 100px) * .5); width: calc((100% - 100px) * .5); float: none !important; }
.col3-3.clearfix::after { content: none; }

/*-------------------------------------------------------------
col3-4（3カラム：50%｜25%｜25%）
-------------------------------------------------------------*/
.col3-4 { display: flex !important; gap: 50px; }
.col3-4 .box1 { flex: 0 0 calc((100% - 100px) * .5); width: calc((100% - 100px) * .5); float: none !important; }
.col3-4 .box2,
.col3-4 .box3 { flex: 0 0 calc((100% - 100px) * .25); width: calc((100% - 100px) * .25); float: none !important; }
.col3-4.clearfix::after { content: none; }

/*-------------------------------------------------------------
col3-5（3カラム：固定｜可変｜固定）
-------------------------------------------------------------*/
.col3-5 { display: flex !important; gap: 50px; }
.col3-5 .box1 { flex: 0 0 220px; width: auto !important; float: none !important; }
.col3-5 .box2 { flex: 1; width: auto !important; margin-left: auto !important; float: none !important; }
.col3-5 .box3 { flex: 0 0 220px; width: auto !important; margin-left: auto !important; float: none !important; }
.col3-5.clearfix::after { content: none; }

/*-------------------------------------------------------------
col4（4カラム：25%｜25%｜25%｜25%）
-------------------------------------------------------------*/
.col4 { display: flex !important; gap: 50px; }
.col4 > div[class^="box"] { flex: 0 0 calc((100% - 150px) / 4); width: calc((100% - 150px) / 4) !important; float: none !important; }
.col4.clearfix::after { content: none; }

/*-------------------------------------------------------------
col5
-------------------------------------------------------------*/
.col5 { display: flex !important; gap: 50px; }
.col5 > div[class^="box"] { flex: 0 0 calc((100% - 200px) / 5); width: calc((100% - 200px) / 5) !important; float: none !important; }
.col5.clearfix::after { content: none; }