@charset "utf-8";

/*--sec--*/
.think_sec div,
.think_sec dl,
.think_sec dt,
.think_sec dd,
.think_sec ul,
.think_sec li{
	box-sizing: border-box;
}
.think_sec .titbox {
    padding: 20px 0 30px 0;
    margin: 20px 0 0 0;
    text-align: center;
    border-radius: 50% 50% 50% 50%/12% 12% 12% 12%;
    background: url(../img/think/bg_ttl.png) no-repeat center 20px #fadce9;
}

.think_sec .titbox h2 {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 30px;
    padding: 60px 0 35px 0;
    background: url(../img/common/border.png) bottom center no-repeat;
    color: #e9546b;
	line-height:1.8;
}
.think_sec .titbox p{
	display:inline-block;
	font-size: 15px;
	color:#fff;
	background-color:#e83820;
	padding:2px 15px;
	border-radius:20px;
}
.think_sec .num{
	display:inline-block;
	width:53px;
	height:51px;
	border-radius:19px;
	background:url(../img/think/bg_num01.png) no-repeat 0 50%;
	text-align:center;
	font-size:22px;
	line-height:51px;
	font-weight:bold;
	color:#fff;
}
.think_sec .area_01{
	padding: 77px 0 55px 0;
}
.think_sec .area_01 .box {
	text-align: center;
}

.think_sec .area_01 h3 {
    padding: 30px 0 50px 0;
    font-size: 30px;
    color: #e9546b;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 700;
}
.think_sec .area_01 h3 span{
	display:block;
}
.think_sec .thinkbox{
	width:1100px;
	padding:40px;
	background-color:#fadce9;
	border-radius:40px;
	margin:-30px auto 0 auto;
	text-align:center;
	font-size:18px;
}
.think_sec .txtlbox{
	text-align:left;
	padding:0 160px;
	font-size:16px;
	line-height:1.5;
	font-size:18px;
}
.think_sec .notewrap{
	border-top:3px dotted #fff;
	padding:45px 0 0 0;
	margin-top:45px;
}
.think_sec .notebox{
	background:url(../img/think/pg_note03.png) no-repeat 0 0;
	padding:30px 22px 30px 65px;
	text-align:left;
	font-size:16px;
	line-height:1.5;
}
.think_sec .notebox h4{
	padding: 0 0 20px 0;
    font-size: 24px;
	font-weight:bold;
    color: #38a1db;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.think_sec .notebox .note{
	display:flex;
	flex-direction: row;
	width:100%;
}
.think_sec .notebox .note .img{
	padding-left:20px;
}
.think_sec .notebox .note .img img{
	margin-top:-20px;
}


.think_sec .notewrap-clum2{
	display:flex;
	display:-ms-flex;
	flex-direction:row-reverse;
	-ms-flex-direction: row-reverse;
	text-align:left;
	border-top:3px dotted #fff;
	padding:45px 0 0 0;
	margin-top:40px;
}
.think_sec .notebox02{
	background:url(../img/think/pg_note02.png) no-repeat 0 0;
	padding:30px 95px 30px 65px;
	text-align:left;
	font-size:16px;
	line-height:1.5;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .think_sec .notebox02 { width:100%; } /* IE11 */
}
.think_sec .notebox02 h4{
	padding: 0 0 20px 0;
    font-size: 24px;
	font-weight:bold;
    color: #38a1db;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.think_sec .notebox02 h4 span{
	display:inline-block;
	font-size:12px;
	color:#fff;
	padding:5px 10px;
	background-color:#38a1db;
	border-radius:20px;
}
.think_sec .notebox02 .note{
	display:flex;
	flex-direction: row;
	width:100%;
}
.think_sec .notebox02 .note .img{
	padding-left:20px;
}
.think_sec .notebox02 .note .img img{
	margin-top:-20px;
}

