/*共通設定*/
#my_body {
    font-family:"BIZ UDPGothic","ヒラギノ角ゴ Pro W3", ”NotoSansCJKjp-Regular”,"メイリオ", "ＭＳ Ｐゴシック",Osaka,Verdana, Arial, Helvetica, sans-serif;
}
h2,h3,h4,h5{font-weight:bold;}
.contents p {
    margin: 1em 0 2em 0;
}

/*スマホ*/

@media screen and (max-width:599px) {
#my_body p, .itembox_ul{}
/*ファーストビュー*/
.event_kikaku_top{background:url(pic/online_kodomokai_head.jpg);height: 32px;padding-bottom:50%;object-fit: cover; background-size: 100% auto;text-align: center; background-repeat: no-repeat;}

/*見出し*/
.online_title{font-size: 1.5rem ;text-align: center;border: solid #000;border-width: 2px 0px;margin: 10px 0;padding: 1em 0 1em 0 !important;}
.online_titlem{font-size: 1.5rem;text-align: center;margin: 20px 0;}
.online_kome p{text-align: center;margin: 0 0 2em 0;font-size: 17px!important;}

.title{margin-top:2em;}
.title h6{font-size:1.4rem;text-align:center;line-height:1.4rem;}
.title_ul li{background: url(pic/reten.png) no-repeat;background-size: auto;background-size: 33px 33px;margin: 16px 0 10px 0;padding-left: 39px;padding-right: 0;line-height: 35px;font-size: 1.3em;font-family: "BIZ UDGothic", "BIZ UDMincho";font-display: swap;font-weight: normal;font-weight: bold;}
.title_ul li{color: red;line-height: 3rem;}
.problemlist li{background: none;}

.itembox_img1{line-height: 1.8em;margin: 0;}
.itembox_ul{line-height: 1.8rem;padding-left: 5%;}
.itembox iframe{width: 100%;}

/*赤枠*/
.border_red{border-bottom: red 3px solid;}

/*ボタン*/
.orange{text-decoration: none;color: #fff !important;display: inline-block;margin:0.4em auto;width:100%;font-size: 1.3em;background: -webkit-gradient(linear, left top, right bottom, from(#ff6600), to(#ff9933));text-shadow: 1px 1px 1px rgba(0,0,0,0.5);border: none;   box-shadow: 0 3px 3px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);outline: none;text-align: center;font-family: "NotoSansCJKjp-Regular";}
.orange a{text-decoration: none;color: #fff !important;display: inline-block;padding:20px 0 ;width:100%;font-size: 1.3rem;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);border: none;	}
button:hover{text-decoration: none;background: -webkit-gradient(linear, left top, right bottom, from(#ff6600), to(#ff9933));text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity: 0.8;cursor: pointer;}
.button{padding: 2em 0;text-align: center;border: none;font-size: 15px;}

.says{display: inline-block;position: relative;margin-left: 15px;padding: 9px 13px;border-radius: 12px;background: #007eff;font-size: 1em;color: white;margin-top: 20px;}
.says:after {content: "";display: inline-block;position: absolute;top: -10px;left: 120px;border: 12px solid transparent;border-right: 13px solid #007eff;}

/*悩み*/
.nayamicontent{background:#ccffff;padding:0.5em 1em 1em 1em;margin:1em 0 2em 0;}
.nayamicontent h2{border-bottom:#3366ff solid 1px;margin:0;padding:0.5em 0.5em 0.5em 0.5em !important;font-size:180%;font-weight:bold;}
.nayamicontent ul{margin-top:0.5em;}
.nayamicontent li{font-size:14px;padding-left:14px;text-indent:-11px;width: 100%;line-height:1.4;}
.nayamicontent li i{color:#3366ff;}
.nayamicontent p{background:linear-gradient(transparent 60%, #ff0 0%);display:inline-block;}

/*実績紹介コメント*/
.coment p{font-size: 15px;}

/*4つの強み*/
.point-st{font-size: 26px;margin-bottom:1em;font-weight: bold;text-decoration: underline wavy red;}
.point-box{float:left;width:80%; background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 15px}
.point-box3{width: 42%; background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 15px}
.point-box4{width: 80%; background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 15px}
.point-num{width: 66px;font-size: 20px; background-color:red;padding: 10px 20px;margin: 20px auto;color: #fff;font-weight: bold}
.point-title{font-size: 19px;line-height: 1.25em; font-weight: bold;border-bottom: solid 2px #c0c0c0;padding-bottom: 1em;}
.point-txt{margin: 30px 0px;font-size: 13px;line-height:1.5em;}

/*交互フキダシアイテム*/
.talk-item{height: 100%;}
/*.hukidasi_kougo dl:nth-child(odd) dd p:after{content:"";color:#ccff99;position:absolute;top:28px;left:100px;font-size:25px;top: 49px;left: 5px;margin-top: -15px;border: 8px solid transparent;border-right: 8px solid #ccff99;}
.hukidasi_kougo dl:nth-child(even) dd p:after{content:"";color:#ccff99;position:absolute;top:28px;font-size:25px;top: 49px;right: -25px;margin-top: -15px;border: 8px solid transparent;border-left: 8px solid #ccff99;}*/

.itembox dd{overflow:visible !important;}

/*交互フキダシオレンジ*/
.hukidasi_kougo_itv dd p {
    background: #ccff99;
    padding: 5% 5%;
    /*border-radius:0px 12px 12px 12px !important;*/
    margin: 20px 0;
}
.hukidasi_kougo_tantou dd p {
    background: #ccff99;
    padding: 5% 5%;
    /*border-radius:12px 0px 12px 12px !important;*/
    margin: 20px 0;
}

/*.hukidasi_kougo_tantou dd p:after{display:none;color:#fff;border:none;}*/
.hukidasi_kougo_itv:nth-child(odd) dd p:after{border-right: 10px solid #ffd400 !important;}

/*交互フキダシ2カラム用*/
.twocolumn dl:nth-child(odd) dd p:after {content: none;color: #fff;}
.twocolumn dl:nth-child(even) dd p:after {content: none;color: #fff;}
.twocolumn dl:nth-child(odd) dd p{border-radius:0px 15px 15px 15px;padding:0.5rem;}
.twocolumn dl:nth-child(even) dd p{border-radius:15px 0px 15px 15px;padding:0.5rem;}
.twocolumn dl dd {width: 90%;padding: 0 5%;position: relative;}

/*左右ボックスのDLとDT*/
.itembox dl{margin: 0.5em 0 0.5em 0;border: none;}
.itembox dt{background:white;}

.online_hukidasi {position: relative;display: inline-block; margin: 1.5em 0;padding: 7px 10px;min-width: 120px;max-width: 100%;color: #000;font-size: 16px;background: #e5f5f9;border: solid 3px #000;box-sizing: border-box;border-radius: 15px;}
.online_hukidasi:before {content: ""; position: absolute; top: -23px; left: 50%;margin-left: -15px; border: 12px solid transparent;border-bottom: 12px solid #e5f5f9; z-index: 2;}
.online_hukidasi:after {content: "";position: absolute;top: -29px;left: 50%;margin-left: -17px;border: 14px solid transparent;border-bottom: 14px solid #000; z-index: 1;}
.online_hukidasi p {margin: 0;padding: 0;font-size: 15px;}

/*プラン比較表*/
.plancompare{display:block;margin:0 0 2em 0;}
.plancompare div{display:block;margin-bottom:2rem;}

.plancompare dl dt{text-align:center;color:#fff;padding:5px 0 15px 0;}
.plancompare dl dt h5{font-size:1.41rem;padding:0;margin:0.8rem 0;line-height:1.41rem;}
.plancompare dl dt a{font-size:1.16rem;background:#fff;border-radius:6px;display:block;width:80%;margin:auto;padding:0.4rem;box-shadow:0 1px 0px rgba(0,0,0,0.2),0 2px 8px rgba(0,0,0,0.2);}
.plancompare-simple dl dt{background:#51b0bb;}
.plancompare-simple dl dd td{color:#51b0bb;}
.plancompare-basic dl dt{background:#a372ad;}
.plancompare-basic dl dd td{color:#a372ad;}
.plancompare-full dl dt{background:#f29944;}
.plancompare-full dl dd td{color:#f29944;}

.plancompare dl dd table{width:100%;border-collapse: collapse;}
.plancompare dl dd tr{border-bottom:1px solid #ccc;}
.plancompare dl dd tr:nth-child(even){background:#eee;}
.plancompare dl dd tr th{text-align:center;padding:0.5rem 0;font-size: 15px;width: 40%;}
.plancompare dl dd tr td{text-align:center;padding:0.5rem 0;font-size: 18px;}
.plancompare dl dd tr:last-child td{color:#ff0000;font-size:1.28rem;font-weight: bold;}

.cybozu_itv{font-size: 0.9rem !important;font-weight: bold;text-align: center;border: solid #000;border-width: 2px 0px;margin: 10px 0;padding: 1em 0!important;}

.ex ul {border: solid 2px skyblue;border-radius: 5px;padding: 0.5em 1em 0.5em 2.3em;position: relative;width: 70%;font-size: 11px;margin: 0 auto 30px auto;}
.ex ul li {line-height: 1.5;padding: 0.5em 0; list-style-type: none!important;}
.ex ul li:before {font-family: "FontAwesome"; content: "\f138";/*アイコンの種類*/position: absolute;left : 1em;/*左端からのアイコンまでの距離*/color: skyblue;/*アイコン色*/}

.nagare-li ol {counter-reset:number;list-style-type: none!important;padding:2em;background: #f5faff;margin: 30px auto;}
.nagare-li ol li {position: relative;padding-left: 30px;line-height: 1.5em;padding: 0.5em 0.5em 0.5em 30px;font-size: 17px;font-weight: bold;}
.nagare-li ol li:before{position: absolute;counter-increment: number;content: counter(number);display:inline-block;background: #5c9ee7;color: white;font-family: 'Avenir','Arial Black','Arial',sans-serif;font-weight:bold;font-size: 15px;border-radius: 50%;left: 0;width: 25px;height: 25px;line-height: 25px;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.box_wrap_header{width: 100%;}
.actionflow__list{display: flex; flex-wrap: wrap; font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
.actionflow__list li{padding-bottom: 3rem;width: 100%;position: relative;}
.actionflow__list li:after{border-left: 4.1rem solid transparent;border-right: 4.1rem solid transparent;border-top: 1.7rem solid #d8d8d8;left: 60%;margin-left: -6.1rem;top: calc(95% + -2rem);content: "";position: absolute;}
.actionflow__list li:last-child::after{display: none;}
.actionflow__item{display: flex;justify-content: center;align-items: center;padding: 2rem 1.5rem;color: #18a2dc;font-size: 1.2rem;font-weight: 700;position: relative;}
.actionflow__item:before{content: '';border: .2rem solid #178fc2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}


/*実績紹介コメント*/
.come {text-align:center;font-size: 15px;}

}

/*タブレット*/

@media screen and (min-width: 600px) and (max-width: 959px) {
/*ファーストビュー*/
.event_kikaku_top{background:url(pic/online_kodomokai_head.jpg);height: 0px;padding-bottom: 48%;object-fit: cover; background-size: 100% auto;text-align: center; background-repeat: no-repeat;}

.itembox_img1{float: left;width: 55%;line-height: 1.8em;margin: 0;}
.itembox_img1 img{width: 85%;padding-left: 10%;}
.itembox_img2{float: left;width: 45%;line-height: 1.8em;margin: 0;}
.itembox_ul{line-height: 1.8rem;padding-left: 5%;}
.itembox iframe{width: 100%;}

/*見出し*/
.online_title{font-size: 1.5rem !important;text-align: center;border: solid #000;border-width: 2px 0px;margin: 2em 0;padding: 0.4em 0 0.4em 0 !important;}
.online_titlem{font-size: 1.5rem;text-align: center}
.online_kome p{text-align: center;margin: 0px;font-size: 17px!important;}

.title_ul li{background: url(pic/reten.png) no-repeat;background-size: auto;background-size: 33px 33px;margin: 16px 0 10px 0;padding-left: 39px;padding-right: 0;line-height: 35px;font-size: 1.3em;font-family: "BIZ UDGothic", "BIZ UDMincho";font-display: swap;font-weight: normal;font-weight: bold;}
.title_ul li{font-size: 20px !important;color: red;line-height: 3rem;}
.title h2,.title h3, .catch_copy{font-size: 20px;}
.title h6{font-size:1.4rem;text-align:center;line-height:1.4rem;}
/*ボタン*/
.button{text-align:center;}
.orange{text-decoration: none;color: #fff !important;display: block;margin:1em auto 2em auto;text-align:center;width:400px;font-size: 1.3em;background: -webkit-gradient(linear, left top, right bottom, from(#ff6600), to(#ff9933));text-shadow: 1px 1px 1px rgba(0,0,0,0.5);border: none;   box-shadow: 0 3px 3px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);outline: none;text-align: center;font-family: "NotoSansCJKjp-Regular";}
.orange a{text-decoration: none;color: #fff !important;display: inline-block;padding:20px 0 ;width:100%;font-size: 1.3rem;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);border: none;	}
button:hover{text-decoration: none;background: -webkit-gradient(linear, left top, right bottom, from(#ff6600), to(#ff9933));text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity: 0.8;cursor: pointer;}

.says {display: inline-block;position: relative;margin-left: 15px;padding: 27px 13px;border-radius: 12px;background: #007eff;font-size: 1.3em;color: white;}
.says:after{content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 120px;
    border: 12px solid transparent;
    border-right: 13px solid #007eff;}

/*悩み*/
.nayamicontent{background:#ccffff;padding:0.5em 1em 1em 1em;margin:2em 0;}
.nayamicontent h2{border-bottom:#3366ff solid 1px;margin:0;padding:0.5em 0.5em 0.5em 0.5em !important;font-size:180%;font-weight:bold;}
.nayamicontent ul{margin-top:0.5em;}
.nayamicontent li{font-size:17px;text-indent:-11px;}
.nayamicontent li i{color:#3366ff;}
.nayamicontent p{background:linear-gradient(transparent 60%, #ff0 0%);display:inline-block;}



/*赤枠*/
.border_red{border-bottom: red 3px solid;}

/*蛍光ペン*/
.yellow_line{background: linear-gradient(to bottom, #fcfaea 0%,#ffefa3 100%);border-left: 3px solid #FFCC00;padding-left: 5px;margin-bottom: 7px;}

/*注釈*/
.chushaku li{font-size: 15px;line-height:1.5rem;margin-bottom:0.8em;}

/*4つの強み>見出し*/
.point-st{font-size: 40px;margin-bottom:1em;font-weight: bold;text-decoration: underline wavy red;}

/*4つの強み*/
.point-box{float:left;width:42%;background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 30px 9px 0px 9px}
.point-box3{width: 42%; background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 15px}
.point-box4{width: 42%; background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 30px 9px 0px 9px}
.point-num{width: 66px;font-size: 20px; background-color:red;padding: 10px 20px;margin: 20px auto;color: #fff;font-weight: bold}
.point-title{font-size: 20px;font-weight: bold;border-bottom: solid 2px #c0c0c0;padding-bottom: 1em;}
.point-txt{margin: 30px;font-size: 12px;line-height:1.5em;}

/*交互フキダシアイテム*/
.talk-item{height: 100%;}

/*左右ボックスのDLとDT*/
.itembox dl{margin: 0.5em 0 0.5em 0;border: none;}
.itembox dt{background:white;}
.itembox_img1{float: left;width: 55%;line-height: 1.8em;margin: 0;}
.itembox_img1 img{width: 85%;padding-left: 10%;}
.itembox_img2{float: left;width: 45%;line-height: 1.8em;margin: 0;}
.itembox_ul{line-height: 1.8rem;padding-left: 5%;}

/*交互フキダシオレンジ*/
.hukidasi_kougo_itv:nth-child(odd) dd p:after{border-right: 10px solid #ffd400 !important;}

/*交互フキダシ2カラム用*/
.twocolumn dl:nth-child(odd) dd p:after {content: "";color: #ccff99;}/*交互フキダシ2カラム用*/
.twocolumn dl:nth-child(even) dd p:after {content: "";color: #ccff99;}
.twocolumn dl dd {width: 90%;padding: 0 5%;position: relative;}

.twocolumn dl:nth-child(odd) dd p{border-radius:0px 15px 15px 15px;padding:0.5rem;}
.twocolumn dl:nth-child(even) dd p{border-radius:15px 0px 15px 15px;padding:0.5rem;}

/*交互フキダシ(オンラインイベント)*/
.online_hukidasi {position: relative;display: inline-block;margin: 1.5em 0 0em 15px;padding: 7px 10px;min-width: 120px;max-width: 100%;color: #000;font-size: 16px;background: #e5f5f9;border: solid 3px #000;box-sizing: border-box; border-radius: 15px;}
.online_hukidasi:before {content: "";position: absolute;top: 50%;left: -24px;margin-top: -12px;border: 12px solid transparent;border-right: 12px solid #e5f5f9;z-index: 2;}
.online_hukidasi:after {content: "";position: absolute;top: 50%;left: -30px;margin-top: -14px;border: 14px solid transparent;border-right: 14px solid #000;z-index: 1;}
.online_hukidasi p {margin: 0;padding: 0;}
/*プラン比較表*/
.plancompare{display:flex;margin:0 0 2em 0;width:100%;}
.plancompare div{display:flex-box;width:32%;margin:1%;}

.plancompare dl dt{text-align:center;color:#fff;padding:5px 0 15px 0;}
.plancompare dl dt h5{font-size:1.41rem;padding:0;margin:0.8rem 0;line-height:1.41rem;}
.plancompare dl dt a{font-size:1.16rem;background:#fff;border-radius:6px;display:block;width:80%;margin:auto;padding:0.4rem;box-shadow:0 1px 0px rgba(0,0,0,0.2),0 2px 8px rgba(0,0,0,0.2);}
.plancompare-simple dl dt{background:#51b0bb;}
.plancompare-simple dl dd td{color:#51b0bb;}
.plancompare-basic dl dt{background:#a372ad;}
.plancompare-basic dl dd td{color:#a372ad;}
.plancompare-full dl dt{background:#f29944;}
.plancompare-full dl dd td{color:#f29944;}

.plancompare dl dd table{width:100%;border-collapse: collapse;}
.plancompare dl dd tr{border-bottom:1px solid #ccc;}
.plancompare dl dd tr:nth-child(even){background:#eee;}
.plancompare dl dd tr th{border-bottom:1px solid #ccc;text-align:center;padding:0.5rem 0;}
.plancompare dl dd tr td{border-bottom:1px solid #ccc;text-align:center;padding:0.5rem 0;}
.plancompare dl dd tr:last-child td{color:#ff0000;font-size:1.28rem;font-weight: bold;}

.nagare-li ol {counter-reset:number;list-style-type: none!important;padding:2em;background: #f5faff;margin: 30px auto;}
.nagare-li ol li {position: relative;padding-left: 30px;line-height: 1.5em;padding: 0.5em 0.5em 0.5em 30px;font-size: 17px;font-weight: bold;}
.nagare-li ol li:before{position: absolute;counter-increment: number;content: counter(number);display:inline-block;background: #5c9ee7;color: white;font-family: 'Avenir','Arial Black','Arial',sans-serif;font-weight:bold;font-size: 15px;border-radius: 50%;left: 0;width: 25px;height: 25px;line-height: 25px;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.ex ul {border: solid 2px skyblue;border-radius: 5px;padding: 0.5em 1em 0.5em 2.3em;position: relative;width: 70%;font-size: 11px;margin: 0 auto 30px auto;}
.ex ul li {line-height: 1.5;padding: 0.5em 0; list-style-type: none!important;}
.ex ul li:before {font-family: "FontAwesome"; content: "\f138";/*アイコンの種類*/position: absolute;left : 1em;/*左端からのアイコンまでの距離*/color: skyblue;/*アイコン色*/}

/*インタビュー見出し*/
.cybozu_itv{font-size: 1.3rem !important;font-weight: bold;text-align: center;border: solid #000;border-width: 2px 0px;margin: 10px 0;padding: 1em 0!important;}

.box_wrap_header{width: 100%;}
.actionflow__list{display: flex;font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
.actionflow__list li{width: 100px; padding:0 20px; position: relative;}
.actionflow__list li:after{border-left: 1.5rem solid #d8d8d8;border-top: 2.2rem solid transparent;border-bottom: 2.2rem solid transparent;right: -0.7rem;top: 50%;margin-top: -2.2rem;content: "";position: absolute;}
.actionflow__list li:last-child::after{display: none;}
.actionflow__item{display: flex;justify-content: center;align-items: center;writing-mode: tb-rl;padding: 2rem 1rem;color: #18a2dc;font-size: 1.4rem;font-weight: 700;position: relative;height: 357px;}
.actionflow__item span{writing-mode: horizontal-tb;}
.actionflow__item:before{content: '';border: .2rem solid #178fc2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

}

/*PC*/

@media screen and (min-width:960px) {

/*4つの強み>見出し*/
.point-st{font-size: 40px;margin-bottom:1em;display:block;font-weight: bold;text-decoration: underline wavy red;}

/*4つの強み*/
.point-box{float:left;width:42%;background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 15px}
.point-box3{width: 42%; background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 15px}
.point-box4{width: 42%; background-color: #e5f5f9;display: inline-block;text-align: center;border-radius: 1em;padding: 20px;margin: 15px}
.point-num{width: 66px;font-size: 20px; background-color:red;padding: 10px 20px;margin: 20px auto;color: #fff;font-weight: bold}
.point-title{font-size: 25px;font-weight: bold;border-bottom: solid 2px #c0c0c0;padding-bottom: 1em;}
.point-txt{margin: 30px;font-size: 15px;line-height:1.5em;}

/*非接触イベント*/
.kikaku_hands{text-align: center;}
.kikaku_hands a:hover{opacity: 0.8;}
.kikaku_hands_txt{text-align: center;font-family: BIZ UDPGothic;}
.kikaku_hands_spn{font-size:20px;font-family: BIZ UDPGothic;}

/*プラン比較表*/
.plancompare{display:flex;margin:0 0 2em 0;}
.plancompare div{display:flex-box;width:32%;margin:1%;}

.plancompare dl dt{text-align:center;color:#fff;padding:5px 0 15px 0;}
.plancompare dl dt h5{font-size:1.41rem;padding:0;margin:0.8rem 0;line-height:1.41rem;}
.plancompare dl dt a{font-size:1.16rem;background:#fff;border-radius:6px;display:block;width:80%;margin:auto;padding:0.4rem;box-shadow:0 1px 0px rgba(0,0,0,0.2),0 2px 8px rgba(0,0,0,0.2);}
.plancompare-simple dl dt{background:#51b0bb;}
.plancompare-simple dl dd td{color:#51b0bb;}
.plancompare-basic dl dt{background:#a372ad;}
.plancompare-basic dl dd td{color:#a372ad;}
.plancompare-full dl dt{background:#f29944;}
.plancompare-full dl dd td{color:#f29944;}

.plancompare dl dd table{width:100%;border-collapse: collapse;}
.plancompare dl dd tr{border-bottom:1px solid #ccc;}
.plancompare dl dd tr:nth-child(even){background:#eee;}
.plancompare dl dd tr th{border-bottom:1px solid #ccc;text-align:center;padding:0.5rem 0;font-size: 15px;width: 110px;}
.plancompare dl dd tr td{border-bottom:1px solid #ccc;text-align:center;padding:0.5rem 0;font-size: 15px;}
.plancompare dl dd tr:last-child td{color:#ff0000;font-size:1.28rem;}



/*インタビュー見出し*/
.cybozu_itv{font-size: 1.5rem !important;line-height:1.4em;font-weight: bold;text-align: center;border: solid #000;border-width: 2px 0px;margin: 1em 0;padding: 1em 0!important;}

.box_wrap_header{width: 100%;}
.actionflow__list{display: flex;font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
.actionflow__list li{width: 100px; padding:0 20px; position: relative;}
.actionflow__list li:after{border-left: 1.5rem solid #d8d8d8;border-top: 2.2rem solid transparent;border-bottom: 2.2rem solid transparent;right: 0.1rem;top: 50%;margin-top: -2.2rem;content: "";position: absolute;}
.actionflow__list li:last-child::after{display: none;}
.actionflow__item{display: flex;justify-content: center;align-items: center;writing-mode: tb-rl;padding: 2rem 1rem;color: #18a2dc;font-size: 1.4rem;font-weight: 700;position: relative;height: 357px;}
.actionflow__item span{writing-mode: horizontal-tb;}
.actionflow__item:before{content: '';border: .2rem solid #178fc2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

.corp th {	padding:3px 10px; width:50px;	}
.corp td {	padding:3px 10px;	}
@media screen and (min-width:1200px) {	.corp_box{	display: flex;	}  .corp_box img{width: 50%;height: 100%; margin: 154px 0px 154px 25px;} .corp_box table{margin:45px 25px;}	}	/* PC */
@media screen and (max-width:1199px) {	.corp_box{ width:98%;}	.corp_box img{width: 80%;margin: 10% 10% 0px;}.corp_box table{margin:5% 0% 10%;}}					/* スマホ */
}


@media screen and (max-width:480px){
.online_title i{font-family: "Font-Awesome";content: "\f059";}
.online_titlem{font-size: 1.0rem;text-align: center}
}