.think_sec .contact{
	width:390px;
	margin:40px auto 0 auto;
}
.think_sec .contact h5{
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-family: 'Noto Sans Japanese', sans-serif;
	padding:5px 0;
	background-color:#fadce9;
	border-radius:20px;
	margin-bottom:10px;
}
.think_sec .contact p{
	text-align:center;
}
.think_sec .contact .telbox{
	font-size:36px;
	color:#ec6d81;
	font-weight:bold;
}
.think_sec .contact .telbox img{
	vertical-align: middle;
	padding: 0 5px 0 0;
	margin-top:-5px;
}
.think_sec .btnbox{
	width:1100px;
	border-top:3px dotted #fadce9;
	margin:40px auto 0 auto;
	text-align:center;
	padding:40px 0 0 0;
	
}
.think_sec .two img{
	padding:0 10px;
}
.think_sec .clum2{
	display:flex;
	flex-direction: row;
	text-align:left;
	padding:20px 160px 0 160px;
}
.think_sec .clum2 p:first-child{
	padding-right:40px;
}
.think_sec .kome{
	display:block;
	font-size:12px;
	padding-top:10px;
	padding-left:1.2em;
	text-indent:-1.2em;
}
.think_sec .cap{
	display:block;
	font-size:11px;
	padding-top:5px;
}
.think_sec .voice{
	display:block;
	padding:35px 0 20px 0;
}
.think_sec .voice dt{
	padding-bottom:15px;
}
.think_sec .voice-list{
	color: #38a1db;
}
.think_sec .voice-list li{
	padding-left:1.2em;
	text-indent:-1.2em;
}
.think_sec .voice-list li:before{
	content:"●"
}
.think_sec .voice-img{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width:625px;
}
.think_sec .voice-img li{
	width:31%;
}
.think_sec .voice-img img{
	width:100%;
	height:auto;
}
.think_sec .secbox{
	border-top:3px dotted #fff;
	margin:40px auto 40px auto;
}
.think_sec .mt-20{
	margin-top:-20px;
}
/*--3--*/
.futureList{
	font-size:14px;
	line-height:1.4;
	padding:10px 0 5px 0;
}
.futureList li{
	padding:0 0 5px 1.2em;
	text-indent:-1.2em;
}
.futureList li:before{
	content:"◎ ";
	color:#38a1db;
}
.pr40pl20{
	padding-right:40px;
	padding-left:20px;
}
.capTxt{
	display:block;
	font-size:14px;
	padding-bottom:10px;
}
.pinkTtl{
	font-size:18px;
	font-weight:bold;
	color:#e9546b;
	padding-bottom:10px;
}
	
.usebox{
	display:flex;
	flex-direction: row;
	width:657px;
}
.usebox dl{
	width:33.33%;
}
.usebox dd{
	font-size:14px;
	font-weight:bold;
}
.iconTxt{
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	background-color:#38a1db;
	padding:2px 5px;
	border-radius:10px;
	margin-left:5px;
}
.subtxt{
	display:block;
	font-size:12px;
	font-weight:normal;
}
.dispTbl{
	display:table;
}
.dispTbl dt,
.dispTbl dd{
	display:table-cell;
}
.dispTbl dt{
	width:40px;
}
.dispTbl dd{
	vertical-align:bottom;
}
.mt-200{
	margin-top:-195px;
}
/*-4-*/
.variety_tbl{
	font-size:15px;
	line-height:1.4;
}
.variety_tbl td img{
	width:100% !important;
    height: auto;
}
.variety_tbl td{
	background-color:#fff;
	padding:15px;
	text-align:left;
	box-sizing:border-box;
    vertical-align: top;
}
.variety_tbl th{
	padding:10px;
	vertical-align:middle;
	box-sizing:border-box
}
.variety_tbl th span{
    display: block;
}
.variety_tbl th.y_bg{
	background-color:#fffcdb;
	text-align:center;
}
.variety_tbl th.g_bg{
	background-color:#a5d4ad;
	text-align:left;
	width:80px;
}
.variety_tbl th.b_bg{
	background-color:#bbcce9;
	text-align:left;
}
.variety_tbl a.d_btn{
	display:inline-block;
	margin:0 au;
	font-size:11px;
	color:#fff;
	line-height:1.1;
	padding:5px;
	border-radius:4px;
	text-align:center;
	text-decoration:none;
}
.variety_tbl a.g_btn{
	background-color:#009c84;
}
.variety_tbl a.b_btn{
	background-color:#5689e0;
}
.variety_tbl a.g_btn:hover{
	background-color:#009c84;
	opacity:0.8;
}
.variety_tbl a.b_btn:hover{
	background-color:#5689e0;
	opacity:0.8;
}
.list_cercle_g li{
	padding-left:1.2em;
	text-indent:-1.2em;
}
.list_cercle_g li:before{
	content:"●";
	color:#a5d4ad;
}
.list_cercle_b li{
	padding-left:1.2em;
    text-indent:-1.2em;
}
.list_cercle_b li:before{
	content:"●";
	color:#bbcce9;
}
.variety_tbl .list_img{
	display:flex;
}
.variety_tbl .w50p{
    width: 50%;
    box-sizing: border-box;
    padding: 10px 20px;
}
.variety_tbl .w33p{
    width: 33.333%;
    padding:5px 3px;
}
.variety_tbl .list_img span{
    display: block;
    text-align: center;
}
.dl_mark{
	display:flex;
    align-items:center;
}
.dl_mark dt{
    padding-right: 10px;
}
.dl_mark dt p{
    display: block;
    font-size: 13px;
    background-color: #1eb9ee;
    border-radius: 13px;
    padding: 3px 5px;
    white-space: nowrap;
    color: #fff;
}
.variety_tbl .tbl_line_bottom{
    border-bottom: 1px solid #d4d5d5;
}
.variety_tbl .tbl_line_right{
    border-right: 1px solid #d4d5d5;
}
.variety_voice{
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    border-radius:5px;
    padding: 10px;
    margin-top: 20px;
}
.variety_voice dt{
    width: 140px;
    min-height: 126px;
    background: url(../img/think/variety_img09.png) no-repeat 50% 50%;
    text-indent: -9999px;
    box-sizing: border-box;
}
.variety_voice dd{
    text-align: left;
    box-sizing: border-box;
}
.variety_voice dd li{
    padding: 0 0 5px 1.2em;
    text-indent: -1.2em;
    font-size: 16px;
}
.variety_voice dd li:before{
    content: "・";
}
.variety_btn_area {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 20px 0;
    text-align: center;
}
.variety_btn_area p{
    width: 40%;
    border-radius: 4px;
}
.variety_btn_area a{
    display: block;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.variety_btn_area a:hover{
    opacity:0.8;
}
.variety_btn_area p.green_btn{
    background-color: #009c84;
}
.variety_btn_area p.blue_btn{
    background-color: #5689e0;
}

/*-5-*/
.lingbox{
    display: flex;
    flex-direction: row;
}
h4{
    font-size: 24px;
    color: #e9546b;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 30px;
}
h4 span{
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.lingbox .boxL{
    width: 60%;
    text-align: left;
    padding-right: 60px;
}
.lingbox .boxL p{
    font-size: 16px;
    line-height: 1.5;
}
.lingbox .boxR p{
    text-align: left;
}
.lingCap{
    display: block;
    font-size: 14px;
    line-height: 1.2;
    padding-top: 5px;
}
.think_sec .kaihatsu{
	display:block;
	padding:35px 0 20px 0;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-top: 25px;
}
.think_sec .kaihatsu dt{
    margin-top: -30px;
}
.think_sec .kaihatsu dd{
    padding-top: 10px;
}
.think_sec .kaihatsu-list{
	color: #38a1db;
}
.think_sec .kaihatsu-list li{
	padding-left:1.2em;
	text-indent:-1.2em;
}
.think_sec .kaihatsu-list li:before{
	content:"●"
}
.think_sec .kaihatsu-img{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width:625px;
}
.think_sec .kaihatsu-img li{
	width:31%;
}
.think_sec .kaihatsu-img img{
	width:100%;
	height:auto;
}

.yellowBox{
    background-color: #fffcdb;
    border-radius: 8px;
    padding: 20px;
    text-align: left;
    font-size: 18px;
    line-height: 1.6;
    color: #e9546b;
}
.lingPt40{
    padding-top: 40px;
}
.kome12{
    display: block;
    font-size: 12px !important;
    line-height: 1.6;
    padding: 0 0 0 1.2em;
    text-indent: -1.2em;
}
.ptt50{
    padding-top: 50px;
}
.tblBox{
    display: table;
    width: 100%;
}
.tblBox li{
    display: table-cell;
    vertical-align: middle;
}
.pl15{
    padding-left: 15px;
}

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

.pcdispno{
    display: none;
}
}
@media screen and (max-width:768px) {

.spdispno{
    display: none;
}
.think_sec .titbox h2 {
        font-family: 'Noto Sans Japanese', sans-serif;
        font-size: 18px;
        padding: 30px 0 20px 0;
        background: url(../img/common/border.png) bottom center no-repeat;
        color: #e9546b;
}
.think_sec .titbox p{
	font-size: 12px;
	padding:2px 10px;
}
.think_sec .titbox {
	background: url(../img/think/bg_ttl.png) no-repeat center 20px #fadce9;
	padding: 20px 0 20px 0;
	background-size: 320px;
}

.think_sec .raise .titbox h2 {
        padding: 50px 0 20px 0;
		font-size: 16px;
}
.think_sec .num{
	display:inline-block;
	width:22px;
	height:22px;
	border-radius:11px;
	background:#e9546b;
	text-align:center;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#fff;
	margin-right:5px;
}
.think_sec .area_01 img {
    width: 90%;
    height: auto;
}
.think_sec .area_01 .w70 {
    width: 70px;
    height: auto;
    margin: 0 auto;
}
.think_sec .area_01{
	padding: 30px 10px 30px 10px;
}
.think_sec .area_01 h3 {
    padding: 15px 0 15px 0;
    font-size: 18px;
    color: #e9546b;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.think_sec .area_01 h3 span{
	display: inline;
}
.think_sec .thinkbox{
	width:100%;
	padding:30px 20px 20px 20px;
	background-color:#fadce9;
	border-radius:20px;
	margin:-30px 0 0 0;
	text-align:center;
	font-size:16px;
}
.think_sec .txtlbox{
	text-align:left;
	padding:0 0;
	font-size:14px;
	line-height:1.5;
	font-size:16px;
}

.think_sec .notewrap{
	border-top:3px dotted #fff;
	padding:45px 0 0 0;
	margin-top:45px;
}
.think_sec .note .img img{
	margin-top:-20px;
}
.think_sec .notewrap{
	border-top:3px dotted #fff;
	padding:20px 0 0 0;
	margin-top:20px;
}
.think_sec .notebox{
	background:none;
	padding:10px 0;
	text-align:left;
	font-size:14px;
	line-height:1.5;
}
.think_sec .notebox h4{
	padding: 0 0 10px 0;
    font-size: 18px;
	font-weight:bold;
    color: #38a1db;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.think_sec .notebox .note{
	display:block;
	flex-direction:none;
	width:100%;
}
.think_sec .notebox .note .img{
	padding-left:0;
	text-align:center;
}
.think_sec .notebox .note .img img{
	margin-top:0;
	width:100%;
}
.think_sec .contact{
	width:100%;
	margin:20px auto 0 auto;
}
.think_sec .contact h5{
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-family: 'Noto Sans Japanese', sans-serif;
	padding:5px 0;
	background-color:#fadce9;
	border-radius:20px;
	margin-bottom:10px;
}
.think_sec .contact p{
	text-align:center;
}
.think_sec .contact .telbox{
	font-size:28px;
	color:#ec6d81;
	font-weight:bold;
	padding:10px 0 0 0;
}
.think_sec .contact .telbox img{
	width:18%;
	height:auto;
	vertical-align: middle;
	padding: 0 5px 0 0;
	margin-top:-5px;
}
.think_sec .btnbox{
	width:100%;
	margin:25px auto 0 auto;
	padding:25px 0 0 0;
	
}
.think_sec .btnbox img{
	width:100%;
}
.think_sec .two img{
	display:block;
	padding-bottom:15px;
	margin:0 auto;
	height:40px;
	width:auto;
}
.think_sec .clum2{
	display:flex;
	flex-direction: column;
	text-align:left;
	padding:20px 0 0 0;
}
.think_sec .clum2 p:first-child{
	padding-right:0;
}
.think_sec .img_center{
	text-align:center;
}
.think_sec .img_center img{
	width:auto;
	height:auto;
	display:block;
	margin:0 auto;
	padding:20px 0 0 0;
}

.think_sec .notewrap-clum2{
	display:flex;
	flex-direction: column;
	text-align:left;
	border-top:3px dotted #fff;
	padding:45px 0 0 0;
	margin-top:40px;
}
.think_sec .notebox02{
	background:none;
	padding:0 0 0 0;
	text-align:left;
	font-size:16px;
	line-height:1.5;
}
.think_sec .notebox02 h4{
	padding: 0 0 20px 0;
    font-size: 18px;
	font-weight:bold;
    color: #38a1db;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.think_sec .notebox02 h4 span{
	display:inline-block;
	font-size:12px;
	color:#fff;
	padding:5px 10px;
	background-color:#38a1db;
	border-radius:20px;
}
.think_sec .notebox02 .note{
	display:flex;
	flex-direction: row;
	width:100%;
}

.think_sec .contact h5{
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-family: 'Noto Sans Japanese', sans-serif;
	padding:5px 0;
	background-color:#fadce9;
	border-radius:20px;
	margin-bottom:10px;
}
.think_sec .contact p{
	text-align:center;
}
.think_sec .contact .telbox img{
	vertical-align: middle;
	padding: 0 5px 0 0;
	margin-top:-5px;
}

.think_sec .cap{
	display:block;
	font-size:11px;
	padding-top:5px;
}
.think_sec .voice{
	display:block;
	padding:35px 0 20px 0;
}
.think_sec .voice dt img{
	width:110px;
	height:auto;
}
.think_sec .voice-img{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	width:100%;
}
.think_sec .voice-img li{
	width:100%;
	text-align:center;
}
.think_sec .voice-img img{
	width:235px;
	height:auto;
	padding-bottom:10px;
}
.think_sec .manga{
	width:100%;
	text-align:center;
	padding:0 0 30px 0;
}

.think_sec .manga img{
	width:230px;
}

.think_sec .mt-20{
	margin-top:0;
}
/*-3-*/
.usebox{
	display:flex;
	flex-direction: column;
	width:100%;
	background-color:#fff;
	padding:20px 0;
	border-radius:5px;
}
.usebox dl{
	width:70%;
	padding-bottom:15px;
	padding:10px;
	margin:0 auto;
}
.usebox dt{
    text-align: center;
}
.usebox img{
	width:80% !important;
    margin: 0 auto;
}
.pr40pl20{
	padding-right:0;
	padding-left:0;
	padding-top:15px;
}
.pr40pl20 img{
	width:100% !important;
}
.mt-200{
	margin-top:40px;
}
/*-4-*/
.variety_tbl th span{
    display: inline;
}
.variety_tbl th.g_bg{
	background-color:#a5d4ad;
	text-align:left;
	width:100%;
    text-align: center;
}
.variety_tbl th.b_bg{
	background-color:#bbcce9;
	text-align:left;
	width:100%;
    text-align: center;
}
.variety_tbl a.d_btn{
    margin-left: 10px;
}
.variety_voice{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.variety_voice dt{
    width: 100%;
    min-height: auto;
    background: none;
    text-indent: 0;
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #6a4339;
}
.variety_voice dd{
    text-align: left;
}
.variety_btn_area {
    flex-direction: column;
}
.variety_btn_area p{
    width: 100%;
}
.pl20{
    padding-left: 20px;
}

/*-5-*/
.lingbox{
    display: flex;
    flex-direction: column;
}
.lingbox .boxL{
    width: 100%;
    text-align: left;
    padding-right: 0;
}
h4{
    font-size: 16px;
    color: #e9546b;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 15px;
}
h4 span{
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

.lingPt40{
    padding-top: 15px;
}
.boxR img{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.lingCap{
    font-size: 12px;
}
.yellowBox{
    padding: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: #e9546b;
}
.think_sec .kaihatsu dt img{
    width: auto;
    height: auto;
}
.ptt50{
    padding-top: 0px;
}
.tblBox{
    display: block;
    width: 100%;
}
.tblBox li{
    display: block;
    vertical-align: middle;
}
    }
.pl15{
    padding-left: 15px;
}
}